|
|
@@ -1,265 +1,282 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
<u-navbar title="店铺资料" :border-bottom="false"></u-navbar>
|
|
|
- <view class="title u-flex u-row-between u-col-center">
|
|
|
- <text v-if="step==1">请选择商家类型</text>
|
|
|
- <text v-else>完善商家资料</text>
|
|
|
- <text v-show="step<=totalStep && step!=1" @click="prevStep" class="u-font-24" style="color: #999">上一步</text>
|
|
|
- </view>
|
|
|
- <view class="card">
|
|
|
- <view class="margin-bottom-30" v-if="$isNotEmpty(failReason)">
|
|
|
- <u-alert-tips @close="failReason=null" type="error" :close-able="true" :show-icon="true" title="审核意见"
|
|
|
- :description="failReason"></u-alert-tips>
|
|
|
+ <block >
|
|
|
+ <view class="title u-flex u-row-between u-col-center">
|
|
|
+ <text v-if="step==1">请选择商家类型</text>
|
|
|
+ <text v-else>完善商家资料</text>
|
|
|
+ <text v-show="stepShow" @click="prevStep" class="u-font-24" style="color: #999">上一步</text>
|
|
|
</view>
|
|
|
- <u-form :model="form" :label-width="labelWidth" ref="uForm">
|
|
|
- <view v-if="step==1" class="steps1" style="padding-bottom: 40rpx;">
|
|
|
- <view @click="clickType(1)" class="item u-border-bottom">
|
|
|
- <view class="flex">
|
|
|
- <view class="center">
|
|
|
- <image class="icon" src="../../static/icon/shop2.png" mode=""></image>
|
|
|
+ <view class="card">
|
|
|
+ <view class="margin-bottom-30" v-if="$isNotEmpty(failReason)">
|
|
|
+ <u-alert-tips @close="failReason=null" type="error" :close-able="true" :show-icon="true"
|
|
|
+ title="审核意见" :description="failReason"></u-alert-tips>
|
|
|
+ </view>
|
|
|
+ <u-form :model="form" :label-width="labelWidth" ref="uForm">
|
|
|
+ <view v-if="step==1" class="steps1" style="padding-bottom: 40rpx;">
|
|
|
+ <view @click="clickType(1)" class="item u-border-bottom">
|
|
|
+ <view class="flex">
|
|
|
+ <view class="center">
|
|
|
+ <image class="icon" src="../../static/icon/shop2.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view class="item-content">
|
|
|
+ <text>小微商户</text>
|
|
|
+ <text>小微商户,需提供店铺门头照及实景照,店主身份证件及银行账户</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="item-content">
|
|
|
- <text>小微商户</text>
|
|
|
- <text>小微商户,需提供店铺门头照及实景照,店主身份证件及银行账户</text>
|
|
|
+ <view class="center">
|
|
|
+ <image v-if="typeIndex==1" style="width: 40rpx;height: 40rpx;"
|
|
|
+ src="../../static/icon/check.png" mode=""></image>
|
|
|
+ <image v-else style="width: 40rpx;height: 40rpx;" src="../../static/icon/uncheck.png"
|
|
|
+ mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="center">
|
|
|
- <image v-if="typeIndex==1" style="width: 40rpx;height: 40rpx;"
|
|
|
- src="../../static/icon/check.png" mode=""></image>
|
|
|
- <image v-else style="width: 40rpx;height: 40rpx;" src="../../static/icon/uncheck.png"
|
|
|
- mode=""></image>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
|
|
|
- <view @click="clickType(0)" class="item ">
|
|
|
- <view class="flex">
|
|
|
- <view class="center">
|
|
|
- <image class="icon" src="../../static/icon/shop1.png" mode=""></image>
|
|
|
+ <view @click="clickType(0)" class="item ">
|
|
|
+ <view class="flex">
|
|
|
+ <view class="center">
|
|
|
+ <image class="icon" src="../../static/icon/shop1.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view class="item-content">
|
|
|
+ <text>企业商户/个体工商户</text>
|
|
|
+ <text>企业商户,需提供营业执照,企业法人证件,企业对公结算银行账户,特殊行业还需提供生产经营许可证(例如:食品、化妆品、药品等)</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="item-content">
|
|
|
- <text>企业商户/个体工商户</text>
|
|
|
- <text>企业商户,需提供营业执照,企业法人证件,企业对公结算银行账户,特殊行业还需提供生产经营许可证(例如:食品、化妆品、药品等)</text>
|
|
|
+ <view class="center">
|
|
|
+ <image v-if="typeIndex==0" style="width: 40rpx;height: 40rpx;"
|
|
|
+ src="../../static/icon/check.png" mode=""></image>
|
|
|
+ <image v-else style="width: 40rpx;height: 40rpx;" src="../../static/icon/uncheck.png"
|
|
|
+ mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="center">
|
|
|
- <image v-if="typeIndex==0" style="width: 40rpx;height: 40rpx;"
|
|
|
- src="../../static/icon/check.png" mode=""></image>
|
|
|
- <image v-else style="width: 40rpx;height: 40rpx;" src="../../static/icon/uncheck.png"
|
|
|
- mode=""></image>
|
|
|
- </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
- <view v-show="step==2">
|
|
|
- <view class="border">
|
|
|
- <u-form-item v-if="typeIndex==1" label="店铺全称" prop="name" label-position="top">
|
|
|
- <u-input :border="false" placeholder="比如:哈尔滨杨国福麻辣烫餐饮服务有限公司" v-model="auditForm.signName">
|
|
|
- </u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="商户简称" prop="name">
|
|
|
- <u-input :border="false" placeholder="比如:杨国福麻辣烫(时尚天河2店)" v-model="form.name"></u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="商户联系人手机号" prop="personTel" label-width="250">
|
|
|
- <u-input placeholder="请输入联系方式" v-model="form.personTel" type="number"></u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="所在商场" prop="phone">
|
|
|
- <u-input @click="mallShow=true" :select-open="mallShow" :border="false"
|
|
|
- placeholder="请选择所在商场(非必填项)" v-model="mallLabel" type="select"></u-input>
|
|
|
- <u-icon class="clear" color="#999" v-if="mallLabel" name="close-circle-fill"
|
|
|
- @click.stop="clear('mallLabel')"></u-icon>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="商户联系人邮箱" prop="email" label-width="240">
|
|
|
- <u-input :border="false" placeholder="请输入商户联系人邮箱" v-model="form.email"></u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border" v-if="form.mallId&&!$isEmpty(mallAreaList)">
|
|
|
- <u-form-item label="所在区域" prop="phone">
|
|
|
- <u-input @click="mallAreaShow=true" :border="false" placeholder="请选择所在区域"
|
|
|
- v-model="mallAreaLabel" type="select"></u-input>
|
|
|
- <u-icon class="clear" color="#999" v-if="mallAreaLabel" name="close-circle-fill"
|
|
|
- @click.stop="clear('mallAreaLabel')"></u-icon>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="店铺标语" prop="name">
|
|
|
- <u-input :border="false" placeholder="请输入店铺标语(非必填项)" v-model="form.slogan"></u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label-width="200" label="公司种类" left-icon="grid">
|
|
|
- <view class="flex justify-between " @click="chooseLabel">
|
|
|
- <view class="u-flex u-flex-wrap">
|
|
|
- <text v-if="form.labelKey" class="text-cut-1">{{form.labelKey}}</text>
|
|
|
- <text v-else style="color: #c0c4cc;">请选择</text>
|
|
|
+ <view v-show="step==2">
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item v-if="typeIndex==1" label="店铺全称" prop="name" label-position="top">
|
|
|
+ <u-input :border="false" placeholder="比如:哈尔滨杨国福麻辣烫餐饮服务有限公司"
|
|
|
+ v-model="auditForm.signName">
|
|
|
+ </u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="商户简称" prop="name">
|
|
|
+ <u-input :border="false" placeholder="比如:杨国福麻辣烫(时尚天河2店)" v-model="form.name"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="商户联系人手机号" prop="personTel" label-width="250">
|
|
|
+ <u-input placeholder="请输入联系方式" v-model="form.personTel" type="number"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="所在商场" prop="phone">
|
|
|
+ <u-input @click="mallShow=true" :select-open="mallShow" :border="false"
|
|
|
+ placeholder="请选择所在商场(非必填项)" v-model="mallLabel" type="select"></u-input>
|
|
|
+ <u-icon class="clear" color="#999" v-if="mallLabel" name="close-circle-fill"
|
|
|
+ @click.stop="clear('mallLabel')"></u-icon>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="商户联系人邮箱" prop="email" label-width="240">
|
|
|
+ <u-input :border="false" placeholder="请输入商户联系人邮箱" v-model="form.email"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border" v-if="form.mallId&&!$isEmpty(mallAreaList)">
|
|
|
+ <u-form-item label="所在区域" prop="phone">
|
|
|
+ <u-input @click="mallAreaShow=true" :border="false" placeholder="请选择所在区域"
|
|
|
+ v-model="mallAreaLabel" type="select"></u-input>
|
|
|
+ <u-icon class="clear" color="#999" v-if="mallAreaLabel" name="close-circle-fill"
|
|
|
+ @click.stop="clear('mallAreaLabel')"></u-icon>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="店铺标语" prop="name">
|
|
|
+ <u-input :border="false" placeholder="请输入店铺标语(非必填项)" v-model="form.slogan"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label-width="200" label="公司种类" left-icon="grid">
|
|
|
+ <view class="flex justify-between " @click="chooseLabel">
|
|
|
+ <view class="u-flex u-flex-wrap">
|
|
|
+ <text v-if="form.labelKey" class="text-cut-1">{{form.labelKey}}</text>
|
|
|
+ <text v-else style="color: #c0c4cc;">请选择</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <u-icon name="arrow-right" color="#737373"></u-icon>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view>
|
|
|
- <u-icon name="arrow-right" color="#737373"></u-icon>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="所在地区" prop="address">
|
|
|
+ <u-input :disabled="true" :border="false" placeholder="请选择所在地区" @click="regionShow=true"
|
|
|
+ v-model="form.location"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="具体地址" label-position="top" prop="address">
|
|
|
+ <u-input :border="false" placeholder="请详细写到门店编号" v-model="form.address"></u-input>
|
|
|
+ <view slot="right">
|
|
|
+ <u-button @click="chooseAddress" size="mini">获取地址</u-button>
|
|
|
</view>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <view style="padding: 30rpx 0 10rpx;">
|
|
|
+ <text>店铺封面</text>
|
|
|
+ <text style="font-size: 24rpx;color: #999999;">(请上传店铺封面)</text>
|
|
|
+ <mp-upload-img style="height: 120rpx;" ref="mpUploadCover" @click='uploadShopCover'
|
|
|
+ col="4" :count="1"></mp-upload-img>
|
|
|
</view>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="所在地区" prop="address">
|
|
|
- <u-input :disabled="true" :border="false" placeholder="请选择所在地区" @click="regionShow=true"
|
|
|
- v-model="form.location"></u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="具体地址" label-position="top" prop="address">
|
|
|
- <u-input :border="false" placeholder="请详细写到门店编号" v-model="form.address"></u-input>
|
|
|
- <view slot="right">
|
|
|
- <u-button @click="chooseAddress" size="mini">获取地址</u-button>
|
|
|
- </view>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <view style="padding: 30rpx 0 10rpx;">
|
|
|
- <text>店铺封面</text>
|
|
|
- <text style="font-size: 24rpx;color: #999999;">(请上传店铺封面)</text>
|
|
|
- <mp-upload-img style="height: 120rpx;" ref="mpUploadCover" @click='uploadShopCover' col="4"
|
|
|
- :count="1"></mp-upload-img>
|
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
- <view class="border">
|
|
|
- <view style="padding: 30rpx 0 10rpx;">
|
|
|
- <text>店铺实况</text>
|
|
|
- <text style="font-size: 24rpx;color: #999999;">(请依次上传门头、店内照片)</text>
|
|
|
- <mp-upload-img ref="mpUploadImg" @click='uploadShopPics' :count="2" col="4"></mp-upload-img>
|
|
|
+ <view class="border">
|
|
|
+ <view style="padding: 30rpx 0 10rpx;">
|
|
|
+ <text>店铺实况</text>
|
|
|
+ <text style="font-size: 24rpx;color: #999999;">(请依次上传门头、店内照片)</text>
|
|
|
+ <mp-upload-img ref="mpUploadImg" @click='uploadShopPics' :count="2" col="4">
|
|
|
+ </mp-upload-img>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
- </view>
|
|
|
- <view v-show="merchantSubjectShow">
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="上传营业执照" prop="businessLicense" label-position="top" label-width="180">
|
|
|
- <upload-img title="请上传营业执照" @click="chooseBizilicense" :model="auditForm.businessLicense"
|
|
|
- dataName="businessLicense"></upload-img>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="公司主体" prop="entity" label-width="210">
|
|
|
- <u-input :border="false" placeholder="请输入公司主体" v-model="auditForm.entity">
|
|
|
- </u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="营业执照编号" prop="licenceNo" label-width="210">
|
|
|
- <u-input :border="false" placeholder="请填写营业执照编号" v-model="auditForm.licenceNo">
|
|
|
- </u-input>
|
|
|
- </u-form-item>
|
|
|
</view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="开户许可证编号" prop="licenceNo" label-width="210">
|
|
|
- <u-input :border="false" placeholder="请填写开户许可证编号" v-model="auditForm.openAccountLicenceNo">
|
|
|
- </u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label="开户许可证照片" prop="openAccountLicenceUrl" label-position="top">
|
|
|
- <upload-img title="请上传开户许可证照片" @click="chooseImageAudit"
|
|
|
- :model="auditForm.openAccountLicenceUrl" dataName="openAccountLicenceUrl"></upload-img>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="手持营业执照在经营场所的照片" prop="handLicenceUrl" label-position="top">
|
|
|
- <upload-img title="请上传手持营业执照在经营场所的照片" @click="chooseImageAudit"
|
|
|
- :model="auditForm.handLicenceUrl" dataName="handLicenceUrl"></upload-img>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view v-show="merchantCorporationShow">
|
|
|
- <view class="photo border">
|
|
|
- <text>请拿出商户法人有效二代身份证件准备拍摄</text>
|
|
|
- <view class="box">
|
|
|
- <upload-img :width="520" :height="300" title="上传人像面照片" @click="chooseIdCard"
|
|
|
- :model="auditForm.idCardFront" dataName="idCardFront" :enableImg="true"></upload-img>
|
|
|
+ <view v-show="merchantSubjectShow">
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="上传营业执照" prop="businessLicense" label-position="top" label-width="180">
|
|
|
+ <upload-img title="请上传营业执照" @click="chooseBizilicense"
|
|
|
+ :model="auditForm.businessLicense" dataName="businessLicense"></upload-img>
|
|
|
+ </u-form-item>
|
|
|
</view>
|
|
|
- <view class="box" style="margin-top: 0;">
|
|
|
- <upload-img :width="520" :height="300" title="上传国徽面照片" @click="chooseIdCard"
|
|
|
- :model="auditForm.idCardContrary" dataName="idCardContrary" :enableImg="true"
|
|
|
- :bgImg="idCardContraryBgImg"></upload-img>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="公司主体" prop="entity" label-width="210">
|
|
|
+ <u-input :border="false" placeholder="请输入公司主体" v-model="auditForm.entity">
|
|
|
+ </u-input>
|
|
|
+ </u-form-item>
|
|
|
</view>
|
|
|
- <view style="margin: 30rpx 0;" class="tips">
|
|
|
- <text>拍摄时确保身份证边框完整,字体清晰,亮度均匀</text>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="营业执照编号" prop="licenceNo" label-width="210">
|
|
|
+ <u-input :border="false" placeholder="请填写营业执照编号" v-model="auditForm.licenceNo">
|
|
|
+ </u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="开户许可证编号" prop="licenceNo" label-width="210">
|
|
|
+ <u-input :border="false" placeholder="请填写开户许可证编号"
|
|
|
+ v-model="auditForm.openAccountLicenceNo">
|
|
|
+ </u-input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="开户许可证照片" prop="openAccountLicenceUrl" label-position="top">
|
|
|
+ <upload-img title="请上传开户许可证照片" @click="chooseImageAudit"
|
|
|
+ :model="auditForm.openAccountLicenceUrl" dataName="openAccountLicenceUrl">
|
|
|
+ </upload-img>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="手持营业执照在经营场所的照片" prop="handLicenceUrl" label-position="top">
|
|
|
+ <upload-img title="请上传手持营业执照在经营场所的照片" @click="chooseImageAudit"
|
|
|
+ :model="auditForm.handLicenceUrl" dataName="handLicenceUrl"></upload-img>
|
|
|
+ </u-form-item>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="商户法人姓名" prop="legalPerson" label-width="230">
|
|
|
- <u-input :border="false" placeholder="请输入公司法人姓名" v-model="auditForm.legalPerson">
|
|
|
- </u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border" v-if="typeIndex==1">
|
|
|
- <u-form-item label="商户法人手机号" prop="mobile" label-width="230">
|
|
|
- <u-input :border="false" placeholder="请输入商户法人手机号" v-model="auditForm.contactMobile">
|
|
|
- </u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="商户法人身份证号码" prop="personIdCard" label-position="top">
|
|
|
- <u-input :border="false" placeholder="请输入商户法人身份证号码" v-model="auditForm.idCard">
|
|
|
- </u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
+ <view v-show="merchantCorporationShow">
|
|
|
+ <view class="photo border">
|
|
|
+ <text>请拿出商户法人有效二代身份证件准备拍摄</text>
|
|
|
+ <view class="box">
|
|
|
+ <ocr-navigator @onSuccess="idCardSuccess" certificateType="idCard" :opposite="false">
|
|
|
+ <upload-img :width="520" :height="300" title="上传人像面照片"
|
|
|
+ :model="auditForm.idCardFront" dataName="idCardFront" :enableImg="true">
|
|
|
+ </upload-img>
|
|
|
+ </ocr-navigator>
|
|
|
+ </view>
|
|
|
+ <view class="box" style="margin-top: 0;">
|
|
|
+ <ocr-navigator @onSuccess="idCardSuccess" certificateType="idCard" :opposite="true">
|
|
|
+ <upload-img :width="520" :height="300" title="上传国徽面照片"
|
|
|
+ :model="auditForm.idCardContrary" dataName="idCardContrary" :enableImg="true"
|
|
|
+ :bgImg="idCardContraryBgImg"></upload-img>
|
|
|
+ </ocr-navigator>
|
|
|
+ </view>
|
|
|
+ <view style="margin: 30rpx 0;" class="tips">
|
|
|
+ <text>拍摄时确保身份证边框完整,字体清晰,亮度均匀</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="商户法人姓名" prop="legalPerson" label-width="230">
|
|
|
+ <u-input :border="false" placeholder="请输入公司法人姓名" v-model="auditForm.legalPerson">
|
|
|
+ </u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border" v-if="typeIndex==1">
|
|
|
+ <u-form-item label="商户法人手机号" prop="mobile" label-width="230">
|
|
|
+ <u-input :border="false" placeholder="请输入商户法人手机号" v-model="auditForm.contactMobile">
|
|
|
+ </u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="商户法人身份证号码" prop="personIdCard" label-position="top">
|
|
|
+ <u-input :border="false" placeholder="请输入商户法人身份证号码" v-model="auditForm.idCard">
|
|
|
+ </u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
|
|
|
- <view class="border" v-if="typeIndex==0">
|
|
|
- <u-form-item label="商户联系人姓名" prop="personName" label-width="230">
|
|
|
- <u-input :disabled="isEdit" :border="false" placeholder="商户联系人姓名" v-model="form.personName">
|
|
|
- </u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
+ <view class="border" v-if="typeIndex==0">
|
|
|
+ <u-form-item label="商户联系人姓名" prop="personName" label-width="230">
|
|
|
+ <u-input :disabled="isEdit" :border="false" placeholder="商户联系人姓名"
|
|
|
+ v-model="form.personName">
|
|
|
+ </u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
|
|
|
- <view class="border" v-if="typeIndex==0">
|
|
|
- <u-form-item label="商户联系人身份证号" prop="email" label-position="top">
|
|
|
- <u-input :border="false" placeholder="请输入商户联系人身份证号" v-model="auditForm.contactLicenceNo">
|
|
|
- </u-input>
|
|
|
- </u-form-item>
|
|
|
+ <view class="border" v-if="typeIndex==0">
|
|
|
+ <u-form-item label="商户联系人身份证号" prop="email" label-position="top">
|
|
|
+ <u-input :border="false" placeholder="请输入商户联系人身份证号"
|
|
|
+ v-model="auditForm.contactLicenceNo">
|
|
|
+ </u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
- <view v-show="settlementAccountShow" style="padding-bottom: 40rpx;">
|
|
|
- <view class="">
|
|
|
- <u-form-item :request="true" label="请填写结算银行账户号码" prop="bankCardNo" label-position="top">
|
|
|
- <u-input :border="false" placeholder="请填写结算银行账户号码" v-model="auditForm.bankCardNo">
|
|
|
- </u-input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item :request="true" label="银行类型" label-position="top">
|
|
|
- <u-input :border="false" :select-open="bankCodeShow" type="select" placeholder="请选择银行类型"
|
|
|
- v-model="auditForm.bankCodeLabel" @click="bankCodeShow = true" />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item :request="true" label="账户类型" label-position="top">
|
|
|
- <!-- <u-input type="select" placeholder="请选银行择账户类型" v-model="auditForm.bankAccountTypeLabel" @click="bankAccountTypeShow = true"/> -->
|
|
|
- <u-input :border="false" disabled placeholder="请选银行择账户类型"
|
|
|
- v-model="auditForm.bankAccountTypeLabel" />
|
|
|
- </u-form-item>
|
|
|
+ <view v-show="settlementAccountShow" style="padding-bottom: 40rpx;">
|
|
|
+ <view class="">
|
|
|
+ <u-form-item :request="true" label="请填写结算银行账户号码" prop="bankCardNo" label-position="top">
|
|
|
+ <u-input :border="false" placeholder="请填写结算银行账户号码" v-model="auditForm.bankCardNo">
|
|
|
+ </u-input>
|
|
|
+ <ocr-navigator slot="right" hover-class="none" @onSuccess="bankSuccess"
|
|
|
+ certificateType="bankCard">
|
|
|
+ <u-icon name="scan" size="42"></u-icon>
|
|
|
+ </ocr-navigator>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item :request="true" label="银行类型" label-position="top">
|
|
|
+ <u-input :border="false" :select-open="bankCodeShow" type="select" placeholder="请选择银行类型"
|
|
|
+ v-model="auditForm.bankCodeLabel" @click="bankCodeShow = true" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item :request="true" label="账户类型" label-position="top">
|
|
|
+ <!-- <u-input type="select" placeholder="请选银行择账户类型" v-model="auditForm.bankAccountTypeLabel" @click="bankAccountTypeShow = true"/> -->
|
|
|
+ <u-input :border="false" disabled placeholder="请选银行择账户类型"
|
|
|
+ v-model="auditForm.bankAccountTypeLabel" />
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </u-form>
|
|
|
- </view>
|
|
|
- <view v-if="step<totalStep" class="center flex-direction" style="margin: 100rpx 0 ;">
|
|
|
- <view @click="nextStep" class="btn cu-btn round" style="width:90%;height: 90rpx;font-size: 34rpx;">
|
|
|
- 下一步
|
|
|
+ </u-form>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view v-else class="center flex-direction margin-bottom-30" style="margin-top: 100rpx;">
|
|
|
- <view v-if="!isEdit" class=" margin-bottom-20 text-sm center ">
|
|
|
- <text style="color: #949494;">确认注册即代表已阅读并同意</text>
|
|
|
- <text style="color: #104DFF;" @click="protocol">《联兑通软件服务协议》</text>
|
|
|
+ <view v-if="step<totalStep" class="center flex-direction" style="margin: 100rpx 0 ;">
|
|
|
+ <view @click="nextStep" class="btn cu-btn round" style="width:90%;height: 90rpx;font-size: 34rpx;">
|
|
|
+ 下一步
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view @click="submit" class="btn cu-btn round" style="width:90%;height: 90rpx;font-size: 34rpx;">
|
|
|
- 提交资料
|
|
|
+ <view v-else class="center flex-direction margin-bottom-30" style="margin-top: 100rpx;">
|
|
|
+ <view v-if="!isEdit" class=" margin-bottom-20 text-sm center ">
|
|
|
+ <text style="color: #949494;">确认注册即代表已阅读并同意</text>
|
|
|
+ <text style="color: #104DFF;" @click="protocol">《联兑通软件服务协议》</text>
|
|
|
+ </view>
|
|
|
+ <view @click="submit" class="btn cu-btn round" style="width:90%;height: 90rpx;font-size: 34rpx;">
|
|
|
+ 提交资料
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </block>
|
|
|
|
|
|
<!-- 商场 -->
|
|
|
- <u-popup height="60%" mode="bottom" v-model="mallShow">
|
|
|
+ <u-popup border-radius="8" height="60%" mode="bottom" v-model="mallShow">
|
|
|
<view class="fixed cu-bar search bg-white">
|
|
|
<view class="search-form radius">
|
|
|
<text class="cuIcon-search"></text>
|
|
|
@@ -277,8 +294,7 @@
|
|
|
</scroll-view>
|
|
|
<u-empty v-else name="search"></u-empty>
|
|
|
</u-popup>
|
|
|
-
|
|
|
- <u-popup height="60%" mode="bottom" v-model="bankCodeShow">
|
|
|
+ <u-popup border-radius="8" height="60%" mode="bottom" v-model="bankCodeShow">
|
|
|
<view class="fixed cu-bar search bg-white">
|
|
|
<view class="search-form radius">
|
|
|
<text class="cuIcon-search"></text>
|
|
|
@@ -296,15 +312,14 @@
|
|
|
</scroll-view>
|
|
|
<u-empty v-else name="search"></u-empty>
|
|
|
</u-popup>
|
|
|
-
|
|
|
- <u-select v-model="mallAreaShow" label-name="name" value-name="id" mode="single-column" :list="mallAreaList"
|
|
|
+ <u-select confirm-color="#EF9944" v-model="mallAreaShow" label-name="name" value-name="id" mode="single-column" :list="mallAreaList"
|
|
|
@confirm="mallAreaConfirm"></u-select>
|
|
|
- <u-picker @confirm="regionConfirm" v-model="regionShow" mode="region"></u-picker>
|
|
|
-
|
|
|
+ <u-picker confirm-color="#EF9944" @confirm="regionConfirm" v-model="regionShow" mode="region"></u-picker>
|
|
|
<!-- <u-select v-model="bankCodeShow" :list="bankCodeList" @confirm="bankTypeConfirm"></u-select> -->
|
|
|
- <u-select v-model="bankAccountTypeShow" :list="bankAccountTypeList" @confirm="bankAccountTypeConfirm">
|
|
|
+ <u-select confirm-color="#EF9944" v-model="bankAccountTypeShow" :list="bankAccountTypeList" @confirm="bankAccountTypeConfirm">
|
|
|
</u-select>
|
|
|
<toast ref="toast"></toast>
|
|
|
+ <loading ref="loading" type="3" theme="2" />
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -317,6 +332,21 @@
|
|
|
mpUploadImg
|
|
|
},
|
|
|
computed: {
|
|
|
+ stepShow: {
|
|
|
+ get() {
|
|
|
+ if (this.isEdit) {
|
|
|
+ if (this.step <= this.totalStep && this.step != 2) {
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ if (this.step <= this.totalStep && this.step != 1) {
|
|
|
+ return true
|
|
|
+ } else {
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
settlementAccountShow: {
|
|
|
get() {
|
|
|
if (!this.needBankInfo) {
|
|
|
@@ -358,8 +388,8 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ loading: true,
|
|
|
typeIndex: 1,
|
|
|
-
|
|
|
//银行类型
|
|
|
bankKeyword: '',
|
|
|
bankCodeShow: false,
|
|
|
@@ -760,7 +790,6 @@
|
|
|
uni.hideLoading()
|
|
|
},
|
|
|
async onLoad(options) {
|
|
|
- console.log("123");
|
|
|
this.form.personTel = this.$cache.get('phone')
|
|
|
this.auditForm.contactMobile = this.form.personTel
|
|
|
//监听从chooseLable页面返回的数据
|
|
|
@@ -787,8 +816,8 @@
|
|
|
//新增数据时才跑流程
|
|
|
this.getProcessDefinitionId()
|
|
|
}
|
|
|
- this.initDict()
|
|
|
- this.fetchMallList()
|
|
|
+ await this.initDict()
|
|
|
+ await this.fetchMallList()
|
|
|
},
|
|
|
methods: {
|
|
|
clickType(index) {
|
|
|
@@ -891,6 +920,10 @@
|
|
|
this.imgList = data
|
|
|
this.$refs.mpUploadImg.changeImgList(this.imgList)
|
|
|
},
|
|
|
+ bankSuccess(e) {
|
|
|
+ console.log(e);
|
|
|
+ this.auditForm.bankCardNo = e.detail.number.text
|
|
|
+ },
|
|
|
async chooseBank() {
|
|
|
let image = (await this.$mpi.chooseImage())[0]
|
|
|
this.$api.ocr.bank(image).then(res => {
|
|
|
@@ -1046,6 +1079,36 @@
|
|
|
this.auditForm[name] = res.data.link
|
|
|
})
|
|
|
},
|
|
|
+ idCardSuccess(e){
|
|
|
+ console.log(e,"e********");
|
|
|
+ let data=e.detail
|
|
|
+ console.log(data,"data******");
|
|
|
+ if (data.type==0) {
|
|
|
+ //身份证正面
|
|
|
+ this.OCRBiziIdCardInfo = data.detail
|
|
|
+ this.auditForm.addr=data.address.text
|
|
|
+ this.auditForm.gender=data.gender.text
|
|
|
+ this.auditForm.idCard=data.id.text
|
|
|
+ this.auditForm.nationality=data.nationality.text
|
|
|
+ this.auditForm.name=data.name.text
|
|
|
+ this.auditForm.legalPerson = data.name.text
|
|
|
+ this.form.personName = data.name.text
|
|
|
+ this.auditForm.contactLicenceNo = data.id.text
|
|
|
+ }else{
|
|
|
+ this.OCRBiziIdCardInfo.validDate = data.valid_date.text
|
|
|
+ this.auditForm.validDate = data.valid_date.text
|
|
|
+ }
|
|
|
+ this.$api.uploadFile(data.image_path).then(res=>{
|
|
|
+ if (data.type==0) {
|
|
|
+ //正面
|
|
|
+ this.auditForm.idCardFront=res.data.link
|
|
|
+ }
|
|
|
+ if (data.type==1) {
|
|
|
+ //反面
|
|
|
+ this.auditForm.idCardContrary=res.data.link
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
async chooseIdCard(name) {
|
|
|
if (this.isEdit) {
|
|
|
this.$refs.toast.info('不可修改')
|
|
|
@@ -1104,14 +1167,13 @@
|
|
|
uni.hideLoading()
|
|
|
})
|
|
|
},
|
|
|
- fetchMallList() {
|
|
|
+ async fetchMallList() {
|
|
|
let params = {
|
|
|
name: this.mallKeyWord,
|
|
|
size: 20
|
|
|
}
|
|
|
- this.$api.mall.list(params).then(res => {
|
|
|
- this.mallList = res.data.records
|
|
|
- })
|
|
|
+ let res = await this.$api.mall.list(params)
|
|
|
+ this.mallList = res.data.records
|
|
|
},
|
|
|
fetchMallAreaList() {
|
|
|
this.$api.mall.getMallAreaByMallId(this.form.mallId).then(res => {
|
|
|
@@ -1238,9 +1300,9 @@
|
|
|
},
|
|
|
|
|
|
//字典 begin
|
|
|
- initDict() {
|
|
|
- this.getBankType()
|
|
|
- this.getBankAccountType()
|
|
|
+ async initDict() {
|
|
|
+ await this.getBankType()
|
|
|
+ await this.getBankAccountType()
|
|
|
},
|
|
|
async getBankType() {
|
|
|
let params = {
|
|
|
@@ -1390,4 +1452,13 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .ocr-wrapper {
|
|
|
+ margin: 40rpx auto;
|
|
|
+ width: 375rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .intro {
|
|
|
+ margin: 40rpx;
|
|
|
+ }
|
|
|
</style>
|