1040 lines
30 KiB
Vue
1040 lines
30 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="aspectFill" :src='STATIC_URL + "141.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="20" 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/39.png"'>
|
||
</image>
|
||
<image class='certifiedMerchant_fd2_0_c2_c1_c1' mode="aspectFit" :src='STATIC_URL + "142.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/my/siteClassification/siteClassification`">
|
||
<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 + "142.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/my/siteClassification/siteClassification`">
|
||
<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 + "142.png"'>
|
||
</image>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between certifiedMerchant_fd2_0_c3'
|
||
@tap.stop="handleSelector" data-type="navigateTo"
|
||
:data-url="`/pages/my/siteClassification/siteClassification`">
|
||
<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="scoreRate ? `${scoreRate}%` : ''" />
|
||
<image class='certifiedMerchant_fd2_0_c3_c1_c1' mode="aspectFit" :src='STATIC_URL + "142.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="license_number" />
|
||
</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 + "142.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="idcard" 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 v-if="!idfront" @tap="soloChooseImage('idfront', 'idfront', false, false)"
|
||
class="upload position-relative certifiedMerchant_fd2_0_c7_c1">
|
||
<image class=" certifiedMerchant_fd2_0_c7_c1_image" mode="aspectFill"
|
||
:src="STATIC_URL + '144.png'"></image>
|
||
</view>
|
||
|
||
<view class="position-relative" style="margin-top: 20rpx;" v-else>
|
||
<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"></image>
|
||
</view>
|
||
|
||
<text class='certifiedMerchant_fd2_0_c7_c2'>身份证正面</text>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-stretch justify-between'>
|
||
<view @tap="soloChooseImage('idopposite', 'idopposite', false, false)"
|
||
class="upload position-relative certifiedMerchant_fd2_0_c8_c0" v-if="!idopposite">
|
||
<image class=" certifiedMerchant_fd2_0_c8_c0_image" mode="aspectFill"
|
||
:src="STATIC_URL + '288.png'"></image>
|
||
</view>
|
||
<view class="position-relative" v-else>
|
||
<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"></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 justify-between'>
|
||
<view @tap="soloChooseImage('business', 'business', false, false)"
|
||
class="upload position-relative certifiedMerchant_fd2_0_c8_c0" v-if="!business">
|
||
<image class=" certifiedMerchant_fd2_0_c8_c0_image" mode="aspectFill"
|
||
:src="STATIC_URL + '145.png'"></image>
|
||
</view>
|
||
<view class="position-relative" v-else>
|
||
<text v-if="business != ''" @tap="business = ''"
|
||
class='fu-iconfont2 position-absolute certifiedMerchant_fd2_0_c9_c0_icon'></text>
|
||
<image @tap="soloChooseImage('business', 'business', false, false)"
|
||
class="certifiedMerchant_fd2_0_c9_c0_image1" mode="aspectFill" :src="business"></image>
|
||
</view>
|
||
|
||
<text class='certifiedMerchant_fd2_0_c8_c1'>营业执照</text>
|
||
</view>
|
||
<!-- <view class='flex flex-direction flex-wrap align-stretch justify-between'>
|
||
<view @tap="soloChooseImage('foodLicense','foodLicense',false,false)" class="upload position-relative certifiedMerchant_fd2_0_c8_c0" v-if="!foodLicense">
|
||
<image class=" certifiedMerchant_fd2_0_c8_c0_image" mode="aspectFill" :src="STATIC_URL+'145.png'"></image>
|
||
</view>
|
||
<view class="position-relative" v-else>
|
||
<text v-if="foodLicense != ''" @tap="foodLicense = ''" class='fu-iconfont2 position-absolute certifiedMerchant_fd2_0_c9_c0_icon'></text>
|
||
<image @tap="soloChooseImage('foodLicense','foodLicense',false,false)" class="certifiedMerchant_fd2_0_c9_c0_image1" mode="aspectFill" :src="foodLicense"></image>
|
||
</view>
|
||
|
||
<text class='certifiedMerchant_fd2_0_c8_c1'>食品经营许可证</text>
|
||
</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 + "33.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 + "123.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/agreementPolicy/agreementPolicy?type=18`">《商家认证协议》</text>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
<view :style="{ height: '365rpx' }"></view>
|
||
<w-picker :visible.sync="visible" mode="selector" default-type="name" :default-props="defaultProps"
|
||
:options="rateList" @confirm="onConfirm($event, 'selector')" @cancel="onCancel" ref="selector"></w-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 '@/pages/my/components/w-picker/w-picker.vue'
|
||
import UploadImage from '@/common/utils/upload-image.js'
|
||
import amapFile from '@/common/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,
|
||
myAmapFun: null, // 高德地图实例
|
||
is_afresh: '0', //是否重新认证 0=否 1=是
|
||
"isAgreement": false,
|
||
"responsibleName": "",
|
||
"shopNames": "",
|
||
"shopLogo": "",
|
||
"shopclassification": "",
|
||
"shopAdress": "",
|
||
"detailAddress": "",
|
||
"IdCard": "",
|
||
"idopposite": "",
|
||
"idfront": "",
|
||
"license_number": "",
|
||
business: '',
|
||
foodLicense: '',
|
||
"license": [],
|
||
imgs_ids: "",
|
||
category_id: "",
|
||
lng: "",
|
||
lat: "",
|
||
province: "",
|
||
city: "",
|
||
district: "",
|
||
submitLoading: false,
|
||
addressDesc: "",
|
||
isSubmit: false,
|
||
scoreRate: '',
|
||
rateList: [],
|
||
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
|
||
})
|
||
},
|
||
onShow() {
|
||
this.getLabelData();
|
||
this.post6747c61bebd27();
|
||
},
|
||
methods: {
|
||
handleSelector() {
|
||
this.$refs.selector.show();
|
||
},
|
||
handleSelectorType() {
|
||
this.$refs.selectorType.show();
|
||
},
|
||
onConfirm(e, type) {
|
||
console.log(e);
|
||
if (type == 'type') {
|
||
this.shopType = e.value;
|
||
} else {
|
||
this.scoreRate = e.value;
|
||
}
|
||
|
||
},
|
||
getLabelData(val) {
|
||
this.$api.post(global.apiUrls.getLevel, {}).then(res => {
|
||
if (res.data.code == 1) {
|
||
this.rateList = res.data.data.map((item) => {
|
||
return {
|
||
name: item.rate + '%',
|
||
id: item.rate
|
||
}
|
||
})
|
||
}
|
||
}).catch(err => {
|
||
this.$message.info(err.msg);
|
||
})
|
||
},
|
||
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);
|
||
})
|
||
},
|
||
ViewImage(list, index) {
|
||
uni.previewImage({
|
||
urls: list,
|
||
current: index
|
||
});
|
||
},
|
||
//选择地址
|
||
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.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.license_number = res.data.data.license_number;
|
||
this.idfront = res.data.data.id_front;
|
||
this.shopType = res.data.data.store_type;
|
||
this.idopposite = res.data.data.id_back;
|
||
this.scoreRate = res.data.data.score_rate || '';
|
||
this.business = res.data.data.license_image;
|
||
|
||
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;
|
||
}
|
||
|
||
})
|
||
},
|
||
|
||
|
||
|
||
//上传单图、多图方法
|
||
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 (!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.scoreRate, 'require')) {
|
||
this.$message.info('请选择抽佣比例');
|
||
return false;
|
||
}
|
||
if (!validate(this.license_number, '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 (!validate(this.business, 'require')) {
|
||
this.$message.info('请上传营业执照');
|
||
return false;
|
||
}
|
||
// if (!validate(this.foodLicense, 'require')) {
|
||
// 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.business,
|
||
license_number: this.license_number,
|
||
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.scoreRate,
|
||
store_type: this.shopType
|
||
}
|
||
if (this.submitLoading) return false;
|
||
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/my/certificationAudit/certificationAudit?stateUS=0'
|
||
})
|
||
this.submitLoading = false
|
||
}, 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;
|
||
}
|
||
|
||
.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: 100%;
|
||
height: 100%;
|
||
// 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: 10;
|
||
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(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/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: 100%;
|
||
height: 100%;
|
||
// 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(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/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;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
.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>
|