<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;">
					<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>