|
@@ -60,91 +60,7 @@
|
|
<u--input placeholder="请输入驾驶证发证机关" inputAlign='right' border="none" v-model="dataDetails.lssuingAuthority" >
|
|
<u--input placeholder="请输入驾驶证发证机关" inputAlign='right' border="none" v-model="dataDetails.lssuingAuthority" >
|
|
</u--input>
|
|
</u--input>
|
|
</view>
|
|
</view>
|
|
- <!--
|
|
|
|
- <view class="title">上传行驶证主页</view>
|
|
|
|
- <view @click="uploadImg(3)" class="picture picture3" v-if="!dataDetails.drivingLicenseHomePage">
|
|
|
|
- <image class="xj-image" src="@/static/images/mine/ic_shanchuan@2x.png"></image>
|
|
|
|
- <view class="text">上传行驶证主页</view>
|
|
|
|
- </view>
|
|
|
|
- <view v-if="dataDetails.drivingLicenseHomePage" @click.stop="uploadImg(3)"
|
|
|
|
- class="preview-card-img picture">
|
|
|
|
- <view @click.stop="delCard(3)">
|
|
|
|
- <image class='del-card' src="@/static/images/common/quxiao@2x.png">
|
|
|
|
- </image>
|
|
|
|
- </view>
|
|
|
|
- <image class="" :src="dataDetails.drivingLicenseHomePage" mode="aspectFit"></image>
|
|
|
|
- </view>
|
|
|
|
- <view class="title">上传行驶证副页</view>
|
|
|
|
- <view @click="uploadImg(4)" class="picture picture4" v-if="!dataDetails.drivingLicenseBackPage">
|
|
|
|
- <image class="xj-image" src="@/static/images/mine/ic_shanchuan@2x.png"></image>
|
|
|
|
- <view class="text">上传行驶证副页</view>
|
|
|
|
- </view>
|
|
|
|
- <view v-if="dataDetails.drivingLicenseBackPage" @click.stop="uploadImg(4)"
|
|
|
|
- class="preview-card-img picture">
|
|
|
|
- <view @click.stop="delCard(4)">
|
|
|
|
- <image class='del-card' src="@/static/images/common/quxiao@2x.png">
|
|
|
|
- </image>
|
|
|
|
- </view>
|
|
|
|
- <image class="" :src="dataDetails.drivingLicenseBackPage" mode="aspectFit"></image>
|
|
|
|
- </view>
|
|
|
|
- <view class="flex row">
|
|
|
|
- <view class="left-text">行驶证档案编号</view>
|
|
|
|
- <u--input placeholder="输入行驶证档案编号" inputAlign='left' border="none"
|
|
|
|
- v-model="dataDetails.drivingLicenseNumber">
|
|
|
|
- </u--input>
|
|
|
|
- </view>
|
|
|
|
- <view class="flex row">
|
|
|
|
- <view class="left-text">行驶证有效期</view>
|
|
|
|
- <view class="" @click="selectValidityPeriod(1)">
|
|
|
|
- {{dataDetails.drivingLicenseValidityDate?dataDetails.drivingLicenseValidityDate:'选择有效截止日期>'}}
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- <view class="" v-if="isGCar">
|
|
|
|
- <view class="title row flex">挂车行驶证主页</view>
|
|
|
|
- <view @click="uploadImg(5)" class="picture picture5" v-if="!dataDetails.trailerLicenseHomePage">
|
|
|
|
- <image class="xj-image" src="@/static/images/mine/ic_shanchuan@2x.png"></image>
|
|
|
|
- <view class="text">上传挂车行驶证主页</view>
|
|
|
|
- </view>
|
|
|
|
- <view v-if="dataDetails.trailerLicenseHomePage" @click.stop="uploadImg(5)"
|
|
|
|
- class="preview-card-img picture">
|
|
|
|
- <view @click.stop="delCard(5)">
|
|
|
|
- <image class='del-card' src="@/static/images/common/quxiao@2x.png">
|
|
|
|
- </image>
|
|
|
|
- </view>
|
|
|
|
- <image class="" :src="dataDetails.trailerLicenseHomePage" mode="aspectFit"></image>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view v-if="isGCar">
|
|
|
|
- <view class="title row flex">挂车行驶证副页</view>
|
|
|
|
- <view @click="uploadImg(6)" class="picture picture6" v-if="!dataDetails.trailerLicenseBackPage">
|
|
|
|
- <image class="xj-image" src="@/static/images/mine/ic_shanchuan@2x.png"></image>
|
|
|
|
- <view class="text">上传挂车行驶证副页</view>
|
|
|
|
- </view>
|
|
|
|
- <view v-if="dataDetails.trailerLicenseBackPage" @click.stop="uploadImg(6)"
|
|
|
|
- class="preview-card-img picture">
|
|
|
|
- <view @click.stop="delCard(6)">
|
|
|
|
- <image class='del-card' src="@/static/images/common/quxiao@2x.png">
|
|
|
|
- </image>
|
|
|
|
- </view>
|
|
|
|
- <image class="" :src="dataDetails.trailerLicenseBackPage" mode="aspectFit"></image>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="flex row" v-if="isGCar">
|
|
|
|
- <view class="left-text">挂车行驶证档案编号</view>
|
|
|
|
- <u--input placeholder="输入挂车行驶证档案编号" inputAlign='left' border="none"
|
|
|
|
- v-model="dataDetails.trailerLicenseNumber">
|
|
|
|
- </u--input>
|
|
|
|
- </view>
|
|
|
|
- <view class="flex row" v-if="isGCar">
|
|
|
|
- <view class="left-text">挂车行驶证有效期</view>
|
|
|
|
- <view class="" @click="selectValidityPeriod(2)">
|
|
|
|
- {{dataDetails.trailerLicenseValidityDate?dataDetails.trailerLicenseValidityDate:'选择有效截止日期>'}}
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- -->
|
|
|
|
-
|
|
|
|
|
|
+
|
|
<view class="title">从业资格证</view>
|
|
<view class="title">从业资格证</view>
|
|
<view @click="uploadImg(7)" class="picture picture7" v-if="!dataDetails.qualificationCertificate">
|
|
<view @click="uploadImg(7)" class="picture picture7" v-if="!dataDetails.qualificationCertificate">
|
|
<image class="xj-image" src="@/static/images/mine/ic_shanchuan@2x.png"></image>
|
|
<image class="xj-image" src="@/static/images/mine/ic_shanchuan@2x.png"></image>
|
|
@@ -170,64 +86,6 @@
|
|
<u--input maxlength='19' placeholder="请输入从业资格证号" inputAlign='right' border="none" v-model="dataDetails.qualificationCertificateNumber">
|
|
<u--input maxlength='19' placeholder="请输入从业资格证号" inputAlign='right' border="none" v-model="dataDetails.qualificationCertificateNumber">
|
|
</u--input>
|
|
</u--input>
|
|
</view>
|
|
</view>
|
|
- <!--
|
|
|
|
-
|
|
|
|
- <view class="title">道路运输证</view>
|
|
|
|
- <view @click="uploadImg(8)" class="picture picture8" v-if="!dataDetails.operationCertificate">
|
|
|
|
- <image class="xj-image" src="@/static/images/mine/ic_shanchuan@2x.png"></image>
|
|
|
|
- <view class="text">上传道路运输证</view>
|
|
|
|
- </view>
|
|
|
|
- <view v-if="dataDetails.operationCertificate" @click.stop="uploadImg(8)"
|
|
|
|
- class="preview-card-img picture">
|
|
|
|
- <view @click.stop="delCard(8)">
|
|
|
|
- <image class='del-card' src="@/static/images/common/quxiao@2x.png">
|
|
|
|
- </image>
|
|
|
|
- </view>
|
|
|
|
- <image class="" :src="dataDetails.operationCertificate" mode="aspectFit"></image>
|
|
|
|
- </view>
|
|
|
|
- <view class="flex row">
|
|
|
|
- <view class="left-text">道路运输证号</view>
|
|
|
|
- <u--input placeholder="输入道路运输证号" inputAlign='left' border="none"
|
|
|
|
- v-model="dataDetails.operationCertificateNumber">
|
|
|
|
- </u--input>
|
|
|
|
- </view>
|
|
|
|
- <view class="flex row">
|
|
|
|
- <view class="left-text">道路运输证有效期</view>
|
|
|
|
- <view class="" @click="selectValidityPeriod(4)">
|
|
|
|
- {{dataDetails.operationCertificateValidityDate?dataDetails.operationCertificateValidityDate:'选择有效期>'}}
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
-
|
|
|
|
- <view v-if="isGCar">
|
|
|
|
- <view class="title row flex">挂车道路运输证</view>
|
|
|
|
- <view @click="uploadImg(9)" class="picture picture9"
|
|
|
|
- v-if="!dataDetails.trailerOperationCertificate">
|
|
|
|
- <image class="xj-image" src="@/static/images/mine/ic_shanchuan@2x.png"></image>
|
|
|
|
- <view class="text">上传挂车道路运输证</view>
|
|
|
|
- </view>
|
|
|
|
- <view v-if="dataDetails.trailerOperationCertificate" @click.stop="uploadImg(9)"
|
|
|
|
- class="preview-card-img picture">
|
|
|
|
- <view @click.stop="delCard(9)">
|
|
|
|
- <image class='del-card' src="@/static/images/common/quxiao@2x.png">
|
|
|
|
- </image>
|
|
|
|
- </view>
|
|
|
|
- <image class="" :src="dataDetails.trailerOperationCertificate" mode="aspectFit"></image>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="flex row" v-if="isGCar">
|
|
|
|
- <view class="left-text">挂车道路运输证号</view>
|
|
|
|
- <u--input placeholder="输入挂车道路运输证号" inputAlign='left' border="none"
|
|
|
|
- v-model="dataDetails.trailerOperationCertificateNumber">
|
|
|
|
- </u--input>
|
|
|
|
- </view>
|
|
|
|
- <view class="flex row" v-if="isGCar">
|
|
|
|
- <view class="left-text">挂车运输证有效期</view>
|
|
|
|
- <view class="" @click="selectValidityPeriod(5)">
|
|
|
|
- {{dataDetails.trailerOperationCertificateValidityDate?dataDetails.trailerOperationCertificateValidityDate:'选择有效期>'}}
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
-
|
|
|
|
- -->
|
|
|
|
<view class="flex row noborder align-center">
|
|
<view class="flex row noborder align-center">
|
|
<view class="left-text">通讯地址</view>
|
|
<view class="left-text">通讯地址</view>
|
|
<u--textarea v-model="dataDetails.postalAddress" border="none" placeholder="输入通讯地址" autoHeight maxlength="30"></u--textarea>
|
|
<u--textarea v-model="dataDetails.postalAddress" border="none" placeholder="输入通讯地址" autoHeight maxlength="30"></u--textarea>
|
|
@@ -249,9 +107,18 @@
|
|
@select="imgTypeSelect" :closeOnClickOverlay="true" :closeOnClickAction="true"
|
|
@select="imgTypeSelect" :closeOnClickOverlay="true" :closeOnClickAction="true"
|
|
@close="isShowimgType=false">
|
|
@close="isShowimgType=false">
|
|
</u-action-sheet>
|
|
</u-action-sheet>
|
|
- <u-picker :show="isShowValidity" ref="uPicker" :columns="ValidityPeriodType==9?validityPeriod1:validityPeriod" @confirm="confirmValidityPeriod"
|
|
|
|
|
|
+ <itmister-date-picker :dateStatus="0"
|
|
|
|
+ :checkYear="year" :checkMonth="month" :checkDay="day"
|
|
|
|
+ ref="datestartEl" :startYear="1980" :futureYear="10"
|
|
|
|
+ @dateConfirm="confirmValidityPeriod"></itmister-date-picker>
|
|
|
|
+ <itmister-date-picker :overdueContent="overdueContent" :dateStatus="status"
|
|
|
|
+ :periodOfValidity="true"
|
|
|
|
+ :checkYear="year" :checkMonth="month" :checkDay="day"
|
|
|
|
+ ref="dateEl" :startYear="1980" :futureYear="10"
|
|
|
|
+ @dateConfirm="confirmValidityPeriod"></itmister-date-picker>
|
|
|
|
+ <!-- <u-picker :show="isShowValidity" ref="uPicker" :columns="ValidityPeriodType==9?validityPeriod1:validityPeriod" @confirm="confirmValidityPeriod"
|
|
:closeOnClickOverlay='true' @close='isShowValidity=false' @cancel='isShowValidity=false'>
|
|
:closeOnClickOverlay='true' @close='isShowValidity=false' @cancel='isShowValidity=false'>
|
|
- </u-picker>
|
|
|
|
|
|
+ </u-picker> -->
|
|
<u-picker :show="isShowDrive" ref="uPicker" :columns="driveList" @confirm="confirmDriveType"
|
|
<u-picker :show="isShowDrive" ref="uPicker" :columns="driveList" @confirm="confirmDriveType"
|
|
:closeOnClickOverlay='true' @close='isShowDrive=false' @cancel='isShowDrive=false'>
|
|
:closeOnClickOverlay='true' @close='isShowDrive=false' @cancel='isShowDrive=false'>
|
|
</u-picker>
|
|
</u-picker>
|
|
@@ -280,6 +147,9 @@
|
|
uploadType: '',
|
|
uploadType: '',
|
|
isShowimgType: false,
|
|
isShowimgType: false,
|
|
dataDetails: {},
|
|
dataDetails: {},
|
|
|
|
+ year:'',
|
|
|
|
+ month:'',
|
|
|
|
+ day:'',
|
|
radiolist: [{
|
|
radiolist: [{
|
|
name: '挂车司机',
|
|
name: '挂车司机',
|
|
disabled: false
|
|
disabled: false
|
|
@@ -302,8 +172,6 @@
|
|
} else {
|
|
} else {
|
|
this.radiovalue = '非挂车司机'
|
|
this.radiovalue = '非挂车司机'
|
|
}
|
|
}
|
|
- this.validityPeriod = this.$helper.makeValidityPeriod('kong',1980)
|
|
|
|
- this.validityPeriod1 = this.$helper.makeValidityPeriod(0,1980)
|
|
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
async get_camera_permission() {
|
|
async get_camera_permission() {
|
|
@@ -361,125 +229,74 @@
|
|
// data: this.consentStatus
|
|
// data: this.consentStatus
|
|
// });
|
|
// });
|
|
},
|
|
},
|
|
- confirmValidityPeriod(e) {
|
|
|
|
- console.log('confirm', e)
|
|
|
|
- if(e.value[0]=='长期'){
|
|
|
|
- if (e.value[1] || e.value[2]) {
|
|
|
|
- this.$refs.uToast.show({
|
|
|
|
- type: 'error',
|
|
|
|
- message: "选择长期不允许选择月日!",
|
|
|
|
- })
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
|
|
+ confirmValidityPeriod(date) {
|
|
|
|
+ console.log('confirm', date)
|
|
switch (this.ValidityPeriodType) {
|
|
switch (this.ValidityPeriodType) {
|
|
case 0:
|
|
case 0:
|
|
- this.dataDetails.driverLicenseValidityStartDate = e.value[0]
|
|
|
|
|
|
+ this.dataDetails.driverLicenseValidityStartDate = date.date
|
|
break
|
|
break
|
|
case 1:
|
|
case 1:
|
|
- this.dataDetails.drivingLicenseValidityDate = e.value[0]
|
|
|
|
|
|
+ this.dataDetails.drivingLicenseValidityDate = date.date
|
|
break
|
|
break
|
|
case 2:
|
|
case 2:
|
|
- this.dataDetails.trailerLicenseValidityDate = e.value[0]
|
|
|
|
|
|
+ this.dataDetails.trailerLicenseValidityDate = date.date
|
|
break
|
|
break
|
|
case 3:
|
|
case 3:
|
|
- this.dataDetails.qualificationCertificateValidityDate = e.value[0]
|
|
|
|
|
|
+ this.dataDetails.qualificationCertificateValidityDate = date.date
|
|
break
|
|
break
|
|
case 4:
|
|
case 4:
|
|
- this.dataDetails.operationCertificateValidityDate = e.value[0]
|
|
|
|
|
|
+ this.dataDetails.operationCertificateValidityDate = date.date
|
|
break
|
|
break
|
|
case 5:
|
|
case 5:
|
|
- this.dataDetails.trailerOperationCertificateValidityDate = e.value[0]
|
|
|
|
|
|
+ this.dataDetails.trailerOperationCertificateValidityDate = date.date
|
|
break
|
|
break
|
|
case 9:
|
|
case 9:
|
|
- this.dataDetails.driverLicenseValidityDate = e.value[0]
|
|
|
|
|
|
+ this.dataDetails.driverLicenseValidityDate = date.date
|
|
break
|
|
break
|
|
}
|
|
}
|
|
- }else{
|
|
|
|
- if(e.value[0]==''){
|
|
|
|
- this.$refs.uToast.show({
|
|
|
|
- type: 'error',
|
|
|
|
- message: "年份不能为空!",
|
|
|
|
- })
|
|
|
|
- return
|
|
|
|
- }else if(e.value[1]==''){
|
|
|
|
- this.$refs.uToast.show({
|
|
|
|
- type: 'error',
|
|
|
|
- message: "月份不能为空!",
|
|
|
|
- })
|
|
|
|
- return
|
|
|
|
- }else if(e.value[2]==''){
|
|
|
|
- this.$refs.uToast.show({
|
|
|
|
- type: 'error',
|
|
|
|
- message: "日期不能为空!",
|
|
|
|
- })
|
|
|
|
- return
|
|
|
|
|
|
+ this.$forceUpdate()
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ selectValidityPeriod(type) {
|
|
|
|
+ this.ValidityPeriodType = type
|
|
|
|
+ if(type==0){
|
|
|
|
+ if(this.dataDetails.driverLicenseValidityStartDate!='长期'){
|
|
|
|
+ var arr=this.dataDetails.driverLicenseValidityStartDate.split('-')
|
|
|
|
+ this.year=arr[0]
|
|
|
|
+ this.month=arr[1]
|
|
|
|
+ this.day=arr[2]
|
|
}
|
|
}
|
|
- var date=new Date()
|
|
|
|
- var text=''
|
|
|
|
|
|
+ console.log()
|
|
|
|
+ this.$refs.datestartEl.show()
|
|
|
|
+ }else{
|
|
switch (this.ValidityPeriodType) {
|
|
switch (this.ValidityPeriodType) {
|
|
- case 3:
|
|
|
|
- text='从业资格证已过期!'
|
|
|
|
- break
|
|
|
|
- case 9:
|
|
|
|
- text='驾驶证已过期!'
|
|
|
|
- break
|
|
|
|
- }
|
|
|
|
- if(this.ValidityPeriodType==3||this.ValidityPeriodType==9){
|
|
|
|
- if(e.value[0]<date.getFullYear()){
|
|
|
|
- this.$refs.uToast.show({
|
|
|
|
- type: 'error',
|
|
|
|
- message: text,
|
|
|
|
- })
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- if(e.value[0]==date.getFullYear()&&Number(e.value[1])<(date.getMonth()+1)){
|
|
|
|
- this.$refs.uToast.show({
|
|
|
|
- type: 'error',
|
|
|
|
- message: text,
|
|
|
|
- })
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- if(e.value[0]==date.getFullYear()&&Number(e.value[1])==(date.getMonth()+1)&&Number(e.value[2])<=(date.getDate())){
|
|
|
|
- this.$refs.uToast.show({
|
|
|
|
- type: 'error',
|
|
|
|
- message: text,
|
|
|
|
- })
|
|
|
|
- return
|
|
|
|
|
|
+ case 3:
|
|
|
|
+ this.status=0
|
|
|
|
+ this.overdueContent='从业资格证已过期'
|
|
|
|
+ if(this.dataDetails.qualificationCertificateValidityDate!='长期'){
|
|
|
|
+ var arr=this.dataDetails.qualificationCertificateValidityDate.split('-')
|
|
|
|
+ this.year=arr[0]
|
|
|
|
+ this.month=arr[1]
|
|
|
|
+ this.day=arr[2]
|
|
}
|
|
}
|
|
|
|
+ break
|
|
|
|
+ case 9:
|
|
|
|
+ if(this.dataDetails.driverLicenseValidityDate!='长期'){
|
|
|
|
+ var arr=this.dataDetails.driverLicenseValidityDate.split('-')
|
|
|
|
+ this.year=arr[0]
|
|
|
|
+ this.month=arr[1]
|
|
|
|
+ this.day=arr[2]
|
|
}
|
|
}
|
|
- switch (this.ValidityPeriodType) {
|
|
|
|
- case 0:
|
|
|
|
- this.dataDetails.driverLicenseValidityStartDate = e.value[0] + '-' + e.value[1] + '-' + e.value[2]
|
|
|
|
- break
|
|
|
|
- case 1:
|
|
|
|
- this.dataDetails.drivingLicenseValidityDate = e.value[0] + '-' + e.value[1] + '-' + e.value[2]
|
|
|
|
- break
|
|
|
|
- case 2:
|
|
|
|
- this.dataDetails.trailerLicenseValidityDate = e.value[0] + '-' + e.value[1] + '-' + e.value[2]
|
|
|
|
- break
|
|
|
|
- case 3:
|
|
|
|
- this.dataDetails.qualificationCertificateValidityDate = e.value[0] + '-' + e.value[1] + '-' + e
|
|
|
|
- .value[2]
|
|
|
|
- break
|
|
|
|
- case 4:
|
|
|
|
- this.dataDetails.operationCertificateValidityDate = e.value[0] + '-' + e.value[1] + '-' + e.value[
|
|
|
|
- 2]
|
|
|
|
- break
|
|
|
|
- case 5:
|
|
|
|
- this.dataDetails.trailerOperationCertificateValidityDate = e.value[0] + '-' + e.value[1] + '-' + e
|
|
|
|
- .value[2]
|
|
|
|
- break
|
|
|
|
- case 9:
|
|
|
|
- this.dataDetails.driverLicenseValidityDate = e.value[0] + '-' + e.value[1] + '-' + e
|
|
|
|
- .value[2]
|
|
|
|
- break
|
|
|
|
|
|
+ if(this.dataDetails.driverLicenseValidityDate=='长期'){
|
|
|
|
+ this.year='长期'
|
|
|
|
+ this.month=''
|
|
|
|
+ this.day=''
|
|
|
|
+ }
|
|
|
|
+ this.overdueContent='驾驶证已过期'
|
|
|
|
+ break
|
|
}
|
|
}
|
|
|
|
+ this.$refs.dateEl.show()
|
|
}
|
|
}
|
|
- this.isShowValidity = false
|
|
|
|
- },
|
|
|
|
- selectValidityPeriod(type) {
|
|
|
|
- this.ValidityPeriodType = type
|
|
|
|
- this.isShowValidity = true
|
|
|
|
},
|
|
},
|
|
driveType(){
|
|
driveType(){
|
|
this.isShowDrive = true
|
|
this.isShowDrive = true
|