1007 lines
33 KiB
Vue
1007 lines
33 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>
|
||
|
||
<!---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_c0'>
|
||
<text class='certifiedMerchant_fd2_0_c0_c0'>负责人姓名</text>
|
||
<input class='certifiedMerchant_fd2_0_c0_c1' type="text" placeholder="请输入真实姓名" confirm-type="done"
|
||
:maxlength="11" placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx"
|
||
v-model="responsibleName" />
|
||
</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"
|
||
:maxlength="11" placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx" v-model="shopNames" />
|
||
</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' @tap.stop="handleJumpDiy"
|
||
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"
|
||
v-model="shopclassification" />
|
||
<image class='certifiedMerchant_fd2_0_c3_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' @tap.stop="handleSelectorType"
|
||
data-type="navigateTo" :data-url="`/pages/dl/selectCategory/selectCategory`">
|
||
<text class='certifiedMerchant_fd2_0_c3_c0'>店铺类型</text>
|
||
<view class='flex flex-wrap align-center'>
|
||
|
||
<text class="certifiedMerchant_fd2_0_c3_c1_c0" :class="shopType ? 'text-333' : 'text-999'">{{shopType ? shopType : '请选择'}}</text>
|
||
<image class='certifiedMerchant_fd2_0_c3_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'
|
||
@tap.stop="pickerDiy1684307484925 = true">
|
||
<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"
|
||
v-model="score_rate_name" />
|
||
<image class='certifiedMerchant_fd2_0_c3_c1_c1' mode="aspectFit" :src='STATIC_URL+"29.png"'>
|
||
</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="IdCard" />
|
||
</view>
|
||
</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'></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'></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="9">
|
||
<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+'40.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'></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="selector" default-type="name" :default-props="defaultProps"
|
||
:options="shopTypeList" @confirm="onConfirm($event,'type')" @cancel="onCancel" ref="selectorType"></w-picker>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import wPicker from "@/components/w-picker/w-picker.vue";
|
||
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: {wPicker},
|
||
|
||
|
||
data() {
|
||
return {
|
||
defaultProps: {
|
||
"label": "name",
|
||
"value": "id"
|
||
},
|
||
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: "",
|
||
shopType: '',
|
||
shopTypeList: []
|
||
};
|
||
},
|
||
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()
|
||
},
|
||
onShow() {
|
||
this.post6747c61bebd27();
|
||
},
|
||
methods: {
|
||
handleSelectorType() {
|
||
this.$refs.selectorType.show();
|
||
},
|
||
onConfirm(e, type) {
|
||
console.log(e);
|
||
if (type == 'type') {
|
||
this.shopType = e.value;
|
||
} else {
|
||
this.scoreRate = e.value;
|
||
}
|
||
|
||
},
|
||
post6747c61bebd27(val) {
|
||
this.$api.post(global.apiUrls.post6747c61bebd27, {}).then(res => {
|
||
if (res.data.code == 1) {
|
||
this.shopTypeList = res.data.data.store_type.map((item) => {
|
||
return {
|
||
name: item,
|
||
id: item
|
||
}
|
||
})
|
||
}
|
||
}).catch(err => {
|
||
this.$message.info(err.msg);
|
||
})
|
||
},
|
||
//选择地址
|
||
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.shopType = res.data.data.store_type;
|
||
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;
|
||
}
|
||
|
||
})
|
||
},
|
||
//获取抽佣档次
|
||
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]()
|
||
},
|
||
})
|
||
},
|
||
})
|
||
},
|
||
//提交信息认证
|
||
submitInformationFunc() {
|
||
if (this.submitLoading) return
|
||
if (!validate(this.responsibleName, 'require')) {
|
||
this.$message.info('负责人姓名不能为空');
|
||
return false;
|
||
}
|
||
if (!validate(this.shopNames, 'require')) {
|
||
this.$message.info('店铺名称不能为空');
|
||
return false;
|
||
}
|
||
if (!validate(this.shopLogo, 'require')) {
|
||
this.$message.info('请上传店铺logo');
|
||
return false;
|
||
}
|
||
if (!validate(this.shopclassification, 'require')) {
|
||
this.$message.info('请选择店铺分类');
|
||
return false;
|
||
}
|
||
if (!validate(this.shopType, 'require')) {
|
||
this.$message.info('请选择店铺类型');
|
||
return false;
|
||
}
|
||
if (!validate(this.score_rate_id, 'require')) {
|
||
this.$message.info('请选择抽佣等级');
|
||
return false;
|
||
}
|
||
if (!validate(this.shopAdress, 'require')) {
|
||
this.$message.info('请选择店铺地址');
|
||
return false;
|
||
}
|
||
if (!validate(this.detailAddress, 'require')) {
|
||
this.$message.info('请输入店铺的详细地址');
|
||
return false;
|
||
}
|
||
if (!validate(this.IdCard, 'require')) {
|
||
this.$message.info('身份证号不能为空');
|
||
return false;
|
||
}
|
||
if (!validate(this.IdCard, 'idcard')) {
|
||
this.$message.info('请输入正确的身份证号');
|
||
return false;
|
||
}
|
||
if (!validate(this.idfront, 'require')) {
|
||
this.$message.info('请上传身份证正面照片');
|
||
return false;
|
||
}
|
||
if (!validate(this.idopposite, 'require')) {
|
||
this.$message.info('请上传身份证反面照片');
|
||
return false;
|
||
}
|
||
if (this.license.length <= 0) {
|
||
this.$message.info('请上传营业执照照片');
|
||
return false;
|
||
}
|
||
if (this.isAgreement === false) {
|
||
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,
|
||
store_type: this.shopType
|
||
}
|
||
this.submitLoading = true
|
||
this.$api.post(global.apiUrls.authInfoSubmit, data).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>
|
||
.text-999 {
|
||
color: #999 !important;
|
||
}
|
||
.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%;
|
||
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>
|