jinjian1.1/pages/index/index.vue

<template>
	<view class="wrap">
		<u--form :model="applyInfo" ref="uForm" error-type="message">
			<u-form-item prop="shop_type" label-position="left" label="商户类型" label-width="190">
				<view class="" @click="uinp">
					<u--input placeholder="点击选择" type="text" disabled :placeholder-style="placeholderStyle"
						v-model="applyInfo.shop_type2"></u--input>
				</view>
				<u-action-sheet @close="close" @select="select" :closeOnClickOverlay="false" cancelText="取消"
					:actions="ysDict.shop_type()" :show="show" round='20' :title="title"></u-action-sheet>
			</u-form-item>
			<u-form-item v-if='applyInfo.shop_type==6||applyInfo.shop_type==7' label="事业单位法人证书" label-width="190"
				prop='door_photo'>
				<u-upload :fileList="fileList10" @afterRead="afterRead" @delete="deletePic" name="10" width="160"
					height="160" :maxCount="1"></u-upload>
			</u-form-item>
			<u-form-item v-if='applyInfo.shop_type==5' label="证明文件" label-width="190" prop='door_photo'>
				<u-upload :fileList="fileList11" @afterRead="afterRead" @delete="deletePic" name="11" width="160"
					height="160" :maxCount="1"></u-upload>
			</u-form-item>
			<u-form-item label="所属行业类型" label-width="190" right-icon="arrow-right" prop="industry">
				<view class="" @click="uinp2">
					<u--input placeholder="点击选择" type="text" disabled :placeholder-style="placeholderStyle"
						v-model="applyInfo.industry"></u--input>
				</view>
				<u-picker :show="show2" ref="uPicker" keyName="mercClsNm" :columns="columns" @confirm="confirm"
					itemHeight='88' @cancel="close2" cancelText="取消" @change="changeHandler"></u-picker>
			</u-form-item>

			<u-form-item label="店铺名称" label-width="190" prop="shop_name">
				<u--textarea :disabled='applyInfo.shop_type2==""' v-model="applyInfo.shop_name" type="text"
					:placeholder="applyInfo.shop_type =='' ?'请先选择商户类型，再输入店铺名称':applyInfo.shop_type !== '2' ? '请输入店铺名称' : '有门头：地级市名称 + 门头名称;无门头：地级市名称 + 法人名字 + 主营业务'"
					:placeholderStyle="placeholderStyle"></u--textarea>
			</u-form-item>
			<u-form-item label="门头照片" label-width="190" prop='door_photo'>
				<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" width="160"
					height="160" :maxCount="1"></u-upload>
			</u-form-item>
			<u-form-item label="内部照片" label-width="190" prop='interior_photo'>
				<u-upload :fileList="fileList2" @afterRead="afterRead" @delete="deletePic" name="2" width="160"
					height="160" :maxCount="1"></u-upload>
			</u-form-item>
			<u-form-item label="收银台照片" label-width="190" prop='interior_photo'>
				<u-upload :fileList="fileList13" @afterRead="afterRead" @delete="deletePic" name="13" width="160"
					height="160" :maxCount="1"></u-upload>
			</u-form-item>
			<u-form-item label="营业执照" v-if="applyInfo.shop_type!=2" prop="license" label-width="190">
				<u-upload :fileList="fileList3" @afterRead="afterRead" @delete="deletePic" name="3" width="160"
					height="160" :maxCount="1"></u-upload>
			</u-form-item>
			<u-form-item label="营业执照证件类型" v-if="applyInfo.shop_type!=2" label-width="250">
				<view class="" @click="uinp3">
					<u--input placeholder="点击选择" disabled v-model="applyInfo.license_type2" type="text"
						:placeholder-style="placeholderStyle"></u--input>
					<u-action-sheet @close="close3" @select="select3" :closeOnClickOverlay="false" cancelText="取消"
						:actions="ysDict.busCertType(applyInfo.shop_type)" :show="show3" round='20'
						:title="title"></u-action-sheet>
				</view>
			</u-form-item>
			<u-form-item label="统一社会信用代码" v-if="applyInfo.shop_type!=2" label-width="190" prop="uscc">
				<u--input v-model="applyInfo.uscc" placeholder='请输入统一社会信用代码号' type="text"
					:placeholder-style="placeholderStyle" />
			</u-form-item>
			<u-form-item label="营业执照名称" label-width="190" prop="license_name" v-if="applyInfo.shop_type!=2">
				<u--input v-model="applyInfo.license_name" type="text" :placeholder="mercNameFormat"
					placeholder='请输入营业执照名称' :placeholder-style="placeholderStyle" />
			</u-form-item>

			<u-form-item label="营业执照开始日期" v-if="applyInfo.shop_type!=2" label-width="250" prop="license_date">
				<view class="" @click="start_date=true">
					<u--input v-model="applyInfo.license_date" placeholder='请选择营业执照开始日期'
						:placeholder-style="placeholderStyle" disabled />
				</view>
				<u-popup :show="start_date" @close="closeTimeS">
					<pdd-date-picker @closeTimeS='closeTimeS' ref="pDataSelect" @change="handleChangeDate"
						:title="title3" />
				</u-popup>
			</u-form-item>
			<!-- 	<u-form-item label="营业执照结束日期" v-if="applyInfo.shop_type!=2" label-width="250"
				prop="license_validity.end_date">
				<view class="" @click="end_date=true">
					<u--input v-model="applyInfo.license_validity.end_date" disabled placeholder='请选择营业执照结束日期'
						:placeholder-style="placeholderStyle" />
				</view>
				<u-popup :show="end_date" @close="closeTimeE">
					<pdd-date-picker @closeTimeS='closeTimeE' ref="pDataSelect" @change="handleChangeDate2"
						:title="title3" />
				</u-popup>
			</u-form-item> -->
			<u-form-item label="商户营业地区" label-width="190" right-icon="arrow-right" prop="area">
				<view class="">
					<view>
						<uni-forms ref="baseForm">
							<uni-forms-item label="城市" required>
								<picker class="addRess" @change="bindPickerChange" @columnchange="pluginclass"
									:value="pickVal" :range="cityArr" range-key="AreaName" mode="multiSelector">
									<u--input placeholder="点击选择" v-if="pickVal2.length==0"
										:disabled='pickVal2.length==0' v-model="applyInfo.area" type="text"
										:placeholder-style="placeholderStyle"></u--input>
									<view v-else class="uni-input">
										<u--input disabled v-model="addressT" type="text" fontSize='24'></u--input>
									</view>
								</picker>
							</uni-forms-item>
						</uni-forms>
					</view>
				</view>
			</u-form-item>
			<!-- 营业执照上的地址 -->
			<u-form-item label="营业执照地址" v-if="applyInfo.shop_type!=2" label-width="190" prop="license_address">
				<u-input v-model="applyInfo.license_address" type="text" placeholder='请输入营业详细地址'
					:placeholder-style="placeholderStyle" />
			</u-form-item>
			<!-- 店铺地址 -->
			<u-form-item label="营业地址" label-width="190" prop="address">
				<u-input v-model="applyInfo.address" placeholder='请输入店铺地址' type="text"
					:placeholder-style="placeholderStyle" />
			</u-form-item>
			<u-form-item label="法人身份证正面" prop="idcard_front" label-width="190">
				<u-upload :fileList="fileList4" @afterRead="afterRead" @delete="deletePic" name="4" width="160"
					height="160" :maxCount="1"></u-upload>
			</u-form-item>
			<u-form-item label="法人身份证反面" prop="idcard_back" label-width="190">
				<u-upload :fileList="fileList5" @afterRead="afterRead" @delete="deletePic" name="5" width="160"
					height="160" :maxCount="1"></u-upload>
			</u-form-item>
			<u-form-item label="法人身份证开始日期" prop="idcard_back" labelWidth="290">
				<view class="" @click="id_start_date=true">
					<u--input v-model="applyInfo.id_validity.start_date" disabled placeholder='请选择开始日期'
						:placeholder-style="placeholderStyle" />
				</view>
				<u-popup :show="id_start_date" @close="closeTimeID">
					<pdd-date-picker @closeTimeS='closeTimeID' ref="pDataSelect" @change="handleChangeDateID"
						:title="title3" />
				</u-popup>
			</u-form-item>
			<u-form-item label="身份证是否永久有效" label-width="190" prop="id_validity.is_permanent">
				<u-switch v-model="applyInfo.id_validity.is_permanent" size='40'></u-switch>
			</u-form-item>
			<u-form-item v-if="!applyInfo.id_validity.is_permanent" label="法人身份证结束日期" prop="idcard_back"
				label-width="290">
				<view class="" @click="id_end_date=true">
					<u--input v-model="applyInfo.id_validity.end_date" disabled placeholder='请选择结束日期'
						:placeholder-style="placeholderStyle" />
				</view>
				<u-popup :show="id_end_date" @close="closeTimeIDEND">
					<pdd-date-picker @closeTimeS='closeTimeIDEND' ref="pDataSelect" @change="handleChangeDateIDEND"
						:title="title3" />
				</u-popup>
			</u-form-item>
			<u-form-item label="法人姓名" label-width="190" prop="name">
				<u--input v-model="applyInfo.name" type="text" placeholder='请输入法人姓名'
					:placeholder-style="placeholderStyle"></u--input>
			</u-form-item>
			<u-form-item label="法人证件号" label-width="190" prop="id_number">
				<u--input v-model="applyInfo.id_number" type="text" placeholder='请输入法人证件号'
					:placeholder-style="placeholderStyle"></u--input>
			</u-form-item>
			<u-form-item label="法人手机号" label-width="190" prop="phone">
				<u--input v-model="applyInfo.phone" type="text" placeholder='请输入手机号'
					:placeholder-style="placeholderStyle"></u--input>
			</u-form-item>
			<u-form-item label="法人邮箱" label-width="190" prop="email">
				<u--input v-model="applyInfo.email" type="text" placeholder='请输入邮箱号'
					:placeholder-style="placeholderStyle"></u--input>
			</u-form-item>
			<u-form-item v-if="applyInfo.shop_type!='2'" label="是否法人结算" label-width="190" prop="is_uncrp_sett">
				<u-switch v-model="applyInfo.is_uncrp_sett" size='40'></u-switch>
			</u-form-item>
			<!--  非法人专属-->
			<!-- 除小微都有 选择非法人结算必填 -->
			<u-form-item label-position="top" v-if="applyInfo.shop_type!='2'">
				<u-collapse :arrow="false">
					<u-collapse-item title="备用结算账号" open>
						<view class="feeItme">
							<u-form-item label="结算方式" label-width="190">
								<view class="" @click="standByStlAccTypeShow=true">
									<u--input placeholder="点击选择" v-model="applyInfo.stand_by_stl.stand_by_stl_acc_type2"
										disabled type="text" :placeholder-style="placeholderStyle"></u--input>
								</view>
								<u-action-sheet @select="stabdByStlAccTypeConfirm" :closeOnClickOverlay="false"
									:actions="ysDict.stlAccType()" :show="standByStlAccTypeShow"
									round='20'></u-action-sheet>
							</u-form-item>
							<u-form-item label="结算账号" label-width="190">
								<u--input type="text" v-model="applyInfo.stand_by_stl.stand_by_stl_acc_no"
									:placeholder-style="placeholderStyle"></u--input>
							</u-form-item>
							<u-form-item label="结算户名" label-width="190">
								<u--input type="text" v-model="applyInfo.stand_by_stl.stand_by_stl_acc_nm"
									:placeholder-style="placeholderStyle"></u--input>
							</u-form-item>
							<u-form-item label="开户支行" label-width="190" right-icon="arrow-right" prop="bankSubStr">
								<view @click="toSelBank(1)" style="width: 100%;">
									<u--textarea placeholder="点击选择" height="80"
										v-model="applyInfo.stand_by_stl.stand_by_bank_sub_code_name" type="text"
										disabled :placeholder-style="placeholderStyle"></u--textarea>
								</view>
							</u-form-item>
							<u-form-item label="备用结算账户卡正面" label-width="250" prop="fbank_copy">
								<u-upload :fileList="fileList12" @afterRead="afterRead" @delete="deletePic" name="12"
									width="160" height="160" :maxCount="1"></u-upload>
							</u-form-item>
						</view>
					</u-collapse-item>
				</u-collapse>
			</u-form-item>
			<!-- 非法人专属-->
			<u-form-item label="开户人证件号" label-width="190" prop="account_number">
				<u--input v-model="applyInfo.account_number" placeholder='请输入开户人证件号' type="text"
					:placeholder-style="placeholderStyle" />
			</u-form-item>
			<u-form-item v-if="!applyInfo.is_uncrp_sett" label="开户人身份证正面" label-width="190" prop="account_number">
				<u-upload :fileList="fileList8" @afterRead="afterRead" @delete="deletePic" name="8" width="160"
					height="160" :maxCount="1"></u-upload>
			</u-form-item>
			<u-form-item v-if="!applyInfo.is_uncrp_sett" label="开户人身份证反面" label-width="190" prop="account_number">
				<u-upload :fileList="fileList9" @afterRead="afterRead" @delete="deletePic" name="9" width="160"
					height="160" :maxCount="1"></u-upload>
			</u-form-item>
			<u-form-item v-if="!applyInfo.is_uncrp_sett" label="结算授权书" label-width="190" prop="account_number">
				<u-upload :fileList="fileList15" @afterRead="afterRead" @delete="deletePic" name="15" width="160"
					height="160" :maxCount="1"></u-upload>
			</u-form-item>
			<u-form-item v-if="!applyInfo.is_uncrp_sett" label="法人手持结算授权书" label-width="190" prop="account_number">
				<u-upload :fileList="fileList16" @afterRead="afterRead" @delete="deletePic" name="16" width="160"
					height="160" :maxCount="1"></u-upload>
			</u-form-item>
			<u-form-item label="结算用户名" label-width="190" prop="settlement_name">
				<u--input v-model="applyInfo.settlement_name" placeholder='请输入结算户名'
					:placeholder-style="placeholderStyle" />
			</u-form-item>
			<!--非法人专属-->
			<u-form-item label="银行预留手机号" label-width="250" prop="bank_phone">
				<u--input v-model="applyInfo.bank_phone" placeholder='请输入银行预留手机号' type="text"
					:placeholder-style="placeholderStyle" />
			</u-form-item>
			<!-- 非法人专属 -->
			<u-form-item label="结算账户类型" label-width="190" prop="bank_number">
				<!-- 是否弹出结算账户类型的下部弹框  @click="StlAccTypeShow=true"-->
				<view class="" @click="StlAccTypeShow=true">
					<u--input placeholder="点击选择" v-model="applyInfo.stl_acc_type2" disabled type="text"
						:placeholder-style="placeholderStyle"></u--input>
				</view>
				<u-action-sheet @select="StlAccTypeConfirm" :closeOnClickOverlay="false"
					:actions="ysDict.stlAccType(applyInfo.shop_type,applyInfo.is_uncrp_sett)" cancelText="取消"
					@close='closeType' :show="StlAccTypeShow" round='20'></u-action-sheet>
			</u-form-item>
			<u-form-item v-if="applyInfo.stl_acc_type=='21'&&(applyInfo.shop_type=='3'||applyInfo.shop_type=='4')"
				label="开户许可证" label-width="250" prop="fbank_copy">
				<u-upload :fileList="fileList14" @afterRead="afterRead" @delete="deletePic" name="14" width="160"
					height="160" :maxCount="1"></u-upload>
			</u-form-item>
			<u-form-item label="结算账户正面(卡号面)" label-width="250" prop="fbank_copy">
				<u-upload :fileList="fileList6" @afterRead="afterRead" @delete="deletePic" name="6" width="160"
					height="160" :maxCount="1"></u-upload>
			</u-form-item>
			<!-- </u-form-item> -->
			<u-form-item label="结算账户反面" label-width="250" prop="bbank_copy">
				<u-upload :fileList="fileList7" @afterRead="afterRead" @delete="deletePic" name="7" width="160"
					height="160" :maxCount="1"></u-upload>
			</u-form-item>
			<u-form-item label="结算账号" label-width="190" prop="bank_number">
				<u--input v-model="applyInfo.bank_number" placeholder='请输入结算账号' :placeholder-style="placeholderStyle" />
			</u-form-item>
			<u-form-item label="开户支行" label-width="190" right-icon="arrow-right" prop="account_bank">
				<view class="" @click="toSelBank(0)" style="width: 100%;">
					<u--textarea disabled placeholder="点击选择" v-model="applyInfo.account_bank_name" type="text"
						height="80" :placeholder-style="placeholderStyle"></u--textarea>
				</view>
			</u-form-item>
			<u-form-item label="到账时间" label-width="190">
				<u-checkbox-group @change="busOpenTypeChange" v-model="seledBusOpenTypes" size='30' iconSize='24'
					placement="row">
					<u-checkbox v-for="(item, index) in busOpenTypes" :key="index" :name="item.value" labelSize='30'
						:disabled="item.value==='00'" :label="item.name"
						:label-disabled="item.value==='00'"></u-checkbox>
				</u-checkbox-group>
			</u-form-item>
			<u-form-item label="T+1到账费率" label-width="290" label-position="top" v-if="isIncludeBOT('00')">
				<view class="clollC">
					<u-collapse :accordion="false" :head-style="{backgroundColor:'#E8E8E8',paddingLeft:'20rpx'}">
						<u-collapse-item title="微信扫码费率">
							<view class="feeItme">
								<u-form-item label="费率（%）" label-width="190">
									<u-input type="number"
										v-model="applyInfo.sign_info.code_scan_t1_fee.wxPayFee.rateFee"
										:placeholder-style="placeholderStyle"></u-input>
								</u-form-item>
								<u-form-item label="最低收费（分）" label-width="210">
									<u-input type="number"
										v-model="applyInfo.sign_info.code_scan_t1_fee.wxPayFee.rateBottom"
										:placeholder-style="placeholderStyle"></u-input>
								</u-form-item>
							</view>
						</u-collapse-item>
						<u-collapse-item title="支付宝扫码费率">
							<view class="feeItme">
								<u-form-item label="费率（%）" label-width="210">
									<u-input type="number"
										v-model="applyInfo.sign_info.code_scan_t1_fee.aliPayFee.rateFee"
										:placeholder-style="placeholderStyle"></u-input>
								</u-form-item>
								<u-form-item label="最低收费（分）" label-width="210">
									<u-input type="number"
										v-model="applyInfo.sign_info.code_scan_t1_fee.aliPayFee.rateBottom"
										:placeholder-style="placeholderStyle"></u-input>
								</u-form-item>
							</view>
						</u-collapse-item>

						<u-collapse-item title="银联一档借记卡扫码费率">
							<view class="feeItme">
								<u-form-item label="费率（%）" label-width="210">
									<u-input type="number"
										v-model="applyInfo.sign_info.code_scan_t1_fee.bank1debitPayFee.rateFee"
										:placeholder-style="placeholderStyle"></u-input>
								</u-form-item>
								<u-form-item label="最低收费（分）" label-width="210">
									<u-input type="number"
										v-model="applyInfo.sign_info.code_scan_t1_fee.bank1debitPayFee.rateBottom"
										:placeholder-style="placeholderStyle"></u-input>
								</u-form-item>
								<u-form-item label="最高收费（分）" label-width="210">
									<u-input type="number"
										v-model="applyInfo.sign_info.code_scan_t1_fee.bank1debitPayFee.rateTop"
										:placeholder-style="placeholderStyle"></u-input>
								</u-form-item>
							</view>
						</u-collapse-item>

						<u-collapse-item title="银联一档贷记卡扫码费率">
							<view class="feeItme">
								<u-form-item label="费率（%）" label-width="210">
									<u-input type="number"
										v-model="applyInfo.sign_info.code_scan_t1_fee.bank1creditPayFee.rateFee"
										:placeholder-style="placeholderStyle"></u-input>
								</u-form-item>
								<u-form-item label="最低收费（分）" label-width="210">
									<u-input type="number"
										v-model="applyInfo.sign_info.code_scan_t1_fee.bank1creditPayFee.rateBottom"
										:placeholder-style="placeholderStyle"></u-input>
								</u-form-item>
							</view>
						</u-collapse-item>

						<u-collapse-item title="银联二档借记卡扫码费率">
							<view class="feeItme">
								<u-form-item label="费率（%）" label-width="210">
									<u-input type="number"
										v-model="applyInfo.sign_info.code_scan_t1_fee.bank2debitPayFee.rateFee"
										:placeholder-style="placeholderStyle"></u-input>
								</u-form-item>
								<u-form-item label="最低收费（分）" label-width="210">
									<u-input type="number"
										v-model="applyInfo.sign_info.code_scan_t1_fee.bank2debitPayFee.rateBottom"
										:placeholder-style="placeholderStyle"></u-input>
								</u-form-item>
								<u-form-item label="最高收费（分）" label-width="210">
									<u-input type="number"
										v-model="applyInfo.sign_info.code_scan_t1_fee.bank2debitPayFee.rateTop"
										:placeholder-style="placeholderStyle"></u-input>
								</u-form-item>
							</view>
						</u-collapse-item>

						<u-collapse-item title="银联二档贷记卡扫码费率">
							<view class="feeItme">
								<u-form-item label="费率（%）" label-width="210">
									<u-input type="number"
										v-model="applyInfo.sign_info.code_scan_t1_fee.bank2creditPayFee.rateFee"
										:placeholder-style="placeholderStyle"></u-input>
								</u-form-item>
								<u-form-item label="最低收费（分）" label-width="210">
									<u-input type="number"
										v-model="applyInfo.sign_info.code_scan_t1_fee.bank2creditPayFee.rateBottom"
										:placeholder-style="placeholderStyle"></u-input>
								</u-form-item>
							</view>
						</u-collapse-item>
					</u-collapse>
				</view>
			</u-form-item>
			<u-form-item label="D+1到账费率" label-width="290" label-position="top" v-if="isIncludeBOT('20')">
				<view class="clollC">
					<u-form-item label="收费方式" label-width="210">
						<u-radio-group v-model="applyInfo.sign_info.d1_fee.rateType" shape="square" size='30'
							iconSize='24'>
							<u-radio name="0">百分比</u-radio>
							<u-radio name="1">固定金额</u-radio>
						</u-radio-group>
					</u-form-item>
					<u-form-item :label="d1FeeLabel" label-width="210">
						<u-input type="number" v-model="applyInfo.sign_info.d1_fee.rateFee"
							:placeholder-style="placeholderStyle"></u-input>
					</u-form-item>
					<u-form-item v-if="siBF" label="最低收费（分）" label-width="210">
						<u-input type="number" v-model="applyInfo.sign_info.d1_fee.rateBottom"
							:placeholder-style="placeholderStyle"></u-input>
					</u-form-item>

				</view>
			</u-form-item>
			<u-form-item label="实时账费率" label-width="190" label-position="top" v-if="isIncludeBOT('01')">
				<view class="clollC">
					<u-form-item label="费率（%)" label-width="210">
						<u-input type="number" v-model="applyInfo.sign_info.code_scan_d0_fee.rateFee"
							:placeholder-style="placeholderStyle"></u-input>
					</u-form-item>
					<u-form-item label="最低收费（分）" label-width="210">
						<u-input type="number" v-model="applyInfo.sign_info.code_scan_d0_fee.rateBottom"
							:placeholder-style="placeholderStyle"></u-input>
					</u-form-item>
				</view>
			</u-form-item>
			<u-form-item label="设备编号" label-width="190" prop="equipment_no">
				<u-row gutter="16">
					<u-col span="11">
						<u-input style="width: 200px;" placeholder="请输入音箱设备上的条码" v-model="applyInfo.equipment_no"
							type="text" :placeholder-style="placeholderStyle" />
					</u-col>
					<u-col span="1">
						<u-icon name="scan" color="#2979ff" size="60" @click="scancodeDevice"></u-icon>
					</u-col>
				</u-row>
			</u-form-item>
			<u-form-item label="客户经理" label-width="190">
				<u--input v-model="applyInfo.manager" placeholder='请输入客户经理' :placeholder-style="placeholderStyle" />
			</u-form-item>
		</u--form>
		<!-- 协议 -->
		<view class="agreement">
			<view class="agreement-text">
				<u-checkbox-group size='35' iconSize='25' v-model="check_agreement" placement="column"
					@change="check_agreement_Change">
					<u-checkbox :customStyle="{marginBottom: '8px'}" v-for="(item, index) in checkboxList1" :key="index"
						:label="item.name" :name="item.name" labelSize='30'>
					</u-checkbox>
				</u-checkbox-group>
				<u-tag v-for="(value,index) in agreement_list" :text="value.title" :index=index border-color="#ffffff"
					mode="plain" :show="!agreement_show&&merch_sign!=''" @click="agreement_Click(index)" />
			</view>
		</view>
		<!-- 协议内容 -->
		<u-popup :show="agreement_show" mode="center" width="100%" height="100%" :closeable="true"
			close-icon-color="#FF0000" @close="closePopup">
			<view class="u-content">
				<u-parse :content="agreement_content" class="u-padding-20"></u-parse>
			</view>
		</u-popup>
		<!-- 签名 -->
		<view v-show="show_sign">
			<view>商户签名</view>
			<signInput ref="sign" canvasId="oneDrowCanvas" canvasIds="oneRotateCanvas" :header="{}"
				:action="post_url+ 'public/upload'" @signToUrl="merchSign"></signInput>
			<!-- <view>经理签名</view> -->
			<!-- <signInput ref="sign" canvasId="twoDrowCanvas" canvasIds="twoRotateCanvas" :header="{}"
				:action="post_url+ 'public/upload'" @signToUrl="managerSign"></signInput> -->
		</view>
		<!-- 提交 -->
		<u-button class="subBtn" type="primary" v-if="isSig" @click="toSign">去签约</u-button>
		<u-button class="subBtn" @click="applySubmit">提交</u-button>


	</view>
</template>

<script>
	import ysDict from '@/pages/index/dictDatas.js'
	import pddDatePicker from '@/uni_modules/pdd-date-picker/components/pdd-date-picker/pdd-date-picker.vue'
	import signInput from "@/pages/index/am-sign-input.vue"
	import {
		toBase64
	} from '@/utils/imgtobase.js'
	import {
		uploadImg,
		queryMccCd,
		add_account,
		areas,
		upload_imgs,
		audit_info,
		sign_to_ys,
		sel_agreement,
		sign_agreement
	} from '@/utils/api.js'
	export default {
		components: {
			signInput,
			pddDatePicker
		},
		data() {
			return {
				busOpenTypes: [],
				isSig: false, //表单提交完去签约
				StlAccTypeShow: false, //结算账户类型
				id_start_date: false, //法人身份证开始
				id_end_date: false, //法人身份证开始
				standByStlAccTypeShow: false, //备用结算方式选择
				start_date: false,
				end_date: false,
				title3: '',
				dateValue: '',
				pickVal: [0, 0, 0], // 选择器默认值
				pickVal2: [], // 辅助城市名字线索
				cityArr: [], // 所有城市
				d1FeeLabel: '费率（%）',
				checkboxList1: [{
					name: '代表同意',
					disabled: false
				}],
				title: '商户类型',
				show: false, //商户类型
				show2: false, //所属行业类型是否展示
				show3: false, //营业执照类型
				show4: false, //商户营业地区 
				area: [], //营业地区
				columns: [ //商户类型
					[{
						mercClsNm: '请先选择商户类型'
					}],
					[{
						mercClsNm: '请先选择商户类型'
					}]
				],
				columnData: [],
				ysDict: [],
				check_agreement: [],
				show_sign: false, //显示签名
				agreement_list: [],
				fileList1: [], //门头照片图片
				fileList2: [], //内部照片图片
				fileList3: [], //营业执照图片
				fileList4: [], //法人身份证正面图片
				fileList5: [], //法人身份证反面图片
				fileList6: [], //结算账户正面图片
				fileList7: [], //结算账户反面图片
				fileList8: [], //非法人身份证头像面
				fileList9: [], //非法人身份证国微面
				fileList10: [], //事业单位法人证书(商户类型为事业单位或政府机关时必填)
				fileList11: [], //其他证明文件(商户类型为社会组织时必填)，
				fileList12: [], //非法人结算时 备用结算账户正面(卡号面)
				fileList13: [], //收银台照片
				fileList14: [], //开户许可证
				fileList15: [], //结算授权书
				fileList16: [], //法人手持结算授权书
				applyInfo: {
					upward_img: { //图片
						A001: '', //营业执照
						A002: '', //法人身份证正面(头像面)
						A003: "", //法人身份证反面(国徽面)
						A004: '', //结算账户正面(卡号面)
						A005: '', //结算账户反面
						A006: '', //商户门头照片
						A007: '', //内景照片
						A008: '', //收银台照片
						A011: '', //开户许可证
						A013: '', //非法人身份证头像面
						A014: '', //非法人身份证国微面
						A015: '', //事业单位法人证书(商户类型为事业单位或政府机关时必填)
						A016: '', //其他证明文件(商户类型为社会组织时必填)，
						A0041: '', //非法人结算时 备用结算账户正面(卡号面)
						B005: '', //结算授权书（非法人结算时必填）
						B004: '', //法人手持结算授权书（非法人结算时必填）
					},
					//基本信息
					shop_name: '', //商户名称
					shop_type: '', //商户类型
					shop_type2: '', //商户类型名称
					industry: '', //所属行业类型 名称
					mcc: '', //所属行业类型code 是个数字
					email: '', //联系人邮箱
					manager: '', //客户经理，推广人姓名
					//图片信息
					door_photo: '', //门头照片
					license_type: '', //营业执照类型
					license_type2: '', //营业执照类型名称
					license: "", //营业执照
					stl_acc_type: '', //结算账户类型
					stl_acc_type2: '', //结算账户类型名字
					id_validity: { //身份证有效期
						start_date: '', // 开始日期
						is_permanent: true, //是否永久有效  字段
						end_date: '', // 结束日期
					},
					id_card: { //身份证 json的转字符串
						front_img: '', //正面照片
						back_img: "", //反面照片
					},
					bank_card: { //银行卡 json的转字符串
						front_img: '', //正面照片
						back_img: "", //反面照片
					},
					//法人信息
					id_number: '', //法人证件号
					name: '', //法人姓名
					phone: '', //法人手机号
					//结算信息
					is_uncrp_sett: true, //是否非法人结算,true是 false否，默认否
					settlement_name: '', //结算户名
					bank_number: '', //结算账号
					account_bank: '', //填开户支行code
					account_bank_name: '', //填开户支行name
					bank_phone: '', //银行预留手机号,非法人结算必填
					account_number: '', //开户证件号,非法人结算必填
					stand_by_stl: { //选择非法人结算时 必须有备用结算账号
						stand_by_stl_acc_type: '', // 备用结算方式 value,
						stand_by_stl_acc_type2: '', // 备用结算方式 name,
						stand_by_stl_acc_no: '', //备用结算账户号
						stand_by_stl_acc_nm: '', //备用结算户名
						stand_by_bank_sub_code: '', //备用结算账户开户行支行编号
						stand_by_bank_sub_code_name: '', //备用结算账户开户行名字
						stand_by_bank_province: '', //备用结算账户银行开户行省代码
						stand_by_bank_city: '', //备用结算账户银行开户行市代码
					},
					//营业信息
					uscc: '', //营业执照号
					license_name: '', //营业执照名称
					license_date: "", //营业执照开始日期 
					area: '', //省市区
					license_address: '', //营业详细地址
					address: '', //真是店铺地址
					equipment_no: '', //机器条码
					rates: '0.5%', //费率
					promoter_id: '', //推广人id或者推广人编号
					sign_info: { //进行签约的资料
						bus_open_type: '00', //到账方式 00扫码工作日到账（T+1），01扫码实时到账，20 D+1到账,多选用“|”分隔
						contract_type: '2', //电子合同
						is_send_con_msg: '3', //是否发送签约短信 1发，3不发
						code_scan_t1_fee: { //扫码工作日到账费率 00
							wxPayFee: {
								rateType: '0'
							},
							aliPayFee: {
								rateType: '0'
							},
							bank1debitPayFee: { ////银联一档借记卡扫码费率
								rateType: '0'
							},
							bank1creditPayFee: { //银联一档贷记卡扫码费率
								rateType: '0'
							},
							bank2debitPayFee: { //银联二档借记卡扫码费率
								rateType: '0'
							},
							bank2creditPayFee: { //银联二档贷记卡扫码费率
								rateType: '0'
							}

						},
						code_scan_d0_fee: { //扫码实时到账垫资费 01
							rateType: '0',
						},
						d1_fee: { //天天到账垫资费 D+1     20
							rateType: '0',
						},
					},
				},
				idcard_front: {
					'type': 'idcard',
					'id_card_side': 'front'
				}, //身份证正面
				idcard_back: {
					'type': 'idcard',
					'id_card_side': 'back'
				}, //身份证反面
				license_copy: {
					'type': 'business_license'
				}, //营业执照
				merch_sign: '', //商家签名图片
				manager_sign: '', //经理签名图片
				agreement_content: '', //协议内容
				agreement_show: false, //显示协议内容
				sigUrl: '',
				mercNameFormat: '',
				placeholderStyle: 'font-size:22rpx;color:#c0c4cc;',
				addressT: '', //省市区
				columnAllData: '', //行业类型
				seledBusOpenTypes: ["00"],
			}
		},
		computed: {
			//D+1收费方式按照%时显示最低收费
			siBF() {
				return this.applyInfo.sign_info.d1_fee.rateType === "0"
			},
			//是否包含某个到账时间
			isIncludeBOT() {
				return v => {
					return this.seledBusOpenTypes.includes(v)
				}
			},
		},
		watch: {
			'applyInfo.sign_info.d1_fee.rateType': {
				handler: function(n, o) {
					this.d1FeeLabel = n === '0' ? '费率（%）' : '费率（分）'
				},
				immediate: true
			},
		},
		onLoad() {
			this.post_url = getApp().globalData.baidu_sdk_url
			this.ysDict = ysDict
			this.busOpenTypes = ysDict.busOpenTypes()
			var curUser = uni.getStorageSync('user_info')
			this.get_agreement()
		},

		mounted() {
			// 页面初始化
			this.loadProvinces()
		},
		methods: {
			//平台协议
			closePopup() {
				this.agreement_show = false
			},
			//结算类型关闭
			closeType() {
				this.StlAccTypeShow = false
			},
			//备用结算账户类型选择
			stabdByStlAccTypeConfirm(e) {
				this.applyInfo.stand_by_stl.stand_by_stl_acc_type2 = e.name
				this.applyInfo.stand_by_stl.stand_by_stl_acc_type = e.value
				this.closeByStlAccType()
			},
			//结算账户类型选择
			StlAccTypeConfirm(e) {
				this.applyInfo.stl_acc_type2 = e.name
				this.applyInfo.stl_acc_type = e.value
				this.StlAccTypeShow = false
			},
			closeByStlAccType() {
				this.standByStlAccTypeShow = false
			},
			closeTimeS() {
				this.start_date = false
			},
			handleChangeDate(date) {
				console.log(date);
				this.applyInfo.license_date = date
				this.closeTimeS()
			},
			closeTimeE() {
				this.end_date = false
			},
			handleChangeDate2(date) {
				this.applyInfo.license_validity.end_date = date
				this.end_date = false
			},
			closeTimeID() {
				this.id_start_date = false
			},
			handleChangeDateID(date) {
				this.applyInfo.id_validity.start_date = date
				this.closeTimeID()
			},
			closeTimeIDEND() {
				this.id_end_date = false
			},
			handleChangeDateIDEND(date) {
				this.applyInfo.id_validity.end_date = date
				this.closeTimeIDEND()
			},
			loadProvinces() { // 加载省份
				uni.request({
					url: 'http://test-api.tiananhub.com/api/province/GetListProvince',
					method: 'get',
					success: async (res) => {
						let {
							data
						} = res.data
						this.cityArr[0] = data
						this.loadCities(data[0].AreaId)
						this.$forceUpdate()
					},
					fail: async (res) => {}
				})
			},
			// 请求地级市
			loadCities(AreaId) {
				uni.request({
					url: 'http://test-api.tiananhub.com/api/province/GetListCity',
					data: {
						AreaId
					},
					method: 'get',
					success: async (res) => {
						let {
							data
						} = res.data
						this.cityArr[1] = data
						this.loadAreas(data[0].AreaId)

						this.$forceUpdate()
					},
					fail: async (res) => {}
				})
			},
			// 请求县区市
			loadAreas(AreaId) {
				uni.request({
					url: 'http://test-api.tiananhub.com/api/province/GetListCity',
					data: {
						AreaId
					},
					method: 'get',
					success: async (res) => {
						let {
							data
						} = res.data
						this.cityArr[2] = data

						this.$forceUpdate()
					},
					fail: async (res) => {}
				})
			},
			// 确定其他选择的值
			bindPickerChange(data) {
				console.log(data);
				this.pickVal = data.target.value;
				this.pickVal2 = data.target.value;
				this.addressT = this.cityArr[0][this.pickVal2[0]].AreaName + this.cityArr[1][this.pickVal2[1]].AreaName +
					this.cityArr[2][this.pickVal2[2]].AreaName
				this.applyInfo.area = {
					provice_name: this.cityArr[0][this.pickVal2[0]].AreaName,
					city_name: this.cityArr[1][this.pickVal2[1]].AreaName,
					area_name: this.cityArr[2][this.pickVal2[2]].AreaName,
				}
			},
			// 选择时且未点击确定是的值
			pluginclass(e) {
				// console.log('修改的列为：' + e.detail.column + '，值为：' + e.detail.value)	
				if (e.detail.column == 0) {
					this.loadCities(this.cityArr[0][e.detail.value].AreaId);
				}
				if (e.detail.column == 1) {
					this.loadAreas(this.cityArr[1][e.detail.value].AreaId);
				}
			},
			//营业执照开始日期
			confirmStartTime(e) {
				console.log(e);
				this.start_date = false;
			},
			//营业执照结束日期
			confirmEndTime(e) {
				console.log(e);
				this.end_date = false
			},
			// 删除图片
			deletePic(event) {
				this[`fileList${event.name}`].splice(event.index, 1)
			},
			// 新增图片
			afterRead(e) {
				// 获取文件信息
				const file = e.file;

				// 验证文件类型
				// const validTypes = ['image/jpeg', 'image/jpg', 'image/png', 'image/bmp'];
				// if (!validTypes.includes(file.type)) {
				//     // 判断文件是否有有效的名称
				//     if (file && typeof file.name === 'string') {
				//         const fileName = file.name.toLowerCase();
				//         const validExtensions = ['.jpg', '.jpeg', '.png', '.bmp'];
				//         const isValidExtension = validExtensions.some(ext => fileName.endsWith(ext));

				//         if (!isValidExtension) {
				//             uni.showToast({
				//                 title: '文件类型不支持，请上传 JPG、JPEG、BMP 或 PNG 格式的文件。',
				//                 duration: 2000,
				//                 icon: 'none'
				//             });
				//             return; // 终止后续操作
				//         }
				//     } else {
				//         uni.showToast({
				//             title: '文件名称无效，请检查上传的文件。',
				//             duration: 2000,
				//             icon: 'none'
				//         });
				//         return; // 终止后续操作
				//     }
				// }

				// 验证文件大小
				const maxSize = 2 * 1024 * 1024; // 2MB
				if (file.size > maxSize) {
					uni.showToast({
						title: '文件大小不能超过 2MB。',
						duration: 2000,
						icon: 'none'
					});
					return; // 终止后续操作
				}
				// 将上传图片处理成base64
				toBase64(e.file.url).then(result => {
						let myVariable = result
						let license = {
							file: 'data:image/png;base64,' + myVariable
						}
						this.uploadFilePromise(license, e)
					})
					.catch(error => {
						console.error('There was an error!', error);
					});
			},
			uploadFilePromise(img, e) {
				uploadImg(img).then((res) => {
					this[`fileList${e.name}`].push({
						url: res.data.url
					})
				})
			},
			check_agreement_Change(e) { // 勾选版权协议
				if (e.length > 0) {
					this.applyInfo.agreement = true;
					this.show_sign = true

				} else {
					this.show_sign = false
				}
			},
			agreement_Click(index) { //协议内容弹窗
				this.agreement_content = this.agreement_list[index].content
				this.agreement_show = true
			},
			//商户类型
			uinp() {
				this.show = true
			},
			select(e) {
				this.applyInfo.shop_type2 = e.name
				this.applyInfo.shop_type = e.label
				//判断结算账户类型 小微结算账户类型只能选对私企业 法人结算只能对公 非法人只能对私 个体 是否是法人都只能对私  小微不可非法人结算
				this.close()
			},
			close() {
				this.show = false
			},
			//所属行业类型
			uinp2() {
				this.$nextTick(() => {
					queryMccCd({
						merc_type: this.applyInfo.shop_type
					}).then(res => {
						this.columnAllData = res.data
						this.show2 = true
						this.columns[0] = []
						res.data.mcc_type.map((item, index) => {
							this.columns[0].push({
								mercClsNm: item.mchTypeNm,
								mccCd: item.mchType
							})
						})
						res.data.mcc_list.map((item, index) => {
							this.columnData.push(item)
						})
						let list = '';
						res.data.mcc_list[0].map((item, index) => {
							this.columnData.push(item)
							if (!index) list = {
								mercClsNm: item.mercClsNm,
								mccCd: item.mccCd
							}
						})
						this.columns[1].splice(0, 1, list)

					})
				})
			},
			changeHandler(e) {
				const {
					columnIndex,
					index,
					// 微信小程序无法将picker实例传出来，只能通过ref操作
					picker = this.$refs.uPicker
				} = e
				if (columnIndex === 0) {
					this.loading = true
					picker.setColumnValues(1, this.columnData[index])
					this.loading = false
				}
			},
			confirm(e) {
				this.applyInfo.industry = e.value[1].mercClsNm
				this.applyInfo.mcc = e.value[1].mccCd
				this.close2()
			},
			close2() {
				this.show2 = false
			},
			//营业执照类型
			uinp3() {
				this.show3 = true
			},
			select3(e) {
				this.applyInfo.license_type2 = e.name
				this.applyInfo.license_type = e.label
				this.close3()
			},
			close3() {
				this.show3 = false
			},
			//打开开户行选择页面
			toSelBank(type) {
				var that = this
				this.$u.route('pages/index/sel-bank/sel-bank');
				uni.$once("querBank", function(data) {
					if (type === 0) {
						that.applyInfo.account_bank = data.bankCode
						that.applyInfo.account_bank_name = data.bankName
					} else if (type === 1) {
						that.applyInfo.stand_by_stl.stand_by_bank_sub_code = data.bankCode
						that.applyInfo.stand_by_stl.stand_by_bank_sub_code_name = data.bankName
						that.applyInfo.stand_by_stl.stand_by_bank_province = data.stand_by_bank_province
						that.applyInfo.stand_by_stl.stand_by_bank_city = data.stand_by_bank_city
						console.log(that.applyInfo.stlAccInfo)
					}
				})
			},
			//扫设备码
			scancodeDevice(e) {
				let that = this;
				// 只允许通过相机扫码
				uni.scanCode({
					onlyFromCamera: true,
					success: function(res) {
						console.log('条码类型：' + res.scanType);
						console.log('条码内容：' + res.result);
						that.applyInfo.equipment_no = res.result
					}
				});
			},

			//获取协议
			get_agreement() {
				sel_agreement().then(res => {
					if (res.code == 200) {
						var res_list = res.data
						for (var i = 0; i < res_list.length; i++) {
							res_list[i].content = res_list[i].content.replace(/seal/g,
								"<img src='static/gongzhang.png' width='100px' />");
							res_list[i].content = res_list[i].content.replace(/legal/g,
								"<img src='static/legal.png' width='100px' />");
						}
						this.agreement_list = res_list
						console.log(this.agreement_list);
					}
				})
			},
			//商户签名
			merchSign(e) {
				console.log(e);
				if (e.code === 200) {
					this.merch_sign = e.data.url
					const currentDate = new Date();
					let date = uni.$u.timeFormat(currentDate, 'yyyy-mm-dd');
					this.agreement_list[0].content = this.agreement_list[0].content.replace(/merch/g,
						`<img src=${e.data.url} width='100px' height='100px' />`);
					this.agreement_list[0].content = this.agreement_list[0].content.replace(/ymd/g, date);
					this.agreement_list[0].content = this.agreement_list[0].content.replace(/payment_day/g, "T+1");
				} else {
					this.$u.toast("签名异常 请联系管理处理")
				}
			},
			//结算账户类型选择
			stlAccTypeConfirm(e) {
				this.applyInfo.stlAccInfo.stlAccType = e[0].value
				this.applyInfo.stlAccInfo.stlAccTypeStr = e[0].label
			},

			//备用结算账户类型选择
			stabdByStlAccTypeConfirm(e) {
				this.applyInfo.stlAccInfo.standByStlAccType = e[0].value
				this.applyInfo.stlAccInfo.standByStlAccTypeStr = e[0].label
			},

			//到账时间选择
			busOpenTypeChange(e) {
				this.seledBusOpenTypes = e
				this.applyInfo.sign_info.bus_open_type = e.join('|')
				console.log(this.applyInfo.sign_info.bus_open_type);
			},
			//签约页面跳转
			toSign() {
				this.$u.route({
					url: '/pages/index/sign?sigUrl=' + this.sigUrl,
				})
			},
			//提交
			applySubmit() {
				//如果是小微企业 营业执照名称就是店铺名称
				var data = JSON.parse(JSON.stringify(this.applyInfo))
				if (data.shop_type == '2') {
					data.license_name = data.shop_name
					data.license_address = data.address
				}
				data.bank_number = this.$u.trim(data.bank_number)
				data.upward_img.A001 = this.fileList3[0]?.url, //营业执照
					data.upward_img.A002 = this.fileList4[0]?.url, //法人身份证正面(头像面)
					data.upward_img.A003 = this.fileList5[0]?.url, //法人身份证反面(国徽面)
					data.upward_img.A004 = this.fileList6[0]?.url, //结算账户正面(卡号面)
					data.upward_img.A005 = this.fileList7[0]?.url, //结算账户反面
					data.upward_img.A006 = this.fileList1[0]?.url, //商户门头照片
					data.door_photo = this.fileList1[0]?.url, //商户门头照片
					data.upward_img.A007 = this.fileList2[0]?.url, //内景照片
					data.upward_img.A008 = this.fileList13[0]?.url, //收银台照片
					data.upward_img.A011 = this.fileList14[0]?.url, //开户许可证
					data.upward_img.A013 = this.fileList8[0]?.url, //非法人身份证头像面
					data.upward_img.A014 = this.fileList9[0]?.url, //非法人身份证国微面
					data.upward_img.A015 = this.fileList10[0]?.url, //事业单位法人证书(商户类型为事业单位或政府机关时必填)
					data.upward_img.A016 = this.fileList11[0]?.url, //其他证明文件(商户类型为社会组织时必填)，
					data.upward_img.A0041 = this.fileList12[0]?.url, //非法人结算时 备用结算账户正面(卡号面)
					data.upward_img.B005 = this.fileList15[0]?.url, //非法人结算时 备用结算账户正面(卡号面)
					data.upward_img.B004 = this.fileList16[0]?.url, //非法人结算时 备用结算账户正面(卡号面)
					data.upward_img = JSON.stringify(data.upward_img)
				data.id_card = JSON.stringify(data.id_card)
				data.bank_card = JSON.stringify(data.bank_card)
				data.stand_by_stl = JSON.stringify(data.stand_by_stl)
				data.area = JSON.stringify(data.area)
				data.license_date = uni.$u.timeFormat(data.license_date, 'yyyymmdd');
				data.id_validity.start_date = uni.$u.timeFormat(data.id_validity.start_date, 'yyyymmdd');
				//法人身份证非永久有效
				if (!data.id_validity.is_permanent) {
					data.id_validity.end_date = uni.$u.timeFormat(data.id_validity.end_date, 'yyyymmdd');
				} else {
					data.id_validity.end_date = ''
				}
				data.id_validity = JSON.stringify(data.id_validity)
				data.promoter_id = uni.getStorageSync('userInfo').promoter_id
				data.rates = JSON.stringify(data.sign_info)
				// data.upward_img = {
				// 	"A001": "/www/wwwroot/bin/go/baidu_sdk/static/img/20240904/202411151508331214.jpg",
				// 	"A002": "/www/wwwroot/bin/go/baidu_sdk/static/img/20240904/20241115151024498.jpg",
				// 	"A003": "/www/wwwroot/bin/go/baidu_sdk/static/img/20240904/202411151510521836.jpg",
				// 	"A004": "/www/wwwroot/bin/go/baidu_sdk/static/img/20240904/20241115151222820.jpg",
				// 	"A005": "/www/wwwroot/bin/go/baidu_sdk/static/img/20240904/202411151512253310.jpg",
				// 	"A006": "/www/wwwroot/bin/go/baidu_sdk/static/img/20240904/202411151508148952.jpg",
				// 	"A007": "/www/wwwroot/bin/go/baidu_sdk/static/img/20240904/202411151508208573.jpg",
				// 	"A008": "/www/wwwroot/bin/go/baidu_sdk/static/img/20240904/20241115150827205.jpg"
				// }
				// data.upward_img = {
				// 	"A002": "/www/wwwroot/bin/go/baidu_sdk/static/img/20240904/202411151619514392.jpg",
				// 	"A003": "/www/wwwroot/bin/go/baidu_sdk/static/img/20240904/202411151619539426.jpg",
				// 	"A004": "/www/wwwroot/bin/go/baidu_sdk/static/img/20240904/202411151621441656.jpg",
				// 	"A005": "/www/wwwroot/bin/go/baidu_sdk/static/img/20240904/202411151621472513.jpg",
				// 	"A006": "/www/wwwroot/bin/go/baidu_sdk/static/img/20240904/202411151619267204.jpg",
				// 	"A007": "/www/wwwroot/bin/go/baidu_sdk/static/img/20240904/202411151619299726.jpg",
				// 	"A008": "/www/wwwroot/bin/go/baidu_sdk/static/img/20240904/202411151619323946.jpg"
				// }
				 let _this = this
				// //上传资料到银盛
				// // var apiName = _this.isSaveInfo ? modifyInfoToYs : uploadInfoToYs
				// uni.showLoading({
				// 	title: '正在处理数据',
				// 	mask: true
				// })
				// upload_imgs({
				// 	img_paths: data.upward_img,
				// 	sys_flow_id: 'APPL202411151624114717992'
				// }).then(re => {
				// 	if (re.code == 200) {
				// 		uni.showToast({
				// 			title: '提交成功',
				// 			icon: 'none'
				// 		})
				// 	} else {
				// 		uni.hideLoading()
				// 	}
				// })
				// return false
				const sign = {
					title: this.agreement_list[0].title,
					content: this.agreement_list[0].content,
					type: this.agreement_list[0].type
				}
				sign_agreement(sign).then(res => {
					if (res.code != 200) {
						this.$u.toast(res.msg)
					} else {
						add_account(data).then(res => {
							console.log(res);
							if (res.code !== 200) {
								uni.hideLoading()
								_this.$u.toast(res.msg)
								return
							} else {
								uni.hideLoading()
								this.$refs.uForm.resetFields()
								var sys_flow_id = res.data.sys_flow_id
								//赋值入网流水号，共修改时使用 'APPL202411151624114717992'
								data.sys_flow_id = sys_flow_id
								//上传成功，进行图片上传
								upload_imgs({
									img_paths: data.upward_img,
									sys_flow_id: data.sys_flow_id
								}).then(re => {
									if (re.code == 200) {
										uni.showToast({
											title: '提交成功',
											icon: 'none'
										})
									} else {
										uni.hideLoading()
									}
								})
							}
						})
					}
				})
			},

		}
	}
</script>

<style lang="scss" scoped>
	.addRess {
		line-height: 80rpx;
	}

	.wrap {
		padding: 0 30rpx 30rpx;

		.u-size-default {
			padding: 0rpx
		}

		.signature .inputs .explain {
			width: 200rpx;
		}

		.button-line {
			transform: rotate(90deg);
			position: fixed;
			bottom: 170rpx;
			left: -100rpx;
			width: 340rpx;
			height: 50rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			z-index: 999;
		}
	}

	.agreement {
		display: flex;
		align-items: center;
		margin: 40rpx 0;

		.agreement-text {
			padding-left: 8rpx;
			color: $u-tips-color;
		}
	}

	.subBtn {
		margin-top: 30rpx;
	}

	.clollC {
		padding-left: 20rpx;
		width: 630rpx;
	}

	.feeItme {
		padding-left: 30rpx;
	}

	/deep/.uni-textarea-placeholder {
		font-size: 24rpx;
	}

	.uni-input {
		width: 500rpx !important;
	}

	/deep/.u-picker__view__column__item {
		font-size: 26rpx;
	}

	/deep/.u-checkbox-group--row {
		width: 100% !important;
		justify-content: space-around !important;
	}

	/deep/.u-radio-group--row {
		justify-content: space-around !important;
	}

	/deep/.u-padding-20 {
		height: 100vh;
		overflow: auto;
	}
</style>