Files
wanjiashangchao-shop/pages/dl/auth/editjinjian.vue
2025-04-30 14:08:39 +08:00

1851 lines
70 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view class="page-wapper">
<fu-custom :isBack="true" :isBottom="true" bgColor="bg-white">
<view slot="content">商家进件</view>
<block slot="right">
<!-- <view v-if="jinstatus==1" @click="routeHistory" class="text-red title-right" style="color:#FD501E;">编辑</view> -->
</block>
</fu-custom>
<!-- <view class="page-box" v-if="type==2">
</view> -->
<!-- <view class="border-bottom"></view> -->
<view v-if="type==2">
<view class="public-text-area-wapper">
<view class="text-area-title"> <text style="color: #FC501E;">*</text>请上传营业执照<text class="text-sm">(2M)</text>
</view>
</view>
<view class="public-text-area-wapper">
<view class="item">
<view class="">
<image @tap="shopLogo('BUSINESS_LICENCE')" :src="BUSINESS_LICENCE?BUSINESS_LICENCE:'../../static/file.png'"
mode="aspectFill"></image>
<text> {{ i18n['营业执照'] }}</text>
</view>
</view>
</view>
<view class="" v-if="type==2">
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>营业执照名称</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="licenseName"
:placeholder="'请输入营业执照名称'" placeholder-class="placeholder">
</view>
</view>
</view>
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>营业执照号码</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="licenseNo"
:placeholder="'请输入营业执照号码'" placeholder-class="placeholder">
</view>
</view>
</view>
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>营业执照开始时间</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="licenseDtStart"
:placeholder="'请输入营业执照开始时间'" placeholder-class="placeholder">
</view>
</view>
</view>
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>营业执照过期时间</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="licenseDtEnd"
:placeholder="'请输入营业执照过期时间'" placeholder-class="placeholder">
</view>
</view>
</view>
</view>
<!-- v-if="accountType==57" -->
</view>
<view class="public-text-area-wapper">
<view class="text-area-title"> <text style="color: #FC501E;">*</text>商户经营内容</view>
<textarea :placeholder="'请输入商户经营内容'" maxlength="-1" v-model="businessContent"
placeholder-class="placeholder"></textarea>
</view>
<view class="public-input-wapper active" @tap="mccnameTap">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>商户类别</view>
<view :class="{'rside-text': true, gray: !mccname}">{{mccname ? mccname : i18n['请选择']}}
</view>
<image style="width: 14rpx;height: 26rpx;margin-left: 16rpx;" src="../../../../static/my/right-arrow.png">
</image>
</view>
</view>
<!-- <view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>商户注册名称</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="merRegName"
:placeholder="'请输入商户注册名称'" placeholder-class="placeholder">
</view>
</view>
</view> -->
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>商户名称</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="merName"
:placeholder="'请输入商户名称'" placeholder-class="placeholder">
</view>
</view>
</view>
<view class="public-input-wapper active" @click="provinceTap">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>商户地址</view>
<view :class="{'rside-text': true, gray: !provinceCode }">
{{provinceCode ? provinceCodenameshow : i18n['请选择']}}
</view>
<image style="width: 14rpx;height: 26rpx;margin-left: 16rpx;" src="../../../../static/my/right-arrow.png">
</image>
</view>
</view>
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>商户详细地址</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="merAddr"
:placeholder="'去掉省,市,区后的详细地址'" placeholder-class="placeholder">
</view>
</view>
</view>
<view class="public-text-area-wapper">
<view class="text-area-title"> <text style="color: #FC501E;">*</text>请上传法人身份证<text class="text-sm">(2M)</text>
</view>
</view>
<view class="public-text-area-wapper ">
<view class="item">
<view class="">
<image style="margin-top: 48rpx;" @tap="shopLogo('ID_CARD_FRONT')"
:src="ID_CARD_FRONT?ID_CARD_FRONT:'../../static/file.png'" mode="aspectFill"></image>
<text> {{ i18n['身份证人像面'] }}</text>
</view>
<view class="">
<image src="../../static/auth2.png" mode="aspectFill"></image>
<text> {{ i18n['(示例)'] }}</text>
</view>
</view>
<view class="item">
<view class="">
<image @tap="shopLogo('ID_CARD_BEHIND')" :src="ID_CARD_BEHIND?ID_CARD_BEHIND:'../../static/file.png'"
mode="aspectFill">
</image>
<text> {{ i18n['身份证国徽面'] }}</text>
</view>
<view class="">
<image src="../../static/auth3.png" mode="aspectFill"></image>
<text> {{ i18n['(示例)'] }}</text>
</view>
</view>
</view>
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"><text style="color: #FC501E;">*</text> 法人姓名 </view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="12" class="text-right" v-model="larName"
:placeholder="'请输入法人姓名'" placeholder-class="placeholder">
</view>
</view>
</view>
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"><text style="color: #FC501E;">*</text> 法人证件号码</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="18" class="text-right" v-model="larIdCard"
:placeholder=" i18n['请输入18位身份证号码']" placeholder-class="placeholder">
</view>
</view>
</view>
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"><text style="color: #FC501E;">*</text> 法人证件开始日期</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="larIdCardStart"
:placeholder="'格式yyyy-mm-dd'" placeholder-class="placeholder">
</view>
</view>
</view>
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"><text style="color: #FC501E;">*</text> 法人证件过期日期</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="larIdCardEnd"
:placeholder="'格式yyyy-mm-dd 长期则输入9999-12-31'" placeholder-class="placeholder">
</view>
</view>
</view>
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>商户联系人姓名</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="11" class="text-right" v-model="contactName"
:placeholder="'请输入商户联系人姓名'" placeholder-class="placeholder">
</view>
</view>
</view>
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>商户联系人手机号码</view>
<view class="rside">
<input type="number" style="color: #333;" maxlength="11" class="text-right" v-model="contactMobile"
:placeholder="'请输入手机号码'" placeholder-class="placeholder">
</view>
</view>
</view>
<view class="page-box">
<!-- <view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>商户邮箱</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="email"
:placeholder="'请输入商户邮箱'" placeholder-class="placeholder">
</view>
</view>
</view> -->
<!-- <view class="public-text-area-wapper">
<view class="text-area-title"> <text style="color: #FC501E;">*</text>请上传门头照<text class="text-sm">(2M)</text>
</view>
</view>
<view class="public-text-area-wapper">
<view class="item">
<view class="">
<image @tap="shopLogo('SHOP_OUTSIDE_IMG')" :src="SHOP_OUTSIDE_IMG?SHOP_OUTSIDE_IMG:'../../static/file.png'"
mode="aspectFill"></image>
<text> 门头照</text>
</view>
</view>
</view>
<view class="border-bottom"></view>
<view class="public-text-area-wapper">
<view class="text-area-title"> <text style="color: #FC501E;">*</text>请上传收银台照片<text class="text-sm">(2M)</text>
</view>
</view>
<view class="public-text-area-wapper">
<view class="item">
<view class="">
<image @tap="shopLogo('CHECKSTAND_IMG')" :src="CHECKSTAND_IMG?CHECKSTAND_IMG:'../../static/file.png'"
mode="aspectFill"></image>
<text> 收银台照片</text>
</view>
</view>
</view>
<view class="border-bottom"></view>
<view class="public-text-area-wapper">
<view class="text-area-title"> <text style="color: #FC501E;">*</text>请上传商铺内部照片<text
class="text-sm">(2M)</text></view>
</view>
<view class="public-text-area-wapper">
<view class="item">
<view class="">
<image @tap="shopLogo('SHOP_INSIDE_IMG')" :src="SHOP_INSIDE_IMG?SHOP_INSIDE_IMG:'../../static/file.png'"
mode="aspectFill"></image>
<text> 商铺内部照片</text>
</view>
</view>
</view> -->
<view class="border-bottom"></view>
<view class="public-text-area-wapper" v-if="type==1">
<view class="text-area-title"> <text style="color: #FC501E;">*</text>请上传银行卡照片<text class="text-sm">(2M)</text>
</view>
</view>
<view class="public-input-wapper active" @click="accountTypeTap" v-if="type==2">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>结算账户类型</view>
<view :class="{'rside-text': true, gray: !accountType }">
{{accountType==57 ? '对公-公司账户' : isfashow == 1?'对私-法人银行卡' : '对私-非法人银行卡'}}
</view>
<image style="width: 14rpx;height: 26rpx;margin-left: 16rpx;" src="../../../../static/my/right-arrow.png">
</image>
</view>
</view>
<!-- <view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>进件来源</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="12" class="text-right" v-model="source"
:placeholder="'请输入进件来源'" placeholder-class="placeholder">
</view>
</view>
</view> -->
<view class="public-text-area-wapper" v-if="type==1">
<view class="item">
<view class="">
<image @tap="shopLogo('BANK_CARD')" :src="BANK_CARD?BANK_CARD:'../../static/file.png'" mode="aspectFill">
</image>
<text> 银行卡照片</text>
</view>
<!-- <view class="">
<image src="../../static/auth4.png" mode="aspectFill"></image>
<text> {{ i18n['(示例)'] }}</text>
</view> -->
</view>
</view>
<view class="public-text-area-wapper" v-if="type==2 && accountType==58">
<view class="text-area-title"> <text style="color: #FC501E;">*</text>请上传银行卡照片<text class="text-sm">(2M)</text></view>
</view>
<view class="public-text-area-wapper" v-if="type==2 && accountType==58">
<view class="item">
<view class="">
<image @tap="shopLogo('BANK_CARD')" :src="BANK_CARD?BANK_CARD:'../../static/file.png'" mode="aspectFill">
</image>
<text> 银行卡照片</text>
</view>
<!-- <view class="">
<image src="../../static/auth4.png" mode="aspectFill"></image>
<text> {{ i18n['(示例)'] }}</text>
</view> -->
</view>
</view>
<!-- <view class="border-bottom"></view>
<view class="public-text-area-wapper">
<view class="text-area-title"> 请上传分账结算委托书文件</view>
</view>
<view class="public-text-area-wapper">
<upload-demo type="file" :typemode="'splitEntrustFilePath'" @splitEntrustFilePath="splitEntrustFilePathChang"></upload-demo>
<view class="flex align-center justify-between" v-if="splitEntrustFilePath">
<view class="flex flex-wrap" style="width: 600rpx;">{{splitEntrustFilePath}}</view>
<image class="imageType" mode="aspectFill" :src="STATIC_URL+'55.png'" @tap.stop="deFilt('splitEntrustFilePath')"></image>
</view>
</view> -->
<!-- <view class="border-bottom"></view>
<view class="public-text-area-wapper">
<view class="text-area-title"> 请上传资金清算授权委托书</view>
</view>
<view class="public-text-area-wapper">
<upload-demo type="file" :typemode="'zijinqingsuanfujian'" @zijinqingsuanfujian="zijinqingsuanfujianChang"></upload-demo>
<view class="flex align-center justify-between" v-if="zijinqingsuanfujian">
<view class="flex flex-wrap" style="width: 600rpx;">{{zijinqingsuanfujian}}</view>
<image class="imageType" mode="aspectFill" :src="STATIC_URL+'55.png'" @tap.stop="deFilt('zijinqingsuanfujian')"></image>
</view>
</view> -->
<!-- <view class="public-text-area-wapper" v-if="accountType==57">
<view class="text-area-title"> 请上传特约商户支付服务合作协议</view>
</view>
<view class="public-text-area-wapper" v-if="accountType==57">
<upload-demo type="file" :typemode="'shoppayfujian'" @shoppayfujian="shoppayfujianChang"></upload-demo>
<view class="flex align-center justify-between" v-if="shoppayfujian">
<view class="flex flex-wrap" style="width: 600rpx;">{{shoppayfujian}}</view>
<image class="imageType" mode="aspectFill" :src="STATIC_URL+'55.png'" @tap.stop="deFilt('shoppayfujian')">
</image>
</view>
</view> -->
<view class="border-bottom" v-if="type==2 && accountType==57"></view>
<view class="public-text-area-wapper" v-if="type==2 && accountType==57">
<view class="text-area-title"><text style="color: #FC501E;">*</text> 请上传开户许可证<text class="text-sm">(2M)</text></view>
</view>
<view class="public-text-area-wapper" v-if="type==2 && accountType==57">
<view class="item">
<view class="">
<image @tap="shopLogo('OPENING_PERMIT')" :src="OPENING_PERMIT?OPENING_PERMIT:'../../static/file.png'"
mode="aspectFill"></image>
<text> 开户许可证照片</text>
</view>
<!-- <view class="">
<image src="../../static/auth4.png" mode="aspectFill"></image>
<text> {{ i18n['(示例)'] }}</text>
</view> -->
</view>
</view>
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>结算人账户名称</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="accountName"
:placeholder="'请输入结算人账户名称'" placeholder-class="placeholder">
</view>
</view>
</view>
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>结算人银行卡号</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="accountNo"
:placeholder="'请输入结算人银行卡号'" placeholder-class="placeholder">
</view>
</view>
</view>
<view class="public-input-wapper active" @click="settleProvinceCodeTap">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>结算信息省份代码</view>
<view :class="{'rside-text': true, gray: !settleProvinceCode }">
{{settleProvinceCode ? settleProvinceNameshow : i18n['请选择']}}
</view>
<image style="width: 14rpx;height: 26rpx;margin-left: 16rpx;" src="../../../../static/my/right-arrow.png">
</image>
</view>
</view>
<view class="public-input-wapper active" @tap="openningBankNameTap">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>结算账户开户行名称</view>
<view class="rside flex align-center justify-end flex-wrap">
<text>{{openningBankName?openningBankName:"请输入结算账户开户行名称"}}</text>
</view>
</view>
</view>
<view v-if="type==2 && accountType==58 && isfashow != 1">
<!-- <view class="border-bottom" ></view>
<view class="public-input-wapper active" style="padding: 24rpx 32rpx;" v-if="fashow==1 && type==2">
<view class="input-container border">
<view class="lside"> 是否法人</view>
<view class="rside-text"></view>
<view class="switch-box">
<switch color="#42AB4F" :checked="isfashow == 1" @change="handleSwitchChange($event, 'isfashow', 1, 0)">
</switch>
</view>
</view>
</view> -->
<!-- -->
<view class="public-text-area-wapper" v-if="type==2 ">
<!-- <text style="color: #FC501E;">*</text> -->
<view class="text-area-title"> 请上传非法结算人身份证人像面<text class="text-sm">(2M)</text></view>
</view>
<view class="public-text-area-wapper" v-if="type==2">
<view class="item">
<view class="">
<image @tap="shopLogo('SETTLE_ID_CARD_BEHIND')"
:src="SETTLE_ID_CARD_BEHIND?SETTLE_ID_CARD_BEHIND:'../../static/file.png'" mode="aspectFill">
</image>
<text>非法结算人身份证人像面</text>
</view>
<!-- <view class="">
<image src="../../static/auth5.png" mode="aspectFill"></image>
<text> {{ i18n['(示例)'] }}</text>
</view> -->
</view>
</view>
<view class="border-bottom" v-if="type==2"></view>
<view class="public-text-area-wapper" v-if="type==2">
<!-- <text style="color: #FC501E;">*</text> -->
<view class="text-area-title"> 请上传非法结算人身份证国徽面<text class="text-sm">(2M)</text></view>
</view>
<view class="public-text-area-wapper" v-if="type==2">
<view class="item">
<view class="">
<image @tap="shopLogo('SETTLE_ID_CARD_FRONT')"
:src="SETTLE_ID_CARD_FRONT?SETTLE_ID_CARD_FRONT:'../../static/file.png'" mode="aspectFill">
</image>
<text>非法结算人身份证国徽面</text>
</view>
<!-- <view class="">
<image src="../../static/auth5.png" mode="aspectFill"></image>
<text> {{ i18n['(示例)'] }}</text>
</view> -->
</view>
</view>
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"><text style="color: #FC501E;">*</text> 非法结算人证件号码</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="18" class="text-right" v-model="accountIdCard"
:placeholder=" i18n['请输入18位身份证号码']" placeholder-class="placeholder">
</view>
</view>
</view>
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"><text style="color: #FC501E;">*</text> 非法结算人证件开始时间</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="accountIdDtStart"
:placeholder="'格式yyyy-mm-dd'" placeholder-class="placeholder">
</view>
</view>
</view>
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"><text style="color: #FC501E;">*</text> 非法结算人证件过期时间</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="accountIdDtEnd"
:placeholder="'格式yyyy-mm-dd 长期则输入9999-12-31'" placeholder-class="placeholder">
</view>
</view>
</view>
</view>
<!-- <view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>结算账户清算行号</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="clearingBankCode"
:placeholder="'请输入结算账户清算行号'" disabled="disabled" placeholder-class="placeholder">
</view>
</view>
</view>
<view class="public-input-wapper active">
<view class="input-container border">
<view class="lside"> <text style="color: #FC501E;">*</text>结算账户开户行号</view>
<view class="rside">
<input type="text" style="color: #333;" maxlength="-1" class="text-right" v-model="openningBankCode"
:placeholder="'请输入结算账户开户行号'" disabled="disabled" placeholder-class="placeholder">
</view>
</view>
</view> -->
<!-- <view class="border-bottom"></view> -->
<!-- <view class="public-text-area-wapper" v-if="type==2 && accountType==58 && isfashow != 1">
<view class="text-area-title"> 请上传资金清算授权委托书及非法人无合照情况说明附件<text class="text-sm">(2M)</text></view>
</view>
<view class="public-text-area-wapper" v-if="type==2 && accountType==58 && isfashow != 1">
<view class="item">
<view class="">
<image @tap="shopLogo('zijinqingsuanfujian')"
:src="zijinqingsuanfujian?zijinqingsuanfujian:'../../static/file.png'" mode="aspectFill">
</image>
<text>资金清算授权委托书</text>
</view>
</view>
</view> -->
<!-- <view class="public-text-area-wapper" v-if="(accountType==57 && type == 2) || (accountType==58 && isfashow != 1)">
<view class="text-area-title"> 请上传特约商户支付服务合作协议<text class="text-sm">(2M)</text></view>
</view>
<view class="public-text-area-wapper" v-if="(accountType==57 && type == 2) || (accountType==58 && isfashow != 1)">
<view class="item">
<view class="">
<image @tap="shopLogo('shoppayfujian')" :src="shoppayfujian?shoppayfujian:'../../static/file.png'"
mode="aspectFill">
</image>
<text>特约商户支付服务合作协议</text>
</view>
</view>
</view> -->
<!-- <view class="public-text-area-wapper">
<view class="text-area-title"> 请上传合作协议附件</view>
</view>
<view class="public-text-area-wapper">
<upload-demo type="file" :typemode="'entrustFilePath'" @entrustFilePath="entrustFilePathChang"></upload-demo>
<view class="flex align-center justify-between" v-if="entrustFilePath">
<view class="flex flex-wrap" style="width: 600rpx;">{{entrustFilePath}}</view>
<image class="imageType" mode="aspectFill" :src="STATIC_URL+'55.png'" @tap.stop="deFilt('entrustFilePath')">
</image>
</view>
</view> -->
<view class="border-bottom"></view>
<!-- <view class="public_bottom" style="height: 20rpx;background: #eee;"></view> -->
<!-- <view class="border-bottom"></view> -->
<view class="public-text-area-wapper explain">
<view class="">{{ i18n['注'] }}</view>
{{ i18n['为保证平台用户安全性,需要您进行实名认证,实名认证通过之后即可登录并在平台进行营业'] }}
</view>
</view>
<view>
<!--v-if="jinstatus==-1 || jinstatus==2"-->
<view class="fotter-bottom" >
<button :loading="submitLoading" @tap="onTapSaveBtn" type="primary" class="login-btn">{{ i18n['提交'] }}</button>
<view class="fotter flex align-center">
<image class="image" @click="handle_select" v-if="checked" src="../../static/select.png"></image>
<image class="image" @click="handle_select" v-else src="../../static/noselect.png"></image>
{{ i18n['提交即默认同意'] }}<text @tap="handleJump"
data-url="/pages/user/login/user-agreement/index?id=38">商家进件协议</text>
</view>
</view>
<view class="fotter-bottom" v-if="jinstatus==1">
<!-- statusshow:"-1" //-1 = 可以跳转签约 0 = 合同审核中1 = 通过 -->
<!-- <button v-if="statusshow==-1" @tap="onTapSaveBtnTap" type="primary" class="login-btn">去电子签名</button>
<button v-if="statusshow==0" type="primary" class="login-btn">电子签名审核中</button>
<button v-if="statusshow==1" type="primary" class="login-btn">电子签名已通过</button> -->
</view>
<w-picker mode="selector" value="" default-type="name" :default-props="defaultProps" :options="shenglist"
@confirm="provinceSure($event,'provinceCode')" @cancel="onCancelTap" ref="province"></w-picker>
<w-picker mode="selector" value="" default-type="name" :default-props="defaultProps" :options="citylist"
@confirm="provinceSure($event,'cityCode')" @cancel="onCancelTap" ref="city"></w-picker>
<w-picker mode="selector" value="" default-type="name" :default-props="defaultProps" :options="districtlist"
@confirm="provinceSure($event,'countyCode')" @cancel="onCancelTap" ref="district"></w-picker>
<w-picker mode="selector" value="" default-type="name" :default-props="defaultProps" :options="settleProvincelist"
@confirm="settleProvinceSure($event,'settleProvinceCode')" @cancel="onCancelTap"
ref="settleProvinceCode"></w-picker>
<w-picker mode="selector" value="" default-type="name" :default-props="defaultProps" :options="settleCitylist"
@confirm="settleProvinceSure($event,'settleCityCode')" @cancel="onCancelTap" ref="settleCityCode"></w-picker>
<w-picker mode="selector" value="" default-type="name" :options="accountTypeList"
@confirm="accountTypeSure($event)" @cancel="onCancelTap" ref="accountType"></w-picker>
</view>
</view>
</template>
<script>
import {
validate,
UploadImage,
UploadImageLakala
} from '@/common/utils/index';
import UploadDemo from '@/components/UploadDemo/UploadDemo';
import {
GAODE_KEY
} from '@/common/config.js';
import {
UPLOAD_IMAGE_URL,
SERIAL
} from '@/common/config.js'
// 高德地图sdk
import amapFile from '../../../../libs/amap-wx.js';
// import cityData from '@/components/mpvue-citypicker/city-data/citydata.js';
// import mpvueCityPicker from '@/components/mpvue-citypicker/mpvueCityPicker.vue';
import wPicker from '../../components/w-picker/w-picker.vue';
import ImageCropper from "./invinbg-image-cropper.vue";
export default {
data() {
return {
isfashow: 1,
imgshowtrue: true,
imgshow: true,
filezhan: "",
// 上传接口参数
option: {
// 上传服务器地址,需要替换为你的接口地址
url: "", // 该地址非真实路径,需替换为你项目自己的接口地址
// 上传附件的key
name: 'file',
// 根据你接口需求自定义请求头,默认不要写content-type,让浏览器自适配
header: {
// 示例参数可删除
'user-token': global.token || global.tokenres || '',
'lang': global.locale,
'Accept-Serial': SERIAL,
'group-id': 2
},
// 根据你接口需求自定义body参数
formData: {
// 'orderId': 1000
dir: "files"
}
},
// 选择文件后是否立即自动上传true=选择后立即上传
instantly: true,
// 必传宽高且宽高应与slot宽高保持一致
width: '180rpx',
height: '180rpx',
// 限制允许上传的格式,空串=不限制,默认为空
formats: '',
// 文件上传大小限制
size: 30,
// 文件数量限制
count: 2,
// 文件回显列表
files: new Map(),
// 微信小程序Map对象for循环不显示所以转成普通数组不要问为什么我也不知道
wxFiles: [],
// 是否打印日志
debug: true,
larName: "", //法人姓名
contactMobile: "", //商户联系⼈⼿机号码
larIdType: "1", //法人证件类型 01身份证
contactName: "", //商户联系⼈姓名
merRegName: "", //商户注册名称
merName: "", //商户名称(经营名称
merAddr: "", //商户详细地址
provinceCode: "", //省代码
cityCode: "", //市代码
countyCode: "", // 区县代码
// lng: '', //进件所在地址经度
// lat: '', //进件所在地址纬度
lng: '113.6565', //经度
lat: '35.35656', //纬度
source: "", //进件来源
businessContent: "", //商户经营内容
openningBankCode: "", //结算账户开户⾏号
openningBankName: "", //结算账户开户⾏名称
clearingBankCode: "", //结算账户清算⾏号
accountNo: "", //结算人银行卡号
accountName: "", //重庆农村商业银行北碚支行同兴分理处
accountType: "57", //结算账户类型 57 对公 58 对私
accountTypeList: [{
label: "对公-公司账户",
value: "57"
},
{
label: "对私-法人银行卡",
value: "58"
},
{
label: "对私-非法人银行卡",
value: "59"
}
],
shoppayfujian: "", //特约商户支付服务合作协议对公展示
larIdCard: "", //法⼈证件号码
larIdCardStart: "", //法⼈证件开始⽇期
larIdCardEnd: "", //法⼈证件过期时间
type: '1', //认证类型 1小微 2企业
settleProvinceNameshow: "",
settleProvinceCode: "", //结算信息省份代码
settleProvinceCodechoose: "",
settleProvinceName: "", //结算信息省份名称
settleCityCode: "", //结算信息城市代码
settleCityCodechoose: "",
settleCityName: "", //结算信息城市名称
settleProvincelist: [],
settleCitylist: [],
CHECKSTAND_IMG: "", //== 收银台照片(必传)
SHOP_OUTSIDE_IMG: "", // == 上传门头照片(必传)
SHOP_INSIDE_IMG: "", // == 商铺内部照片(必传)
ID_CARD_FRONT: "", // == 身份证正⾯
ID_CARD_BEHIND: "", // == 身份证反⾯
BUSINESS_LICENCE: "", // == 营业执照照⽚
SETTLE_ID_CARD_FRONT: "", // == 结算人身份证人像面
SETTLE_ID_CARD_BEHIND: "", // == 结算人身份证国徽面
BANK_CARD: "", //银行卡照片
OPENING_PERMIT: "", //开户许可照片
shenglist: [],
citylist: [],
districtlist: [],
defaultProps: {
"label": "name",
"value": "code"
},
provinceCodenameshow: "",
provinceCodename: "",
cityCodename: "", //市代码
countyCodename: "", // 区县代码
provinceCodechoose: "", //省代码
cityCodechoose: "", //市代码
countyCodechoose: "", // 区县代码
mcc: "", //商户类别查询
mccname: "",
userNo: "",
email: "",
licenseName: "",
licenseNo: "",
licenseDtStart: "",
licenseDtEnd: "",
busiCode_name: "",
merType_typename: "",
splitEntrustFilePath: "",
entrustFilePath: "",
zijinqingsuanfujian: "", //资金清算附件
myAmapFun: null, // 高德地图实例
submitLoading: false,
checked: false,
jinstatus: "", ////-1 未认证0=审核中 1=通过 2=驳回
temp_id: "",
statusshow: "-1", //-1 = 可以跳转签约0 = 合同审核中1 = 通过
fashow: 1, //1显示切换 2不显示
showdetails: "",
accountIdCard: '',
accountIdDtStart: '',
accountIdDtEnd: '',
accountIdType: 1
}
},
onLoad(options) {
this.type = 2;
// this.accountType = this.type == 1 ? 57 : 58
this.is_afresh = options.type;
this.post66a204e66ad74()
this.getInfo()
this.post667a671073fcb()
this.post667a686f57f19()
this.option.url = UPLOAD_IMAGE_URL
// 初始化高德地图SDK,记得换成自己的key
this.myAmapFun = new amapFile.AMapWX({
key: GAODE_KEY
});
uni.$on('customChooseLocation', res => {
console.log(res)
let location = res.name == res.address ? res.address : res.name == '我的位置' ? res.address : res.name + res
.address
this.address_desc = location
// this.address =location;
this.lat = res.latitude
this.lng = res.longitude
// if(res.citys){
// this.address = `${res.citys.areap}${res.citys.areac}${res.citys.areax}`;
// }
})
uni.$on('SELECTADRESSANAME', res => {
console.log(res)
this.openningBankName = res.branchBankName
this.clearingBankCode = res.clearNo
this.openningBankCode = res.branchBankNo
})
uni.$on('MCCNAME', res => {
console.log(res)
this.mcc = res.mcc
this.mccname = res.mccname
})
},
onUnload() {
uni.$off('SELECTADRESSANAME')
uni.$off('MCCNAME')
},
components: {
// mpvueCityPicker,
ImageCropper,
wPicker,
UploadDemo
},
onNavigationBarButtonTap(options) {
if (options.index == 0) {
this.handleSave()
}
},
methods: {
handleSwitchChange(e) {
console.log(e.detail.value)
this.isfashow = e.detail.value ? 1 : 0
if (this.isfashow == 1) {
this.SETTLE_ID_CARD_FRONT = this.showdetails.id_front;
this.SETTLE_ID_CARD_BEHIND = this.showdetails.id_back;
} else {
this.SETTLE_ID_CARD_FRONT = ""
this.SETTLE_ID_CARD_BEHIND = ""
}
},
accountTypeTap() {
this.$refs.accountType.show()
},
accountTypeSure(e) {
console.log(e)
this.accountType = e.value
if (e.value == 59) {
console.log(e)
this.accountType = 58
this.isfashow = 0
}
if (e.value == 58) {
this.isfashow = 1
}
},
deFilt(type) {
this[type] = ""
},
splitEntrustFilePathTap(item) {
let data = JSON.parse(item.responseText)
console.log(data);
if (data.code == 1) {
let img = data.data[0].path
this.splitEntrustFilePath = data.data[0].path
let arr = data.data[0]
this.filezhan = data.data[0].path
console.log(this.splitEntrustFilePath);
//后缀获取
let suffix = '';
// 获取类型结果
let result = '';
const flieArr = img.split('.');
suffix = flieArr[flieArr.length - 1];
if (suffix != "") {
suffix = suffix.toLocaleLowerCase();
// 图片格式
const imglist = ['png', 'jpg', 'jpeg', 'bmp', 'gif'];
// 进行图片匹配
result = imglist.find(item => item === suffix);
console.log(result)
if (result) {
this.imgshowtrue = true
} else {
this.imgshowtrue = false
}
}
} else {
this.$message.info(data.msg)
}
// 更新当前窗口状态变化的文件
this.files.set(item.name, item);
// ---可删除--演示上传完成后取服务端数据
if (item['responseText']) {
console.log('演示服务器返回的字符串JSON转Object对象');
this.files.get(item.name).responseText = JSON.parse(item.responseText);
}
// 微信小程序Map对象for循环不显示所以转成普通数组
// 如果你用不惯Map对象也可以像这样转普通数组组件使用Map主要是避免反复文件去重操作
// #ifdef MP-WEIXIN
this.wxFiles = [...this.files.values()];
// #endif
// 强制更新视图
this.$forceUpdate();
// ---可删除--演示判断是否所有文件均已上传成功
let isAll = [...this.files.values()].find(item => item.type !== 'success');
if (!isAll) {
console.log('已全部上传完毕');
} else {
console.log(isAll.name + '待上传');
}
},
// 某文件上传结束回调(成功失败都回调)
onuploadEnd(item) {
let data = JSON.parse(item.responseText)
console.log(data);
if (data.code == 1) {
let img = data.data[0].path
this.entrustFilePath = data.data[0].path
let arr = data.data[0]
this.filezhan = data.data[0].path
console.log(this.entrustFilePath);
//后缀获取
let suffix = '';
// 获取类型结果
let result = '';
const flieArr = img.split('.');
suffix = flieArr[flieArr.length - 1];
if (suffix != "") {
suffix = suffix.toLocaleLowerCase();
// 图片格式
const imglist = ['png', 'jpg', 'jpeg', 'bmp', 'gif'];
// 进行图片匹配
result = imglist.find(item => item === suffix);
console.log(result)
if (result) {
this.imgshow = true
} else {
this.imgshow = false
}
}
} else {
this.$message.info(data.msg)
}
// 更新当前窗口状态变化的文件
this.files.set(item.name, item);
// ---可删除--演示上传完成后取服务端数据
if (item['responseText']) {
console.log('演示服务器返回的字符串JSON转Object对象');
this.files.get(item.name).responseText = JSON.parse(item.responseText);
}
// 微信小程序Map对象for循环不显示所以转成普通数组
// 如果你用不惯Map对象也可以像这样转普通数组组件使用Map主要是避免反复文件去重操作
// #ifdef MP-WEIXIN
this.wxFiles = [...this.files.values()];
// #endif
// 强制更新视图
this.$forceUpdate();
// ---可删除--演示判断是否所有文件均已上传成功
let isAll = [...this.files.values()].find(item => item.type !== 'success');
if (!isAll) {
console.log('已全部上传完毕');
} else {
console.log(isAll.name + '待上传');
}
},
// 手动上传
upload() {
// name=指定文件名不指定则上传所有type等于waiting和fail的文件
this.$refs['lsjUpload' + this.tabIndex].upload();
},
// 指定上传某个文件
resetUpload(name) {
this.$refs['lsjUpload' + this.tabIndex].upload(name);
},
// 移除某个文件
clear(name) {
// name=指定文件名不传name默认移除所有文件
this.$refs['lsjUpload' + this.tabIndex].clear(name);
},
entrustFilePathChang(e) {
console.log("返回结果", e);
this.entrustFilePath = e
},
splitEntrustFilePathChang(e) {
console.log("返回结果", e);
this.splitEntrustFilePath = e
},
zijinqingsuanfujianChang(e) {
console.log("返回结果", e);
this.zijinqingsuanfujian = e
},
shoppayfujianChang(e) {
console.log("返回结果", e);
this.shoppayfujian = e
},
//选择地址
showMulLinkageThreePicker() {
uni.chooseLocation({
success: res => {
console.log(res, '地图');
this.latitude = res.latitude; // 区
this.longitude = res.longitude; // 详细地址
this.myAmapFun.getRegeo({
location: res.longitude + ',' + res.latitude,
success: data => {
//成功回调
console.log('sdk回调', data);
let regeoData = data[0].regeocodeData.addressComponent;
this.province = regeoData.province;
this.city = Array.isArray(regeoData.city) && regeoData.city.length == 0 ? regeoData
.province : regeoData.city;
this.district = regeoData.district;
// 详细地址是否含有省市区
let addr = this.province + this.city + this.district;
// 直辖市
if (this.province == this.city) addr = this.province + this.district;
let addrInfo = res.address;
if (addrInfo.startsWith(addr)) addrInfo = addrInfo.replace(addr, '');
if (addrInfo != res.name) this.addressDesc = addrInfo + res.name;
else this.addressDesc = addrInfo;
this.provinceCode = regeoData.adcode.substr(0, 2) + '0000';
this.cityCode = regeoData.adcode.substr(0, 4) + '00';
this.districtCode = regeoData.adcode + '';
console.log(this.province + this.city + this.district + this.addressDesc);
this.address = this.province + '-' + this.city + '-' + this.district
this.address_desc = this.addressDesc
// this.address =location;
this.lat = data[0].latitude
this.lng = data[0].longitude
},
fail: info => {
//失败回调
console.log(info);
}
});
}
});
},
//结算账号省
post667a686f57f19() {
this.$api.post(global.apiUrls.post667a686f57f19, {
code: 1
}).then(res => {
this.settleProvincelist = res.data.data
})
},
//获取结算账号市
post667a686f57f19city() {
uni.showLoading({})
this.$api.post(global.apiUrls.post667a686f57f19, {
code: this.settleProvinceCodechoose
}).then(res => {
if (res.data.code == 1) {
uni.hideLoading()
this.settleCitylist = res.data.data
}
})
},
settleProvinceCodeTap() {
this.$refs.settleProvinceCode.show()
},
settleProvinceSure(e, type) {
if (type == 'settleProvinceCode') {
this.settleProvinceName = e.result
this.settleProvinceCodechoose = e.value
this.post667a686f57f19city()
this.$refs.settleCityCode.show()
} else if (type == 'settleCityCode') {
this.settleCityName = e.result
this.settleCityCode = e.value
this.settleProvinceCode = this.settleProvinceCodechoose
this.settleProvinceNameshow = this.settleProvinceName + this.settleCityName
}
},
openningBankNameTap() {
if (!this.settleCityCode) return this.$message.info('请先选择结算信息省份代码')
uni.navigateTo({
url: "/pages/user/login/chose_adress/index?settleCityCode=" + this.settleCityCode
})
},
mccnameTap() {
uni.navigateTo({
url: "/pages/user/login/chose_adress/indexmcc?mcc=" + this.mcc
})
},
/**
* @param 是否选择同意协议
*/
handle_select() {
this.checked = !this.checked;
},
provinceSure(e, type) {
console.log(e)
this.pid = e.value
if (type == 'provinceCode') {
this.provinceCodename = e.result
this.provinceCodechoose = e.value
this.post667a671073fcbcity()
} else if (type == 'cityCode') {
this.cityCodename = e.result
this.cityCodechoose = e.value
this.post667a671073fcbdistrict()
} else if (type == 'countyCode') {
this.countyCodename = e.result
this.countyCode = e.value
this.provinceCode = this.provinceCodechoose
this.cityCode = this.cityCodechoose
this.provinceCodenameshow = this.provinceCodename + this.cityCodename + this.countyCodename
}
},
onCancelTap() {
},
provinceTap() {
this.$refs.province.show()
},
//获取省
post667a671073fcb() {
this.$api.get(global.apiUrls.post667a671073fcb, {
code: 1
}).then(res => {
this.shenglist = res.data.data
})
},
//获取市
post667a671073fcbcity() {
uni.showLoading({})
this.$api.post(global.apiUrls.post667a671073fcb, {
code: this.provinceCodechoose
}).then(res => {
if (res.data.code == 1) {
uni.hideLoading()
this.citylist = res.data.data
this.$refs.city.show()
}
})
},
//获取区
post667a671073fcbdistrict() {
uni.showLoading({})
this.$api.post(global.apiUrls.post667a671073fcb, {
code: this.cityCodechoose
}).then(res => {
if (res.data.code == 1) {
uni.hideLoading()
this.districtlist = res.data.data
this.$refs.district.show()
}
})
},
post66a204e66ad74() {
this.$api.post(global.apiUrls.post66a204e66ad74).then(res => {
if (res.data.code == 1) {
//-1 未认证0=审核中 1=通过 2=驳回
let status = res.data.data.status
this.jinstatus = res.data.data.status
if (status == -1) {
this.fashow = 1
this.authInfoCheck()
} else {
this.fashow = 2
this.merRegName = res.data.data.data.merRegName
this.merName = res.data.data.data.merName
this.provinceCode = res.data.data.data.provinceCode
this.cityCode = res.data.data.data.cityCode
this.countyCode = res.data.data.data.countyCode
this.merAddr = res.data.data.data.merAddr
this.businessContent = res.data.data.data.businessContent
this.accountType = res.data.data.data.accountType
this.type = res.data.data.data.type
this.isfashow = res.data.data.data.accountType == 58 && res.data.data.data.accountIdCard ? 0 : 1
this.openningBankCode = res.data.data.data.openningBankCode
this.email = res.data.data.data.email
this.mcc = res.data.data.data.mcc
this.mccname = res.data.data.data.mcc_name
this.licenseName = res.data.data.data.licenseName
this.licenseNo = res.data.data.data.licenseNo
this.licenseDtStart = res.data.data.data.licenseDtStart
this.licenseDtEnd = res.data.data.data.licenseDtEnd
this.settleProvinceCode = res.data.data.data.settleProvinceCode
this.provinceCodenameshow = res.data.data.data.provinceCodenameshow
// this.provinceCodenameshow = res.data.data.data.settleProvinceName + res.data.data.data.settleCityName + res.data.data.data.settleCityName
this.settleProvinceNameshow = res.data.data.data.settleProvinceName
this.settleCityCode = res.data.data.data.settleCityCode
this.openningBankName = res.data.data.data.openningBankName
this.clearingBankCode = res.data.data.data.clearingBankCode
this.settleProvinceName = res.data.data.data.settleProvinceName
this.settleCityName = res.data.data.data.settleCityName
this.accountName = res.data.data.data.accountName
this.accountNo = res.data.data.data.accountNo
this.larName = res.data.data.data.larName
this.larIdCard = res.data.data.data.larIdCard
this.larIdCardStart = res.data.data.data.larIdCardStart
this.larIdCardEnd = res.data.data.data.larIdCardEnd
this.contactMobile = res.data.data.data.contactMobile
this.contactName = res.data.data.data.contactName
this.splitEntrustFilePath = res.data.data.data.splitEntrustFilePath
this.entrustFilePath = res.data.data.data.entrustFilePath
this.accountIdType = res.data.data.data.accountIdType
this.accountIdCard = res.data.data.data.accountIdCard
this.accountIdDtStart = res.data.data.data.accountIdDtStart
this.accountIdDtEnd = res.data.data.data.accountIdDtEnd
// this.AGREE_MENT = res.data.data.data.AGREE_MENT
let attchments = res.data.data.data.attchments
attchments.forEach(item => {
console.log(item.type)
this[item.type] = item.id
})
console.log(this.ID_CARD_FRONT)
}
}
})
},
//获取商家信息
authInfoCheck() {
this.$api.post(global.apiUrls.authInfoCheck).then(res => {
if (res.data.code == 1) {
this.showdetails = res.data.data
this.SHOP_OUTSIDE_IMG = res.data.data.door_header_image;
this.ID_CARD_BEHIND = res.data.data.id_front;
this.ID_CARD_FRONT = res.data.data.id_back;
this.BUSINESS_LICENCE = res.data.data.business_image;
// this.SETTLE_ID_CARD_FRONT = res.data.data.id_front;
// this.SETTLE_ID_CARD_BEHIND = res.data.data.id_back;
this.businessContent = res.data.data.business_scope;
this.merName = res.data.data.name;
this.larName = res.data.data.real_name;
this.larIdCard = res.data.data.id_no;
this.contactMobile = res.data.data.mobile;
this.contactName = res.data.data.real_name;
this.licenseName = res.data.data.licenseName;
this.licenseNo = res.data.data.licenseNo;
this.licenseDtStart = res.data.data.licenseDtStart
this.licenseDtEnd = res.data.data.licenseDtEnd
this.CHECKSTAND_IMG = res.data.data.CHECKSTAND_IMG
this.SHOP_INSIDE_IMG = res.data.data.SHOP_INSIDE_IMG
this.larIdCardStart = res.data.data.larIdCardStart;
this.larIdCardEnd = res.data.data.larIdCardEnd;
}
})
},
// 删除logo
handleDeleteFacadeImage() {
this.postData.facade_image = ''
},
// 选择上传图片
shopLogo(type) {
console.log(type)
let self = this
uni.chooseImage({
count: 1, //默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
success: function(item) {
const tempFilePaths = item.tempFilePaths;
console.log(tempFilePaths)
let tempFiles = item.tempFiles[0].size
if (tempFiles <= 2097152) {
new UploadImage(tempFilePaths, {
complete: function(res) {
console.log(res)
self[type] = res[0].path
// if(imgtype==2){
// self.post669b65f5ba7f8(type,res[0].path)
// }
// if (type == 'ID_CARD_BEHIND' || type == 'ID_CARD_FRONT' || type == 'BUSINESS_LICENCE' || type == 'BANK_CARD' ) {
// self.post669b65f5ba7f8(type, res[0].path)
// }
if (type == 'ID_CARD_BEHIND' || type == 'ID_CARD_FRONT' || type == 'BUSINESS_LICENCE' || type=="SETTLE_ID_CARD_FRONT" || type=="SETTLE_ID_CARD_BEHIND" || type=="BANK_CARD") {
self.post669b65f5ba7f8(type, res[0].path)
}
}
})
} else {
self.$message.info("图片大小限制2MB")
}
}
});
},
post669b65f5ba7f8(imgtype, img) {
let type = ""
if(imgtype=='ID_CARD_BEHIND'){
type=11
}else if(imgtype=='ID_CARD_FRONT'){
type=1
}else if(imgtype=='BUSINESS_LICENCE'){
type=7
}else if(imgtype=='SETTLE_ID_CARD_FRONT'){
type=11
}else if(imgtype=='SETTLE_ID_CARD_BEHIND'){
type=1
}else if(imgtype=='BANK_CARD'){
type=2
}
// let type = imgtype == 'ID_CARD_BEHIND' ? 11 : imgtype == 'ID_CARD_FRONT' ? 1 : imgtype == 'BANK_CARD' ? 2 : 7
this.$api.post(global.apiUrls.post669b65f5ba7f8, {
img: img,
type: type
}).then(res => {
if (res.data.code == 1) {
if (type == 1) {
if(imgtype=='ID_CARD_FRONT'){
this.larIdCard = res.data.data.idNumber
this.larName = res.data.data.name
this.contactName = res.data.data.name
}else{
this.accountIdCard = res.data.data.idNumber
}
// //人像面
// this.larIdCard = res.data.data.idNumber
// this.larName = res.data.data.name
} else if (type == 11) {
if(imgtype=='ID_CARD_BEHIND'){
//国徽面
let validity_period = res.data.data.validity_period
// let larIdCardStart = validity_period.split('-')[0]
// let larIdCardEnd = validity_period.split('-')[1]
let larIdCardStart = res.data.data.start
let larIdCardEnd = res.data.data.end
// this.validity_period = res.data.data.validity_period
this.larIdCardStart = larIdCardStart
this.larIdCardEnd = larIdCardEnd
}else{
let larIdCardStart = res.data.data.start
let larIdCardEnd = res.data.data.end
this.accountIdDtStart = larIdCardStart
this.accountIdDtEnd = larIdCardEnd
}
// //国徽面
// let validity_period = res.data.data.validity_period
// // let larIdCardStart = validity_period.split('-')[0]
// // let larIdCardEnd = validity_period.split('-')[1]
// let larIdCardStart = res.data.data.start
// let larIdCardEnd = res.data.data.end
// // this.validity_period = res.data.data.validity_period
// this.larIdCardStart = larIdCardStart
// this.larIdCardEnd = larIdCardEnd
} else if(type == 7) {
this.licenseDtStart = res.data.data.found_time
this.licenseDtEnd = res.data.data.end_time
this.licenseNo = res.data.data.social_credit_code
this.businessContent = res.data.data.business_scope
}else if(type == 2) {
this.accountNo = res.data.data.bank_card_number
}
}
})
},
cancel() {
console.log('canceled')
},
getInfo() {
this.$api.post(global.apiUrls.postGetUserInfo).then(res => {
console.log(res);
res = res.data;
if (res.code == 1) {
this.temp_id = res.data.id
this.post66c2ae824522a()
}
});
},
post66c2ae824522a() {
this.$api.post(global.apiUrls.post66c2ae824522a, {
group_id: 2,
temp_id: this.temp_id
}).then(res => {
if (res.data.code == 1) {
this.statusshow = res.data.data.status
}
})
},
//电子签名
onTapSaveBtnTap() {
this.$api.post(global.apiUrls.post66c2ae824522a, {
group_id: 2,
temp_id: this.temp_id
}).then(res => {
if (res.data.code == 1) {
let status = res.data.data.status
if (status == -1) {
let url = res.data.data.url
// window.location.href = url
plus.runtime.openURL(url);
}
}
})
},
// 保存用户信息
onTapSaveBtn() {
if (this.submitLoading) return false;
let {
merRegName,
merName,
merAddr,
provinceCode,
cityCode,
countyCode,
lng,
lat,
source,
businessContent,
larName,
larIdType,
larIdCard,
larIdCardStart,
larIdCardEnd,
contactMobile,
contactName,
openningBankCode,
openningBankName,
clearingBankCode,
settleProvinceCode,
settleProvinceName,
settleCityCode,
settleCityName,
accountNo,
accountNam,
accountType,
CHECKSTAND_IMG,
SHOP_OUTSIDE_IMG,
SHOP_INSIDE_IMG,
BANK_CARD,
OPENING_PERMIT,
ID_CARD_FRONT,
ID_CARD_BEHIND,
BUSINESS_LICENCE,
SETTLE_ID_CARD_FRONT,
SETTLE_ID_CARD_BEHIND,
accountName,
checked,
type,
userNo,
email,
mcc,
licenseName,
licenseNo,
provinceCodenameshow,
licenseDtStart,
licenseDtEnd,
splitEntrustFilePath,
zijinqingsuanfujian,
entrustFilePath,
mccname,
shoppayfujian,
accountIdType,
accountIdCard,
accountIdDtStart,
accountIdDtEnd
} = this
let attchments = [{
id: CHECKSTAND_IMG,
type: 'CHECKSTAND_IMG',
name: "CHECKSTAND_IMG"
},
{
id: SHOP_OUTSIDE_IMG,
type: 'SHOP_OUTSIDE_IMG',
name: "SHOP_OUTSIDE_IMG"
},
{
id: SHOP_INSIDE_IMG,
type: 'SHOP_INSIDE_IMG',
name: "SHOP_INSIDE_IMG"
},
{
id: BANK_CARD,
type: 'BANK_CARD',
name: "BANK_CARD"
},
{
id: OPENING_PERMIT,
type: 'OPENING_PERMIT',
name: "OPENING_PERMIT"
},
{
id: ID_CARD_FRONT,
type: 'ID_CARD_FRONT',
name: "ID_CARD_FRONT"
},
{
id: ID_CARD_BEHIND,
type: 'ID_CARD_BEHIND',
name: "ID_CARD_BEHIND"
},
{
id: BUSINESS_LICENCE,
type: 'BUSINESS_LICENCE',
name: "BUSINESS_LICENCE"
},
{
id: SETTLE_ID_CARD_FRONT,
type: 'SETTLE_ID_CARD_FRONT',
name: "SETTLE_ID_CARD_FRONT"
},
{
id: SETTLE_ID_CARD_BEHIND,
type: 'SETTLE_ID_CARD_BEHIND',
name: "SETTLE_ID_CARD_BEHIND"
},
{
id: shoppayfujian,
type: 'AGREE_MENT',
name: "shoppayfujian"
},
{
id: zijinqingsuanfujian,
type: 'AGREE_MENT',
name: "zijinqingsuanfujian"
},
]
console.log(attchments)
let data = {
// userNo:userNo,
email: email,
mcc: mcc,
mcc_name: mccname,
merRegName: merRegName,
merName: merName,
merAddr: merAddr,
provinceCode: provinceCode,
cityCode: cityCode,
countyCode: countyCode,
provinceCodenameshow: provinceCodenameshow,
longtude: lng,
latitude: lat,
source: source,
businessContent: businessContent,
larName: larName,
larIdType: larIdType,
larIdCard: larIdCard,
larIdCardStart: larIdCardStart,
larIdCardEnd: larIdCardEnd,
contactMobile: contactMobile,
contactName: contactName,
openningBankCode: openningBankCode,
openningBankName: openningBankName,
clearingBankCode: clearingBankCode,
settleProvinceCode: settleProvinceCode,
settleProvinceName: settleProvinceName,
settleCityCode: settleCityCode,
settleCityName: settleCityName,
accountNo: accountNo,
accountType: accountType,
accountName: accountName,
type: type,
attchments: attchments,
splitEntrustFilePath: splitEntrustFilePath,
entrustFilePath: entrustFilePath,
shoppayfujian: shoppayfujian
}
console.log(data)
if (type == 2) {
if (!BUSINESS_LICENCE) return this.$message.info(this.i18n['请上传营业执照']);
// if (!userNo) return this.$message.info('请输入合作方编号');
if (!licenseName) return this.$message.info('请输入营业执照名称');
if (!licenseNo) return this.$message.info('请输入营业执照号码');
if (!licenseDtStart) return this.$message.info('请输入营业执照开始时间');
if (!licenseDtEnd) return this.$message.info('请输入营业执照过期时间');
}
if (!businessContent) return this.$message.info('请输入商户经营内容');
if (!mcc) return this.$message.info('请选择商户类别');
if (!merRegName) return this.$message.info('请输入商户注册名称');
if (!merName) return this.$message.info('请输入商户名称');
if (!provinceCode) return this.$message.info('请选择商户地址');
if (!merAddr) return this.$message.info('请输入商户详细地址');
if (!lat) return this.$message.info('请选择进件所在地址');
if (!ID_CARD_BEHIND) return this.$message.info('请上传法人身份证人像面');
if (!ID_CARD_FRONT) return this.$message.info('请上传法人身份证国徽面');
if (!larName) return this.$message.info('请输入法人姓名');
if (!larIdCard) return this.$message.info('请输入法人证件号码');
if (!larIdCardStart) return this.$message.info('请选择法人证件开始日期');
if (!larIdCardEnd) return this.$message.info('请选择法人证件过期日期');
if (!contactName) return this.$message.info('请输入商户联系人姓名');
if (!contactMobile) return this.$message.info('请输入商户联系人手机号码');
if (!email) return this.$message.info('请输入商户邮箱');
console.log(data)
if (!SHOP_OUTSIDE_IMG) return this.$message.info('请上传门头照片');
if (!CHECKSTAND_IMG) return this.$message.info('请上传收银台照片');
if (!SHOP_INSIDE_IMG) return this.$message.info('请上传商铺内部照片');
if (type == 1 || (type == 2 && accountType != 57)) {
if (!BANK_CARD) return this.$message.info('请上传银行卡照片');
}
if (type == 2 && accountType == 57) {
if (!OPENING_PERMIT) return this.$message.info('请上传开户许可证照片');
}
if (!openningBankName) return this.$message.info('请输入结算账户开户行名称');
// if (!openningBankCode) return this.$message.info('请输入结算账户开户行号');
// if (!clearingBankCode) return this.$message.info('请输入结算账户清算行号');
if (!accountNo) return this.$message.info('请输入结算人银行卡号');
if (!settleProvinceCode) return this.$message.info('请选择结算信息省份');
if (!accountName) return this.$message.info('请输入结算人银行卡分行');
// if (!OPENING_PERMIT) return this.$message.info('请上传开户许可证照片');
let params = {
// userNo:userNo,
email: email,
mcc: mcc,
mcc_name: mccname,
licenseName: licenseName,
licenseNo: licenseNo,
licenseDtStart: licenseDtStart,
licenseDtEnd: licenseDtEnd,
merRegName: merRegName,
merName: merName,
merAddr: merAddr,
provinceCode: provinceCode,
cityCode: cityCode,
countyCode: countyCode,
provinceCodenameshow: provinceCodenameshow,
longtude: lng,
latitude: lat,
source: source,
businessContent: businessContent,
larName: larName,
larIdType: larIdType,
larIdCard: larIdCard,
larIdCardStart: larIdCardStart,
larIdCardEnd: larIdCardEnd,
contactMobile: contactMobile,
contactName: contactName,
openningBankCode: openningBankCode,
openningBankName: openningBankName,
clearingBankCode: clearingBankCode,
settleProvinceCode: settleProvinceCode,
settleProvinceName: settleProvinceName,
settleCityCode: settleCityCode,
settleCityName: settleCityName,
accountNo: accountNo,
accountType: accountType,
accountName: accountName,
attchments: JSON.stringify(attchments),
type: type,
splitEntrustFilePath: splitEntrustFilePath,
entrustFilePath: entrustFilePath,
// shoppayfujian:shoppayfujian
}
if (type == 2 && accountType == 58 && this.isfashow != 1) {
if (!SETTLE_ID_CARD_FRONT) return this.$message.info("请上传非法结算人身份证人像面");
if (!SETTLE_ID_CARD_BEHIND) return this.$message.info('请上传非法结算人身份证国徽面');
if (!accountIdCard) return this.$message.info('请上传非法结算人证件号码');
if (!accountIdDtStart) return this.$message.info('请上传非法结算人证件开始时间');
if (!accountIdDtEnd) return this.$message.info('请上传非法结算人证件结束时间');
// if (!zijinqingsuanfujian) return this.$message.info("请上传资金清算授权委托书及非法人无合照情况说明附件");
params.accountIdType = 1
params.accountIdCard = accountIdCard
params.accountIdDtStart = accountIdDtStart
params.accountIdDtEnd = accountIdDtEnd
}
// if (!splitEntrustFilePath) return this.$message.info("请上传分账结算委托书文件");
// if (accountType == 57 && !shoppayfujian) return this.$message.info('请上传特约商户支付服务合作协议');
// if (!entrustFilePath) return this.$message.info('请上传合作协议附件');
if (!checked) return this.$message.info(this.i18n['请同意商家认证协议']);
this.submitLoading = true
this.$api.post(global.apiUrls.post6698f9e15826a, params).then(res => {
console.log(res)
this.submitLoading = false
this.$message.info(res.data.msg)
if (res.data.code == 1) {
setTimeout(() => {
uni.redirectTo({
url: '/pages/user/login/examine/jinindex'
})
}, 1000)
}
}).catch(err => {
this.$message.info('保存失败')
this.submitLoading = false
})
},
}
}
</script>
<style lang="scss">
@import './index.scss';
page {
padding-bottom: 300rpx;
}
.applyForQualifiedSupplier_fd1_4_c1_c0_image {
width: 314rpx;
height: 204rpx;
}
.imageType {
width: 32rpx;
height: 32rpx;
min-width: 32rpx;
min-height: 32rpx;
margin-left: 24rpx;
}
</style>