|
@@ -8,7 +8,7 @@
|
|
|
<el-steps :active="active" align-center>
|
|
|
<el-step @click.native="changeActive(index = 1)" title="店铺信息"></el-step>
|
|
|
<el-step @click.native="changeActive(index = 2)" title="主体信息"></el-step>
|
|
|
- <el-step @click.native="changeActive(index = 3)" title="经营者信息"></el-step>
|
|
|
+ <!-- <el-step @click.native="changeActive(index = 3)" title="经营者信息"></el-step> -->
|
|
|
</el-steps>
|
|
|
<div class="mFormBox">
|
|
|
<div class="shopInfo" v-show="active === 1">
|
|
@@ -102,7 +102,8 @@
|
|
|
@change="onAddresChange" :field-names="{ text: 'name', value: 'id', children: 'children' }" />
|
|
|
</van-popup>
|
|
|
</div>
|
|
|
- <div class="inputItem arrow" style="margin-top: 20px;">
|
|
|
+ <!-- 代金券返还比例 人均消费 广告图 砍掉 -->
|
|
|
+ <!-- <div class="inputItem arrow" style="margin-top: 20px;">
|
|
|
<div class="labelTit"><label><i>*</i>代金券返还比例</label></div>
|
|
|
<div class="voucher-wrapper">
|
|
|
<input type="number" v-model.number="personalForm.voucherReturn" placeholder="请输入代金券返还比例,0 ~ 100%">
|
|
@@ -123,7 +124,8 @@
|
|
|
<div class="labelTit"><label><i>*</i>广告图</label></div>
|
|
|
<van-uploader style="margin-top: 20px;" v-model="advertisementList" @delete="handleDeleteAdvertisement"
|
|
|
:after-read="(file) => { return afterRead(file, type = 'advertisement') }" />
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
+
|
|
|
<!-- <div class="inputItem">
|
|
|
<div class="labelTit"><label><i>*</i>营销策划师</label></div>
|
|
|
<div class="input" style="background-color: #a4a4a41f;" v-if="personalForm.areaId.length <= 0">
|
|
@@ -171,38 +173,6 @@
|
|
|
<div class="subjectInfo" v-show="active === 2">
|
|
|
<div class="form">
|
|
|
<div class="inputItem">
|
|
|
- <div class="labelTit"><label><i>*</i>商户名称:</label></div>
|
|
|
- <input type="text" v-model="personalForm.subjectName" placeholder="请输入商户名称">
|
|
|
- </div>
|
|
|
- <p class="describe">需与当地政府颁发的商业许可证书或企业注册证上的企业名称完全一致,信息审核审核
|
|
|
- 成功后,企业名称不可修改</p>
|
|
|
- <div class="inputItem">
|
|
|
- <div class="labelTit"><label><i>*</i>社会信用代码:</label></div>
|
|
|
- <input type="text" v-model="personalForm.subjectCode" placeholder="请输入社会信用代码">
|
|
|
- </div>
|
|
|
- <div class="inputItem arrow">
|
|
|
- <div class="labelTit"><label><i>*</i>注册地址:</label></div>
|
|
|
- <input @click="showRegionPopup" @focus="noBomBox" v-model="personalForm.subjectRegion" type="text"
|
|
|
- placeholder="请选择注册地址">
|
|
|
- <span class="iconfont"></span>
|
|
|
- <input type="text" v-model="personalForm.subjectAdress" placeholder="请输入详细地址">
|
|
|
- </div>
|
|
|
- <div class="inputItem arrow">
|
|
|
- <div class="labelTit"><label><i>*</i>营业期限:</label></div>
|
|
|
- <input type="text" @focus="noBomBox" v-model="personalForm.subjectStartTime" placeholder="请选择营业开始时间"
|
|
|
- @click="selectStartDateBtn">
|
|
|
- <span class="iconfont"></span>
|
|
|
- </div>
|
|
|
- <div class="inputItem arrowTime">
|
|
|
- <input @focus="noBomBox" v-model="personalForm.subjectEndTime" type="text" placeholder="请选择营业截止时间"
|
|
|
- @click="selectEndDateBtn">
|
|
|
- <span class="iconfont"></span>
|
|
|
- </div>
|
|
|
- <p class="describe">
|
|
|
- 请填写营业执照上的营业期限 注意参照示例中的格式 结束时间需大于开始时间 有效期
|
|
|
- 必须大于60天
|
|
|
- </p>
|
|
|
- <div class="inputItem">
|
|
|
<div class="labelTit"><label><i>*</i>营业执照:</label></div>
|
|
|
<div class="businessLicense">
|
|
|
<van-uploader v-model="fileList" :max-count="1"
|
|
@@ -226,34 +196,44 @@
|
|
|
仅支持在有效期内的中国大陆工商局或市场监督管理局颁发的工商营业执照。格式要求:
|
|
|
原证照片、扫描件或者 复印件加盖企业公章后的扫描
|
|
|
</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="subjectInfo" v-show="active === 3">
|
|
|
- <div class="form">
|
|
|
<div class="inputItem">
|
|
|
- <div class="labelTit"><label><i>*</i>经营者姓名:</label></div>
|
|
|
- <input v-model="personalForm.subjectOperator" type="text" placeholder="请输入经营者姓名">
|
|
|
+ <div class="labelTit"><label><i>*</i>商户名称:</label></div>
|
|
|
+ <input type="text" v-model="personalForm.subjectName" placeholder="请输入商户名称">
|
|
|
+ </div>
|
|
|
+ <p class="describe">需与当地政府颁发的商业许可证书或企业注册证上的企业名称完全一致,信息审核审核
|
|
|
+ 成功后,企业名称不可修改</p>
|
|
|
+ <div class="inputItem">
|
|
|
+ <div class="labelTit"><label><i>*</i>社会信用代码:</label></div>
|
|
|
+ <input type="text" v-model="personalForm.subjectCode" placeholder="请输入社会信用代码">
|
|
|
</div>
|
|
|
<div class="inputItem arrow">
|
|
|
- <div class="labelTit"><label><i>*</i>证件类型:</label></div>
|
|
|
- <input v-model="idType" @focus="noBomBox" type="text" placeholder="请选择证件类型" @click="idTypeShowFn">
|
|
|
+ <div class="labelTit"><label><i>*</i>注册地址:</label></div>
|
|
|
+ <input @click="showRegionPopup" @focus="noBomBox" v-model="personalForm.subjectRegion" type="text"
|
|
|
+ placeholder="请选择注册地址">
|
|
|
<span class="iconfont"></span>
|
|
|
- </div>
|
|
|
- <div class="inputItem">
|
|
|
- <div class="labelTit"><label><i>*</i>身份证号码:</label></div>
|
|
|
- <input v-model="personalForm.subjectIdCard" type="text" placeholder="请输入居民身份证号">
|
|
|
+ <input type="text" v-model="personalForm.subjectAdress" placeholder="请输入详细地址">
|
|
|
</div>
|
|
|
<div class="inputItem arrow">
|
|
|
- <div class="labelTit"><label><i>*</i>身份证有效期:</label></div>
|
|
|
- <input v-model="personalForm.subjectCardStartTime" @focus="noBomBox" type="text" placeholder="请选择身份证开始时间"
|
|
|
- @click="selectIdStartDateBtn">
|
|
|
+ <div class="labelTit"><label><i>*</i>营业期限:</label></div>
|
|
|
+ <input type="text" @focus="noBomBox" v-model="personalForm.subjectStartTime" placeholder="请选择营业开始时间"
|
|
|
+ @click="selectStartDateBtn">
|
|
|
<span class="iconfont"></span>
|
|
|
</div>
|
|
|
<div class="inputItem arrowTime">
|
|
|
- <input v-model="personalForm.subjectCardEndTime" @focus="noBomBox" type="text" placeholder="请选择身份证有效期结束时间"
|
|
|
- @click="selectIdEndDateBtn">
|
|
|
+ <input @focus="noBomBox" v-model="personalForm.subjectEndTime" type="text" placeholder="请选择营业截止时间"
|
|
|
+ @click="selectEndDateBtn">
|
|
|
<span class="iconfont"></span>
|
|
|
</div>
|
|
|
+ <p class="describe">
|
|
|
+ 请填写营业执照上的营业期限 注意参照示例中的格式 结束时间需大于开始时间 有效期
|
|
|
+ 必须大于60天
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 身份证认证模块砍掉 -->
|
|
|
+ <!-- <div class="subjectInfo" v-show="active === 3">
|
|
|
+ <div class="form">
|
|
|
<div class="inputItem">
|
|
|
<div class="labelTit"><label><i>*</i>证件照片:</label></div>
|
|
|
<div class="businessLicense">
|
|
@@ -289,11 +269,35 @@
|
|
|
</van-uploader>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="inputItem">
|
|
|
+ <div class="labelTit"><label><i>*</i>经营者姓名:</label></div>
|
|
|
+ <input v-model="personalForm.subjectOperator" type="text" placeholder="请输入经营者姓名">
|
|
|
+ </div>
|
|
|
+ <div class="inputItem arrow">
|
|
|
+ <div class="labelTit"><label><i>*</i>证件类型:</label></div>
|
|
|
+ <input v-model="idType" @focus="noBomBox" type="text" placeholder="请选择证件类型" @click="idTypeShowFn">
|
|
|
+ <span class="iconfont"></span>
|
|
|
+ </div>
|
|
|
+ <div class="inputItem">
|
|
|
+ <div class="labelTit"><label><i>*</i>身份证号码:</label></div>
|
|
|
+ <input v-model="personalForm.subjectIdCard" type="text" placeholder="请输入居民身份证号">
|
|
|
+ </div>
|
|
|
+ <div class="inputItem arrow">
|
|
|
+ <div class="labelTit"><label><i>*</i>身份证有效期:</label></div>
|
|
|
+ <input v-model="personalForm.subjectCardStartTime" @focus="noBomBox" type="text" placeholder="请选择身份证开始时间"
|
|
|
+ @click="selectIdStartDateBtn">
|
|
|
+ <span class="iconfont"></span>
|
|
|
+ </div>
|
|
|
+ <div class="inputItem arrowTime">
|
|
|
+ <input v-model="personalForm.subjectCardEndTime" @focus="noBomBox" type="text" placeholder="请选择身份证有效期结束时间"
|
|
|
+ @click="selectIdEndDateBtn">
|
|
|
+ <span class="iconfont"></span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
- <button class="nextBtn" @click="next" v-show="active < 3">下一步</button>
|
|
|
- <button class="nextBtn" @click="submitForm" v-show="active > 2">提交</button>
|
|
|
+ <button class="nextBtn" @click="next" v-show="active < 2">下一步</button>
|
|
|
+ <button class="nextBtn" @click="submitForm" v-show="active > 1">提交</button>
|
|
|
|
|
|
|
|
|
<button @click="handleShowData"></button>
|
|
@@ -341,6 +345,7 @@ import api from '@/api'
|
|
|
import { listSearchMixin } from '@/config/mixin'
|
|
|
import AreaList from '../../util/area'
|
|
|
import PageLoading from '../../components/pageLoading.vue'
|
|
|
+import { cardIdentify,businessIdentify,saveData } from "@/util/identify"
|
|
|
|
|
|
export default {
|
|
|
mixins: [listSearchMixin],
|
|
@@ -383,7 +388,8 @@ export default {
|
|
|
idType: '',
|
|
|
fileList: [],
|
|
|
backIdImg: [],
|
|
|
- advertisementList: [],
|
|
|
+ // advertisementList: [], // 广告图数组
|
|
|
+ advertisementList:"",
|
|
|
positive: [],
|
|
|
shopAdress: '', // 店铺地区
|
|
|
subjectRegion: '', // 注册地址地区
|
|
@@ -451,7 +457,9 @@ export default {
|
|
|
},
|
|
|
mounted() {
|
|
|
this.getDictList()
|
|
|
- console.log(localStorage.getItem('INVITATION_CODE'));
|
|
|
+ // 刷新保存数据
|
|
|
+ saveData(this)
|
|
|
+ // console.log(localStorage.getItem('INVITATION_CODE'));
|
|
|
},
|
|
|
created() {
|
|
|
this.sendReq({
|
|
@@ -636,11 +644,19 @@ export default {
|
|
|
self.sendReq(params, (res) => {
|
|
|
if (res.code === '200') {
|
|
|
this.$refs.pageLoadingRef.cloasePageLoading()
|
|
|
+ // console.log(res);
|
|
|
if (type === 'license') {
|
|
|
+ // 营业执照识别
|
|
|
+ businessIdentify(res.data.url,this,0)
|
|
|
self.personalForm.subjectLicense = res.data.url
|
|
|
} else if (type === 'positive') {
|
|
|
+ console.log(res.data.url);
|
|
|
+ // 身份证正面识别
|
|
|
+ cardIdentify(res.data.url,0,this)
|
|
|
self.personalForm.subjectCardPositive = res.data.url
|
|
|
} else if (type === 'back') {
|
|
|
+ // 身份证反面识别
|
|
|
+ cardIdentify(res.data.url,1,this)
|
|
|
self.personalForm.subjectCardSide = res.data.url
|
|
|
} else if (type === 'advertisement') {
|
|
|
self.personalForm.advertisement.push(res.data.url)
|
|
@@ -751,30 +767,31 @@ export default {
|
|
|
return
|
|
|
}
|
|
|
|
|
|
- if (!subData.voucherReturn && subData.voucherReturn != 0) {
|
|
|
- Toast.fail('请输入代金券返回比例')
|
|
|
- return
|
|
|
- } else {
|
|
|
- if (isNaN(subData.voucherReturn) || subData.voucherReturn < 0 || subData.voucherReturn > 100) {
|
|
|
- Toast.fail('代金券返还比例应是0 ~ 100的数字')
|
|
|
- return
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- if (!subData.perCapita) {
|
|
|
- Toast.fail('请填写人均消费额')
|
|
|
- return
|
|
|
- } else if (isNaN(subData.perCapita) || subData.perCapita <= 0) {
|
|
|
- Toast.fail('人均消费额不能小于等于0元')
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- if (!subData.advertisement.length) {
|
|
|
- Toast.fail('请上传广告图')
|
|
|
- return
|
|
|
- } else {
|
|
|
- subData.advertisement = subData.advertisement.join(",")
|
|
|
- }
|
|
|
+ // 代金券 人均消费 广告图都砍掉
|
|
|
+ // if (!subData.voucherReturn && subData.voucherReturn != 0) {
|
|
|
+ // Toast.fail('请输入代金券返回比例')
|
|
|
+ // return
|
|
|
+ // } else {
|
|
|
+ // if (isNaN(subData.voucherReturn) || subData.voucherReturn < 0 || subData.voucherReturn > 100) {
|
|
|
+ // Toast.fail('代金券返还比例应是0 ~ 100的数字')
|
|
|
+ // return
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ // if (!subData.perCapita) {
|
|
|
+ // Toast.fail('请填写人均消费额')
|
|
|
+ // return
|
|
|
+ // } else if (isNaN(subData.perCapita) || subData.perCapita <= 0) {
|
|
|
+ // Toast.fail('人均消费额不能小于等于0元')
|
|
|
+ // return
|
|
|
+ // }
|
|
|
+
|
|
|
+ // if (!subData.advertisement.length) {
|
|
|
+ // Toast.fail('请上传广告图')
|
|
|
+ // return
|
|
|
+ // } else {
|
|
|
+ // subData.advertisement = subData.advertisement.join(",")
|
|
|
+ // }
|
|
|
|
|
|
if (subData.subjectName === '') {
|
|
|
Toast.fail('请输入商户名称')
|
|
@@ -804,37 +821,39 @@ export default {
|
|
|
Toast.fail('请上传营业执照')
|
|
|
return false
|
|
|
}
|
|
|
- if (subData.subjectOperator === '') {
|
|
|
- Toast.fail('请输入经营者姓名')
|
|
|
- return false
|
|
|
- }
|
|
|
- if (subData.subjectCardType === '') {
|
|
|
- Toast.fail('请选择证件类型')
|
|
|
- return false
|
|
|
- }
|
|
|
- if (subData.subjectIdCard === '') {
|
|
|
- Toast.fail('请输入居民身份证号')
|
|
|
- return false
|
|
|
- } else if (!idReg.test(subData.subjectIdCard)) {
|
|
|
- Toast.fail('身份证号码格式错误')
|
|
|
- return false
|
|
|
- }
|
|
|
- if (subData.subjectCardStartTime === '') {
|
|
|
- Toast.fail('请选择身份证开始时间')
|
|
|
- return false
|
|
|
- }
|
|
|
- if (subData.subjectCardEndTime === '') {
|
|
|
- Toast.fail('请选择身份证有效期结束时间')
|
|
|
- return false
|
|
|
- }
|
|
|
- if (subData.subjectCardPositive === '') {
|
|
|
- Toast.fail('请上传身份证正面照')
|
|
|
- return false
|
|
|
- }
|
|
|
- if (subData.subjectCardSide === '') {
|
|
|
- Toast.fail('请上传身份证背面照')
|
|
|
- return false
|
|
|
- }
|
|
|
+
|
|
|
+ // 按要求砍掉身份验证
|
|
|
+ // if (subData.subjectOperator === '') {
|
|
|
+ // Toast.fail('请输入经营者姓名')
|
|
|
+ // return false
|
|
|
+ // }
|
|
|
+ // if (subData.subjectCardType === '') {
|
|
|
+ // Toast.fail('请选择证件类型')
|
|
|
+ // return false
|
|
|
+ // }
|
|
|
+ // if (subData.subjectIdCard === '') {
|
|
|
+ // Toast.fail('请输入居民身份证号')
|
|
|
+ // return false
|
|
|
+ // } else if (!idReg.test(subData.subjectIdCard)) {
|
|
|
+ // Toast.fail('身份证号码格式错误')
|
|
|
+ // return false
|
|
|
+ // }
|
|
|
+ // if (subData.subjectCardStartTime === '') {
|
|
|
+ // Toast.fail('请选择身份证开始时间')
|
|
|
+ // return false
|
|
|
+ // }
|
|
|
+ // if (subData.subjectCardEndTime === '') {
|
|
|
+ // Toast.fail('请选择身份证有效期结束时间')
|
|
|
+ // return false
|
|
|
+ // }
|
|
|
+ // if (subData.subjectCardPositive === '') {
|
|
|
+ // Toast.fail('请上传身份证正面照')
|
|
|
+ // return false
|
|
|
+ // }
|
|
|
+ // if (subData.subjectCardSide === '') {
|
|
|
+ // Toast.fail('请上传身份证背面照')
|
|
|
+ // return false
|
|
|
+ // }
|
|
|
let params = {
|
|
|
url: api.individualCheck,
|
|
|
method: 'POST',
|
|
@@ -887,7 +906,7 @@ export default {
|
|
|
console.log("拿到地址了", addeessInfo);
|
|
|
this.personalForm.latitude = addeessInfo.latitude
|
|
|
this.personalForm.longitude = addeessInfo.longitude
|
|
|
- alert(this.personalForm.latitude)
|
|
|
+ // alert(this.personalForm.latitude)
|
|
|
this.fieldValue = addresString
|
|
|
this.personalForm.shopAdressProvince = selectedOptions[0].name
|
|
|
this.personalForm.shopAdressCity = selectedOptions[1].name
|