<template>
	<view class="content">
		<u-overlay :show="overlayShow"></u-overlay>
		<view class="container">
			<headers :titles="titles"><uni-icons type="arrow-left" color="#fff" size="22px"></uni-icons></headers>
			<!-- 1 -->

			<view class="box_" v-if="oneShow">
				<view class="qiuqiu" @click="infoClick(1)"></view>
				<view @click="infoClick(1)">
					<view class="title-bs">
						<view class="" style="margin-left: 15px;font-weight: bold;">
							联系人信息
						</view>
						<view class="dis_" style="width: 100px;justify-content: flex-end;">
							<u-icon name="arrow-down" color="#6c6c6c" size="18"></u-icon>
						</view>
					</view>
				</view>

				<view class="box_bs">
					<view class="">证件类型</view>
					<view class="dis_" style="width: 80%;justify-content: flex-end;"
						@click="selectPick('certSelect','concat',1)">
						<view class="size_">{{this.formData.contacts?this.formData.contacts.certTypeName:""}}</view>
						<u-icon name="arrow-right" color="#ececec" size="18"></u-icon>
					</view>
				</view>
				<view style="margin: 15px auto;">证件照</view>
				<view class="bs_img">
					<view class="fifty">
						<u-upload :fileList="fileList1" @afterRead="((item)=>{addInfoImg(item, 'concat',1,1)})"
							@delete="((item)=>{deletePic(item, 'concat',1,1)})" name="1" multiple :maxCount="1"
							width="150" height="100">
							<image src="/static/imgs/yhkzm.png" mode="widthFix" style="width: 150px;height: 100px;">
							</image>
						</u-upload>
						<view class="" style="margin-top: 10px;">证件人像面</view>
					</view>
					<view class="fifty">
						<u-upload :fileList="fileList2" @afterRead="((item)=>{addInfoImg(item, 'concat',2,2)})"
							@delete="((item)=>{deletePic(item, 'concat',2,2)})" name="2" multiple :maxCount="1"
							width="150" height="100">
							<image src="/static/imgs/yhkfm.png" mode="widthFix" style="width: 150px;height: 100px;">
							</image>
						</u-upload>
						<view class="" style="margin-top: 10px;">证件国徽面</view>
					</view>
				</view>
				<view class="icon-box">
					<view class="x_" v-if="!oneCorporation " @click="sameFr('concat',1)"></view>
					<view class="xz_" v-else @click="sameFr('concat',1)">
						<u-icon name="checkmark" color="#fff" size="14"></u-icon>
					</view>
					<view class="" style="color: #ee8484;">与法人信息一致</view>
				</view>
				<view class="box_bs">
					<view class="">姓名</view>
					<view class="right_size">
						<input type="text" v-model="formData.contacts.participantName" placeholder="请输入" />
					</view>
				</view>
				<view class="box_bs">
					<view class="">证件号</view>
					<view class="right_size">
						<input type="text" v-model="formData.contacts.certNo" placeholder="请输入" />
					</view>
				</view>
				<view class="box_bs">
					<view class="">证件有效期</view>
					<view class="dis_">
						<view class="dis_" @click="pickTime('concat',1)">
							<view v-if="!formData.contacts.certEffectDate" style="margin: 0px 5px;">开始日期</view>
							<view v-else style="color:#000;margin: 0px 5px;">{{formData.contacts.certEffectDate}}
							</view>
							<u-icon name="arrow-down-fill" color="#2e2e2e" size="18"></u-icon>
						</view>



						<view class="size_" style="margin: 0px 5px;">至</view>
						<view class="dis_" @click="timePopup('concat',1)">
							<view v-if="!formData.contacts.certExaDate" style="margin: 0px 5px;">
								截至日期</view>
							<view v-else style="color:#000;margin: 0px 5px;">{{formData.contacts.certExaDate}}</view>
							<u-icon name="arrow-down-fill" color="#2e2e2e" size="18"></u-icon>
						</view>


					</view>
				</view>
				<view class="box_bs">
					<view class="">手机号</view>
					<view class="right_size">
						<input type="text" v-model="formData.contacts.mobileNo" placeholder="请输入" />
					</view>
				</view>
				<view class="box_bs">
					<view class="">邮箱</view>
					<view class="right_size">
						<input type="text" v-model="formData.contacts.email" placeholder="请输入" />
					</view>
				</view>
				<view class="box_bs">
					<view class="">归属地</view>
					<view class="dis_" @tap="openLevel('concat',1)">
						<view v-if="this.formData.contacts.county" class="size_">
							{{this.formData.contacts.provinceName+this.formData.contacts.cityName+this.formData.contacts.countyName}}
						</view>
						<view v-else class="size_" style="color: #7c7c7c;">
							{{"请选择"}}
						</view>

						<u-icon name="arrow-right" color="#ececec" size="18"></u-icon>
					</view>
				</view>
				<view class="box_bs">
					<view class="">住址</view>
					<view class="right_size">
						<textarea type="textarea" auto-height maxlength="200" placeholder="请输入"
							v-model="formData.contacts.address"></textarea>

					</view>
				</view>

			</view>
			<view class="four_box" @click="infoClick(1)" v-else>

				<view class="icon-box">
					<image src="../../static/imgs/l1.png" style="width: 18px; height: 18px;" mode=""></image>
					<view class="size_">联系人信息</view>
				</view>
				<view class="" @click="infoClick(1)">
					<u-icon name="arrow-right" color="#6c6c6c" size="18"></u-icon>
				</view>
			</view>
			<!-- 2 -->
			<view class="four_box" v-if="!twoShow" @click="infoClick(2)">
				<view class="icon-box">
					<image src="../../static/imgs/l2.png" style="width: 18px; height: 18px;" mode=""></image>
					<view class="size_">受益人信息</view>
				</view>
				<view class="">
					<u-icon name="arrow-right" color="#6c6c6c" size="18"></u-icon>
				</view>
			</view>
			<view class="box_" v-else>
				<view class="qiuqiu" @click="infoClick(2)"></view>
				<view class="title-bs" @click="infoClick(2)">
					<view class="" style="margin-left: 15px;font-weight: bold;">
						受益人信息
					</view>
					<view class="dis_" @click="twoShow =! twoShow">
						<u-icon name="arrow-down" color="#6c6c6c" size="18"></u-icon>
					</view>
				</view>
				<view v-for="(item,idx) in formData.beneficiary" :key="idx">
					<view class="d-s" v-show="idx>0">
						<view class="lv-biao"></view>
						<view class="">{{'新增'+numToTxt(idx+1)+'受益人信息'}}</view>
					</view>
					<view class="box_bs">
						<view class="">证件类型</view>
						<view class="dis_" style="width: 80%;justify-content: flex-end;"
							@click="selectPick('certSelect','beneficiary',idx)">
							<view class="size_">{{item?item.certTypeName:""}}</view>
							<u-icon name="arrow-right" color="#ececec" size="18"></u-icon>
						</view>
					</view>
					<view style="margin: 15px auto;">证件照</view>
					<view class="bs_img">
						<view class="fifty">
							<u-upload :fileList="item.fileList1"
								@afterRead="((item)=>{addInfoImg(item, 'beneficiary',idx,1)})"
								@delete="((item)=>{deletePic(item, 'beneficiary',idx,1)})" name="1" multiple
								:maxCount="1" width="150" height="100">
								<image src="/static/imgs/yhkzm.png" mode="widthFix" style="width: 150px;height: 100px;">
								</image>
							</u-upload>
							<view class="" style="margin-top: 10px;">证件人像面</view>
						</view>
						<view class="fifty">
							<u-upload :fileList="item.fileList2"
								@afterRead="((item)=>{addInfoImg(item, 'beneficiary',idx,2)})"
								@delete="((item)=>{deletePic(item, 'beneficiary',idx,2)})" name="2" multiple
								:maxCount="1" width="150" height="100">
								<image src="/static/imgs/yhkfm.png" mode="widthFix" style="width: 150px;height: 100px;">
								</image>
							</u-upload>
							<view class="" style="margin-top: 10px;">证件国徽面</view>
						</view>
					</view>
					<view class="icon-box">
						<view class="x_" v-if="!item.oneCorporation" @click="sameFr('beneficiary',idx)"></view>
						<view class="xz_" @click="sameFr('beneficiary',idx)" v-else>
							<u-icon name="checkmark" color="#fff" size="14"></u-icon>
						</view>
						<view class="" style="color: #ee8484;">与法人信息一致</view>
					</view>
					<view class="box_bs">
						<view class="">姓名</view>
						<view class="right_size">
							<input type="text" v-model="item.participantName" placeholder="请输入" />
						</view>
					</view>
					<view class="box_bs">
						<view class="">证件号</view>
						<view class="right_size">
							<input type="text" v-model="item.certNo" placeholder="请输入" />
						</view>
					</view>
					<view class="box_bs">
						<view class="">证件有效期</view>
						<view class="dis_">
							<view class="dis_" @click="pickTime('beneficiary',1,idx)">
								<view v-if="!item.certEffectDate" style="margin: 0px 5px;">开始日期</view>
								<view v-else style="color:#000;margin: 0px 5px;">{{item.certEffectDate}}
								</view>
								<u-icon name="arrow-down-fill" color="#2e2e2e" size="18"></u-icon>
							</view>



							<view class="size_" style="margin: 0px 5px;">至</view>
							<view class="dis_" @click="timePopup('beneficiary',idx)">
								<view v-if="!item.certExaDate" style="margin: 0px 5px;">
									截至日期</view>
								<view v-else style="color:#000;margin: 0px 5px;">{{item.certExaDate}}
								</view>
								<u-icon name="arrow-down-fill" color="#2e2e2e" size="18"></u-icon>
							</view>


						</view>
					</view>
					<view class="box_bs">
						<view class="">手机号</view>
						<view class="right_size">
							<input type="text" v-model="item.mobileNo" placeholder="请输入" />
						</view>
					</view>
					<view class="box_bs">
						<view class="">邮箱</view>
						<view class="right_size">
							<input type="text" v-model="item.email" placeholder="请输入" />
						</view>
					</view>
					<view class="box_bs">
						<view class="">归属地</view>
						<view class="dis_" @tap="openLevel('beneficiary',idx)">
							<view v-if="item.county" class="size_">
								{{item.provinceName+item.cityName+item.countyName}}
							</view>
							<view v-else class="size_" style="color: #7c7c7c;">
								{{"请选择"}}
							</view>

							<u-icon name="arrow-right" color="#ececec" size="18"></u-icon>
						</view>
					</view>
					<view class="box_bs">
						<view class="">住址</view>
						<view class="right_size">
							<textarea type="textarea" auto-height maxlength="200" placeholder="请输入"
								v-model="item.address"></textarea>

						</view>
					</view>
					<view v-show="idx>0" class="addBox" @click="delBox(1,idx)">
						<text>删除受益人</text>
					</view>
				</view>
				<view class="addBox" @click="addBox(1)">
					<text>新增受益人</text>
				</view>

			</view>


			<!-- 3 -->

			<view class="four_box" v-if="!threeShow " @click="infoClick(3)">
				<view class="icon-box">
					<image src="../../static/imgs/l3.png" style="width: 18px; height: 18px;" mode=""></image>
					<view class="size_">实际控制人信息</view>
				</view>
				<view class="" @click="infoClick(3)">
					<u-icon name="arrow-right" color="#6c6c6c" size="18"></u-icon>
				</view>
			</view>
			<view class="box_" v-else>
				<view class="qiuqiu" @click="infoClick(3)"></view>
				<view class="title-bs" @click="infoClick(3)">
					<view class="" style="margin-left: 15px;font-weight: bold;">
						实际控制人信息
					</view>
					<view class="dis_" @click="infoClick(3)">
						<u-icon name="arrow-down" color="#6c6c6c" size="18"></u-icon>
					</view>
				</view>
				<view v-for="(item,idx) in formData.actualController" :key="idx">
					<view class="d-s" v-show="idx>0">
						<view class="lv-biao"></view>
						<view class="">{{'新增'+numToTxt(idx+1)+'实际控制人信息'}}</view>
					</view>
					<view class="box_bs">
						<view class="">证件类型</view>
						<view class="dis_" style="width: 80%;justify-content: flex-end;"
							@click="selectPick('certSelect','actual',idx)">
							<view class="size_">{{item?item.certTypeName:""}}</view>
							<u-icon name="arrow-right" color="#ececec" size="18"></u-icon>
						</view>
					</view>
					<view style="margin: 15px auto;">证件照</view>
					<view class="bs_img">
						<view class="fifty">
							<u-upload :fileList="item.fileList1"
								@afterRead="((item)=>{addInfoImg(item, 'actual',idx,1)})"
								@delete="((item)=>{deletePic(item, 'actual',idx,1)})" name="1" multiple :maxCount="1"
								width="150" height="100">
								<image src="/static/imgs/yhkzm.png" mode="widthFix" style="width: 150px;height: 100px;">
								</image>
							</u-upload>
							<view class="" style="margin-top: 10px;">证件人像面</view>
						</view>
						<view class="fifty">
							<u-upload :fileList="item.fileList2"
								@afterRead="((item)=>{addInfoImg(item, 'actual',idx,2)})"
								@delete="((item)=>{deletePic(item, 'actual',idx,2)})" name="2" multiple :maxCount="1"
								width="150" height="100">
								<image src="/static/imgs/yhkfm.png" mode="widthFix" style="width: 150px;height: 100px;">
								</image>
							</u-upload>
							<view class="" style="margin-top: 10px;">证件国徽面</view>
						</view>
					</view>
					<view class="icon-box">
						<view class="x_" v-if="!item.oneCorporation" @click="sameFr('actual',idx)"></view>
						<view class="xz_" @click="sameFr('actual',idx)" v-else>
							<u-icon name="checkmark" color="#fff" size="14"></u-icon>
						</view>
						<view class="" style="color: #ee8484;">与法人信息一致</view>
					</view>
					<view class="box_bs">
						<view class="">姓名</view>
						<view class="right_size">
							<input type="text" v-model="item.participantName" placeholder="请输入" />
						</view>
					</view>
					<view class="box_bs">
						<view class="">证件号</view>
						<view class="right_size">
							<input type="text" v-model="item.certNo" placeholder="请输入" />
						</view>
					</view>
					<view class="box_bs">
						<view class="">证件有效期</view>
						<view class="dis_">
							<view class="dis_" @click="pickTime('actual',1,idx)">
								<view v-if="!item.certEffectDate" style="margin: 0px 5px;">开始日期</view>
								<view v-else style="color:#000;margin: 0px 5px;">{{item.certEffectDate}}
								</view>
								<u-icon name="arrow-down-fill" color="#2e2e2e" size="18"></u-icon>
							</view>



							<view class="size_" style="margin: 0px 5px;">至</view>
							<view class="dis_" @click="timePopup('actual',idx)">
								<view v-if="!item.certExaDate" style="margin: 0px 5px;">
									截至日期</view>
								<view v-else style="color:#000;margin: 0px 5px;">{{item.certExaDate}}
								</view>
								<u-icon name="arrow-down-fill" color="#2e2e2e" size="18"></u-icon>
							</view>


						</view>
					</view>
					<view class="box_bs">
						<view class="">手机号</view>
						<view class="right_size">
							<input type="text" v-model="item.mobileNo" placeholder="请输入" />
						</view>
					</view>
					<view class="box_bs">
						<view class="">邮箱</view>
						<view class="right_size">
							<input type="text" v-model="item.email" placeholder="请输入" />
						</view>
					</view>
					<view class="box_bs">
						<view class="">归属地</view>
						<view class="dis_" @tap="openLevel('actual',idx)">
							<view v-if="item.county" class="size_">
								{{item.provinceName+item.cityName+item.countyName}}
							</view>
							<view v-else class="size_" style="color: #7c7c7c;">
								{{"请选择"}}
							</view>

							<u-icon name="arrow-right" color="#ececec" size="18"></u-icon>
						</view>
					</view>
					<view class="box_bs">
						<view class="">住址</view>
						<view class="right_size">
							<textarea type="textarea" auto-height maxlength="200" placeholder="请输入"
								v-model="item.address"></textarea>

						</view>
					</view>
					<view v-show="idx>0" class="addBox" @click="delBox(2,idx)">
						<text>删除实际控制人</text>
					</view>
				</view>
				<view class="addBox" @click="addBox(2)">
					<text>新增实际控制人</text>
				</view>

			</view>

			<!-- 4 -->
			<view class="four_box" v-if="!fourShow" @click="infoClick(4)">
				<view class="icon-box">
					<image src="../../static/imgs/l4.png" style="width: 18px; height: 18px;" mode=""></image>
					<view class="size_">控制股东信息</view>
				</view>
				<view class="" @click="infoClick(4)">
					<u-icon name="arrow-right" color="#6c6c6c" size="18"></u-icon>
				</view>
			</view>
			<view class="box_" v-else>
				<view class="qiuqiu" @click="infoClick(4)"></view>
				<view class="title-bs" @click="infoClick(4)">
					<view class="" style="margin-left: 15px;font-weight: bold;">
						控制股东信息
					</view>
					<view class="dis_" @click="infoClick(4)">
						<u-icon name="arrow-down" color="#6c6c6c" size="18"></u-icon>
					</view>
				</view>
				<view v-for="(item,idx) in formData.controllingShareholder" :key="idx">
					<view class="d-s" v-show="idx>0">
						<view class="lv-biao"></view>
						<view class="">{{'新增'+numToTxt(idx+1)+'控制股东信息'}}</view>
					</view>
					<view class="box_bs">
						<view class="">证件类型</view>
						<view class="dis_" style="width: 80%;justify-content: flex-end;"
							@click="selectPick('certSelect','controlling',idx)">
							<view class="size_">{{item?item.certTypeName:""}}</view>
							<u-icon name="arrow-right" color="#ececec" size="18"></u-icon>
						</view>
					</view>
					<view style="margin: 15px auto;">证件照</view>
					<view class="bs_img">
						<view class="fifty">
							<u-upload :fileList="item.fileList1"
								@afterRead="((item)=>{addInfoImg(item, 'controlling',idx,1)})"
								@delete="((item)=>{deletePic(item, 'controlling',idx,1)})" name="1" multiple
								:maxCount="1" width="150" height="100">
								<image src="/static/imgs/yhkzm.png" mode="widthFix" style="width: 150px;height: 100px;">
								</image>
							</u-upload>
							<view class="" style="margin-top: 10px;">证件人像面</view>
						</view>
						<view class="fifty">
							<u-upload :fileList="item.fileList2"
								@afterRead="((item)=>{addInfoImg(item, 'controlling',idx,2)})"
								@delete="((item)=>{deletePic(item, 'controlling',idx,2)})" name="2" multiple
								:maxCount="1" width="150" height="100">
								<image src="/static/imgs/yhkfm.png" mode="widthFix" style="width: 150px;height: 100px;">
								</image>
							</u-upload>
							<view class="" style="margin-top: 10px;">证件国徽面</view>
						</view>
					</view>
					<view class="icon-box">
						<view class="x_" v-if="!item.oneCorporation" @click="sameFr('controlling',idx)"></view>
						<view class="xz_" @click="sameFr('controlling',idx)" v-else>
							<u-icon name="checkmark" color="#fff" size="14"></u-icon>
						</view>
						<view class="" style="color: #ee8484;">与法人信息一致</view>
					</view>
					<view class="box_bs">
						<view class="">姓名</view>
						<view class="right_size">
							<input type="text" v-model="item.participantName" placeholder="请输入" />
						</view>
					</view>
					<view class="box_bs">
						<view class="">证件号</view>
						<view class="right_size">
							<input type="text" v-model="item.certNo" placeholder="请输入" />
						</view>
					</view>
					<view class="box_bs">
						<view class="">证件有效期</view>
						<view class="dis_">
							<view class="dis_" @click="pickTime('controlling',1,idx)">
								<view v-if="!item.certEffectDate" style="margin: 0px 5px;">开始日期</view>
								<view v-else style="color:#000;margin: 0px 5px;">{{item.certEffectDate}}
								</view>
								<u-icon name="arrow-down-fill" color="#2e2e2e" size="18"></u-icon>
							</view>



							<view class="size_" style="margin: 0px 5px;">至</view>
							<view class="dis_" @click="timePopup('controlling',idx)">
								<view v-if="!item.certExaDate" style="margin: 0px 5px;">
									截至日期</view>
								<view v-else style="color:#000;margin: 0px 5px;">{{item.certExaDate}}
								</view>
								<u-icon name="arrow-down-fill" color="#2e2e2e" size="18"></u-icon>
							</view>


						</view>
					</view>
					<view class="box_bs">
						<view class="">手机号</view>
						<view class="right_size">
							<input type="text" v-model="item.mobileNo" placeholder="请输入" />
						</view>
					</view>
					<view class="box_bs">
						<view class="">邮箱</view>
						<view class="right_size">
							<input type="text" v-model="item.email" placeholder="请输入" />
						</view>
					</view>
					<view class="box_bs">
						<view class="">归属地</view>
						<view class="dis_" @tap="openLevel('controlling',idx)">
							<view v-if="item.county" class="size_">
								{{item.provinceName+item.cityName+item.countyName}}
							</view>
							<view v-else class="size_" style="color: #7c7c7c;">
								{{"请选择"}}
							</view>

							<u-icon name="arrow-right" color="#ececec" size="18"></u-icon>
						</view>
					</view>
					<view class="box_bs">
						<view class="">住址</view>
						<view class="right_size">
							<textarea type="textarea" auto-height maxlength="200" placeholder="请输入"
								v-model="item.address"></textarea>

						</view>
					</view>
					<view v-show="idx>0" class="addBox" @click="delBox(3,idx)">
						<text>删除控制股东</text>
					</view>
				</view>
				<view class="addBox" @click="addBox(3)">
					<text>新增控制股东</text>
				</view>

			</view>

			<view class="button_p" @click="nextStep()">
				<view class="">下一步</view>
			</view>
			<level-linkage ref="levelLinkage" :pickerValueDefault="pickerValueDefault" @onConfirm="onConfirm"
				themeColor='#007AFF'></level-linkage>
			<u-picker :show="pickData.show" :columns="pickData.columns" :title="pickData.title" keyName="label"
				@confirm="confirm" @cancel="cancel" @close="cancel"></u-picker>
			<u-popup :show="pickData.timePopup" mode="center">
				<view class="box-popup">
					<view class="x-size" @click="selectExaDate(1)">长期</view>
					<view class="x-size" @click="selectExaDate(2)">日期</view>
					<view class="x-size" @click="selectExaDate(3)">取消</view>
				</view>
			</u-popup>
			<u-datetime-picker :closeOnClickOverlay="true" :show="pickData.timeShow" v-model="pickData.certEffectDate"
				:formatter="formatter" @confirm="timeConfirm" @cancel="timeCancel" @close="timeCancel"
				mode="date"></u-datetime-picker>
		</view>

	</view>
</template>

<script>
	import headers from '../../components/header/headers.vue'
	import request from '../../utils/request.js'
	import levelLinkage from "@/components/three-level-linkage/linkage.nvue"
	import upload from '@/utils/upload.js'
	export default {
		data() {
			return {
				overlayShow: false,
				titles: "相关责任人信息录入",
				msg: "1",
				fileList1: [],
				fileList2: [],
				value: '',
				oneShow: false,
				oneCorporation: false,
				twoShow: false,
				twoCorporation: false,
				threeShow: false,
				threeCorporation: false,
				fourShow: false,
				fourCorporation: false,
				show: false,
				status: 'loading',
				formData: {
					areaType: "4", //商户类型 7 企业写死
					legalPerson: {
						address: "",
						backPic: "",
						backPicUrl: "",
						certEffectDate: "",
						certExaDate: "",
						certNo: "",
						certType: "11",
						certTypeName: "身份证",
						city: "",
						cityName: "",
						county: "",
						countyName: "",
						email: "",
						facePic: "",
						facePicUrl: "",
						firstCareerName: "",
						firstCareerNo: "",
						gender: "1",
						mobileNo: "",
						nation: "CHN",
						nationLabel: "中国",
						participantName: "",
						province: "",
						provinceName: "",
						secondCareerName: "",
						secondCareerNo: "",
						sort: 0,
						thirdCareerName: "",
						thirdCareerNo: ""
					},
					contacts: {
						county: "",
					},
					openAccount: "",
					openAccountUrl: "",
					rate: "0.25",
					steps: "3", //步骤当前页面写死第一页，

				},
				merchantId: null,
				certTypes: [], //证件类型  数据字典获取
				chinaArea: [],
				pickerValueDefault: [14, 0, 0],
				pickData: {
					columns: [],
					show: false,
					pickType: null, //下部选择器类型：certSelect 证件选择
					title: "",
					timeShow: false,
					timePopup: false,
					certEffectDate: Number(new Date()),
					certExaDate: Number(new Date()),
					timeType: 1,
					personType: '',
					pickIdx: 0
				}
			}
		},

		components: {
			headers,
			levelLinkage
		},

		onLoad(options) {
			if (options && options.merchantId) {
				this.merchantId = options.merchantId
				this.getMerchantInfo()
			}
			this.getCertTypes()
			this.getChinaArea()
		},
		methods: {
			numToTxt(num) {
				if (num == 1) {
					return "一"
				} else if (num == 2) {
					return "二"
				} else if (num == 3) {
					return "三"
				} else if (num == 4) {
					return "四"
				} else if (num == 5) {
					return "五"
				} else if (num == 6) {
					return "六"
				} else if (num == 7) {
					return "七"
				} else if (num == 8) {
					return "八"
				} else if (num == 9) {
					return "九"
				} else if (num == 10) {
					return "十"
				} else {
					return num
				}
			},
			delBox(type, idx) {
				if (type == 1) {
					this.formData.beneficiary.splice(idx, 1)
				} else if (type == 2) {
					this.formData.actualController.splice(idx, 1)
				} else if (type == 3) {
					this.formData.controllingShareholders.splice(idx, 1)
				}
			},
			addBox(type) {
				if (type == 1) {
					if (this.formData.beneficiary && this.formData.beneficiary.length > 3) {
						uni.showToast({
							title: "最多四个受益人",
							icon: 'error'
						})
						return
					}
					this.formData.beneficiary.push({
						address: "",
						backPic: "",
						backPicUrl: "",
						certEffectDate: "",
						certExaDate: "",
						certNo: "",
						certType: "11",
						certTypeName: "身份证",
						city: "",
						cityName: "",
						county: "",
						countyName: "",
						email: "",
						facePic: "",
						facePicUrl: "",
						firstCareerName: "",
						firstCareerNo: "",
						gender: "1",
						mobileNo: "",
						nation: "CHN",
						nationLabel: "中国",
						participantName: "",
						province: "",
						provinceName: "",
						secondCareerName: "",
						secondCareerNo: "",
						sort: 0,
						thirdCareerName: "",
						thirdCareerNo: ""
					})
				} else if (type == 2) {
					if (this.formData.actualController && this.formData.actualController.length > 3) {
						uni.showToast({
							title: "最多四个实际控制人",
							icon: 'error'
						})
						return
					}
					this.formData.actualController.push({
						address: "",
						backPic: "",
						backPicUrl: "",
						certEffectDate: "",
						certExaDate: "",
						certNo: "",
						certType: "11",
						certTypeName: "身份证",
						city: "",
						cityName: "",
						county: "",
						countyName: "",
						email: "",
						facePic: "",
						facePicUrl: "",
						firstCareerName: "",
						firstCareerNo: "",
						gender: "1",
						mobileNo: "",
						nation: "CHN",
						nationLabel: "中国",
						participantName: "",
						province: "",
						provinceName: "",
						secondCareerName: "",
						secondCareerNo: "",
						sort: 0,
						thirdCareerName: "",
						thirdCareerNo: ""
					})
				} else if (type == 3) {
					this.formData.controllingShareholder.push({
						address: "",
						backPic: "",
						backPicUrl: "",
						certEffectDate: "",
						certExaDate: "",
						certNo: "",
						certType: "11",
						certTypeName: "身份证",
						city: "",
						cityName: "",
						county: "",
						countyName: "",
						email: "",
						facePic: "",
						facePicUrl: "",
						firstCareerName: "",
						firstCareerNo: "",
						gender: "1",
						mobileNo: "",
						nation: "CHN",
						nationLabel: "中国",
						participantName: "",
						province: "",
						provinceName: "",
						secondCareerName: "",
						secondCareerNo: "",
						sort: 0,
						thirdCareerName: "",
						thirdCareerNo: ""
					})
				}
			},
			openLevel(personType, idx) {
				this.pickData.personType = personType
				this.pickData.pickIdx = idx
				this.$refs.levelLinkage.open();
			},
			selectExaDate(type) {
				if (type == 3) {
					//取消
					this.pickData.timePopup = false
				} else if (type == 1) {
					this.pickData.timePopup = false
					if (this.pickData.personType == 'concat') {
						//长期
						this.formData.contacts.certExaDate = '99991231'
					} else if (this.pickData.personType == 'beneficiary') {
						//长期
						this.formData.beneficiary[this.pickData.pickIdx].certExaDate = '99991231'
					} else if (this.pickData.personType == 'actual') {
						//长期
						this.formData.actualController[this.pickData.pickIdx].certExaDate = '99991231'
					} else if (this.pickData.personType == 'controlling') {
						//长期
						this.formData.controllingShareholder[this.pickData.pickIdx].certExaDate = '99991231'
					}

				} else {
					//日期
					this.pickData.timePopup = false
					this.pickData.timeShow = true
					this.pickData.timeType = 2
				}
			},
			timePopup(type, idx) {
				this.pickData.personType = type
				this.pickData.pickIdx = idx
				this.pickData.timePopup = true
			},
			timeCancel() {
				this.pickData.timeShow = false

			},
			timeConfirm(e) {
				const date = new Date(e.value);
				const year = date.getFullYear();
				const month = ("0" + (date.getMonth() + 1)).slice(-2);
				const day = ("0" + date.getDate()).slice(-2);
				if (this.pickData.timeType == 1) {
					if (this.pickData.personType == 'concat') {
						//长期
						this.formData.contacts.certEffectDate = year + month + day
					} else if (this.pickData.personType == 'beneficiary') {
						//长期
						this.formData.beneficiary[this.pickData.pickIdx].certEffectDate = year + month + day

					} else if (this.pickData.personType == 'actual') {
						//长期
						this.formData.actualController[this.pickData.pickIdx].certEffectDate = year + month + day

					} else if (this.pickData.personType == 'controlling') {
						//长期
						this.formData.controllingShareholder[this.pickData.pickIdx].certEffectDate = year + month + day

					}
					//证件有效期

				} else {
					if (this.pickData.personType == 'concat') {
						//长期
						this.formData.contacts.certExaDate = year + month + day
					} else if (this.pickData.personType == 'beneficiary') {
						//长期
						this.formData.beneficiary[this.pickData.pickIdx].certExaDate = year + month + day

					} else if (this.pickData.personType == 'actual') {
						//长期
						this.formData.actualController[this.pickData.pickIdx].certExaDate = year + month + day

					} else if (this.pickData.personType == 'controlling') {
						//长期
						this.formData.controllingShareholder[this.pickData.pickIdx].certExaDate = year + month + day

					}

				}


				this.pickData.timeShow = false
			},
			formatter(type, value) {
				if (type === 'year') {
					return `${value}年`
				}
				if (type === 'month') {
					return `${value}月`
				}
				if (type === 'day') {
					return `${value}日`
				}
				return value
			},
			pickTime(personType, type, idx) {
				//选择时间
				this.pickData.timeShow = true
				this.pickData.timeType = type
				this.pickData.personType = personType
				this.pickData.pickIdx = idx
			},
			async uploadFile(url, fileName, fileType, type, idx) {
				uni.showLoading({
					title: '上传中'
				});
				this.overlayShow = true
				let resData
				await upload({
					url: 'app/report/fileUplod',
					filePath: url,
					formData: {
						type: fileType,
						fileName: fileName
					}

				}).then((res) => {
					resData = res
					let that = this
					if (res.code == 0) {
						if (type == 'concat') {
							if (fileType == 1) {

								this.formData.contacts.facePic = res.data.externalKey
								this.formData.contacts.facePicUrl = res.data.imgUrl

								//身份证正面
								let idCardData = JSON.parse(res.data.idCardData)

								if (idCardData && idCardData.code == '0' && idCardData.data) {

									//地址
									this.formData.contacts.address = idCardData.data.address
									//证件号
									this.formData.contacts.certNo = idCardData.data.number
									//姓名
									this.formData.contacts.participantName = idCardData.data.name


								}
							} else if (fileType == 2) {
								this.formData.contacts.backPic = res.data.externalKey
								this.formData.contacts.backPicUrl = res.data.imgUrl
								let idCardData = JSON.parse(res.data.idCardData)

								//身份证正面反面
								if (idCardData && idCardData.code == '0' && idCardData.data) {
									//证件有效期
									this.formData.contacts.certEffectDate = idCardData.data.expireDate.split(
										"-")[0]
									this.formData.contacts.certExaDate = idCardData.data.expireDate.split("-")[
										1]

								}
							}
						} else if (type == 'beneficiary') {
							if (fileType == 1) {

								this.formData.beneficiary[idx].facePic = res.data.externalKey
								this.formData.beneficiary[idx].facePicUrl = res.data.imgUrl

								//身份证正面
								let idCardData = JSON.parse(res.data.idCardData)

								if (idCardData && idCardData.code == '0' && idCardData.data) {

									//地址
									this.formData.beneficiary[idx].address = idCardData.data.address
									//证件号
									this.formData.beneficiary[idx].certNo = idCardData.data.number
									//姓名
									this.formData.beneficiary[idx].participantName = idCardData.data.name


								}
							} else if (fileType == 2) {
								this.formData.beneficiary[idx].backPic = res.data.externalKey
								this.formData.beneficiary[idx].backPicUrl = res.data.imgUrl
								let idCardData = JSON.parse(res.data.idCardData)

								//身份证正面反面
								if (idCardData && idCardData.code == '0' && idCardData.data) {
									//证件有效期
									this.formData.beneficiary[idx].certEffectDate = idCardData.data.expireDate
										.split(
											"-")[0]
									this.formData.beneficiary[idx].certExaDate = idCardData.data.expireDate
										.split("-")[
											1]

								}
							}
						} else if (type == 'actual') {
							if (fileType == 1) {

								this.formData.actualController[idx].facePic = res.data.externalKey
								this.formData.actualController[idx].facePicUrl = res.data.imgUrl

								//身份证正面
								let idCardData = JSON.parse(res.data.idCardData)

								if (idCardData && idCardData.code == '0' && idCardData.data) {

									//地址
									this.formData.actualController[idx].address = idCardData.data.address
									//证件号
									this.formData.actualController[idx].certNo = idCardData.data.number
									//姓名
									this.formData.actualController[idx].participantName = idCardData.data.name


								}
							} else if (fileType == 2) {
								this.formData.actualController[idx].backPic = res.data.externalKey
								this.formData.actualController[idx].backPicUrl = res.data.imgUrl
								let idCardData = JSON.parse(res.data.idCardData)

								//身份证正面反面
								if (idCardData && idCardData.code == '0' && idCardData.data) {
									//证件有效期
									this.formData.actualController[idx].certEffectDate = idCardData.data
										.expireDate
										.split(
											"-")[0]
									this.formData.actualController[idx].certExaDate = idCardData.data
										.expireDate
										.split("-")[
											1]

								}
							}
						} else if (type == 'controlling') {
							if (fileType == 1) {

								this.formData.controllingShareholder[idx].facePic = res.data.externalKey
								this.formData.controllingShareholder[idx].facePicUrl = res.data.imgUrl

								//身份证正面
								let idCardData = JSON.parse(res.data.idCardData)

								if (idCardData && idCardData.code == '0' && idCardData.data) {

									//地址
									this.formData.controllingShareholder[idx].address = idCardData.data.address
									//证件号
									this.formData.controllingShareholder[idx].certNo = idCardData.data.number
									//姓名
									this.formData.controllingShareholder[idx].participantName = idCardData.data
										.name


								}
							} else if (fileType == 2) {
								this.formData.controllingShareholder[idx].backPic = res.data.externalKey
								this.formData.controllingShareholder[idx].backPicUrl = res.data.imgUrl
								let idCardData = JSON.parse(res.data.idCardData)

								//身份证正面反面
								if (idCardData && idCardData.code == '0' && idCardData.data) {
									//证件有效期
									this.formData.controllingShareholder[idx].certEffectDate = idCardData.data
										.expireDate
										.split(
											"-")[0]
									this.formData.controllingShareholder[idx].certExaDate = idCardData.data
										.expireDate
										.split("-")[
											1]

								}
							}
						}


					}


				}).finally((res) => {
					this.overlayShow = false
					uni.hideLoading();
				})
				return resData.data.imgUrl
			},
			async addInfoImg(event, type, idx, listName) {
				if (type == 'concat') {
					// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
					let lists = [].concat(event.file)
					let fileListLen = this[`fileList${event.name}`].length
					lists.map((item) => {
						this[`fileList${event.name}`].push({
							...item,

						})
					})
					for (let i = 0; i < lists.length; i++) {

						const result = await this.uploadFile(lists[i].url, lists[i].name, event.name, type, idx)
						let item = this[`fileList${event.name}`][fileListLen]
						this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
							status: 'success',
							message: '',
							url: result
						}))
						fileListLen++

					}
				} else if (type == 'beneficiary') {
					// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
					let lists = [].concat(event.file)
					if (listName == 1) {
						let fileListLen = this.formData.beneficiary[idx].fileList1.length
						lists.map((item) => {
							this.formData.beneficiary[idx].fileList1.push({
								...item,

							})
						})
						for (let i = 0; i < lists.length; i++) {

							const result = await this.uploadFile(lists[i].url, lists[i].name, event.name, type, idx)

							this.formData.beneficiary[idx].fileList1 = [{
								status: 'success',
								message: '',
								url: result
							}]

							fileListLen++
						}

					} else {
						let fileListLen = this.formData.beneficiary[idx].fileList2.length
						lists.map((item) => {
							this.formData.beneficiary[idx].fileList2.push({
								...item,

							})
						})
						for (let i = 0; i < lists.length; i++) {

							const result = await this.uploadFile(lists[i].url, lists[i].name, event.name, type, idx)
							this.formData.beneficiary[idx].fileList2 = [{
								status: 'success',
								message: '',
								url: result
							}]
							fileListLen++
						}
					}



				} else if (type == 'actual') {
					// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
					let lists = [].concat(event.file)
					if (listName == 1) {
						let fileListLen = this.formData.actualController[idx].fileList1.length
						lists.map((item) => {
							this.formData.actualController[idx].fileList1.push({
								...item,

							})
						})
						for (let i = 0; i < lists.length; i++) {

							const result = await this.uploadFile(lists[i].url, lists[i].name, event.name, type, idx)
							this.formData.actualController[idx].fileList1 = [{
								status: 'success',
								message: '',
								url: result
							}]

						}
					} else {
						let fileListLen = this.formData.actualController[idx].fileList2.length
						lists.map((item) => {
							this.formData.actualController[idx].fileList2.push({
								...item,

							})
						})
						for (let i = 0; i < lists.length; i++) {

							const result = await this.uploadFile(lists[i].url, lists[i].name, event.name, type, idx)
							this.formData.actualController[idx].fileList2 = [{
								status: 'success',
								message: '',
								url: result
							}]
						}
					}



				} else if (type == 'controlling') {
					// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
					let lists = [].concat(event.file)
					if (listName == 1) {
						let fileListLen = this.formData.controllingShareholder[idx].fileList1.length
						lists.map((item) => {
							this.formData.controllingShareholder[idx].fileList1.push({
								...item,

							})
						})
						for (let i = 0; i < lists.length; i++) {

							const result = await this.uploadFile(lists[i].url, lists[i].name, event.name, type, idx)
							this.formData.controllingShareholder[idx].fileList1 = [{
								status: 'success',
								message: '',
								url: result
							}]
						}
					} else {
						let fileListLen = this.formData.controllingShareholder[idx].fileList2.length
						lists.map((item) => {
							this.formData.controllingShareholder[idx].fileList2.push({
								...item,

							})
						})
						for (let i = 0; i < lists.length; i++) {

							const result = await this.uploadFile(lists[i].url, lists[i].name, event.name, type, idx)
							this.formData.controllingShareholder[idx].fileList2 = [{
								status: 'success',
								message: '',
								url: result
							}]
						}
					}



				}
				this.$forceUpdate()

			},
			change(e) {
				console.log('select = ', this.select)
			},
			deletePic(event, personType, pickIdx, listName) {
				if (personType == 'concat') {
					this[`fileList${event.name}`].splice(event.index, 1)
				} else if (personType == 'beneficiary') {
					if (listName == 1) {
						this.formData.beneficiary[pickIdx].fileList1 = []

					} else {
						this.formData.beneficiary[pickIdx].fileList2 = []
					}
					console.log(this.formData.beneficiary, 1294);

				} else if (personType == 'actual') {
					if (listName == 1) {
						this.formData.actualController[pickIdx].fileList1 = []

					} else {
						this.formData.actualController[pickIdx].fileList2 = []
					}


				} else if (personType == 'controlling') {
					if (listName == 1) {
						this.formData.controllingShareholder[pickIdx].fileList1 = []

					} else {
						this.formData.controllingShareholder[pickIdx].fileList2 = []
					}

				}
				this.$forceUpdate()

			},
			sameFr(type, idx) {
				let tempData = JSON.parse(JSON.stringify(this.formData.legalPerson))
				if (type == 'concat') {
					this.oneCorporation = !this.oneCorporation
					if (this.oneCorporation) {

						this.formData.contacts = tempData
						this.formData.contacts.id = null
						//处理邮箱
						if (!this.formData.contacts.email) {
							this.formData.contacts.email = this.formData.email
						}
						//处理图片问题
						if (this.formData.contacts.facePicUrl) {
							this.fileList1 = []
							let tempImg1 = {
								url: this.formData.contacts.facePicUrl,
							}
							this.fileList1.push(tempImg1)
						}
						if (this.formData.contacts.backPicUrl) {
							this.fileList2 = []
							let tempImg1 = {
								url: this.formData.contacts.backPicUrl,
							}
							this.fileList2.push(tempImg1)
						}
					} else {
						this.formData.contacts = {}
					}

				} else if (type == 'beneficiary') {
					this.formData.beneficiary[idx].oneCorporation = !this.formData.beneficiary[idx].oneCorporation
					if (this.formData.beneficiary[idx].oneCorporation) {
						this.formData.beneficiary[idx] = tempData
						this.formData.beneficiary[idx].oneCorporation = true
						this.formData.beneficiary[idx].id = null
						//处理邮箱
						if (!this.formData.beneficiary[idx].email) {
							this.formData.beneficiary[idx].email = this.formData.email
						}
						//处理图片问题
						if (this.formData.beneficiary[idx].facePicUrl) {
							this.formData.beneficiary[idx].fileList1 = []
							let tempImg1 = {
								url: this.formData.beneficiary[idx].facePicUrl,
							}
							this.formData.beneficiary[idx].fileList1.push(tempImg1)
						}
						if (this.formData.beneficiary[idx].backPicUrl) {
							this.formData.beneficiary[idx].fileList2 = []
							let tempImg1 = {
								url: this.formData.beneficiary[idx].backPicUrl,
							}
							this.formData.beneficiary[idx].fileList2.push(tempImg1)
						}
					} else {
						this.formData.beneficiary[idx] = {}
					}
					console.log(this.formData, 931);
				} else if (type == 'actual') {
					this.formData.actualController[idx].oneCorporation = !this.formData.actualController[idx]
						.oneCorporation
					if (this.formData.actualController[idx].oneCorporation) {
						this.formData.actualController[idx] = tempData
						this.formData.actualController[idx].oneCorporation = true
						this.formData.actualController[idx].id = null
						//处理邮箱
						if (!this.formData.actualController[idx].email) {
							this.formData.actualController[idx].email = this.formData.email
						}
						//处理图片问题
						if (this.formData.actualController[idx].facePicUrl) {
							this.formData.actualController[idx].fileList1 = []
							let tempImg1 = {
								url: this.formData.actualController[idx].facePicUrl,
							}
							this.formData.actualController[idx].fileList1.push(tempImg1)
						}
						if (this.formData.actualController[idx].backPicUrl) {
							this.formData.actualController[idx].fileList2 = []
							let tempImg1 = {
								url: this.formData.actualController[idx].backPicUrl,
							}
							this.formData.actualController[idx].fileList2.push(tempImg1)
						}
					} else {
						this.formData.actualController[idx] = {}
					}
				} else if (type == 'controlling') {
					this.formData.controllingShareholder[idx].oneCorporation = !this.formData.controllingShareholder[idx]
						.oneCorporation
					if (this.formData.controllingShareholder[idx].oneCorporation) {
						this.formData.controllingShareholder[idx] = tempData
						this.formData.controllingShareholder[idx].oneCorporation = true
						this.formData.controllingShareholder[idx].id = null
						//处理邮箱
						if (!this.formData.controllingShareholder[idx].email) {
							this.formData.controllingShareholder[idx].email = this.formData.email
						}
						//处理图片问题
						if (this.formData.controllingShareholder[idx].facePicUrl) {
							this.formData.controllingShareholder[idx].fileList1 = []
							let tempImg1 = {
								url: this.formData.controllingShareholder[idx].facePicUrl,
							}
							this.formData.controllingShareholder[idx].fileList1.push(tempImg1)
						}
						if (this.formData.controllingShareholder[idx].backPicUrl) {
							this.formData.controllingShareholder[idx].fileList2 = []
							let tempImg1 = {
								url: this.formData.controllingShareholder[idx].backPicUrl,
							}
							this.formData.controllingShareholder[idx].fileList2.push(tempImg1)
						}
					} else {
						this.formData.controllingShareholder[idx] = {}
					}
				}
				this.$forceUpdate()
			},
			cancel() {
				this.pickData.show = false
			},
			// 弹窗确认
			confirm(e) {
				this.pickData.show = false
				if (this.pickData.personType == 'concat') {
					this.formData.contacts.certType = e.value[0].value
					this.formData.contacts.certTypeName = e.value[0].label
				} else if (this.pickData.personType == 'beneficiary') {

					this.formData.beneficiary[this.pickData.pickIdx].certType = e.value[0].value
					this.formData.beneficiary[this.pickData.pickIdx].certTypeName = e.value[0].label

				} else if (this.pickData.personType == 'actual') {

					this.formData.actualController[this.pickData.pickIdx].certType = e.value[0].value
					this.formData.actualController[this.pickData.pickIdx].certTypeName = e.value[0].label

				} else if (this.pickData.personType == 'controlling') {

					this.formData.controllingShareholder[this.pickData.pickIdx].certType = e.value[0].value
					this.formData.controllingShareholder[this.pickData.pickIdx].certTypeName = e.value[0].label

				}

			},
			selectPick(pickType, personType, idx) {
				//选择证件类型
				this.pickData.columns = []
				this.pickData.pickType = pickType
				this.pickData.pickIdx = idx
				this.pickData.show = true
				this.pickData.columns.push(this.certTypes)
				this.pickData.title = '选择证件类型'
				this.pickData.personType = personType
			},
			onConfirm(data) {
				// 地区选择确认后选中的数据
				console.log(this.pickData, 1438);
				if (this.pickData.personType == 'concat') {
					this.formData.contacts.provinceName = data.firstPick.name
					this.formData.contacts.province = data.firstPick.code
					this.formData.contacts.cityName = data.secondPick.name
					this.formData.contacts.city = data.secondPick.code
					this.formData.contacts.countyName = data.thirdPick.name
					this.formData.contacts.county = data.thirdPick.code
				} else if (this.pickData.personType == 'beneficiary') {
					this.formData.beneficiary[this.pickData.pickIdx].provinceName = data.firstPick.name
					this.formData.beneficiary[this.pickData.pickIdx].province = data.firstPick.code
					this.formData.beneficiary[this.pickData.pickIdx].cityName = data.secondPick.name
					this.formData.beneficiary[this.pickData.pickIdx].city = data.secondPick.code
					this.formData.beneficiary[this.pickData.pickIdx].countyName = data.thirdPick.name
					this.formData.beneficiary[this.pickData.pickIdx].county = data.thirdPick.code


				} else if (this.pickData.personType == 'actual') {

					this.formData.actualController[this.pickData.pickIdx].provinceName = data.firstPick.name
					this.formData.actualController[this.pickData.pickIdx].province = data.firstPick.code
					this.formData.actualController[this.pickData.pickIdx].cityName = data.secondPick.name
					this.formData.actualController[this.pickData.pickIdx].city = data.secondPick.code
					this.formData.actualController[this.pickData.pickIdx].countyName = data.thirdPick.name
					this.formData.actualController[this.pickData.pickIdx].county = data.thirdPick.code

				} else if (this.pickData.personType == 'controlling') {
					this.formData.controllingShareholder[this.pickData.pickIdx].provinceName = data.firstPick.name
					this.formData.controllingShareholder[this.pickData.pickIdx].province = data.firstPick.code
					this.formData.controllingShareholder[this.pickData.pickIdx].cityName = data.secondPick.name
					this.formData.controllingShareholder[this.pickData.pickIdx].city = data.secondPick.code
					this.formData.controllingShareholder[this.pickData.pickIdx].countyName = data.thirdPick.name
					this.formData.controllingShareholder[this.pickData.pickIdx].county = data.thirdPick.code

				}
				console.log(this.formData);
				this.$forceUpdate()

			},
			openLevel(personType, idx) {
				this.pickData.personType = personType
				this.pickData.pickIdx = idx
				this.$refs.levelLinkage.open();
			},
			async getChinaArea() {
				let res = await request({
					url: 'app/drop/getChinaArea',
					method: 'get'
				})
				if (res.code == 0) {
					this.chinaArea = res.data
					this.$refs.levelLinkage.init(res.data);

				}
			},
			async getCertTypes() {
				this.certTypes = await this.$getDictList('pos_report_certType')

			},
			infoClick(idx) {
				if (idx == 1) {
					this.oneShow = !this.oneShow
				} else if (idx == 2) {
					this.twoShow = !this.twoShow
				} else if (idx == 3) {
					this.threeShow = !this.threeShow
				} else if (idx == 4) {
					this.fourShow = !this.fourShow
				}

			},
			async getMerchantInfo() {
				let ress = await request({
					url: 'app/report/newBaseInfo',
					method: 'post',
					data: {
						objectId: this.merchantId
					}
				})
				this.formData = ress.data
				this.formData.steps = '3'
				if (!this.formData.contacts) {
					this.formData.contacts = {
						address: "",
						backPic: "",
						backPicUrl: "",
						certEffectDate: "",
						certExaDate: "",
						certNo: "",
						certType: "11",
						certTypeName: "身份证",
						city: "",
						cityName: "",
						county: "",
						countyName: "",
						email: "",
						facePic: "",
						facePicUrl: "",
						firstCareerName: "",
						firstCareerNo: "",
						gender: "1",
						mobileNo: "",
						nation: "CHN",
						nationLabel: "中国",
						participantName: "",
						province: "",
						provinceName: "",
						secondCareerName: "",
						secondCareerNo: "",
						sort: 0,
						thirdCareerName: "",
						thirdCareerNo: ""
					}
				} else {
					this.fileList1.push({
						url: this.formData.contacts.facePicUrl
					})
					this.fileList2.push({
						url: this.formData.contacts.backPicUrl
					})
				}
				if (!this.formData.beneficiary || this.formData.beneficiary.length == 0) {
					this.formData.beneficiary.push({
						address: "",
						backPic: "",
						backPicUrl: "",
						certEffectDate: "",
						certExaDate: "",
						certNo: "",
						certType: "11",
						certTypeName: "身份证",
						city: "",
						cityName: "",
						county: "",
						countyName: "",
						email: "",
						facePic: "",
						facePicUrl: "",
						firstCareerName: "",
						firstCareerNo: "",
						gender: "1",
						mobileNo: "",
						nation: "CHN",
						nationLabel: "中国",
						participantName: "",
						province: "",
						provinceName: "",
						secondCareerName: "",
						secondCareerNo: "",
						sort: 0,
						thirdCareerName: "",
						thirdCareerNo: "",
						fileList1: [],
						fileList2: []
					})

				} else {
					for (var i = 0; i < this.formData.beneficiary.length; i++) {
						this.formData.beneficiary[i].fileList1 = [{
							url: this.formData.beneficiary[i].facePicUrl
						}]
						this.formData.beneficiary[i].fileList2 = [{
							url: this.formData.beneficiary[i].backPicUrl
						}]
					}


				}
				if (!this.formData.actualController || this.formData.actualController.length == 0) {
					this.formData.actualController.push({
						address: "",
						backPic: "",
						backPicUrl: "",
						certEffectDate: "",
						certExaDate: "",
						certNo: "",
						certType: "11",
						certTypeName: "身份证",
						city: "",
						cityName: "",
						county: "",
						countyName: "",
						email: "",
						facePic: "",
						facePicUrl: "",
						firstCareerName: "",
						firstCareerNo: "",
						gender: "1",
						mobileNo: "",
						nation: "CHN",
						nationLabel: "中国",
						participantName: "",
						province: "",
						provinceName: "",
						secondCareerName: "",
						secondCareerNo: "",
						sort: 0,
						thirdCareerName: "",
						thirdCareerNo: "",
						fileList1: [],
						fileList2: []
					})

				} else {
					for (var i = 0; i < this.formData.actualController.length; i++) {
						this.formData.actualController[i].fileList1 = [{
							url: this.formData.actualController[i].facePicUrl
						}]
						this.formData.actualController[i].fileList2 = [{
							url: this.formData.actualController[i].backPicUrl
						}]
					}


				}
				if (!this.formData.controllingShareholder || this.formData.controllingShareholder.length == 0) {
					this.formData.controllingShareholder.push({
						address: "",
						backPic: "",
						backPicUrl: "",
						certEffectDate: "",
						certExaDate: "",
						certNo: "",
						certType: "11",
						certTypeName: "身份证",
						city: "",
						cityName: "",
						county: "",
						countyName: "",
						email: "",
						facePic: "",
						facePicUrl: "",
						firstCareerName: "",
						firstCareerNo: "",
						gender: "1",
						mobileNo: "",
						nation: "CHN",
						nationLabel: "中国",
						participantName: "",
						province: "",
						provinceName: "",
						secondCareerName: "",
						secondCareerNo: "",
						sort: 0,
						thirdCareerName: "",
						thirdCareerNo: "",
						fileList1: [],
						fileList2: []
					})

				} else {
					for (var i = 0; i < this.formData.controllingShareholder.length; i++) {
						this.formData.controllingShareholder[i].fileList1 = [{
							url: this.formData.controllingShareholder[i].facePicUrl
						}]
						this.formData.controllingShareholder[i].fileList2 = [{
							url: this.formData.controllingShareholder[i].backPicUrl
						}]
					}


				}

			},
			change(e) {
				console.log('select = ', this.select)
			},
			async nextStep() {

				let res = await request({
					url: 'app/report/newBaseInfoSaveOrUpdate',
					method: 'post',
					data: this.formData
				})
				if (res.code == 0) {

					uni.navigateTo({
						url: '/homePages/enterpriseMerchant/cardInformation?merchantId=' + res.merchantId
					})

				}
			},
			goback() {
				uni.navigateBack()
			}
		}
	}
</script>

<style scoped lang="scss">
	.content {
		background: #f4f5f6;

		height: 100vh;
	}

	.container {
		width: 100%;
		background: #f4f5f6;
		box-sizing: border-box;
		padding-top: 88px;
		padding-bottom: 88px;
	}

	.box_ {
		width: 95%;
		border-radius: 8px;
		box-sizing: border-box;
		padding: 15px;
		background: #fff;
		margin: 15px auto;
		overflow: hidden;
		position: relative;
	}

	.title-bs {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 15px;
	}

	.box_bs {
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		padding: 10px 0px;
		color: #aeaeae;
		border-bottom: 1px solid #eeeeee;
	}

	.dis_ {
		display: flex;
		// width: 100px;
		// justify-content: flex-end;
	}

	.size_ {
		margin-right: 5px;
		color: #000;
		margin-left: 5px;
	}

	.title_ {
		font-size: 18px;
		font-weight: bold;
		margin: 10px 0px;
		margin-bottom: 20px;
	}

	.upload-box {
		width: 100%;
		margin: 5px 0px;

		display: flex;
		text-align: center;
		justify-content: space-between;
		margin-bottom: 20px;
	}

	.upload-title {
		font-size: 16px;
		margin-right: 10%;

	}

	.right_size {
		text-align: right;

		input {
			color: #000;
		}

		textarea {
			color: #000;
		}
	}

	.button_p {
		width: 100%;
		background: #E4612E;
		height: 55px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		border-radius: 4px;
		position: fixed;
		bottom: 0px;
	}

	.input_color {
		width: 100px;
		display: flex;
		align-items: center;
		height: 36px;
		border: 2px solid #efefef;
		border-radius: 4px;
		box-sizing: border-box;
		padding: 5px;
		margin-left: 10px;
	}

	.right-box {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		color: #aeaeae;
		font-size: 14px;
		margin: 10px 0px;
	}

	.four_box {
		width: 95%;
		margin: 15px auto;
		background: #fff;
		border-radius: 6px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		padding: 15px;

	}

	.icon-box {
		display: flex;
		align-items: center;
	}

	.qiuqiu {
		width: 25px;
		height: 25px;
		background: #E4612E;
		border-radius: 50%;
		top: 13px;

		position: absolute;
		left: -12px;
	}

	.bs_img {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 10px auto;
	}

	.fifty {
		width: 50%;
		text-align: center;
		box-sizing: border-box;
		padding-left: 15px;
		font-size: 14px;
	}

	.x_ {
		width: 18px;
		height: 18px;
		border-radius: 50%;
		border: 1px solid #E4612E;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 5px;
	}

	.xz_ {
		width: 18px;
		height: 18px;
		border-radius: 50%;
		border: 1px solid #E4612E;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #E4612E;
		margin-right: 5px;
	}

	.addBox {
		box-sizing: border-box;
		border-radius: 50px;
		border: 1px dotted crimson;
		padding: 5px 10px;
		color: crimson;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
		margin-top: 15px;
		width: 150px;

	}

	.box-popup {
		width: 300px;
		// height: 150px;
		background: #eeeeee;
		box-sizing: border-box;
		padding: 0px 20px;
		border-radius: 4px;
	}

	.x-size {
		margin: 15px 0px;
		color: #8e8e8f;

	}

	.d-s {
		display: flex;
		align-items: center;
		margin: 15px 0px;
		font-weight: bold;

	}

	.lv-biao {
		width: 4px;
		height: 16px;
		background: #E4612E;
		margin-right: 5px;
	}
</style>
