Browse Source

修改界面

master
xh-pan1 3 years ago
parent
commit
50f009de8e
  1. 2
      package.json
  2. 4
      src/api/home.js
  3. 3
      src/api/index.js
  4. 30
      src/views/SettleIn/enterprisesApply.vue
  5. 30
      src/views/SettleIn/individualBusiness.vue
  6. 30
      src/views/SettleIn/organization.vue
  7. 30
      src/views/SettleIn/personal.vue
  8. 46
      src/views/moblie/mEnterprise.vue
  9. 46
      src/views/moblie/mOtherOrg.vue
  10. 48
      src/views/moblie/mPersonal.vue
  11. 46
      src/views/moblie/mUinitBusiness.vue

2
package.json

@ -8,7 +8,7 @@
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"lint": "eslint --ext .js,.vue src",
"build": "node build/build.js"
"build": "set NODE_OPTIONS=--openssl-legacy-provider & node build/build.js"
},
"dependencies": {
"element-china-area-data": "^5.0.2",

4
src/api/home.js

@ -1,6 +1,6 @@
export default (BSEURL) => {
export default (BASEURL) => {
return {
// 登陆
login: BSEURL + '/sign/login'
login: BASEURL + '/sign/login'
}
}

3
src/api/index.js

@ -2,7 +2,8 @@
import home from './home'
// 获取当前环境变量 true => 生产环境 false => 开发环境
const BASEURL = (process.env.NODE_ENV === 'production') ? '/api' : '/api'
// const BASEURL = (process.env.NODE_ENV === 'production') ? 'http://122.9.152.120/ceres-app-api' : '/api'
const BASEURL = (process.env.NODE_ENV === 'production') ? 'https://wechat.hnthee.com/ceres-app-api' : '/api'
export const api = {
// 登录模块

30
src/views/SettleIn/enterprisesApply.vue

@ -121,11 +121,11 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="身份证号码" prop="enterpriseIdCard">
<el-input maxlength="100" placeholder="请输入身份证号码" v-model="personalForm.enterpriseIdCard"></el-input>
<el-form-item label="证号码" prop="enterpriseIdCard">
<el-input maxlength="100" placeholder="请输入证号码" v-model="personalForm.enterpriseIdCard"></el-input>
</el-form-item>
<div class="dateBox idDateBox">
<el-form-item label="身份证有效期" prop="enterpriseCardStartTime" class="businessDate">
<el-form-item label="证有效期" prop="enterpriseCardStartTime" class="businessDate">
<el-date-picker
v-model="personalForm.enterpriseCardStartTime"
type="date"
@ -160,7 +160,7 @@
</div>
<!-- <div class="zoomImg" @click="handlePictureCardPreview()">放大</div>-->
<div class="changeImg">更换</div>
<div class="bgInfo">身份证人像</div>
<div class="bgInfo">证件正</div>
</el-upload>
</div>
<div class="idImgaeRight">
@ -177,7 +177,7 @@
</div>
</div>
<div class="changeImg">更换</div>
<div class="bgInfo">身份证国徽</div>
<div class="bgInfo">证件背</div>
</el-upload>
</div>
</div>
@ -227,12 +227,12 @@ export default {
enterpriseEndTime: '', //
enterpriseLicense: '', //
enterpriseOperator: '', //
enterpriseCardType: '', //
enterpriseIdCard: '', //
enterpriseCardType: '', //
enterpriseIdCard: '', //
enterpriseCardStartTime: '', //
enterpriseCardEndTime: '', //
enterpriseCardPositive: '', //
enterpriseCardSide: '' //
enterpriseCardPositive: '', //
enterpriseCardSide: '' //
},
idCardList: [],
dictName: '证件类型',
@ -293,19 +293,19 @@ export default {
{ required: true, message: '请输入经营者姓名', trigger: 'blur' }
],
enterpriseIdCard: [
{ required: true, message: '请输入身份证号码', trigger: 'blur' },
{ pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '你的身份证格式不正确' }
{ required: true, message: '请输入证号码', trigger: 'blur' },
{ pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '你的证格式不正确' }
],
enterpriseCardStartTime: [{required: true, message: '请选择身份证起始日期'}],
enterpriseCardEndTime: [{required: true, message: '请选择身份证到期时间'}],
enterpriseCardStartTime: [{required: true, message: '请选择证起始日期'}],
enterpriseCardEndTime: [{required: true, message: '请选择证到期时间'}],
enterpriseCardType: [
{ required: true, message: '请选择证件类型' }
],
enterpriseCardPositive: [
{ required: true, message: '请选择上传身份证正面照', trigger: 'change' }
{ required: true, message: '请选择上传证正面照', trigger: 'change' }
],
enterpriseCardSide: [
{ required: true, message: '请选择上传身份证反面照', trigger: 'change' }
{ required: true, message: '请选择上传证反面照', trigger: 'change' }
]
},
dialogImageUrl: '',

30
src/views/SettleIn/individualBusiness.vue

@ -121,11 +121,11 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="身份证号码" prop="subjectIdCard">
<el-input maxlength="100" placeholder="请输入身份证号码" v-model="personalForm.subjectIdCard"></el-input>
<el-form-item label="证号码" prop="subjectIdCard">
<el-input maxlength="100" placeholder="请输入证号码" v-model="personalForm.subjectIdCard"></el-input>
</el-form-item>
<div class="dateBox idDateBox">
<el-form-item label="身份证有效期" prop="subjectCardStartTime" class="businessDate">
<el-form-item label="证有效期" prop="subjectCardStartTime" class="businessDate">
<el-date-picker
v-model="personalForm.subjectCardStartTime"
type="date"
@ -160,7 +160,7 @@
</div>
<!-- <div class="zoomImg" @click="handlePictureCardPreview()">放大</div>-->
<div class="changeImg">更换</div>
<div class="bgInfo">身份证人像</div>
<div class="bgInfo">证件正</div>
</el-upload>
</div>
<div class="idImgaeRight">
@ -177,7 +177,7 @@
</div>
</div>
<div class="changeImg">更换</div>
<div class="bgInfo">身份证国徽</div>
<div class="bgInfo">证件背</div>
</el-upload>
</div>
</div>
@ -227,12 +227,12 @@ export default {
subjectEndTime: '', //
subjectLicense: '', //
subjectOperator: '', //
subjectCardType: '', //
subjectIdCard: '', //
subjectCardType: '', //
subjectIdCard: '', //
subjectCardStartTime: '', //
subjectCardEndTime: '', //
subjectCardPositive: '', //
subjectCardSide: '' //
subjectCardPositive: '', //
subjectCardSide: '' //
},
idCardList: [],
dictName: '证件类型',
@ -293,19 +293,19 @@ export default {
{ required: true, message: '请输入经营者姓名', trigger: 'blur' }
],
subjectIdCard: [
{ required: true, message: '请输入身份证号码', trigger: 'blur' },
{ pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '你的身份证格式不正确' }
{ required: true, message: '请输入证号码', trigger: 'blur' },
{ pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '你的证格式不正确' }
],
subjectCardStartTime: [{required: true, message: '请选择身份证起始日期'}],
subjectCardEndTime: [{required: true, message: '请选择身份证到期时间'}],
subjectCardStartTime: [{required: true, message: '请选择证起始日期'}],
subjectCardEndTime: [{required: true, message: '请选择证到期时间'}],
subjectCardType: [
{ required: true, message: '请选择证件类型' }
],
subjectCardPositive: [
{ required: true, message: '请选择上传身份证正面照', trigger: 'change' }
{ required: true, message: '请选择上传证正面照', trigger: 'change' }
],
subjectCardSide: [
{ required: true, message: '请选择上传手持身份证照片', trigger: 'change' }
{ required: true, message: '请选择上传手持证照片', trigger: 'change' }
]
},
dialogImageUrl: '',

30
src/views/SettleIn/organization.vue

@ -119,11 +119,11 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="身份证号码" prop="otherIdCard">
<el-input maxlength="100" placeholder="请输入身份证号码" v-model="personalForm.otherIdCard"></el-input>
<el-form-item label="证号码" prop="otherIdCard">
<el-input maxlength="100" placeholder="请输入证号码" v-model="personalForm.otherIdCard"></el-input>
</el-form-item>
<div class="dateBox idDateBox">
<el-form-item label="身份证有效期" prop="otherCardStartTime" class="businessDate">
<el-form-item label="证有效期" prop="otherCardStartTime" class="businessDate">
<el-date-picker
v-model="personalForm.otherCardStartTime"
type="date"
@ -158,7 +158,7 @@
</div>
<!-- <div class="zoomImg" @click="handlePictureCardPreview()">放大</div>-->
<div class="changeImg">更换</div>
<div class="bgInfo">身份证人像</div>
<div class="bgInfo">证件正</div>
</el-upload>
</div>
<div class="idImgaeRight">
@ -175,7 +175,7 @@
</div>
</div>
<div class="changeImg">更换</div>
<div class="bgInfo">身份证国徽</div>
<div class="bgInfo">证件背</div>
</el-upload>
</div>
</div>
@ -225,12 +225,12 @@ export default {
otherEndTime: '', //
otherLicense: '', //
otherOperator: '', //
otherCardType: '', //
otherIdCard: '', //
otherCardType: '', //
otherIdCard: '', //
otherCardStartTime: '', //
otherCardEndTime: '', //
otherCardPositive: '', //
otherCardSide: '' //
otherCardPositive: '', //
otherCardSide: '' //
},
idCardList: [],
dictName: '证件类型',
@ -291,19 +291,19 @@ export default {
{ required: true, message: '请输入负责人姓名', trigger: 'blur' }
],
otherIdCard: [
{ required: true, message: '请输入身份证号码', trigger: 'blur' },
{ pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '你的身份证格式不正确' }
{ required: true, message: '请输入证号码', trigger: 'blur' },
{ pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '你的证格式不正确' }
],
otherCardStartTime: [{required: true, message: '请选择身份证起始日期'}],
otherCardEndTime: [{required: true, message: '请选择身份证到期时间'}],
otherCardStartTime: [{required: true, message: '请选择证起始日期'}],
otherCardEndTime: [{required: true, message: '请选择证到期时间'}],
otherCardType: [
{ required: true, message: '请选择证件类型' }
],
otherCardPositive: [
{ required: true, message: '请选择上传身份证正面照', trigger: 'change' }
{ required: true, message: '请选择上传证正面照', trigger: 'change' }
],
otherCardSide: [
{ required: true, message: '请选择上传手持身份证照片', trigger: 'change' }
{ required: true, message: '请选择上传手持证照片', trigger: 'change' }
]
},
dialogImageUrl: '',

30
src/views/SettleIn/personal.vue

@ -57,11 +57,11 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="身份证号码" prop="personalIdCard">
<el-input maxlength="100" placeholder="请输入身份证号码" v-model="personalForm.personalIdCard"></el-input>
<el-form-item label="证号码" prop="personalIdCard">
<el-input maxlength="100" placeholder="请输入证号码" v-model="personalForm.personalIdCard"></el-input>
</el-form-item>
<div class="dateBox idDateBox">
<el-form-item label="身份证有效期" prop="personalCardEndTime" class="businessDate">
<el-form-item label="证有效期" prop="personalCardEndTime" class="businessDate">
<el-date-picker
v-model="personalForm.personalCardStartTime"
type="date"
@ -96,7 +96,7 @@
</div>
<!-- <div class="zoomImg" @click="handlePictureCardPreview()">放大</div>-->
<div class="changeImg">更换</div>
<div class="bgInfo">身份证人像</div>
<div class="bgInfo">证件正</div>
</el-upload>
</div>
<div class="idImgaeRight">
@ -113,7 +113,7 @@
</div>
</div>
<div class="changeImg">更换</div>
<div class="bgInfo">身份证国徽</div>
<div class="bgInfo">证件背</div>
</el-upload>
</div>
</div>
@ -180,12 +180,12 @@ export default {
shopAdressCity: '', //
storeAddressDetail: '', //
personalName: '', //
personalCardType: '', //
personalIdCard: '', //
personalCardType: '', //
personalIdCard: '', //
personalCardStartTime: '', //
personalCardEndTime: '', //
personalCardPositive: '', //
personalCardSide: '', //
personalCardPositive: '', //
personalCardSide: '', //
personalCardHand: '' //
},
idCardList: [],
@ -230,19 +230,19 @@ export default {
{ required: true, message: '请输入经营者姓名', trigger: 'blur' }
],
personalIdCard: [
{ required: true, message: '请输入身份证号码', trigger: 'blur' },
{ pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '你的身份证格式不正确' }
{ required: true, message: '请输入证号码', trigger: 'blur' },
{ pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '你的证格式不正确' }
],
personalCardStartTime: [{required: true, message: '请选择身份证起始日期'}],
personalCardEndTime: [{required: true, message: '请选择身份证到期时间'}],
personalCardStartTime: [{required: true, message: '请选择证起始日期'}],
personalCardEndTime: [{required: true, message: '请选择证到期时间'}],
personalCardType: [
{ required: true, message: '请选择证件类型' }
],
personalCardPositive: [
{ required: true, message: '请选择上传身份证正反面照片', trigger: 'change' }
{ required: true, message: '请选择上传证正反面照片', trigger: 'change' }
],
personalCardSide: [
{ required: true, message: '请选择上传身份证正反面照片', trigger: 'change' }
{ required: true, message: '请选择上传证正反面照片', trigger: 'change' }
],
personalCardHand: [
{ required: true, message: '请选择上传手持证件照', trigger: 'blur' }

46
src/views/moblie/mEnterprise.vue

@ -105,16 +105,16 @@
<span class="iconfont">&#xe6ab;</span>
</div>
<div class="inputItem">
<div class="labelTit"><label><i>*</i>身份证号码</label></div>
<input v-model="personalForm.enterpriseIdCard" type="text" placeholder="请输入居民身份证号">
<div class="labelTit"><label><i>*</i>号码</label></div>
<input v-model="personalForm.enterpriseIdCard" type="text" placeholder="请输入证号">
</div>
<div class="inputItem arrow">
<div class="labelTit"><label><i>*</i>身份证有效期</label></div>
<input v-model="personalForm.enterpriseCardStartTime" type="text" @focus="noBomBox" placeholder="请选择身份证开始时间" @click="selectIdStartDateBtn">
<div class="labelTit"><label><i>*</i>有效期</label></div>
<input v-model="personalForm.enterpriseCardStartTime" type="text" @focus="noBomBox" placeholder="请选择证开始时间" @click="selectIdStartDateBtn">
<span class="iconfont">&#xe6ab;</span>
</div>
<div class="inputItem arrowTime">
<input v-model="personalForm.enterpriseCardEndTime" @focus="noBomBox" type="text" placeholder="请选择身份证有效期结束时间" @click="selectIdEndDateBtn">
<input v-model="personalForm.enterpriseCardEndTime" @focus="noBomBox" type="text" placeholder="请选择证有效期结束时间" @click="selectIdEndDateBtn">
<span class="iconfont">&#xe6ab;</span>
</div>
<div class="inputItem">
@ -126,11 +126,11 @@
<div class="updateTop">
<img src="../../assets/images/shouchishenfenz@2x.png" alt="">
</div>
<div class="updateBottom">身份证人像</div>
<div class="updateBottom">证件正</div>
</div>
</div>
<template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">身份证人像</div>
<div class="preview-cover van-ellipsis">证件正</div>
</template>
</van-uploader>
</div>
@ -141,11 +141,11 @@
<div class="updateTop">
<img src="../../assets/images/shenfenzb@2x.png" alt="">
</div>
<div class="updateBottom">身份证国徽</div>
<div class="updateBottom">证件背</div>
</div>
</div>
<template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">身份证国徽</div>
<div class="preview-cover van-ellipsis">证件背</div>
</template>
</van-uploader>
</div>
@ -190,7 +190,7 @@
<van-datetime-picker
v-model="idCardStartDate"
type="date"
title="请选择身份证开始时间"
title="请选择证开始时间"
:min-date="minDate"
:max-date="maxDate"
:formatter="formatter"
@ -202,7 +202,7 @@
<van-datetime-picker
v-model="idCardEndDate"
type="date"
title="请选择身份证到期时间"
title="请选择证到期时间"
:min-date="minDate"
:max-date="maxDate"
:formatter="formatter"
@ -279,12 +279,12 @@ export default {
enterpriseEndTime: '', //
enterpriseLicense: '', //
enterpriseOperator: '', //
enterpriseCardType: '', //
enterpriseIdCard: '', //
enterpriseCardType: '', //
enterpriseIdCard: '', //
enterpriseCardStartTime: '', //
enterpriseCardEndTime: '', //
enterpriseCardPositive: '', //
enterpriseCardSide: '' //
enterpriseCardPositive: '', //
enterpriseCardSide: '' //
},
idCardList: [],
dictName: '证件类型',
@ -402,7 +402,7 @@ export default {
this.personalForm.enterpriseCardStartTime = this.dateTime(value)
this.idCardStartShow = false
},
//
//
closeIdCardStartTime () {
this.idCardStartShow = false
},
@ -411,7 +411,7 @@ export default {
this.personalForm.enterpriseCardEndTime = this.dateTime(value)
this.idCardEndShow = false
},
//
//
closeIdCardEndTime () {
this.idCardEndShow = false
},
@ -557,26 +557,26 @@ export default {
return false
}
if (self.personalForm.enterpriseIdCard === '') {
Toast.fail('请输入居民身份证号')
Toast.fail('请输入证号')
return false
} else if (!idReg.test(self.personalForm.enterpriseIdCard)) {
Toast.fail('身份证号码格式错误')
Toast.fail('证号码格式错误')
return false
}
if (self.personalForm.enterpriseCardStartTime === '') {
Toast.fail('请选择身份证开始时间')
Toast.fail('请选择证开始时间')
return false
}
if (self.personalForm.enterpriseCardEndTime === '') {
Toast.fail('请选择身份证有效期结束时间')
Toast.fail('请选择证有效期结束时间')
return false
}
if (self.personalForm.enterpriseCardPositive === '') {
Toast.fail('请上传身份证正面照')
Toast.fail('请上传证正面照')
return false
}
if (self.personalForm.enterpriseCardSide === '') {
Toast.fail('请上传身份证背面照')
Toast.fail('请上传证背面照')
return false
}
let params = {

46
src/views/moblie/mOtherOrg.vue

@ -104,16 +104,16 @@
<span class="iconfont">&#xe6ab;</span>
</div>
<div class="inputItem">
<div class="labelTit"><label><i>*</i>身份证号码</label></div>
<input v-model="personalForm.otherIdCard" type="text" placeholder="请输入居民身份证号">
<div class="labelTit"><label><i>*</i>号码</label></div>
<input v-model="personalForm.otherIdCard" type="text" placeholder="请输入证号">
</div>
<div class="inputItem arrow">
<div class="labelTit"><label><i>*</i>身份证有效期</label></div>
<input v-model="personalForm.otherCardStartTime" @focus="noBomBox" type="text" placeholder="请选择身份证开始时间" @click="selectIdStartDateBtn">
<div class="labelTit"><label><i>*</i>有效期</label></div>
<input v-model="personalForm.otherCardStartTime" @focus="noBomBox" type="text" placeholder="请选择证开始时间" @click="selectIdStartDateBtn">
<span class="iconfont">&#xe6ab;</span>
</div>
<div class="inputItem arrowTime">
<input v-model="personalForm.otherCardEndTime" @focus="noBomBox" type="text" placeholder="请选择身份证有效期结束时间" @click="selectIdEndDateBtn">
<input v-model="personalForm.otherCardEndTime" @focus="noBomBox" type="text" placeholder="请选择证有效期结束时间" @click="selectIdEndDateBtn">
<span class="iconfont">&#xe6ab;</span>
</div>
<div class="inputItem">
@ -125,11 +125,11 @@
<div class="updateTop">
<img src="../../assets/images/shouchishenfenz@2x.png" alt="">
</div>
<div class="updateBottom">身份证人像</div>
<div class="updateBottom">证件正</div>
</div>
</div>
<template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">身份证人像</div>
<div class="preview-cover van-ellipsis">证件正</div>
</template>
</van-uploader>
</div>
@ -140,11 +140,11 @@
<div class="updateTop">
<img src="../../assets/images/shenfenzb@2x.png" alt="">
</div>
<div class="updateBottom">身份证国徽</div>
<div class="updateBottom">证件背</div>
</div>
</div>
<template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">身份证国徽</div>
<div class="preview-cover van-ellipsis">证件背</div>
</template>
</van-uploader>
</div>
@ -189,7 +189,7 @@
<van-datetime-picker
v-model="idCardStartDate"
type="date"
title="请选择身份证开始时间"
title="请选择证开始时间"
:min-date="minDate"
:max-date="maxDate"
:formatter="formatter"
@ -201,7 +201,7 @@
<van-datetime-picker
v-model="idCardEndDate"
type="date"
title="请选择身份证到期时间"
title="请选择证到期时间"
:min-date="minDate"
:max-date="maxDate"
:formatter="formatter"
@ -278,12 +278,12 @@ export default {
otherEndTime: '', //
otherLicense: '', //
otherOperator: '', //
otherCardType: '', //
otherIdCard: '', //
otherCardType: '', //
otherIdCard: '', //
otherCardStartTime: '', //
otherCardEndTime: '', //
otherCardPositive: '', //
otherCardSide: '' //
otherCardPositive: '', //
otherCardSide: '' //
},
idCardList: [],
dictName: '证件类型',
@ -401,7 +401,7 @@ export default {
this.personalForm.otherCardStartTime = this.dateTime(value)
this.idCardStartShow = false
},
//
//
closeIdCardStartTime () {
this.idCardStartShow = false
},
@ -410,7 +410,7 @@ export default {
this.personalForm.otherCardEndTime = this.dateTime(value)
this.idCardEndShow = false
},
//
//
closeIdCardEndTime () {
this.idCardEndShow = false
},
@ -556,26 +556,26 @@ export default {
return false
}
if (self.personalForm.otherIdCard === '') {
Toast.fail('请输入居民身份证号')
Toast.fail('请输证号')
return false
} else if (!idReg.test(self.personalForm.otherIdCard)) {
Toast.fail('身份证号码格式错误')
Toast.fail('证号码格式错误')
return false
}
if (self.personalForm.otherCardStartTime === '') {
Toast.fail('请选择身份证开始时间')
Toast.fail('请选择证开始时间')
return false
}
if (self.personalForm.otherCardEndTime === '') {
Toast.fail('请选择身份证有效期结束时间')
Toast.fail('请选择证有效期结束时间')
return false
}
if (self.personalForm.otherCardPositive === '') {
Toast.fail('请上传身份证正面照')
Toast.fail('请上传证正面照')
return false
}
if (self.personalForm.otherCardSide === '') {
Toast.fail('请上传身份证背面照')
Toast.fail('请上传证背面照')
return false
}
let params = {

48
src/views/moblie/mPersonal.vue

@ -48,16 +48,16 @@
<span class="iconfont">&#xe6ab;</span>
</div>
<div class="inputItem">
<div class="labelTit"><label><i>*</i>身份证号码</label></div>
<input v-model="personalForm.personalIdCard" type="text" placeholder="请输入居民身份证号">
<div class="labelTit"><label><i>*</i>号码</label></div>
<input v-model="personalForm.personalIdCard" type="text" placeholder="请输入证号">
</div>
<div class="inputItem arrow">
<div class="labelTit"><label><i>*</i>身份证有效期</label></div>
<input @focus="noBomBox" v-model="personalForm.personalCardStartTime" type="text" placeholder="请选择身份证开始时间" @click="selectIdStartDateBtn">
<div class="labelTit"><label><i>*</i>有效期</label></div>
<input @focus="noBomBox" v-model="personalForm.personalCardStartTime" type="text" placeholder="请选择证开始时间" @click="selectIdStartDateBtn">
<span class="iconfont">&#xe6ab;</span>
</div>
<div class="inputItem arrowTime">
<input @focus="noBomBox" v-model="personalForm.personalCardEndTime" type="text" placeholder="请选择身份证有效期结束时间" @click="selectIdEndDateBtn">
<input @focus="noBomBox" v-model="personalForm.personalCardEndTime" type="text" placeholder="请选择证有效期结束时间" @click="selectIdEndDateBtn">
<span class="iconfont">&#xe6ab;</span>
</div>
<div class="inputItem">
@ -69,11 +69,11 @@
<div class="updateTop">
<img src="../../assets/images/shenfenz@2x.png" alt="">
</div>
<div class="updateBottom">身份证人像</div>
<div class="updateBottom">证件正</div>
</div>
</div>
<template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">身份证人像</div>
<div class="preview-cover van-ellipsis">证件正</div>
</template>
</van-uploader>
</div>
@ -84,11 +84,11 @@
<div class="updateTop">
<img src="../../assets/images/shenfenzb@2x.png" alt="">
</div>
<div class="updateBottom">身份证国徽</div>
<div class="updateBottom">证件背</div>
</div>
</div>
<template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">身份证国徽</div>
<div class="preview-cover van-ellipsis">证件背</div>
</template>
</van-uploader>
</div>
@ -121,7 +121,7 @@
<van-datetime-picker
v-model="idCardStartDate"
type="date"
title="请选择身份证开始时间"
title="请选择证开始时间"
:min-date="minDate"
:max-date="maxDate"
:formatter="formatter"
@ -133,7 +133,7 @@
<van-datetime-picker
v-model="idCardEndDate"
type="date"
title="请选择身份证到期时间"
title="请选择证到期时间"
:min-date="minDate"
:max-date="maxDate"
:formatter="formatter"
@ -199,12 +199,12 @@ export default {
shopAdressCity: '', //
storeAddressDetail: '', //
personalName: '', //
personalCardType: '', //
personalIdCard: '', //
personalCardType: '', //
personalIdCard: '', //
personalCardStartTime: '', //
personalCardEndTime: '', //
personalCardPositive: '', //
personalCardSide: '', //
personalCardPositive: '', //
personalCardSide: '', //
personalCardHand: '' //
},
idCardList: [],
@ -291,7 +291,7 @@ export default {
this.personalForm.personalCardStartTime = this.dateTime(value)
this.idCardStartShow = false
},
//
//
closeIdCardStartTime () {
this.idCardStartShow = false
},
@ -300,7 +300,7 @@ export default {
this.personalForm.personalCardEndTime = this.dateTime(value)
this.idCardEndShow = false
},
//
//
closeIdCardEndTime () {
this.idCardEndShow = false
},
@ -419,30 +419,30 @@ export default {
return false
}
if (self.personalForm.personalIdCard === '') {
Toast.fail('请输入居民身份证号')
Toast.fail('请输证号')
return false
} else if (!idReg.test(self.personalForm.personalIdCard)) {
Toast.fail('身份证号码格式错误')
Toast.fail('证号码格式错误')
return false
}
if (self.personalForm.personalCardStartTime === '') {
Toast.fail('请选择身份证开始时间')
Toast.fail('请选择证开始时间')
return false
}
if (self.personalForm.personalCardEndTime === '') {
Toast.fail('请选择身份证有效期结束时间')
Toast.fail('请选择证有效期结束时间')
return false
}
if (self.personalForm.personalCardPositive === '') {
Toast.fail('请上传身份证正面照1')
Toast.fail('请上传证正面照1')
return false
}
if (self.personalForm.personalCardSide === '') {
Toast.fail('请上传身份证背面照')
Toast.fail('请上传证背面照')
return false
}
if (self.personalForm.personalCardHand === '') {
Toast.fail('请上传手持身份证照片')
Toast.fail('请上传手持证照片')
return false
}
let params = {

46
src/views/moblie/mUinitBusiness.vue

@ -105,16 +105,16 @@
<span class="iconfont">&#xe6ab;</span>
</div>
<div class="inputItem">
<div class="labelTit"><label><i>*</i>身份证号码</label></div>
<input v-model="personalForm.subjectIdCard" type="text" placeholder="请输入居民身份证号">
<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">
<div class="labelTit"><label><i>*</i>有效期</label></div>
<input v-model="personalForm.subjectCardStartTime" @focus="noBomBox" type="text" placeholder="请选择证开始时间" @click="selectIdStartDateBtn">
<span class="iconfont">&#xe6ab;</span>
</div>
<div class="inputItem arrowTime">
<input v-model="personalForm.subjectCardEndTime" @focus="noBomBox" type="text" placeholder="请选择身份证有效期结束时间" @click="selectIdEndDateBtn">
<input v-model="personalForm.subjectCardEndTime" @focus="noBomBox" type="text" placeholder="请选择证有效期结束时间" @click="selectIdEndDateBtn">
<span class="iconfont">&#xe6ab;</span>
</div>
<div class="inputItem">
@ -126,11 +126,11 @@
<div class="updateTop">
<img src="../../assets/images/shouchishenfenz@2x.png" alt="">
</div>
<div class="updateBottom">身份证人像</div>
<div class="updateBottom">证件正</div>
</div>
</div>
<template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">身份证人像</div>
<div class="preview-cover van-ellipsis">证件正</div>
</template>
</van-uploader>
</div>
@ -141,11 +141,11 @@
<div class="updateTop">
<img src="../../assets/images/shenfenzb@2x.png" alt="">
</div>
<div class="updateBottom">身份证国徽</div>
<div class="updateBottom">证件背</div>
</div>
</div>
<template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">身份证国徽</div>
<div class="preview-cover van-ellipsis">证件背</div>
</template>
</van-uploader>
</div>
@ -190,7 +190,7 @@
<van-datetime-picker
v-model="idCardStartDate"
type="date"
title="请选择身份证开始时间"
title="请选择证开始时间"
:min-date="minDate"
:max-date="maxDate"
:formatter="formatter"
@ -202,7 +202,7 @@
<van-datetime-picker
v-model="idCardEndDate"
type="date"
title="请选择身份证到期时间"
title="请选择证到期时间"
:min-date="minDate"
:max-date="maxDate"
:formatter="formatter"
@ -279,12 +279,12 @@ export default {
subjectEndTime: '', //
subjectLicense: '', //
subjectOperator: '', //
subjectCardType: '', //
subjectIdCard: '', //
subjectCardType: '', //
subjectIdCard: '', //
subjectCardStartTime: '', //
subjectCardEndTime: '', //
subjectCardPositive: '', //
subjectCardSide: '' //
subjectCardPositive: '', //
subjectCardSide: '' //
},
idCardList: [],
dictName: '证件类型',
@ -401,7 +401,7 @@ export default {
this.personalForm.subjectCardStartTime = this.dateTime(value)
this.idCardStartShow = false
},
//
//
closeIdCardStartTime () {
this.idCardStartShow = false
},
@ -410,7 +410,7 @@ export default {
this.personalForm.subjectCardEndTime = this.dateTime(value)
this.idCardEndShow = false
},
//
//
closeIdCardEndTime () {
this.idCardEndShow = false
},
@ -556,26 +556,26 @@ export default {
return false
}
if (self.personalForm.subjectIdCard === '') {
Toast.fail('请输入居民身份证号')
Toast.fail('请输入证号')
return false
} else if (!idReg.test(self.personalForm.subjectIdCard)) {
Toast.fail('身份证号码格式错误')
Toast.fail('证号码格式错误')
return false
}
if (self.personalForm.subjectCardStartTime === '') {
Toast.fail('请选择身份证开始时间')
Toast.fail('请选择证开始时间')
return false
}
if (self.personalForm.subjectCardEndTime === '') {
Toast.fail('请选择身份证有效期结束时间')
Toast.fail('请选择证有效期结束时间')
return false
}
if (self.personalForm.subjectCardPositive === '') {
Toast.fail('请上传身份证正面照')
Toast.fail('请上传证正面照')
return false
}
if (self.personalForm.subjectCardSide === '') {
Toast.fail('请上传身份证背面照')
Toast.fail('请上传证背面照')
return false
}
let params = {

Loading…
Cancel
Save