|
@@ -1,8 +1,11 @@
|
|
|
<template>
|
|
|
<view class="apply-wrap flex flex_column">
|
|
|
+ <view v-if="tipTit">
|
|
|
+ <u-alert-tips :show-icon="true" type="warning" :title="tipTit"></u-alert-tips>
|
|
|
+ </view>
|
|
|
<view class="login-form">
|
|
|
- <u-form :model="form" label-width="180rpx" :error-type="['toast']" ref="uForm">
|
|
|
- <u-form-item label="门头照片" required prop="storePhoto">
|
|
|
+ <u-form v-if="!isRead" :model="form" label-width="180rpx" :error-type="['toast']" ref="uForm">
|
|
|
+ <u-form-item label="门头照片" required prop="storeImage">
|
|
|
<u-upload
|
|
|
@on-success="uploadStorePhoto"
|
|
|
@on-remove="removeStorePhoto"
|
|
@@ -26,8 +29,8 @@
|
|
|
upload-text="上传营业执照"
|
|
|
max-count="1"></u-upload>
|
|
|
</u-form-item>
|
|
|
- <u-form-item label="门店名称" required prop="name">
|
|
|
- <u-input v-model="form.name" maxlength="30" placeholder="请输入门店名称(最多30个字符)"/>
|
|
|
+ <u-form-item label="门店名称" required prop="storeName">
|
|
|
+ <u-input v-model="form.storeName" maxlength="30" placeholder="请输入门店名称(最多30个字符)"/>
|
|
|
</u-form-item>
|
|
|
<u-form-item label="所在地区" required prop="label">
|
|
|
<u-input v-model="form.label" placeholder="请选择省市区" :disabled="true" @click="openAddress"/>
|
|
@@ -36,18 +39,45 @@
|
|
|
<u-form-item label="详细地址" required prop="addrDetail">
|
|
|
<u-input v-model="form.addrDetail" placeholder="请输入详细地址"/>
|
|
|
</u-form-item>
|
|
|
- <u-form-item label="联系人姓名" required prop="userName">
|
|
|
- <u-input v-model="form.userName" placeholder="请输入联系人姓名"/>
|
|
|
+ <u-form-item label="联系人姓名" required prop="contactName">
|
|
|
+ <u-input v-model="form.contactName" placeholder="请输入联系人姓名"/>
|
|
|
</u-form-item>
|
|
|
<u-form-item label="联系人手机">
|
|
|
{{form.contactPhone}}
|
|
|
</u-form-item>
|
|
|
<u-form-item label="汽配商邀请码">
|
|
|
- <u-input v-model="form.code" placeholder="如没有可不填"/>
|
|
|
+ <u-input v-model="form.inviteCode" placeholder="如没有可不填"/>
|
|
|
+ </u-form-item>
|
|
|
+ </u-form>
|
|
|
+ <!-- 详情 -->
|
|
|
+ <u-form v-else :model="form" label-width="180rpx" :error-type="['toast']" ref="uForm">
|
|
|
+ <u-form-item label="门头照片" required prop="storeImage">
|
|
|
+ <u-image :src="form.storeImage" width="200" height="150"></u-image>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="营业执照">
|
|
|
+ <u-image :src="form.licenseImage" width="200" height="150"></u-image>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="门店名称" required prop="storeName">
|
|
|
+ {{form.storeName||'--'}}
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="所在地区" required prop="label">
|
|
|
+ {{form.label||'--'}}
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="详细地址" required prop="addrDetail">
|
|
|
+ {{form.addrDetail||'--'}}
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="联系人姓名" required prop="contactName">
|
|
|
+ {{form.contactName||'--'}}
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="联系人手机">
|
|
|
+ {{form.contactPhone||'--'}}
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="汽配商邀请码">
|
|
|
+ {{form.inviteCode||'--'}}
|
|
|
</u-form-item>
|
|
|
</u-form>
|
|
|
</view>
|
|
|
- <view class="form-btn-con flex justify_center">
|
|
|
+ <view class="form-btn-con flex justify_center" v-if="!isRead">
|
|
|
<u-button class="form-btn" shape="circle" type="info" :custom-style="{ background: '#066cff', color: '#fff',width:'350rpx' }" @click="formSubmit">提交审核</u-button>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -57,7 +87,7 @@
|
|
|
import Address from '@/components/address.vue'
|
|
|
import uniPopup from '@/components/uni-popup/uni-popup.vue'
|
|
|
import popupCon from '@/components/uni-popup/popup-con.vue'
|
|
|
- import { sendVerifyCode, apply, validateUser } from '@/api/user.js'
|
|
|
+ import { xprhStoreApply } from '@/api/xprh.js'
|
|
|
const baseUrl = getApp().globalData.baseUrl
|
|
|
export default{
|
|
|
components: {
|
|
@@ -69,20 +99,33 @@
|
|
|
return{
|
|
|
theme: '',
|
|
|
form: {
|
|
|
- name: '',
|
|
|
+ storeImage:'',
|
|
|
+ licenseImage:'',
|
|
|
+ storeName: '',
|
|
|
addrProvince: '',
|
|
|
addrCity: '',
|
|
|
addrDistrict: '',
|
|
|
+ addrProvinceName: '',
|
|
|
+ addrCityName: '',
|
|
|
+ addrDistrictName: '',
|
|
|
addrDetail: '',
|
|
|
+ contactName:'',
|
|
|
contactPhone: '',
|
|
|
- label: ''
|
|
|
+ label: '',
|
|
|
+ inviteCode:''
|
|
|
},
|
|
|
rules: {
|
|
|
- name: [
|
|
|
+ storeImage:[
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请选择门头照片',
|
|
|
+ trigger: 'change'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ storeName: [
|
|
|
{
|
|
|
required: true,
|
|
|
message: '请输入门店名称',
|
|
|
- // 可以单个或者同时写两个触发验证方式
|
|
|
trigger: ['change','blur'],
|
|
|
}
|
|
|
],
|
|
@@ -100,13 +143,22 @@
|
|
|
trigger: 'change'
|
|
|
}
|
|
|
],
|
|
|
+ contactName: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请输入联系人姓名',
|
|
|
+ trigger: 'change'
|
|
|
+ }
|
|
|
+ ]
|
|
|
},
|
|
|
areaIdArr: [], // 省市区id数组
|
|
|
+ labelArr: [],
|
|
|
action: baseUrl + '/upload',
|
|
|
storePhotoList: [],
|
|
|
- itemIconArr: [], // 门店图片
|
|
|
yyzzPhotoList: [],
|
|
|
- yyzzIconArr: [], // 营业执照图片
|
|
|
+ storeApply: null,
|
|
|
+ isRead: false,
|
|
|
+ tipTit: ''
|
|
|
}
|
|
|
},
|
|
|
// 必须要在onReady生命周期,因为onLoad生命周期组件可能尚未创建完毕
|
|
@@ -114,24 +166,39 @@
|
|
|
this.$refs.uForm.setRules(this.rules);
|
|
|
},
|
|
|
onLoad() {
|
|
|
- this.form.contactPhone = this.$store.state.vuex_userInfo.mobile
|
|
|
+ // 判断是否审核中
|
|
|
+ this.storeApply = this.$store.state.vuex_storeAuthInfo
|
|
|
+ if(this.storeApply){
|
|
|
+ this.isRead = this.storeApply.auditStatus == 'WAIT'
|
|
|
+ this.tipTit = this.storeApply.auditStatus == 'WAIT' ? '门店认证资料审核中,请耐心等待' : (this.storeApply.auditStatus == 'REFUSE' ? '门店认证资料审核不通过,请重新提交审核!' : '')
|
|
|
+ this.form = Object.assign(this.form, this.storeApply)
|
|
|
+ this.storePhotoList = this.form.storeImage ? [{url:this.form.storeImage}] : []
|
|
|
+ this.yyzzPhotoList = this.form.licenseImage ? [{url:this.form.licenseImage}] : [],
|
|
|
+ this.labelArr = [this.form.addrProvinceName,this.form.addrCityName,this.form.addrDistrictName]
|
|
|
+ this.areaIdArr = [this.form.addrProvince,this.form.addrCity,this.form.addrDistrict]
|
|
|
+ this.form.label = this.labelArr.join('-')
|
|
|
+ }else{
|
|
|
+ // this.form.contactPhone = this.$store.state.vuex_userInfo.mobile
|
|
|
+ this.form.contactPhone = '13709146193'
|
|
|
+ this.tipTit = ''
|
|
|
+ }
|
|
|
},
|
|
|
methods: {
|
|
|
// 上传门店图片成功
|
|
|
uploadStorePhoto(res){
|
|
|
- this.itemIconArr.push(res.data)
|
|
|
+ this.form.storeImage = res.data
|
|
|
},
|
|
|
// 删除门店图片
|
|
|
removeStorePhoto(index){
|
|
|
- this.itemIconArr.splice(index,1)
|
|
|
+ this.form.storeImage = ''
|
|
|
},
|
|
|
// 上传营业执照图片成功
|
|
|
uploadYyzzPhoto(res){
|
|
|
- this.yyzzIconArr.push(res.data)
|
|
|
+ this.form.licenseImage = res.data
|
|
|
},
|
|
|
// 删除营业执照图片
|
|
|
removeYyzzPhoto(index){
|
|
|
- this.yyzzIconArr.splice(index,1)
|
|
|
+ this.form.licenseImage = ''
|
|
|
},
|
|
|
// 表单提交
|
|
|
formSubmit(){
|
|
@@ -149,35 +216,23 @@
|
|
|
obj.addrProvince = this.areaIdArr[0] // 省id
|
|
|
obj.addrCity = this.areaIdArr[1] // 市id
|
|
|
obj.addrDistrict = this.areaIdArr[2] // 区id
|
|
|
+ obj.addrProvinceName = this.labelArr[0] // 省
|
|
|
+ obj.addrCityName = this.labelArr[1] // 市
|
|
|
+ obj.addrDistrictName = this.labelArr[2] // 区
|
|
|
// 申请试用
|
|
|
- apply(obj).then(res => {
|
|
|
+ xprhStoreApply(obj).then(res => {
|
|
|
console.log(res)
|
|
|
if(res.status == 200){
|
|
|
-
|
|
|
- }else{
|
|
|
- uni.showToast({icon: 'none',title: res.message})
|
|
|
+ uni.navigateBack()
|
|
|
+ uni.$emit("updateAuthState")
|
|
|
}
|
|
|
+ uni.showToast({icon: 'none',title: res.message})
|
|
|
})
|
|
|
},
|
|
|
- // 获取验证码
|
|
|
- getCodeValidate(){
|
|
|
- if(this.form.contactPhone){
|
|
|
- // 校验手机号是否注册过
|
|
|
- validateUser({phone: this.form.contactPhone}).then(res => {
|
|
|
- if(res.status == 200){
|
|
|
- // 图文验证码
|
|
|
- this.$refs.imageTxtPopup.open()
|
|
|
- }else{
|
|
|
- uni.showToast({icon: 'none',title: res.message})
|
|
|
- }
|
|
|
- })
|
|
|
- }else{
|
|
|
- uni.showToast({icon: 'none',title: '请先输入手机号'})
|
|
|
- }
|
|
|
- },
|
|
|
// 选择省区市
|
|
|
areaConfirm(e) {
|
|
|
console.log('已选择的省市区', e)
|
|
|
+ this.labelArr = e.labelArr
|
|
|
this.areaIdArr = [ e.provinceCode, e.cityCode, e.areaCode ]
|
|
|
this.form.label = e.label
|
|
|
},
|