1366 lines
51 KiB
Vue
1366 lines
51 KiB
Vue
<template>
|
|
<view class="page" :style="themeColor">
|
|
<view class="flex benben-position-layout flex flex-wrap align-center certifiedMerchant_flex_0"
|
|
:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
|
|
<view class='flex flex-wrap align-center justify-between flex-sub certifiedMerchant_fd0_0'>
|
|
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
|
|
<text class='fu-iconfont2 certifiedMerchant_fd0_0_c0_c0' @tap.stop="handleJumpDiy" data-type="back"
|
|
data-url="1"></text>
|
|
</view>
|
|
<view class='flex flex-wrap align-stretch justify-center flex-sub'>
|
|
<text class='certifiedMerchant_fd0_0_c1_c0'>分账认证</text>
|
|
</view>
|
|
<view class='flex flex-wrap align-center certifiedMerchant_fd0_0_c2'>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
|
|
<!---flex布局flex布局开始-->
|
|
<!-- <view class="flex benben-flex-layout flex-wrap align-center">
|
|
<image class='certifiedMerchant_fd1_0' mode="aspectFit" :src='STATIC_URL+"38.png"'></image>
|
|
</view> -->
|
|
<view style="padding: 28rpx; color: red;" v-if="mallbook_errMsg">驳回原因: {{mallbook_errMsg}}</view>
|
|
<view style="padding: 28rpx; color: red;" v-if="card_errMsg">驳回原因: {{card_errMsg}}</view>
|
|
<!---flex布局flex布局结束-->
|
|
<!---flex布局flex布局开始-->
|
|
<view class="flex benben-flex-layout flex-wrap align-center certifiedMerchant_flex_2">
|
|
<view class='flex flex-direction flex-wrap align-stretch flex-sub certifiedMerchant_fd2_0'>
|
|
<view v-if="cardStatus != 2">
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1'>
|
|
<text class='certifiedMerchant_fd2_0_c1_c0'>商户名称</text>
|
|
<input :disabled="registerStatus == 1" class='certifiedMerchant_fd2_0_c1_c1 flex-sub' type="text" placeholder="小微:证件姓名,非小微:营业执照名称" confirm-type="done"
|
|
placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx" v-model="userName" />
|
|
</view>
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c0'>
|
|
<text class='certifiedMerchant_fd2_0_c0_c0'>商户手机号</text>
|
|
<input :disabled="registerStatus == 1" class='certifiedMerchant_fd2_0_c0_c1' type="number" placeholder="请输入商户手机号" confirm-type="done"
|
|
:maxlength="11" placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx"
|
|
v-model="phone" />
|
|
</view>
|
|
<!-- <view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c2'>
|
|
<text class='certifiedMerchant_fd2_0_c2_c0'>店铺LOGO</text>
|
|
<view class='flex flex-wrap align-center' @tap="soloChooseImage('shopLogo','shopLogo',false,false)">
|
|
<image class='certifiedMerchant_fd2_0_c2_c1_c0' mode="aspectFill"
|
|
:src='shopLogo?shopLogo:STATIC_URL+"39.png"'></image>
|
|
<image class='certifiedMerchant_fd2_0_c2_c1_c1' mode="aspectFit" :src='STATIC_URL+"29.png"'>
|
|
</image>
|
|
</view>
|
|
</view> -->
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c3'
|
|
data-type="navigateTo" :data-url="`/pages/dl/selectCategory/selectCategory`">
|
|
<text class='certifiedMerchant_fd2_0_c3_c0'>证件类型</text>
|
|
<view class='flex flex-wrap align-center'>
|
|
<input class='certifiedMerchant_fd2_0_c3_c1_c0' type="text" placeholder="请选择" confirm-type="done"
|
|
:maxlength="20" :disabled='true' placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx"
|
|
value="身份证" />
|
|
</image>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<!-- <view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c4'
|
|
@tap.stop="showMulLinkageThreePicker">
|
|
<text class='certifiedMerchant_fd2_0_c4_c0'>店铺地址</text>
|
|
<view class='flex flex-wrap align-center'>
|
|
<input class='certifiedMerchant_fd2_0_c4_c1_c0' type="text" placeholder="请选择" confirm-type="done"
|
|
:maxlength="20" :disabled='true' placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx"
|
|
v-model="shopAdress" />
|
|
<image class='certifiedMerchant_fd2_0_c4_c1_c1' mode="aspectFit" :src='STATIC_URL+"29.png"'>
|
|
</image>
|
|
</view>
|
|
</view> -->
|
|
<!-- <view class='flex flex-direction flex-wrap align-stretch justify-between certifiedMerchant_fd2_0_c5'>
|
|
<text class='certifiedMerchant_fd2_0_c5_c0'>详细地址</text>
|
|
<view class='flex flex-wrap certifiedMerchant_fd2_0_c5_c1'>
|
|
<textarea class='flex certifiedMerchant_input_fd2_0_c5_c1' :placeholder="'请输入'" :maxlength="240"
|
|
placeholder-style="color:#999;font-size:28rpx" v-model="detailAddress" />
|
|
|
|
</view>
|
|
</view> -->
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c6'>
|
|
<text class='certifiedMerchant_fd2_0_c6_c0'>身份证号码</text>
|
|
<view class='flex flex-wrap align-center'>
|
|
<input :disabled="registerStatus == 1" class='certifiedMerchant_fd2_0_c6_c1_c0' type="text" placeholder="请输入18位身份证号码" confirm-type="done"
|
|
:maxlength="18" placeholder-style="color:#999;font-size:28rpx" v-model="certId" />
|
|
</view>
|
|
</view>
|
|
<block v-if="userType - 0 > 0">
|
|
<view class='flex flex-direction flex-wrap align-stretch justify-between certifiedMerchant_fd2_0_c5'>
|
|
<text class='certifiedMerchant_fd2_0_c5_c0'>经营范围</text>
|
|
<view class='flex flex-wrap certifiedMerchant_fd2_0_c5_c1'>
|
|
<textarea :disabled="registerStatus == 1" class='flex certifiedMerchant_input_fd2_0_c5_c1' :placeholder="'请输入'" :maxlength="240"
|
|
placeholder-style="color:#999;font-size:28rpx" v-model="businessScope" />
|
|
|
|
</view>
|
|
</view>
|
|
<view class='flex flex-direction flex-wrap align-stretch justify-between certifiedMerchant_fd2_0_c5'>
|
|
<text class='certifiedMerchant_fd2_0_c5_c0'>注册地址</text>
|
|
<view class='flex flex-wrap certifiedMerchant_fd2_0_c5_c1'>
|
|
<textarea :disabled="registerStatus == 1" class='flex certifiedMerchant_input_fd2_0_c5_c1' :placeholder="'请输入'" :maxlength="240"
|
|
placeholder-style="color:#999;font-size:28rpx" v-model="address" />
|
|
|
|
</view>
|
|
</view>
|
|
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c4'
|
|
@tap.stop="chooseCitys(1)">
|
|
<text class='certifiedMerchant_fd2_0_c4_c0'>商户所在城市</text>
|
|
<view class='flex flex-wrap align-center'>
|
|
<!-- <input class='certifiedMerchant_fd2_0_c4_c1_c0' type="text" placeholder="请选择" confirm-type="done"
|
|
:maxlength="20" :disabled='true' placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx"
|
|
v-model="city" /> -->
|
|
<text class='certifiedMerchant_fd2_0_c4_c1_c0'>{{city || '请选择'}}</text>
|
|
<image class='certifiedMerchant_fd2_0_c4_c1_c1' mode="aspectFit" :src='STATIC_URL+"29.png"'>
|
|
</image>
|
|
</view>
|
|
</view>
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1'>
|
|
<text class='certifiedMerchant_fd2_0_c1_c0'>统一社会信用码</text>
|
|
<input :disabled="registerStatus == 1" class='certifiedMerchant_fd2_0_c1_c1' type="text" placeholder="请输入统一社会信用码" confirm-type="done"
|
|
placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx" v-model="socialCreditCode" />
|
|
</view>
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1'>
|
|
<text class='certifiedMerchant_fd2_0_c1_c0'>营业执照有效期起始日期</text>
|
|
<input :disabled="registerStatus == 1" :maxlength="8" class='certifiedMerchant_fd2_0_c1_c1 flex-sub' type="number" placeholder="格式:yyyymmdd" confirm-type="done"
|
|
placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx" v-model="socialCreditCodeBegin" />
|
|
</view>
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1'>
|
|
<text class='certifiedMerchant_fd2_0_c1_c0'>营业执照有效期截止日期</text>
|
|
<input :disabled="registerStatus == 1" :maxlength="8" class='certifiedMerchant_fd2_0_c1_c1 flex-sub' type="number" placeholder="长期传:20991231" confirm-type="done"
|
|
placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx" v-model="socialCreditCodeExpires" />
|
|
</view>
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1'>
|
|
<text class='certifiedMerchant_fd2_0_c1_c0'>法人证件有效期起始日期</text>
|
|
<input :disabled="registerStatus == 1" :maxlength="8" class='certifiedMerchant_fd2_0_c1_c1 flex-sub' type="number" placeholder="格式:yyyymmdd" confirm-type="done"
|
|
placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx" v-model="legalCertIdBegin" />
|
|
</view>
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1'>
|
|
<text class='certifiedMerchant_fd2_0_c1_c0'>法人证件有效期截止日期</text>
|
|
<input :disabled="registerStatus == 1" :maxlength="8" class='certifiedMerchant_fd2_0_c1_c1 flex-sub' type="number" placeholder="长期传:20991231" confirm-type="done"
|
|
placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx" v-model="legalCertIdExpires" />
|
|
</view>
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1'>
|
|
<text class='certifiedMerchant_fd2_0_c1_c0'>法人姓名</text>
|
|
<input :disabled="registerStatus == 1" class='certifiedMerchant_fd2_0_c1_c1' type="text" placeholder="请输入" confirm-type="done"
|
|
placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx" v-model="legalPerson" />
|
|
</view>
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1'>
|
|
<text class='certifiedMerchant_fd2_0_c1_c0'>联系人姓名</text>
|
|
<input :disabled="registerStatus == 1" class='certifiedMerchant_fd2_0_c1_c1' type="text" placeholder="请输入" confirm-type="done"
|
|
placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx" v-model="contName" />
|
|
</view>
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1'>
|
|
<text class='certifiedMerchant_fd2_0_c1_c0'>联系人手机号</text>
|
|
<input :disabled="registerStatus == 1" :maxlength="11" class='certifiedMerchant_fd2_0_c1_c1' type="number" placeholder="请输入" confirm-type="done"
|
|
placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx" v-model="contPhone" />
|
|
</view>
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1'>
|
|
<text class='certifiedMerchant_fd2_0_c1_c0'>联系人邮箱</text>
|
|
<input :disabled="registerStatus == 1" class='certifiedMerchant_fd2_0_c1_c1' type="text" placeholder="请输入" confirm-type="done"
|
|
placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx" v-model="email" />
|
|
</view>
|
|
<view class='flex flex-direction flex-wrap align-stretch justify-between certifiedMerchant_fd2_0_c7'>
|
|
<text class='certifiedMerchant_fd2_0_c7_c0'>请上传身份证照片</text>
|
|
<view class="position-relative" style="margin-top: 20rpx;">
|
|
<text v-if="idfront != '' && registerStatus != 1" @tap="idfront = ''"
|
|
class='fu-iconfont2 position-absolute certifiedMerchant_fd2_0_c9_c0_icon'></text>
|
|
<image @tap="soloChooseImage('idfront','idfront',false,false)" class="certifiedMerchant_fd2_0_c9_c0_image1"
|
|
mode="aspectFill" :src="idfront?idfront : STATIC_URL+'121.png'"></image>
|
|
</view>
|
|
<text class='certifiedMerchant_fd2_0_c7_c2'>身份证国徽面</text>
|
|
</view>
|
|
<view class='flex flex-direction flex-wrap align-stretch justify-between'>
|
|
|
|
<view class="position-relative">
|
|
<text v-if="idopposite != '' && registerStatus != 1" @tap="idopposite = ''"
|
|
class='fu-iconfont2 position-absolute certifiedMerchant_fd2_0_c9_c0_icon'></text>
|
|
<image @tap="soloChooseImage('idopposite','idopposite',false,false)"
|
|
class="certifiedMerchant_fd2_0_c9_c0_image1" mode="aspectFill"
|
|
:src="idopposite?idopposite:STATIC_URL+'120.png'"></image>
|
|
</view>
|
|
|
|
<text class='certifiedMerchant_fd2_0_c8_c1'>身份证人像面</text>
|
|
</view>
|
|
|
|
|
|
<view class='flex flex-direction flex-wrap align-stretch justify-between'>
|
|
<text class='certifiedMerchant_fd2_0_c9_c1'>营业执照</text>
|
|
</view>
|
|
<!-- <view class='flex flex-direction flex-wrap align-stretch'>
|
|
<benben-images-upload ref="benbenImagesUploadfd1_3_c1_c0" :img-list.sync="license" :is-show-tips='true'
|
|
:img-ids.sync="imgs_ids" :maxlength="1">
|
|
<template #content="{ num, maxlength, isShow, imgList }">
|
|
<view class="flex flex-wrap align-start flex iNeedFeedback_fd1_3_c1_c0">
|
|
|
|
<view v-for="(image, index) in imgList" :key="index"
|
|
class='flex position-relative iNeedFeedback_fd1_3_c1_c00'>
|
|
<text class='fu-iconfont2 position-absolute iNeedFeedback_fd1_3_c1_c000'
|
|
@tap.stop="$refs.benbenImagesUploadfd1_3_c1_c0.delImage(index)"></text>
|
|
<image class='iNeedFeedback_fd1_3_c1_c001'
|
|
@tap.stop="$refs.benbenImagesUploadfd1_3_c1_c0.previewImage(index)" mode="aspectFill" :src='image'>
|
|
</image>
|
|
</view>
|
|
|
|
<image class='iNeedFeedback_fd1_3_c1_c01'
|
|
@tap.stop="$refs.benbenImagesUploadfd1_3_c1_c0.manyChooseImage()" v-if="isShow" mode="aspectFit"
|
|
:src='STATIC_URL+"109.jpg"'></image>
|
|
</view>
|
|
</template>
|
|
</benben-images-upload>
|
|
</view> -->
|
|
|
|
|
|
|
|
<view @tap="soloChooseImage('license','license',false,false)" class="upload position-relative certifiedMerchant_fd2_0_c9_c0" v-if="!license">
|
|
<image class=" certifiedMerchant_fd2_0_c9_c0_image" mode="aspectFill" :src="STATIC_URL+'43.png'"></image>
|
|
</view>
|
|
<view class="position-relative" v-else>
|
|
<text v-if="license != '' && registerStatus != 1" @tap="license = ''" class='fu-iconfont2 position-absolute certifiedMerchant_fd2_0_c9_c0_icon'></text>
|
|
<image @tap="soloChooseImage('license','license',false,false)" class="certifiedMerchant_fd2_0_c9_c0_image1" mode="aspectFill" :src="license"></image>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
|
|
<view v-if="userType - 0 > 0" class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1' @click="chooseAccountType">
|
|
<text class='certifiedMerchant_fd2_0_c1_c0'>银行账户类型</text>
|
|
<view class='flex flex-wrap align-center'>
|
|
<text>{{bankAcctType == 1 ? '对公' : bankAcctType == 2 ? '对私' : '请选择'}}</text>
|
|
<image class='certifiedMerchant_fd2_0_c4_c1_c1' mode="aspectFit" :src='STATIC_URL+"29.png"'>
|
|
</image>
|
|
</view>
|
|
</view>
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1' @click="mccnameTap">
|
|
<text class='certifiedMerchant_fd2_0_c1_c0'>开户银行名称</text>
|
|
<text class="certifiedMerchant_fd2_0_c1_c1">{{bankName || '请选择'}}</text>
|
|
<!-- <input class='certifiedMerchant_fd2_0_c1_c1' type="text" placeholder="开户银行名称" confirm-type="done"
|
|
placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx" v-model="" /> -->
|
|
</view>
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1'>
|
|
<text class='certifiedMerchant_fd2_0_c1_c0'>结算账户名</text>
|
|
<input :disabled="cardStatus == 1" class='certifiedMerchant_fd2_0_c1_c1' type="text" placeholder="银行卡号对应的户名" confirm-type="done"
|
|
placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx" v-model="cardName" />
|
|
</view>
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1'>
|
|
<text class='certifiedMerchant_fd2_0_c1_c0'>银行卡号</text>
|
|
<input :disabled="cardStatus == 1" class='certifiedMerchant_fd2_0_c1_c1' type="text" placeholder="银行卡号" confirm-type="done"
|
|
placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx" v-model="cardNo" />
|
|
</view>
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1'>
|
|
<text class='certifiedMerchant_fd2_0_c1_c0'>结算人手机号</text>
|
|
<input :disabled="cardStatus == 1" :maxlength="11" class='certifiedMerchant_fd2_0_c1_c1' type="number" placeholder="(必须与银行绑定手机号一致)" confirm-type="done"
|
|
placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx" v-model="cardphone" />
|
|
</view>
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c6'>
|
|
<text class='certifiedMerchant_fd2_0_c6_c0'>结算人身份证号码</text>
|
|
<view class='flex flex-wrap align-center'>
|
|
<input :disabled="cardStatus == 1" class='certifiedMerchant_fd2_0_c6_c1_c0' type="text" placeholder="请输入18位身份证号码" confirm-type="done"
|
|
:maxlength="18" placeholder-style="color:#999;font-size:28rpx" v-model="cardcertId" />
|
|
</view>
|
|
</view>
|
|
<!-- <view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1'>
|
|
<text class='certifiedMerchant_fd2_0_c1_c0'>银行编码</text>
|
|
<view class='flex flex-wrap align-center'>
|
|
<text>{{bankCode}}</text>
|
|
<image class='certifiedMerchant_fd2_0_c4_c1_c1' mode="aspectFit" :src='STATIC_URL+"29.png"'>
|
|
</image>
|
|
</view>
|
|
</view> -->
|
|
<block v-if="userType - 0 > 0">
|
|
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c4'
|
|
@tap.stop="chooseCitys(2)">
|
|
<text class='certifiedMerchant_fd2_0_c4_c0'>开户行所在城市</text>
|
|
<view class='flex flex-wrap align-center'>
|
|
<text>{{cardCity}}</text>
|
|
<image class='certifiedMerchant_fd2_0_c4_c1_c1' mode="aspectFit" :src='STATIC_URL+"29.png"'>
|
|
</image>
|
|
</view>
|
|
</view></block>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
<!---flex布局flex布局结束-->
|
|
<view
|
|
class="flex flex-direction flex-wrap align-stretch justify-center benben-position-layout flex certifiedMerchant_flex_3" v-if="cardStatus != 1">
|
|
<view class='flex flex-direction flex-wrap align-stretch flex-sub certifiedMerchant_fd3_0'>
|
|
<!-- <view class='flex flex-direction flex-wrap align-stretch'>
|
|
<text class='certifiedMerchant_fd3_0_c0_c0'>注:
|
|
</text>
|
|
<text class='certifiedMerchant_fd3_0_c0_c1'>为保证平台用户安全性,需要您进行实名认证,实名认证通过之后即可登录并在平台进行营业</text>
|
|
</view> -->
|
|
<view class='flex flex-wrap align-center certifiedMerchant_fd3_0_c1'>
|
|
<button class='flex-sub certifiedMerchant_fd3_0_c1_c0' @tap.stop="submitInformationFunc()">提交</button>
|
|
</view>
|
|
<!-- <view class='flex flex-wrap align-center justify-center'>
|
|
<benben-flex-switch-new class-name='flex flex certifiedMerchant_fd3_0_c2_c0' v-model="isAgreement"
|
|
:disabled='false' :auto='true'>
|
|
<template v-slot:checked>
|
|
|
|
<view class='flex flex position-relative align-center'>
|
|
<image class='certifiedMerchant_checkfd3_0_c2_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"44.png"'>
|
|
</image>
|
|
</view>
|
|
|
|
</template>
|
|
<template v-slot:unchecked>
|
|
|
|
<view class='flex flex position-relative justify-end align-center'>
|
|
<image class='certifiedMerchant_noCheckfd3_0_c2_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"117.png"'>
|
|
</image>
|
|
</view>
|
|
|
|
</template>
|
|
</benben-flex-switch-new>
|
|
<text class='certifiedMerchant_fd3_0_c2_c1'>提交即默认同意</text>
|
|
<text class='certifiedMerchant_fd3_0_c2_c2' @tap.stop="handleJumpDiy" data-type="navigateTo"
|
|
:data-url="`/pages/dl/registrationAgreemen/registrationAgreemen?type=18`">《商家认证协议》</text>
|
|
</view> -->
|
|
</view>
|
|
|
|
</view>
|
|
<view :style="{height: '365rpx'}"></view>
|
|
<!--选择商品分类开始 -->
|
|
<benben-picker ref="benbenWritePickerCodepicker4" :visible.sync="pickerDiy1684307484925" :label.sync='score_rate_id'
|
|
:options='scoreList' @change="changeTap" mode='selector' :mask-show='true' :timeout='true' :picker-height='88'
|
|
default-type='value' :default-props='{"label":"name","value":"rate"}'>
|
|
<template #picker-header>
|
|
<view class='flex flex-wrap align-center justify-between addProduct_picker4_0'>
|
|
<text @tap="$refs.benbenWritePickerCodepicker4.cancel()">取消</text>
|
|
<text>选择抽佣等级</text>
|
|
<text class='addProduct_picker4_0_c2' @tap="$refs.benbenWritePickerCodepicker4.pickerConfirm()">确认</text>
|
|
</view>
|
|
</template>
|
|
</benben-picker>
|
|
<!--选择商品分类结束 -->
|
|
<w-picker
|
|
:visible.sync="visible"
|
|
mode="linkage"
|
|
:options="citys"
|
|
:level="2"
|
|
default-type="code"
|
|
:default-props="defaultProps1"
|
|
@confirm="onConfirm($event,'linkage')"
|
|
@cancel="onCancel"
|
|
ref="linkage"
|
|
></w-picker>
|
|
<w-picker
|
|
:visible.sync="visible"
|
|
mode="selector"
|
|
default-type="name"
|
|
:default-props="defaultProps"
|
|
:options="selectorList"
|
|
@confirm="onConfirm1($event,'selector')"
|
|
@cancel="onCancel"
|
|
ref="selector"
|
|
></w-picker>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import UploadImage from '@/common/utils/upload-image.js'
|
|
import amapFile from '@/common/utils/amap-wx.js';
|
|
import {
|
|
GAODE_KEY
|
|
} from '@/common/config.js';
|
|
import {
|
|
validate
|
|
} from '@/common/utils/validate.js'
|
|
export default {
|
|
components: {},
|
|
|
|
|
|
data() {
|
|
return {
|
|
selectorList: [{
|
|
name: '对公',
|
|
id: 1
|
|
}, {
|
|
name: '对私',
|
|
id: 2
|
|
}],
|
|
defaultProps: {"label":"name","value":"id"},
|
|
defaultProps1: {"label":"name","value":"code","children":"child"},
|
|
visible: false,
|
|
pickerDiy1684307484925: false,
|
|
myAmapFun: null, // 高德地图实例
|
|
is_afresh: '0', //是否重新认证 0=否 1=是
|
|
"isAgreement": false,
|
|
"responsibleName": "",
|
|
"shopNames": "",
|
|
"shopLogo": "",
|
|
"shopclassification": "",
|
|
"shopAdress": "河南省郑州市二七区",
|
|
"detailAddress": "华城国际中心",
|
|
"IdCard": "",
|
|
"idopposite": "",
|
|
"idfront": "",
|
|
"license": '',
|
|
imgs_ids: "",
|
|
category_id: "",
|
|
lng: "113.56565",
|
|
lat: "34.65656",
|
|
province: "",
|
|
city: "",
|
|
district: "",
|
|
submitLoading: false,
|
|
addressDesc: "",
|
|
scoreList: [],
|
|
score_rate_id: "",
|
|
score_rate_name: "",
|
|
citys: [],
|
|
|
|
|
|
phone: '',
|
|
userType: '',
|
|
userName: '',
|
|
certType: '00',
|
|
certId: '',
|
|
businessScope: '',
|
|
address: '',
|
|
provCode: '',
|
|
areaCode: '',
|
|
socialCreditCode: '',
|
|
socialCreditCodeBegin: '',
|
|
socialCreditCodeExpires: '',
|
|
legalCertIdBegin: '',
|
|
legalCertIdExpires: '',
|
|
legalPerson: '',
|
|
contName: '',
|
|
contPhone: '',
|
|
email: '',
|
|
socialCreditCodeId: '',
|
|
legalCertIdFrontId: '',
|
|
legalCertIdBackId: '',
|
|
|
|
citytype: '',
|
|
cardprovCode: '',
|
|
cardareaCode: '',
|
|
cardCity: '',
|
|
cardphone: '',
|
|
cardcertId: '',
|
|
bankAcctType: '',
|
|
bankName: '',
|
|
cardName: '',
|
|
cardNo: '',
|
|
bankCode: '',
|
|
bankList: [],
|
|
registerStatus: 0,
|
|
cardStatus: 0,
|
|
mallbook_errMsg: '',
|
|
card_errMsg: '',
|
|
isSubmit: false
|
|
};
|
|
},
|
|
computed: {
|
|
themeColor() {
|
|
return this.$store.getters.themeColor
|
|
},
|
|
|
|
},
|
|
watch: {},
|
|
onLoad(options) {
|
|
this.is_afresh = options.type;
|
|
this.userType = options.merType || '';
|
|
if (this.userType - 0 <= 0) {
|
|
this.bankAcctType = 2
|
|
}
|
|
this.authInfoCheck()
|
|
if (this.is_afresh == 1) {
|
|
|
|
}
|
|
|
|
// 初始化高德地图SDK,记得换成自己的key
|
|
this.myAmapFun = new amapFile.AMapWX({
|
|
key: GAODE_KEY
|
|
});
|
|
//选择分类
|
|
uni.$on('CHOOSEMENU', res => {
|
|
console.log(res)
|
|
this.category_id = res.id
|
|
this.shopclassification = res.name
|
|
})
|
|
this.post650a64a2b2c85()
|
|
this.post671360dab5ddf()
|
|
},
|
|
onShow() {
|
|
|
|
},
|
|
methods: {
|
|
mccnameTap() {
|
|
if (this.cardStatus==1) return false
|
|
uni.$once('MCCNAME', (data) => {
|
|
this.bankName = data.name
|
|
this.bankCode = data.code
|
|
})
|
|
uni.navigateTo({
|
|
url: "/pages/dl/auth/indexmcc"
|
|
})
|
|
},
|
|
chooseAccountType() {
|
|
if (this.cardStatus==1) return false
|
|
this.$refs.selector.show()
|
|
},
|
|
onConfirm1(e) {
|
|
this.bankAcctType = e.value
|
|
},
|
|
onConfirm(e) {
|
|
console.log(e);
|
|
if (this.citytype == 1) {
|
|
this.city = e.result
|
|
this.provCode = e.value[0]
|
|
this.areaCode = e.value[1]
|
|
} else {
|
|
this.cardCity = e.result
|
|
this.cardprovCode = e.value[0]
|
|
this.cardareaCode = e.value[1]
|
|
}
|
|
|
|
},
|
|
onCancel() {},
|
|
//选择地址
|
|
showMulLinkageThreePicker() {
|
|
uni.getLocation({
|
|
type: 'gcj02',
|
|
success: adr => {
|
|
uni.chooseLocation({
|
|
latitude: adr.latitude,
|
|
longitude: adr.longitude,
|
|
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.shopAdress = this.province + this.city + this.district
|
|
this.detailAddress = this.addressDesc
|
|
// this.address =location;
|
|
this.lat = data[0].latitude
|
|
this.lng = data[0].longitude
|
|
|
|
},
|
|
fail: info => {
|
|
//失败回调
|
|
console.log(info);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
});
|
|
},
|
|
//获取商家信息
|
|
authInfoCheck() {
|
|
this.$api.post(global.apiUrls.post6716176fcb1ff).then(res => {
|
|
if (res.data.code == 1) {
|
|
if (res.data.data.userName) {
|
|
let data = res.data.data
|
|
this.registerStatus = data.mallbook_status - 0
|
|
this.cardStatus = data.card_status - 0
|
|
// this.registerStatus = 2
|
|
// this.cardStatus = 0
|
|
this.phone= data.phone
|
|
this.userType= data.userType
|
|
this.userName= data.userName
|
|
this.certType= '00'
|
|
this.certId= data.certId
|
|
this.businessScope= data.businessScope
|
|
this.address= data.address
|
|
this.provCode= data.provCode
|
|
this.areaCode= data.areaCode
|
|
this.city = data.provCode_name + data.areaCode_name
|
|
this.socialCreditCode= data.socialCreditCode
|
|
this.socialCreditCodeBegin= data.socialCreditCodeBegin
|
|
this.socialCreditCodeExpires= data.socialCreditCodeExpires
|
|
this.legalCertIdBegin= data.legalCertIdBegin
|
|
this.legalCertIdExpires= data.legalCertIdExpires
|
|
this.legalPerson= data.legalPerson
|
|
this.contName= data.contName
|
|
this.contPhone= data.contPhone
|
|
this.email= data.email
|
|
this.socialCreditCodeId= data.socialCreditCodeId
|
|
this.legalCertIdFrontId= data.legalCertIdFrontId
|
|
this.legalCertIdBackId= data.legalCertIdBackId
|
|
this.idfront = data.legalCertIdFrontId_url
|
|
this.idopposite = data.legalCertIdBackId_url
|
|
this.license = data.socialCreditCodeId_url
|
|
this.cardprovCode= data.cardprovCode
|
|
this.cardareaCode= data.cardareaCode
|
|
this.cardCity = data.cardprovCode_name + data.cardareaCode_name
|
|
this.cardphone= data.cardphone
|
|
this.cardcertId= data.cardcertId
|
|
this.bankAcctType= data.bankAcctType
|
|
this.bankName= data.bankName
|
|
this.cardName= data.cardName
|
|
this.cardNo= data.cardNo
|
|
this.bankCode= data.bankCode
|
|
this.mallbook_errMsg = data.mallbook_errMsg
|
|
this.card_errMsg = data.card_errMsg
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
},
|
|
chooseCitys(type) {
|
|
if (type == 1 && this.registerStatus==1) return false
|
|
if (type == 2 && this.cardStatus==1) return false
|
|
this.citytype = type
|
|
this.$refs.linkage.show()
|
|
},
|
|
post671360dab5ddf() {
|
|
this.$api.post(global.apiUrls.post671360dab5ddf).then(res => {
|
|
if (res.data.code == 1) {
|
|
this.citys = res.data.data;
|
|
|
|
}
|
|
})
|
|
},
|
|
//获取抽佣档次
|
|
post650a64a2b2c85() {
|
|
this.$api.post(global.apiUrls.post650a64a2b2c85).then(res => {
|
|
if (res.data.code == 1) {
|
|
this.scoreList = res.data.data;
|
|
this.scoreList.forEach(res => {
|
|
res.name = res.rate
|
|
})
|
|
}
|
|
})
|
|
},
|
|
changeTap(e) {
|
|
console.log(e)
|
|
this.score_rate_name = e.result + '%'
|
|
this.score_rate_id = e.value
|
|
},
|
|
//上传单图、多图方法
|
|
soloChooseImage(id, path, obj, obj1, fnName = false) {
|
|
if (this.registerStatus==1) return false
|
|
let self = this
|
|
if (!obj) obj = this
|
|
if (!obj1) obj1 = this
|
|
if (self.uploading) {
|
|
return
|
|
}
|
|
// 从相册中选择图片
|
|
uni.chooseImage({
|
|
count: 1, // 默认3
|
|
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
|
|
success: function(res) {
|
|
self.uploading = true
|
|
// 开始上传
|
|
new UploadImage(res.tempFiles, {
|
|
complete: function(res) {
|
|
self.uploading = false
|
|
// if (id) self.$set(obj, id, res[0].id)
|
|
// if (path) self.$set(obj1, path, res[0].path)
|
|
if (fnName) self[fnName]()
|
|
if (id) {
|
|
self.uploadPayImage(res[0].id, id, res[0].path)
|
|
}
|
|
|
|
},
|
|
})
|
|
},
|
|
})
|
|
},
|
|
uploadPayImage(id, name, path) {
|
|
let params = {
|
|
file_id: id
|
|
}
|
|
if (name == 'idfront') {
|
|
params.fileType = '03'
|
|
} else if (name == 'idopposite') {
|
|
params.fileType = '02'
|
|
} else {
|
|
params.fileType = '01'
|
|
}
|
|
this.$api.post(global.apiUrls.post66ee7c8134ec4, params).then(res => {
|
|
console.log(res)
|
|
|
|
this.$message.info(res.data.msg)
|
|
if (res.data.code == 1) {
|
|
this.$set(this, name, id)
|
|
this.$set(this, name, path)
|
|
if (name == 'idfront') {
|
|
this.legalCertIdBackId = res.data.data.fileNo
|
|
} else if (name == 'idopposite') {
|
|
this.legalCertIdFrontId = res.data.data.fileNo
|
|
} else {
|
|
this.socialCreditCodeId = res.data.data.fileNo
|
|
}
|
|
|
|
} else {
|
|
this.$message.info('上传照片失败');
|
|
}
|
|
}).catch(err => {
|
|
this.$message.info(err.data.msg)
|
|
this.submitLoading = false
|
|
})
|
|
},
|
|
//提交信息认证
|
|
submitInformationFunc() {
|
|
|
|
let params = {
|
|
phone: this.phone,
|
|
userType: this.userType,
|
|
userName: this.userName,
|
|
certType: '00',
|
|
certId: this.certId,
|
|
businessScope: this.businessScope,
|
|
address: this.address,
|
|
provCode: this.provCode,
|
|
areaCode: this.areaCode,
|
|
socialCreditCode: this.socialCreditCode,
|
|
socialCreditCodeBegin: this.socialCreditCodeBegin,
|
|
socialCreditCodeExpires: this.socialCreditCodeExpires,
|
|
legalCertIdBegin: this.legalCertIdBegin,
|
|
legalCertIdExpires: this.legalCertIdExpires,
|
|
legalPerson: this.legalPerson,
|
|
contName: this.contName,
|
|
contPhone: this.contPhone,
|
|
email: this.email,
|
|
socialCreditCodeId: this.socialCreditCodeId,
|
|
legalCertIdFrontId: this.legalCertIdFrontId,
|
|
legalCertIdBackId: this.legalCertIdBackId,
|
|
cardprovCode: this.cardprovCode,
|
|
cardareaCode: this.cardareaCode,
|
|
cardphone: this.cardphone,
|
|
cardcertId: this.cardcertId,
|
|
bankAcctType: this.bankAcctType,
|
|
bankName: this.bankName,
|
|
cardName: this.cardName,
|
|
cardNo: this.cardNo,
|
|
bankCode: this.bankCode,
|
|
}
|
|
console.log(params);
|
|
if (!validate(params.userName, 'require')) {
|
|
this.$message.info('商户名称不能为空');
|
|
return false;
|
|
}
|
|
if (!validate(params.phone, 'require')) {
|
|
this.$message.info('商户手机号不能为空');
|
|
return false;
|
|
}
|
|
if (!validate(params.phone, 'phone')) {
|
|
this.$message.info('请输入正确的商户手机号');
|
|
return false;
|
|
}
|
|
|
|
if (!validate(params.certId, 'require')) {
|
|
this.$message.info('身份证号不能为空');
|
|
return false;
|
|
}
|
|
if (params.userType-0 > 0) {
|
|
if (!validate(params.businessScope, 'require')) {
|
|
this.$message.info('请输入商户经营范围');
|
|
return false;
|
|
}
|
|
if (!validate(params.address, 'require')) {
|
|
this.$message.info('请输入商户注册地址');
|
|
return false;
|
|
}
|
|
if (!validate(params.provCode, 'require')) {
|
|
this.$message.info('请选择商户所在城市');
|
|
return false;
|
|
}
|
|
if (!validate(params.socialCreditCode, 'require')) {
|
|
this.$message.info('请输入统一社会信用码');
|
|
return false;
|
|
}
|
|
if (!validate(params.socialCreditCodeBegin, 'require')) {
|
|
this.$message.info('请输入营业执照有效期起始日期');
|
|
return false;
|
|
}
|
|
if (!validate(params.socialCreditCodeExpires, 'require')) {
|
|
this.$message.info('请输入营业执照有效期截止日期');
|
|
return false;
|
|
}
|
|
if (!validate(params.legalCertIdBegin, 'require')) {
|
|
this.$message.info('请输入法人证件有效期起始日期');
|
|
return false;
|
|
}
|
|
if (!validate(params.legalCertIdExpires, 'require')) {
|
|
this.$message.info('请输入法人证件有效期截止日期');
|
|
return false;
|
|
}
|
|
if (!validate(params.legalPerson, 'require')) {
|
|
this.$message.info('请输入法人姓名');
|
|
return false;
|
|
}
|
|
if (!validate(params.contName, 'require')) {
|
|
this.$message.info('请输入联系人姓名');
|
|
return false;
|
|
}
|
|
if (!validate(params.contPhone, 'require')) {
|
|
this.$message.info('请输入联系人手机号');
|
|
return false;
|
|
}
|
|
if (!validate(params.contPhone, 'phone')) {
|
|
this.$message.info('请输入正确的联系人手机号');
|
|
return false;
|
|
}
|
|
if (!validate(params.email, 'require')) {
|
|
this.$message.info('请输入联系人邮箱');
|
|
return false;
|
|
}
|
|
|
|
if (!validate(params.legalCertIdFrontId, 'require')) {
|
|
this.$message.info('请上传身份证人像面');
|
|
return false;
|
|
}
|
|
if (!validate(params.legalCertIdBackId, 'require')) {
|
|
this.$message.info('请上传身份证国徽面');
|
|
return false;
|
|
}
|
|
if (!validate(params.socialCreditCodeId, 'require')) {
|
|
this.$message.info('请上传营业执照');
|
|
return false;
|
|
}
|
|
if (!validate(params.bankAcctType, 'require')) {
|
|
this.$message.info('请选择结算类型');
|
|
return false;
|
|
}
|
|
}
|
|
if (!validate(params.bankName, 'require')) {
|
|
this.$message.info('请选择开户银行名称');
|
|
return false;
|
|
}
|
|
if (!validate(params.cardName, 'require')) {
|
|
this.$message.info('请输入结算账户名');
|
|
return false;
|
|
}
|
|
if (!validate(params.cardNo, 'require')) {
|
|
this.$message.info('请输入银行卡号');
|
|
return false;
|
|
}
|
|
if (!validate(params.cardphone, 'require')) {
|
|
this.$message.info('请输入结算人手机号');
|
|
return false;
|
|
}
|
|
if (!validate(params.cardphone, 'phone')) {
|
|
this.$message.info('请输入正确的结算人手机号');
|
|
return false;
|
|
}
|
|
if (!validate(params.cardcertId, 'require')) {
|
|
this.$message.info('请输入结算人身份证号码');
|
|
return false;
|
|
}
|
|
if (this.userType - 0 > 0) {
|
|
if (!validate(params.cardprovCode, 'require')) {
|
|
this.$message.info('请选择开户行所在城市');
|
|
return false;
|
|
}
|
|
}
|
|
// let data = {
|
|
// real_name: this.responsibleName,
|
|
// logo: this.shopLogo,
|
|
// store_name: this.shopNames,
|
|
// storecategory_id: this.category_id,
|
|
// id_card: this.IdCard,
|
|
// id_front: this.idfront,
|
|
// id_back: this.idopposite,
|
|
// license_image: this.license.join(','),
|
|
// address: this.shopAdress,
|
|
// address_province: this.province,
|
|
// address_city: this.city,
|
|
// address_district: this.district,
|
|
// address_address: this.detailAddress,
|
|
// address_lng: this.lng,
|
|
// address_lat: this.lat,
|
|
// score_rate: this.score_rate_id
|
|
// }
|
|
console.log(this.isSubmit)
|
|
if (this.isSubmit) return false
|
|
this.isSubmit = true
|
|
console.log(111)
|
|
|
|
this.$api.post(global.apiUrls.post66ed3644454b6, params).then(res => {
|
|
console.log(res)
|
|
|
|
this.$message.info(res.data.msg)
|
|
// this.$message.info('提交成功,等待审核中')
|
|
if (res.data.code == 1) {
|
|
setTimeout(() => {
|
|
uni.navigateBack({delta: 2})
|
|
// uni.redirectTo({
|
|
// url: '/pages/dl/auth/bindBank'
|
|
// })
|
|
}, 600)
|
|
} else {
|
|
this.isSubmit = false
|
|
}
|
|
}).catch(err => {
|
|
this.$message.info(err.data.msg)
|
|
this.isSubmit = false
|
|
})
|
|
|
|
|
|
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.page {
|
|
width: 100vw;
|
|
overflow-x: hidden;
|
|
min-height: calc(100vh - var(--window-bottom));
|
|
background: rgba(255, 255, 255, 1);
|
|
background-size: 100% auto !important;
|
|
}
|
|
|
|
.addProduct_picker4_0_c2 {
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
|
|
.addProduct_picker4_0 {
|
|
border-bottom: 1px solid #eee;
|
|
background: #fff;
|
|
padding: 0rpx 32rpx 0rpx 32rpx;
|
|
line-height: 88rpx;
|
|
border-radius: 25rpx 25rpx 0rpx 0rpx;
|
|
background-size: 100% auto !important;
|
|
}
|
|
|
|
.iNeedFeedback_fd1_3_c1_c02 {
|
|
font-size: 24rpx;
|
|
color: rgba(191, 191, 191, 1);
|
|
font-weight: 400;
|
|
width: 100%;
|
|
}
|
|
|
|
.iNeedFeedback_fd1_3_c1_c01 {
|
|
width: 160rpx;
|
|
height: 160rpx;
|
|
margin: 0rpx 24rpx 24rpx 0rpx;
|
|
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
|
}
|
|
|
|
.iNeedFeedback_fd1_3_c1_c001 {
|
|
width: 160rpx;
|
|
height: 160rpx;
|
|
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
|
}
|
|
|
|
.iNeedFeedback_fd1_3_c1_c000 {
|
|
top: 0rpx;
|
|
right: 0rpx;
|
|
z-index: 10;
|
|
color: #ff5536;
|
|
}
|
|
|
|
.iNeedFeedback_fd1_3_c1_c00 {
|
|
margin: 0rpx 24rpx 24rpx 0rpx;
|
|
}
|
|
|
|
.iNeedFeedback_fd1_3_c1_c0 {
|
|
padding: 24rpx 0rpx 0rpx 24rpx;
|
|
}
|
|
|
|
.certifiedMerchant_flex_0 {
|
|
background: #fff;
|
|
width: 750rpx;
|
|
height: 88rpx;
|
|
overflow: hidden;
|
|
z-index: 9999;
|
|
top: 0rpx;
|
|
background-size: 100% auto !important;
|
|
}
|
|
|
|
.certifiedMerchant_fd0_0_c2 {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd0_0_c1_c0 {
|
|
font-size: 36rpx;
|
|
font-weight: 500;
|
|
color: #333333;
|
|
line-height: 36rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd0_0_c0_c0 {
|
|
font-size: 32rpx;
|
|
font-weight: 500;
|
|
color: #333;
|
|
line-height: 88rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd0_0 {
|
|
margin: 0rpx 32rpx 0rpx 32rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd1_0 {
|
|
width: 750rpx;
|
|
height: 280rpx;
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
}
|
|
|
|
.certifiedMerchant_flex_2 {
|
|
background: #fff;
|
|
background-size: 100% auto !important;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c9_c1 {
|
|
color: #999999;
|
|
font-size: 28rpx;
|
|
font-weight: 500;
|
|
line-height: 30rpx;
|
|
margin: 24rpx 0rpx 32rpx 0rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c9_c0_image {
|
|
width: 90rpx;
|
|
height: 81rpx;
|
|
margin: 145rpx 0rpx 0rpx 300rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c9_c0_icon {
|
|
top: 0rpx;
|
|
right: 0rpx;
|
|
z-index: 10;
|
|
color: #ff5536;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c9_c0 {
|
|
background: url(/static/images/43.png) no-repeat, #eee;
|
|
width: 686rpx;
|
|
height: 365rpx;
|
|
background-size: 100% auto !important;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c9_c0_image1 {
|
|
width: 686rpx;
|
|
height: 365rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c8_c1 {
|
|
color: #999999;
|
|
font-size: 28rpx;
|
|
font-weight: 500;
|
|
line-height: 30rpx;
|
|
text-align: center;
|
|
margin: 24rpx 0rpx 32rpx 0rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c8_c0_image {
|
|
width: 90rpx;
|
|
height: 81rpx;
|
|
margin: 145rpx 0rpx 0rpx 300rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c8_c0_icon {
|
|
top: 0rpx;
|
|
right: 0rpx;
|
|
z-index: 10;
|
|
color: #ff5536;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c8_c0 {
|
|
background: url(/static/images/42.png) no-repeat, #eee;
|
|
width: 686rpx;
|
|
height: 365rpx;
|
|
background-size: 100% auto !important;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c7_c2 {
|
|
color: #999999;
|
|
font-size: 28rpx;
|
|
font-weight: 500;
|
|
line-height: 30rpx;
|
|
text-align: center;
|
|
margin: 20rpx 0rpx 0rpx 0rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c7_c1_image {
|
|
width: 90rpx;
|
|
height: 81rpx;
|
|
margin: 150rpx 0rpx 0rpx 300rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c7_c1_icon {
|
|
top: 0rpx;
|
|
right: 0rpx;
|
|
z-index: 10;
|
|
color: #ff5536;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c7_c1 {
|
|
background: rgba(248, 249, 251, 1);
|
|
margin: 24rpx 0rpx 20rpx 0rpx;
|
|
background-size: 100% auto !important;
|
|
width: 686rpx;
|
|
height: 365rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c7_c0 {
|
|
color: #333333;
|
|
font-size: 28rpx;
|
|
font-weight: 500;
|
|
line-height: 30rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c7 {
|
|
padding: 32rpx 0rpx 32rpx 0rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c6_c1_c0 {
|
|
text-align: right;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c6_c0 {
|
|
color: #333333;
|
|
font-size: 28rpx;
|
|
font-weight: 400;
|
|
line-height: 30rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c6 {
|
|
border-bottom: 1px solid rgba(238, 238, 238, 1);
|
|
padding: 32rpx 0rpx 32rpx 0rpx;
|
|
}
|
|
|
|
.certifiedMerchant_input_fd2_0_c5_c1 {
|
|
width: 686%;
|
|
height: 200rpx;
|
|
font-size: 28rpx;
|
|
font-weight: 400;
|
|
color: #333;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c5_c1 {
|
|
background: rgba(246, 246, 246, 1);
|
|
width: 686rpx;
|
|
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
|
padding: 16rpx 16rpx 16rpx 16rpx;
|
|
margin: 16rpx 0rpx 0rpx 0rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c5_c0 {
|
|
color: #333333;
|
|
font-size: 28rpx;
|
|
font-weight: 400;
|
|
line-height: 30rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c5 {
|
|
border-bottom: 1px solid rgba(238, 238, 238, 1);
|
|
padding: 32rpx 0rpx 32rpx 0rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c4_c1_c1 {
|
|
width: 14rpx;
|
|
height: 26rpx;
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
margin: 0rpx 0rpx 0rpx 16rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c4_c1_c0 {
|
|
text-align: right;
|
|
color: #333;
|
|
font-size: 32rrpx;
|
|
font-weight: 400;
|
|
line-height: 45rrpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c4_c0 {
|
|
color: #333333;
|
|
font-size: 28rpx;
|
|
font-weight: 400;
|
|
line-height: 30rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c4 {
|
|
border-bottom: 1px solid rgba(238, 238, 238, 1);
|
|
padding: 32rpx 0rpx 32rpx 0rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c3_c1_c1 {
|
|
width: 14rpx;
|
|
height: 26rpx;
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
margin: 0rpx 0rpx 0rpx 16rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c3_c1_c0 {
|
|
text-align: right;
|
|
color: #333;
|
|
font-size: 32rrpx;
|
|
font-weight: 400;
|
|
line-height: 45rrpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c3_c0 {
|
|
color: #333333;
|
|
font-size: 28rpx;
|
|
font-weight: 400;
|
|
line-height: 30rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c3 {
|
|
border-bottom: 1px solid rgba(238, 238, 238, 1);
|
|
padding: 32rpx 0rpx 32rpx 0rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c2_c1_c1 {
|
|
width: 14rpx;
|
|
height: 26rpx;
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
margin: 0rpx 0rpx 0rpx 16rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c2_c1_c0 {
|
|
width: 88rpx;
|
|
height: 88rpx;
|
|
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c2_c0 {
|
|
color: #333333;
|
|
font-size: 28rpx;
|
|
font-weight: 400;
|
|
line-height: 30rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c2 {
|
|
border-bottom: 1px solid rgba(238, 238, 238, 1);
|
|
padding: 32rpx 0rpx 32rpx 0rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c1_c1 {
|
|
text-align: right;
|
|
color: #333;
|
|
font-size: 32rrpx;
|
|
font-weight: 400;
|
|
line-height: 45rrpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c1_c0 {
|
|
color: #333333;
|
|
font-size: 28rpx;
|
|
font-weight: 400;
|
|
line-height: 30rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c1 {
|
|
border-bottom: 1px solid rgba(238, 238, 238, 1);
|
|
padding: 32rpx 0rpx 32rpx 0rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c0_c1 {
|
|
text-align: right;
|
|
color: #333;
|
|
font-size: 32rrpx;
|
|
font-weight: 400;
|
|
line-height: 45rrpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c0_c0 {
|
|
color: #333333;
|
|
font-size: 28rpx;
|
|
font-weight: 400;
|
|
line-height: 30rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0_c0 {
|
|
border-bottom: 1px solid rgba(238, 238, 238, 1);
|
|
padding: 32rpx 0rpx 32rpx 0rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd2_0 {
|
|
padding: 0rpx 32rpx 0rpx 32rpx;
|
|
}
|
|
|
|
.certifiedMerchant_flex_3 {
|
|
background: rgba(248, 248, 248, 1);
|
|
width: 750rpx;
|
|
// height: 365rpx;
|
|
overflow: hidden;
|
|
z-index: 10;
|
|
bottom: calc(0rpx + var(--window-bottom));
|
|
background-size: 100% auto !important;
|
|
}
|
|
|
|
.certifiedMerchant_fd3_0_c2_c2 {
|
|
color: #59A6F4;
|
|
font-size: 24rpx;
|
|
font-weight: 400;
|
|
line-height: 32rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd3_0_c2_c1 {
|
|
color: rgba(153, 153, 153, 1);
|
|
font-size: 24rpx;
|
|
font-weight: 400;
|
|
line-height: 32rpx;
|
|
}
|
|
|
|
.certifiedMerchant_noCheckfd3_0_c2_c0_c1_c0 {
|
|
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
}
|
|
|
|
.certifiedMerchant_checkfd3_0_c2_c0_c0_c0 {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
|
}
|
|
|
|
::v-deep .certifiedMerchant_fd3_0_c2_c0 {
|
|
margin: 0rpx 16rpx 0rpx 0rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd3_0_c1_c0 {
|
|
background: rgba(255, 147, 0, 1);
|
|
border-radius: 44rpx 44rpx 44rpx 44rpx;
|
|
font-size: 32rpx;
|
|
color: #fff;
|
|
height: 88rpx;
|
|
line-height: 88rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd3_0_c1 {
|
|
margin: 40rpx 0rpx 32rpx 0rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd3_0_c0_c1 {
|
|
color: #F54848;
|
|
font-size: 24rpx;
|
|
font-weight: 400;
|
|
line-height: 30rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd3_0_c0_c0 {
|
|
color: #F54848;
|
|
font-size: 24rpx;
|
|
font-weight: 400;
|
|
line-height: 30rpx;
|
|
}
|
|
|
|
.certifiedMerchant_fd3_0 {
|
|
padding: 24rpx 32rpx 0rpx 32rpx;
|
|
}
|
|
</style>
|