|
@@ -22,7 +22,7 @@
|
|
|
<view class="color" @click="selectCarModel">{{dataDetails.carType}}</view>
|
|
|
<view>></view>
|
|
|
<u-picker :show="carModel" :columns="carModelColumns" :closeOnClickOverlay='true' @close='carModelClose'
|
|
|
- @cancel='carModelClose' @confirm='confirmCarModel' @change="changeCarModel"></u-picker>
|
|
|
+ @cancel='carModelClose' @confirm='confirmCarModel' @change="changeCarModel"></u-picker>
|
|
|
</view>
|
|
|
<view class="flex row">
|
|
|
<view class="left-text">车辆所属车主</view>
|
|
@@ -68,17 +68,158 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
<view class="flex row noborder s-row">
|
|
|
<view class="left-text" style="width: 100%;">人车合影(车头车牌号可见)</view>
|
|
|
<u-upload class="uview-upload" :fileList="fileList1" @afterRead="afterRead($event)" @delete="deletePic"
|
|
|
name="1" multiple :maxCount="1"></u-upload>
|
|
|
</view>
|
|
|
+ <view class="level1-title">证件信息</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(1)" class="preview-card-img picture">
|
|
|
+ <view @click.stop="delCard(1)">
|
|
|
+ <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='right' border="none"
|
|
|
+ v-model="dataDetails.operationCertificateNumber">
|
|
|
+ </u--input>
|
|
|
+ </view>
|
|
|
+ <view class="flex row flex-space-between">
|
|
|
+ <view class="left-text">道路运输证有效期</view>
|
|
|
+ <view class="" @click="selectValidityPeriod(4)">
|
|
|
+ {{dataDetails.operationCertificateValidityDate?dataDetails.operationCertificateValidityDate:'选择有效期>'}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view v-if="sign == '挂车'">
|
|
|
+ <view class="title">挂车道路运输证</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(1)"
|
|
|
+ class="preview-card-img picture">
|
|
|
+ <view @click.stop="delCard(1)">
|
|
|
+ <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="sign == '挂车'">
|
|
|
+ <view class="left-text">挂车道路运输证号</view>
|
|
|
+ <u--input placeholder="输入挂车道路运输证号" inputAlign='right' border="none"
|
|
|
+ v-model="dataDetails.trailerOperationCertificateNumber">
|
|
|
+ </u--input>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="flex row flex-space-between" v-if="sign == '挂车'">
|
|
|
+ <view class="left-text">挂车道路运输证有效期</view>
|
|
|
+ <view class="" @click="selectValidityPeriod(5)">
|
|
|
+ {{dataDetails.trailerOperationCertificateValidityDate?dataDetails.trailerOperationCertificateValidityDate:'选择有效期>'}}
|
|
|
+ </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(1)" class="preview-card-img picture">
|
|
|
+ <view @click.stop="delCard(1)">
|
|
|
+ <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(1)" class="preview-card-img picture">
|
|
|
+ <view @click.stop="delCard(1)">
|
|
|
+ <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 flex-space-between">
|
|
|
+ <view class="left-text">行驶证档案编号</view>
|
|
|
+ <u--input placeholder="输入行驶证档案编号" inputAlign='right' border="none"
|
|
|
+ v-model="dataDetails.drivingLicenseNumber">
|
|
|
+ </u--input>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="flex row flex-space-between">
|
|
|
+ <view class="left-text">行驶证有效期</view>
|
|
|
+ <view class="" @click="selectValidityPeriod(1)">
|
|
|
+ {{dataDetails.drivingLicenseValidityDate?dataDetails.drivingLicenseValidityDate:'选择有效截止日期>'}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ <view class="" v-if="sign == '挂车'">
|
|
|
+ <view class="title">挂车行驶证主页</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(1)"
|
|
|
+ class="preview-card-img picture">
|
|
|
+ <view @click.stop="delCard(1)">
|
|
|
+ <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="sign == '挂车'">
|
|
|
+ <view class="title">挂车行驶证副页</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(1)"
|
|
|
+ class="preview-card-img picture">
|
|
|
+ <view @click.stop="delCard(1)">
|
|
|
+ <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">
|
|
|
+ <view class="left-text">挂车行驶证档案编号</view>
|
|
|
+ <u--input placeholder="输入挂车行驶证档案编号" inputAlign='right' border="none"
|
|
|
+ v-model="dataDetails.trailerLicenseNumber">
|
|
|
+ </u--input>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="flex row flex-space-between" v-if="sign == '挂车'">
|
|
|
+ <view class="left-text">挂车行驶证有效期</view>
|
|
|
+ <view class="" @click="selectValidityPeriod(2)">
|
|
|
+ {{dataDetails.trailerLicenseValidityDate?dataDetails.trailerLicenseValidityDate:'选择有效截止日期>'}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="submit-btn" @click="submit">提交</view>
|
|
|
<master-keyboard ref="keyboard" keyboardtype="car" :show="keyShow" :randomNumber="true" :newCar="false"
|
|
|
:defaultValue="carNumber" @keyboardClick="handleClick"></master-keyboard>
|
|
|
<u-toast ref="uToast"></u-toast>
|
|
|
+ <u-action-sheet :actions="$helper.imgTypeList" :title="$helper.imgType" :show="isShowimgType"
|
|
|
+ @select="imgTypeSelect" :closeOnClickOverlay="true" :closeOnClickAction="true" @close="isShowimgType=false">
|
|
|
+ </u-action-sheet>
|
|
|
+ <u-picker :show="isShowValidity" ref="uPicker" :columns="validityPeriod" @confirm="confirmValidityPeriod"
|
|
|
+ :closeOnClickOverlay='true' @close='isShowValidity=false' @cancel='isShowValidity=false'>
|
|
|
+ </u-picker>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -96,7 +237,7 @@
|
|
|
keyShow: false,
|
|
|
carNumber: '',
|
|
|
dataDetails: {
|
|
|
- driverId:'',
|
|
|
+ driverId: '',
|
|
|
carNumber: '',
|
|
|
carNumberColour: '黄色',
|
|
|
carType: '挂车 高栏',
|
|
@@ -105,7 +246,7 @@
|
|
|
carLong: '',
|
|
|
carWidth: '',
|
|
|
carHeight: '',
|
|
|
- addressUrl:''
|
|
|
+ addressUrl: ''
|
|
|
|
|
|
},
|
|
|
carModelColumns: [
|
|
@@ -121,17 +262,144 @@
|
|
|
],
|
|
|
carColor: false,
|
|
|
carModel: false,
|
|
|
- fileList1: []
|
|
|
+ fileList1: [],
|
|
|
+ ValidityPeriodType: "",
|
|
|
+ validityPeriod: [],
|
|
|
+ isShowValidity: false,
|
|
|
+ uploadType: '',
|
|
|
+ isShowimgType: false,
|
|
|
+ sign: "挂车"
|
|
|
+
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
- ...mapState(['hasLogin', 'userInfo','firstAuthentication']),
|
|
|
+ ...mapState(['hasLogin', 'userInfo', 'firstAuthentication']),
|
|
|
},
|
|
|
onLoad(options) {
|
|
|
_this = this;
|
|
|
this.dataDetails.driverId = this.userInfo.driverId
|
|
|
+ this.validityPeriod = this.$helper.makeValidityPeriod()
|
|
|
},
|
|
|
methods: {
|
|
|
+ delCard(type) {
|
|
|
+ switch (type) {
|
|
|
+ case 1:
|
|
|
+ _this.dataDetails.driverLicenseHomePage = ""
|
|
|
+ break;
|
|
|
+ case 2:
|
|
|
+ _this.dataDetails.driverLicenseBackPage = ""
|
|
|
+ break;
|
|
|
+ case 3:
|
|
|
+ _this.dataDetails.drivingLicenseHomePage = ""
|
|
|
+ break;
|
|
|
+ case 4:
|
|
|
+ _this.dataDetails.drivingLicenseBackPage = ""
|
|
|
+ break;
|
|
|
+ case 5:
|
|
|
+ _this.dataDetails.trailerLicenseHomePage = ""
|
|
|
+ break;
|
|
|
+ case 6:
|
|
|
+ _this.dataDetails.trailerLicenseBackPage = ""
|
|
|
+ break;
|
|
|
+ case 7:
|
|
|
+ _this.dataDetails.qualificationCertificate = ""
|
|
|
+ break;
|
|
|
+ case 8:
|
|
|
+ _this.dataDetails.operationCertificate = ""
|
|
|
+ break;
|
|
|
+ case 9:
|
|
|
+ _this.dataDetails.trailerOperationCertificate = ""
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ uploadImg(type) {
|
|
|
+ this.uploadType = type
|
|
|
+ this.isShowimgType = true
|
|
|
+ },
|
|
|
+ selectValidityPeriod(type) {
|
|
|
+ this.ValidityPeriodType = type
|
|
|
+ this.isShowValidity = true
|
|
|
+ },
|
|
|
+ // 上传图片
|
|
|
+ imgTypeSelect(val) {
|
|
|
+ console.log(val)
|
|
|
+ console.log(this.uploadType)
|
|
|
+ if (val.name == '相册') {
|
|
|
+ uni.chooseImage({
|
|
|
+ count: 1,
|
|
|
+ sourceType: this.$helper.chooseImage.sourceType,
|
|
|
+ success: function(res) {
|
|
|
+ console.log(JSON.stringify(res.tempFilePaths));
|
|
|
+ uploadImage("images", res.tempFilePaths[0], 'appData/',
|
|
|
+ result => {
|
|
|
+ // 上传成功回调函数
|
|
|
+ console.log('图片地址-----', result)
|
|
|
+ switch (_this.uploadType) {
|
|
|
+ case 1:
|
|
|
+ _this.dataDetails.driverLicenseHomePage = result
|
|
|
+ break;
|
|
|
+ case 2:
|
|
|
+ _this.dataDetails.driverLicenseBackPage = result
|
|
|
+ break;
|
|
|
+ case 3:
|
|
|
+ _this.dataDetails.drivingLicenseHomePage = result
|
|
|
+ break;
|
|
|
+ case 4:
|
|
|
+ _this.dataDetails.drivingLicenseBackPage = result
|
|
|
+ break;
|
|
|
+ case 5:
|
|
|
+ _this.dataDetails.trailerLicenseHomePage = result
|
|
|
+ break;
|
|
|
+ case 6:
|
|
|
+ _this.dataDetails.trailerLicenseBackPage = result
|
|
|
+ break;
|
|
|
+ case 7:
|
|
|
+ _this.dataDetails.qualificationCertificate = result
|
|
|
+ break;
|
|
|
+ case 8:
|
|
|
+ _this.dataDetails.operationCertificate = result
|
|
|
+ break;
|
|
|
+ case 9:
|
|
|
+ _this.dataDetails.trailerOperationCertificate = result
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ _this.$forceUpdate()
|
|
|
+ }
|
|
|
+ )
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ } else {
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ confirmValidityPeriod(e) {
|
|
|
+ console.log('confirm', e)
|
|
|
+ switch (this.ValidityPeriodType) {
|
|
|
+ case 0:
|
|
|
+ this.dataDetails.driverLicenseValidityDate = 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
|
|
|
+ }
|
|
|
+ this.isShowValidity = false
|
|
|
+ },
|
|
|
// 车型切换
|
|
|
changeCarModel(e) {
|
|
|
const {
|
|
@@ -173,16 +441,16 @@
|
|
|
}
|
|
|
},
|
|
|
uploadFilePromise(url) {
|
|
|
- uploadImage('image',url, 'appData/',
|
|
|
+ uploadImage('image', url, 'appData/',
|
|
|
result => {
|
|
|
// 上传成功回调函数
|
|
|
console.log('图片地址', result)
|
|
|
- if(!this.dataDetails.addressUrl){
|
|
|
- this.dataDetails.addressUrl = result
|
|
|
- }else{
|
|
|
- this.dataDetails.addressUrl = this.dataDetails.addressUrl+','+ result
|
|
|
+ if (!this.dataDetails.addressUrl) {
|
|
|
+ this.dataDetails.addressUrl = result
|
|
|
+ } else {
|
|
|
+ this.dataDetails.addressUrl = this.dataDetails.addressUrl + ',' + result
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
|
|
|
}
|
|
|
)
|
|
@@ -222,6 +490,7 @@
|
|
|
this.carColor = true
|
|
|
},
|
|
|
confirmCarModel(val) {
|
|
|
+ this.sign = val.value[0]
|
|
|
this.dataDetails.carType = val.value[0] + ' ' + val.value[1]
|
|
|
this.carModel = false
|
|
|
},
|
|
@@ -239,7 +508,7 @@
|
|
|
count: 1,
|
|
|
success: function(res) {
|
|
|
console.log(JSON.stringify(res.tempFilePaths));
|
|
|
- uploadImage('image',res.tempFilePaths[0], 'appData/',
|
|
|
+ uploadImage('image', res.tempFilePaths[0], 'appData/',
|
|
|
result => {
|
|
|
// 上传成功
|
|
|
console.log('图片地址', result)
|
|
@@ -271,36 +540,139 @@
|
|
|
})
|
|
|
return true
|
|
|
}
|
|
|
- if (uni.$u.test.isEmpty(this.dataDetails.carLong)&&uni.$u.test.isEmpty(this.dataDetails.caWidth)&&uni.$u.test.isEmpty(this.dataDetails.carHeight)) {
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.carLong) && uni.$u.test.isEmpty(this.dataDetails.caWidth) && uni
|
|
|
+ .$u.test.isEmpty(this.dataDetails.carHeight)) {
|
|
|
this.$refs.uToast.show({
|
|
|
type: 'error',
|
|
|
message: "外廓尺寸不能为空!",
|
|
|
})
|
|
|
return true
|
|
|
}
|
|
|
- // if (uni.$u.test.isEmpty(this.dataDetails.drivingLicenseBackPage)) {
|
|
|
- // this.$refs.uToast.show({
|
|
|
- // type: 'error',
|
|
|
- // message: "行驶证副页不能为空!",
|
|
|
- // })
|
|
|
- // return true
|
|
|
- // }
|
|
|
-
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.operationCertificate)) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: "道路运输证不能为空!",
|
|
|
+ })
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.operationCertificateNumber)) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: "道路运输证号不能为空!",
|
|
|
+ })
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.operationCertificateValidityDate)) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: "道路运输证有效期不能为空!",
|
|
|
+ })
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ if(this.sign == '挂车'){
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.trailerOperationCertificate)) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: "挂车道路运输证不能为空!",
|
|
|
+ })
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.trailerOperationCertificateNumber)) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: "挂车道路运输证号不能为空!",
|
|
|
+ })
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.trailerOperationCertificateValidityDate)) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: "挂车道路运输证有效期不能为空!",
|
|
|
+ })
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.drivingLicenseHomePage)) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: "行驶证主页不能为空!",
|
|
|
+ })
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.drivingLicenseBackPage)) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: "行驶证副页不能为空!",
|
|
|
+ })
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.drivingLicenseNumber)) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: "行驶证档案编号不能为空!",
|
|
|
+ })
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.drivingLicenseValidityDate)) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: "行驶证有效期不能为空!",
|
|
|
+ })
|
|
|
+ return true
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.sign == '挂车') {
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.trailerLicenseHomePage)) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: "挂车行驶证主页不能为空!",
|
|
|
+ })
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.trailerLicenseBackPage)) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: "挂车行驶证副页不能为空!",
|
|
|
+ })
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.trailerLicenseNumber)) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: "挂车行驶证档案编号不能为空!",
|
|
|
+ })
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.trailerLicenseValidityDate)) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: "挂车行驶证有效期不能为空!",
|
|
|
+ })
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ }
|
|
|
return false
|
|
|
},
|
|
|
submit() {
|
|
|
+ this.dataDetails.driverId = uni.getStorageSync("firstAuthentication").id
|
|
|
// 校验
|
|
|
if (this.validate()) return
|
|
|
this.$request.baseRequest('post', '/driverCarInfo/api/addInfo', this.dataDetails).then(res => {
|
|
|
if (res.code == '200') {
|
|
|
- let params = {
|
|
|
- type: 'success',
|
|
|
- message: "提交成功",
|
|
|
- }
|
|
|
this.$refs.uToast.show({
|
|
|
- ...params
|
|
|
+ type: 'success',
|
|
|
+ message: "提交成功!",
|
|
|
+ complete() {
|
|
|
+ // uni.navigateBack({
|
|
|
+ // delta: 1
|
|
|
+ // });
|
|
|
+ uni.$u.route('/pages/mine/manageVehicles/index');
|
|
|
+ }
|
|
|
})
|
|
|
- uni.$u.route('/pages/mine/manageVehicles/index');
|
|
|
+ // this.$refs.uToast.show({
|
|
|
+ // ...params
|
|
|
+ // })
|
|
|
+ // uni.$u.route('/pages/mine/manageVehicles/index');
|
|
|
|
|
|
} else {
|
|
|
uni.$u.toast(res.message);
|
|
@@ -322,6 +694,7 @@
|
|
|
background: white;
|
|
|
padding: 0 20rpx;
|
|
|
border-radius: 20rpx;
|
|
|
+ padding-bottom: 200rpx;
|
|
|
|
|
|
.left-text {
|
|
|
// background: red;
|
|
@@ -343,6 +716,90 @@
|
|
|
padding-right: 250rpx;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
+
|
|
|
+ .row {
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
+ padding-bottom: 28rpx;
|
|
|
+ margin-top: 26rpx;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .left-text {
|
|
|
+ // background: red;
|
|
|
+ width: 320rpx;
|
|
|
+ color: #333333;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .picture {
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ height: 440rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .text {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .picture1 {
|
|
|
+ background: url(../../../static/images/mine/jzz.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .picture2 {
|
|
|
+ background: url(../../../static/images/mine/jzf.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .picture3 {
|
|
|
+ background: url(../../../static/images/mine/xsz.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .picture4 {
|
|
|
+ background: url(../../../static/images/mine/xsf.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .picture5 {
|
|
|
+ background: url(../../../static/images/mine/gcxsz.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .picture6 {
|
|
|
+ background: url(../../../static/images/mine/gcxsf.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .picture7 {
|
|
|
+ background: url(../../../static/images/mine/cy.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .picture8 {
|
|
|
+ background: url(../../../static/images/mine/cy.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .picture9 {
|
|
|
+ background: url(../../../static/images/mine/cy.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .xj-image {
|
|
|
+ width: 100rpx;
|
|
|
+ height: 100rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ color: #999999;
|
|
|
+ margin: 20rpx 0;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.input-ckg {
|
|
@@ -404,4 +861,13 @@
|
|
|
padding: 30rpx 0;
|
|
|
border-radius: 50rpx;
|
|
|
}
|
|
|
+
|
|
|
+ .del-card {
|
|
|
+ position: absolute;
|
|
|
+ top: -10rpx;
|
|
|
+ right: -6rpx;
|
|
|
+ width: 80rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ z-index: 9;
|
|
|
+ }
|
|
|
</style>
|