1300 lines
50 KiB
Vue
1300 lines
50 KiB
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> |