Files
2025-04-30 14:08:39 +08:00

1166 lines
40 KiB
Vue
Raw Permalink 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" :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">&#xE794;</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> -->
<!---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 class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1'>
<text class='certifiedMerchant_fd2_0_c1_c0'>商户名称</text>
<input class='certifiedMerchant_fd2_0_c1_c1' type="text" placeholder="请输入商户名称" confirm-type="done"
:maxlength="11" 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 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 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>
<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="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 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()">
<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" />
<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 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 class='certifiedMerchant_fd2_0_c1_c1 flex-sub' type="text" placeholder="格式:yyyy-mm-dd" 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 class='certifiedMerchant_fd2_0_c1_c1 flex-sub' type="text" placeholder="长期传:2099-12-31" 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 class='certifiedMerchant_fd2_0_c1_c1 flex-sub' type="text" placeholder="格式:yyyy-mm-dd" 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 class='certifiedMerchant_fd2_0_c1_c1 flex-sub' type="text" placeholder="长期传:2099-12-31" 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 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 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 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="contPhone" />
</view>
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c1'>
<text class='certifiedMerchant_fd2_0_c1_c0'>联系人邮箱</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="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 != ''" @tap="idfront = ''"
class='fu-iconfont2 position-absolute certifiedMerchant_fd2_0_c9_c0_icon'>&#xE8E7;</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 != ''" @tap="idopposite = ''"
class='fu-iconfont2 position-absolute certifiedMerchant_fd2_0_c9_c0_icon'>&#xE8E7;</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)">&#xE8E7;</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 != ''" @tap="license = ''" class='fu-iconfont2 position-absolute certifiedMerchant_fd2_0_c9_c0_icon'>&#xE8E7;</text>
<image @tap="soloChooseImage('license','license',false,false)" class="certifiedMerchant_fd2_0_c9_c0_image1" mode="aspectFill" :src="license"></image>
</view>
</view>
</view>
<!---flex布局flex布局结束-->
<view
class="flex flex-direction flex-wrap align-stretch justify-center benben-position-layout flex certifiedMerchant_flex_3">
<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>
</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 {
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: '',
};
},
computed: {
themeColor() {
return this.$store.getters.themeColor
},
},
watch: {},
onLoad(options) {
this.is_afresh = options.type;
if (this.is_afresh == 1) {
this.authInfoCheck()
}
// 初始化高德地图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: {
onConfirm(e) {
console.log(e);
this.city = e.result
this.provCode = e.value[0]
this.areaCode = e.value[1]
},
//选择地址
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.authInfoCheck).then(res => {
if (res.data.code == 1) {
this.responsibleName = res.data.data.real_name;
this.shopLogo = res.data.data.logo;
this.shopNames = res.data.data.store_name;
this.score_rate_name = res.data.data.score_rate + '%';
this.score_rate_id = res.data.data.score_rate;
this.category_id = res.data.data.storecategory_id;
this.shopclassification = res.data.data.storecategory_title;
this.shopAdress = res.data.data.address;
this.detailAddress = res.data.data.address_address;
this.IdCard = res.data.data.id_card;
this.idfront = res.data.data.id_front;
this.idopposite = res.data.data.id_back;
this.license = res.data.data.license_image.split(',');
console.log(this.license)
this.province = res.data.data.address_province;
this.city = res.data.data.address_city;
this.district = res.data.data.address_district;
this.lng = res.data.data.address_lng;
this.lat = res.data.data.address_lat;
}
})
},
chooseCitys() {
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) {
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() {
if (this.submitLoading) return
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,
}
console.log(params);
if (!validate(params.phone, 'require')) {
this.$message.info('商户手机号不能为空');
return false;
}
if (!validate(params.phone, 'phone')) {
this.$message.info('请输入正确的商户手机号');
return false;
}
if (!validate(params.userName, 'require')) {
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.legalCertIdBackId, 'require')) {
this.$message.info('请上传身份证国徽面');
return false;
}
if (!validate(params.legalCertIdFrontId, 'require')) {
this.$message.info('请上传身份证人像面');
return false;
}
if (!validate(params.socialCreditCodeId, '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
// }
this.submitLoading = true
this.$api.post(global.apiUrls.post66ed3644454b6, params).then(res => {
console.log(res)
this.$message.info(res.data.msg)
if (res.data.code == 1) {
setTimeout(() => {
uni.redirectTo({
url: '/pages/dl/certificationAudit/certificationAudit'
})
}, 1000)
} else {
this.submitLoading = false
}
}).catch(err => {
this.$message.info(err.data.msg)
this.submitLoading = 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>