yunshangxie/pages/index/apply_in.vue

1246 lines
42 KiB
Vue

<template>
<view class="template-edit tn-safe-area-inset-bottom">
<!-- 顶部自定义导航 -->
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
<view style="padding-left: 15rpx;" @click="goBack()">
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
</view>
<view class="tn-margin-top"
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
<tn-tabs :list="[{name:'申请入会'}]" :current="topCurrent" activeColor="#000" :bold="false"
:fontSize="36"></tn-tabs>
</view>
</view>
</tn-nav-bar>
<view class="tn-safe-area-inset-bottom" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
<view style="margin-top: 40rpx">
<tn-steps :list="tab_list" :current="current"></tn-steps>
</view>
<view v-if="current==1" style="padding: 30rpx">
<view v-html="info.ruhuixizhu"></view>
<view style="text-align: center;margin-top: 60rpx">
<tn-checkbox v-model="checked1">同意入会协议</tn-checkbox>
<view style="margin-top: 20rpx">
<tn-button backgroundColor="#01BEFF" fontColor="#ffffff" @click="one_next()">下一步</tn-button>
</view>
</view>
</view>
<view v-if="current==2" style="padding: 30rpx">
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">推荐人</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
</view>
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">手机号</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="填写手机号" v-model="formData.phone" placeholder-style="color:#AAAAAA"></input>
</view>
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">密码</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="密码" v-model="formData.password" placeholder-style="color:#AAAAAA"></input>
</view>
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">申请职位</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input v-model="formData.position_name" :showRightIcon="false" :disabled="true"
@click="position_show = true" />
<tn-select v-model="position_show" mode="single" :list="positionList"
@confirm="getPositionId"></tn-select>
</view>
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">真实姓名</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入真实姓名" v-model="formData.nikename" placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">性别</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input v-model="formData.gender_name" :showRightIcon="false" :disabled="true"
@click="gender_show = true" />
<tn-select v-model="gender_show" mode="single" :list="genderList"
@confirm="getGenderId"></tn-select>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">民族</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入民族" v-model="formData.nation" placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">政治面貌</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入政治面貌" v-model="formData.political" placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">出生日期</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input v-model="formData.birth_time_name" :showRightIcon="false" :disabled="true"
@click="birth_time_show = true" />
<tn-calendar v-model="birth_time_show" mode="date" @change="birth_time_chick"></tn-calendar>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">身份证号码</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入身份证号码" v-model="formData.card_number"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">籍贯</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入籍贯" v-model="formData.jiguan" placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">毕业院校</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入毕业院校" v-model="formData.institution"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">学历</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入学历" v-model="formData.education" placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">学位</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入学位" v-model="formData.academic_degree"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">工作单位</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入工作单位" v-model="formData.work_unit" placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">单位职务</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入单位职务" v-model="formData.unit_position"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">微信号</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入微信号" v-model="formData.wx_number" placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">邮箱</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入邮箱" v-model="formData.mailbox" placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">固定电话</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入固定电话" v-model="formData.fixed_telephone"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">其他社会职务</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入其他社会职务" v-model="formData.other_social_positions"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">其他联系人</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入其他联系人" v-model="formData.other_contacts"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">主要成就以及获奖情况</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入主要成就以及获奖情况" v-model="formData.achievement_award"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">证件照</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<tn-image-upload :action="apiUrl+'/common/upload'" @on-success="formatResponse($event,0)"
:fileList="formData.photo_image_show" :maxCount="1"></tn-image-upload>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">身份证正面照</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<tn-image-upload :action="apiUrl+'/common/upload'" @on-success="formatResponse($event,1)"
:fileList="formData.cardz_image_show" :maxCount="1"></tn-image-upload>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">身份证反面照</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<tn-image-upload :action="apiUrl+'/common/upload'" @on-success="formatResponse($event,2)"
:fileList="formData.cardf_image_show" :maxCount="1"></tn-image-upload>
</view>
<view style="margin-top: 20rpx;text-align: center">
<tn-button backgroundColor="#01BEFF" fontColor="#ffffff" @click="two_next()">下一步</tn-button>
</view>
</view>
<view v-if="current==3" style="padding: 30rpx">
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">营业执照</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<tn-image-upload :action="apiUrl+'/common/upload'" @on-success="formatResponse($event,3)"
:fileList="formData.business_license_image_show" :maxCount="1"></tn-image-upload>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">统一社会信用代码</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入统一社会信用代码" v-model="formData.unified_code"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">企业性质</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入企业性质" v-model="formData.enterprise_nature"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">行业</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input v-model="formData.industry_id_name" :showRightIcon="false" :disabled="true"
@click="industry_id_show = true" />
<tn-select v-model="industry_id_show" mode="single" :list="industry_list"
@confirm="getindustryId"></tn-select>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">企业网址</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入企业网址" v-model="formData.enterprise_website"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">是否上市</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<tn-radio-group v-model="formData.if_list" @change="radioGroupChange">
<tn-radio shape="circle" name="0">是</tn-radio>
<tn-radio shape="circle" name="1">否</tn-radio>
</tn-radio-group>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">员工人数</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入员工人数" v-model="formData.employee" placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">企业注册地</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入企业注册地" v-model="formData.enterprise_location"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">上年度营业额</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入上年度营业额" v-model="formData.previous_revenue"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">上年度纳税额</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入上年度纳税额" v-model="formData.previous_tax"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">上年度净利润</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入上年度净利润" v-model="formData.previous_profit"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">上年度公益性捐赠支出</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入上年度公益性捐赠支出" v-model="formData.previous_donation"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">其他企业任职情况</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入其他企业任职情况" v-model="formData.qitaqiyerenzhiqingkuang"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">企业介绍</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入企业介绍" v-model="formData.enterprise_Introduction"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">业务介绍</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入业务介绍" v-model="formData.introdiction"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">企业所获荣誉以及专利</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入企业所获荣誉以及专利" v-model="formData.enterprise_honor"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">是否建立团组织</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<tn-radio-group v-model="formData.if_organization">
<tn-radio shape="circle" name="0">是</tn-radio>
<tn-radio shape="circle" name="1">否</tn-radio>
</tn-radio-group>
</view>
<view v-if="formData.if_organization==0">
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">团组织性质</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入团组织性质" v-model="formData.nature"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">建团时间</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input v-model="formData.jiantuan_time_name" :showRightIcon="false" :disabled="true"
@click="jiantuan_time_show = true" />
<tn-calendar v-model="jiantuan_time_show" mode="date"
@change="jiantuan_time_chick"></tn-calendar>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">建团人数</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入建团人数" v-model="formData.jiantuan_number"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">青年人数</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入青年人数" v-model="formData.youth_number"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">上级团组织</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入上级团组织" v-model="formData.superior_nature"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">团委负责人</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="请输入团委负责人信息" v-model="formData.tuanweifuzerenxinxi"
placeholder-style="color:#AAAAAA"></input>
</view>
<!--分割线-->
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item">
<view class="tn-padding-right-xs tn-text-bold">批复文件(图片)</view>
</view>
</view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<tn-image-upload :action="apiUrl+'/common/upload'" @on-success="formatResponse($event,4)"
:fileList="formData.cardf_image_show" :maxCount="1"></tn-image-upload>
</view>
</view>
<div style="text-align: center;margin-top: 40px">
<tn-button @click="current=2" backgroundColor="#E6E6E6" fontColor="#000000">上一步</tn-button>
<tn-button backgroundColor="#01BEFF" fontColor="#ffffff" style="margin-left: 40rpx"
@click="submit">提交申请</tn-button>
</div>
</view>
</view>
<view class='tn-tabbar-height'></view>
</view>
</template>
<script>
import {
associationInfo,
IndustryList,
loginAdd,
positionList,
} from '@/util/api.js';
import store from "@/store";
export default {
data() {
return {
positionList: [],
industry_list: [],
jiantuan_time_show: false,
position_show: false,
gender_show: false,
industry_id_show: false,
genderList: [{
label: '男',
value: 0
}, {
label: '女',
value: 1
}],
birth_time_show: false,
checked1: false,
topCurrent: 0,
current: 1,
info: {},
tab_list: [{
name: '入会须知'
}, {
name: '人员信息'
}, {
name: '公司信息'
}],
formData: {
position_name: '请选择',
position_id: 0,
industry_id: '',
industry_id_name: '请选择',
phone: '',
password: '',
nikename: '',
gender_name: '请选择',
gender: 0,
birth_time_name: '请选择',
birth_time: '',
nation: '',
political: '',
jiguan: '',
institution: '',
education: '',
academic_degree: '',
card_number: '',
work_unit: '',
unit_position: '',
wx_number: '',
mailbox: '',
fixed_telephone: '',
achievement_award: '',
other_contacts: '',
other_social_positions: '',
position: '',
cardf_image_show: [],
cardz_image_show: [],
photo_image_show: [],
cardf_image: '',
cardz_image: '',
photo_image: '',
business_license_image_show: [],
business_license_image: '',
unified_code: '',
enterprise_nature: '',
enterprise_website: '',
if_list: '',
employee: '',
previous_revenue: '',
previous_tax: '',
previous_profit: '',
previous_donation: '',
qitaqiyerenzhiqingkuang: '',
enterprise_Introduction: '',
introdiction: '',
enterprise_honor: '',
if_organization: null,
nature: '',
jiantuan_time: '',
jiantuan_time_name: '请选择',
jiantuan_number: '',
youth_number: '',
superior_nature: '',
tuanweifuzerenxinxi: '',
documents_file: '',
documents_file_show: [],
enterprise_location: '',
apiUrl: this.$store.state.apiUrl
},
}
},
onLoad() {
this.getAssociationInfo();
this.getPlan();
this.getIndustry();
},
methods: {
getIndustry() {
IndustryList({
association_id: store.state.Gid,
})
.then(res => {
if (res.code == 1) {
var key = res.data;
const transformedSelectList = key.map(item => ({
value: item.id,
label: item.industry_name
}));
this.industry_list = transformedSelectList;
}
})
.catch(error => {
uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
},
formatResponse(res, type) {
console.log(res);
if (res.code == 1) {
uni.showToast({
title: '上传成功',
icon: 'none',
duration: 2000
});
}
if (type == 0) {
this.formData.photo_image = res.data.url;
} else if (type == 1) {
this.formData.cardz_image = res.data.url;
} else if (type == 2) {
this.formData.cardf_image = res.data.url;
} else if (type == 3) {
this.formData.business_license_image = res.data.url;
} else {
this.formData.documents_file = res.data.url;
}
//return {url: res.data.fullurl};
},
radioGroupChange(d) {
console.log(d);
},
getPositionId(d) {
var info = d[0];
this.formData.position_name = info.label;
this.formData.position_id = info.value;
},
getGenderId(d) {
var info = d[0];
this.formData.gender_name = info.label;
this.formData.gender = info.value;
},
getindustryId() {
var info = d[0];
this.formData.industry_id_name = info.label;
this.formData.industry_id = info.value;
},
birth_time_chick(d) {
console.log(d);
this.formData.birth_time = d.date;
this.formData.birth_time_name = d.date;
},
jiantuan_time_chick(d) {
this.formData.jiantuan_time_name = d.date;
this.formData.jiantuan_time = d.date;
},
two_next() {
if (this.formData.phone == '') {
uni.showToast({
title: '请输入手机号!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.password == '') {
uni.showToast({
title: '请输入密码!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.nikename == '') {
uni.showToast({
title: '请输入真实姓名!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.position_id == 0) {
uni.showToast({
title: '请选择申请职位!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.birth_time == '') {
uni.showToast({
title: '请输入出生日期!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.gender == 0) {
uni.showToast({
title: '请选择性别!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.nation == '') {
uni.showToast({
title: '请输入民族!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.political == '') {
uni.showToast({
title: '请输入政治面貌!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.jiguan == '') {
uni.showToast({
title: '请输入籍贯!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.institution == '') {
uni.showToast({
title: '请输入毕业院校!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.education == '') {
uni.showToast({
title: '请输入学历!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.academic_degree == '') {
uni.showToast({
title: '请输入学位!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.card_number == '') {
uni.showToast({
title: '请输入身份证号!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.work_unit == '') {
uni.showToast({
title: '请输入工作单位!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.unit_position == '') {
uni.showToast({
title: '请输入单位职务!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.wx_number == '') {
uni.showToast({
title: '请输入微信号!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.mailbox == '') {
uni.showToast({
title: '请输入邮箱!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.fixed_telephone == '') {
uni.showToast({
title: '请输入固定电话!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.achievement_award == '') {
uni.showToast({
title: '请输主要成就以及获奖情况!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.other_contacts == '') {
uni.showToast({
title: '请输入其他联系人!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.other_social_positions == '') {
uni.showToast({
title: '请输入其他社会职务!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.position == '') {
uni.showToast({
title: '请输入意向协会职务!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.cardf_image == '') {
uni.showToast({
title: '请上传身份证正面!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.cardz_image == '') {
uni.showToast({
title: '请上传身份证反面!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.photo_image == '') {
uni.showToast({
title: '请上传个人照片!',
icon: 'none',
duration: 2000
});
return;
}
this.current = 3;
},
one_next() {
if (!this.checked1) {
uni.showToast({
title: '请同意入会协议',
icon: 'none',
duration: 2000
});
return;
}
this.current = 2;
},
getPlan() {
positionList({
association_id: store.state.Gid,
})
.then(res => {
if (res.code == 1) {
var key = res.data;
const transformedSelectList = key.map(item => ({
value: item.id,
label: item.position_name
}));
this.positionList = transformedSelectList;
}
})
.catch(error => {
uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
},
getAssociationInfo() {
associationInfo({
association_id: store.state.Gid,
})
.then(res => {
console.log(res);
if (res.code == 1) {
var key = res.data;
if (key.association_desc.indexOf("<img") != -1) {
key.association_desc = getApp().addWidthToImages(key.association_desc);
}
this.info = key;
}
})
.catch(error => {
uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
},
submit() {
if (this.formData.business_license_image == '') {
uni.showToast({
title: '请上传营业执照!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.unified_code == '') {
uni.showToast({
title: '请输入统一社会信用代码!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.enterprise_nature == '') {
uni.showToast({
title: '请输入企业性质!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.industry_id == null) {
uni.showToast({
title: '请选择行业!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.enterprise_website == '') {
uni.showToast({
title: '请输入企业网址!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.if_list == null) {
uni.showToast({
title: '请选择是否上市!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.employee == '') {
uni.showToast({
title: '请输入员工人数!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.enterprise_location == '') {
uni.showToast({
title: '请输入企业注册地!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.previous_revenue == '') {
uni.showToast({
title: '请输入上年度营业额!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.previous_tax == '') {
uni.showToast({
title: '请输入上年度纳税额!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.previous_profit == '') {
uni.showToast({
title: '请输入上年度净利润!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.previous_donation == '') {
uni.showToast({
title: '请输入上年度公益性捐赠支出!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.qitaqiyerenzhiqingkuang == '') {
uni.showToast({
title: '请输入其他企业任职情况!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.enterprise_Introduction == '') {
uni.showToast({
title: '请输入企业介绍!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.introdiction == '') {
uni.showToast({
title: '请输入业务介绍!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.enterprise_honor == '') {
uni.showToast({
title: '请输入企业所获荣誉以及专利!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.if_organization == null) {
uni.showToast({
title: '是否建立团组织!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.if_organization == 0) {
if (this.formData.nature == '') {
uni.showToast({
title: '请输主团组织性质!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.jiantuan_time == '') {
uni.showToast({
title: '请输入建团时间!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.jiantuan_number == '') {
uni.showToast({
title: '请输入建团人数!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.youth_number == '') {
uni.showToast({
title: '请输入青年人数!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.superior_nature == '') {
uni.showToast({
title: '请输入上级团组织!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.tuanweifuzerenxinxi == '') {
uni.showToast({
title: '请输入团委负责人信息!',
icon: 'none',
duration: 2000
});
return;
}
if (this.formData.documents_file == '') {
uni.showToast({
title: '请上传批复文件!',
icon: 'none',
duration: 2000
});
return;
}
}
this.formData.association_id = this.id;
loginAdd(this.formData)
.then(res => {
if (res.code == 1) {
uni.showToast({
title: '申请成功,请关注站内信通知!',
icon: 'success',
duration: 2000
});
} else {
uni.showToast({
title: res.msg,
icon: 'error',
duration: 2000
});
}
})
.catch(error => {
uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
},
// 跳转
tn(e) {
uni.navigateTo({
url: e,
});
},
goBack() {
if (getCurrentPages().length > 1) {
uni.navigateBack()
} else {
uni.redirectTo({
url: '/pages/index/index'
})
}
},
}
}
</script>
<style lang="scss" scoped>
/* 底部悬浮按钮 start*/
.tn-tabbar-height {
min-height: 100rpx;
height: calc(120rpx + env(safe-area-inset-bottom) / 2);
}
.tn-footerfixed {
position: fixed;
width: 100%;
bottom: calc(30rpx + env(safe-area-inset-bottom));
z-index: 1024;
box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0);
}
/* 底部悬浮按钮 end*/
/* 标签内容 start*/
.tn-tag-content {
&__item {
display: inline-block;
line-height: 45rpx;
padding: 10rpx 30rpx;
margin: 20rpx 20rpx 5rpx 0rpx;
&--prefix {
padding-right: 10rpx;
}
}
}
/* 标签内容 end*/
</style>