From 6e5dddd39f051cfe564c32ae5608729ad9260409 Mon Sep 17 00:00:00 2001
From: yangan <yangan0921@163.com>
Date: 星期二, 13 八月 2024 15:26:07 +0800
Subject: [PATCH] feat:申请入场改为修改预约时间
---
pages/driver-page/drvier-my/drvier-my.vue | 177 +++++++++++++++++++++++-----------------------------------
1 files changed, 70 insertions(+), 107 deletions(-)
diff --git a/pages/driver-page/drvier-my/drvier-my.vue b/pages/driver-page/drvier-my/drvier-my.vue
index e7f8941..347082a 100644
--- a/pages/driver-page/drvier-my/drvier-my.vue
+++ b/pages/driver-page/drvier-my/drvier-my.vue
@@ -90,10 +90,11 @@
{{ userInfo.weight || '' }}
</view>
</view>
- <view class="information-line"
- @click="modifyPrint">
<!-- 鐢变簬鏄嚜瀹氫箟icon 闈炶璁″浘icon 鎵�浠ヨ鍔犱笂杩欎釜style="margin-left: 1.5%;"
icon 涓嬭浇鏍煎紡涓�18x18-->
+ <!-- <view class="information-line"
+ @click="modifyPrint">
+
<view class="line-label"
style="margin-left: 1.5%;">
<image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/printer.png"
@@ -108,7 +109,7 @@
<u-icon name="arrow-right"
size="36"></u-icon>
</view>
- </view>
+ </view> -->
<!-- <view class="information-line"
@click="addressManageHandle">
<view class="line-label"
@@ -207,11 +208,11 @@
<view class="label-title">
<image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/cardimg.png"
mode="widthFix"></image>
- <view class="label-text">杞﹁締绫诲瀷鐓х墖</view>
+ <view class="label-text">椹鹃┒璇�</view>
</view>
<view class="img-container">
<u--image :showLoading="true"
- :src="userInfo.inventoryImg != null ? BaseUrl + userInfo.drivingImg : ''"
+ :src="userInfo.driverImg != null ? BaseUrl + userInfo.drivingImg : ''"
width="80px"
height="80px"
@click="imageClick(3)">
@@ -256,7 +257,7 @@
<u--form labelPosition="left"
:model="editUserInfo"
ref="editUserInfo">
- <u-form-item labelWidth="20%"
+ <u-form-item labelWidth="35%"
label="濮撳悕"
prop="name"
required>
@@ -264,7 +265,7 @@
border="none"
inputAlign="left"></u--input>
</u-form-item>
- <!-- <u-form-item labelWidth="20%"
+ <!-- <u-form-item labelWidth="35%"
label="瀵嗙爜"
prop="password"
required>
@@ -272,7 +273,7 @@
border="none"
inputAlign="left"></u--input>
</u-form-item> -->
- <!-- <u-form-item labelWidth="20%"
+ <!-- <u-form-item labelWidth="35%"
label="韬唤璇佸彿"
prop="idCard"
required>
@@ -280,7 +281,7 @@
border="none"
inputAlign="left"></u--input>
</u-form-item> -->
- <u-form-item labelWidth="20%"
+ <u-form-item labelWidth="35%"
label="鎵嬫満鍙�"
prop="phone"
required>
@@ -289,7 +290,7 @@
disabled
inputAlign="left"></u--input>
</u-form-item>
- <!-- <u-form-item labelWidth="20%"
+ <!-- <u-form-item labelWidth="35%"
label="杞︾墝鍙�"
prop="carNo"
required>
@@ -297,7 +298,7 @@
border="none"
inputAlign="left"></u--input>
</u-form-item> -->
- <u-form-item labelWidth="20%"
+ <u-form-item labelWidth="35%"
label="浣撻噸"
prop="weight"
>
@@ -306,7 +307,7 @@
inputAlign="left"
placeholder="浣撻噸浠g浣滀负鍗曚綅"></u--input>
</u-form-item>
- <u-form-item labelWidth="20%"
+ <u-form-item labelWidth="35%"
label="杞﹁酱鏁�"
prop="axleNum"
>
@@ -314,7 +315,7 @@
border="none"
inputAlign="left"></u--input>
</u-form-item>
- <u-form-item labelWidth="20%"
+ <u-form-item labelWidth="35%"
label="鐜繚鏍囧噯"
borderBottom
required
@@ -332,7 +333,7 @@
:name="item.name"></u-radio>
</u-radio-group>
</u-form-item>
- <u-form-item labelWidth="20%"
+ <u-form-item labelWidth="35%"
label="杞﹁締绫诲瀷"
borderBottom
ref="roleRef"
@@ -344,17 +345,28 @@
@change="productcarTypeChange"
></niceui-data-select-input>
</u-form-item>
- <view style="margin:0 30vw" v-if="isshow">
- <u-button text="澧炲姞"
- type="primary"
- @click="addData"
- ></u-button>
- </view>
+ <u-form-item prop="idCard"
+ label="韬唤璇�"
+ labelWidth="35%"
+ borderBottom
+ required
+ >
+ <u--input v-model="editUserInfo.idCard"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ disabled
+ clearable></u--input>
+ </u-form-item>
+ <view style="margin:5vh 30vw" >
+ <u-button text="澧炲姞"
+ type="primary"
+ @click="addData"
+ ></u-button>
+ </view>
<uni-table
border
id="table-box"
emptyText="鏆傛棤鏇村鏁版嵁"
- v-if="isshow">
+ >
<uni-tr>
<uni-th align="center" >韬唤璇佸彿</uni-th>
<uni-th align="center">鎿嶄綔</uni-th>
@@ -374,17 +386,6 @@
</view></uni-td>
</uni-tr>
</uni-table>
- <u-form-item prop="idCard"
- label="韬唤璇�"
- labelWidth="20%"
- borderBottom
- required
- v-if="!isshow"
- >
- <u--input v-model="editUserInfo.idCard"
- placeholder="璇疯緭鍏ュ唴瀹�"
- clearable></u--input>
- </u-form-item>
<u-form-item>
<view class="person-utils">
<u-button text="淇敼瀵嗙爜"
@@ -413,12 +414,11 @@
<u--form labelPosition="left"
:model="registerFormModel"
>
- <u-form-item prop="cardImg1"
- label="韬唤璇佹闈�"
- labelWidth="20%"
+ <u-form-item prop="carImg"
+ label="杞﹁締鐓х墖"
+ labelWidth="35%"
borderBottom
required
- v-if="!isshow"
@click="beforeRead">
<u-upload :fileList="fileList6"
deletable
@@ -432,35 +432,9 @@
:previewFullImage="true">
</u-upload>
</u-form-item>
- <u-form-item prop="cardImg2"
- label="韬唤璇佸弽闈�"
- labelWidth="20%"
- borderBottom
- required
- v-if="!isshow"
- @click="beforeRead">
- <u-upload :fileList="fileList7"
- deletable
- @afterRead="afterRead"
- @delete="deletePic"
- name="7"
- multiple
- :maxCount="1"
- width="250"
- height="150"
- :previewFullImage="true">
- </u-upload>
- </u-form-item>
- <u-form-item prop="expirationTimeIdcard"
- label="韬唤璇佽繃鏈熸椂闂�"
- labelWidth="20%"
- v-if="!isshow"
- borderBottom>
- <uni-datetime-picker v-model="registerFormModel.expirationTimeIdcard" type="datetime" :start="minDate" />
- </u-form-item>
<u-form-item prop="drivingImg"
label="琛岄┒璇�"
- labelWidth="20%"
+ labelWidth="35%"
borderBottom
required
@click="beforeRead">
@@ -478,13 +452,13 @@
</u-form-item>
<u-form-item prop="expirationTimeDriving"
label="琛岄┒璇佽繃鏈熸椂闂�"
- labelWidth="20%"
+ labelWidth="35%"
borderBottom>
<uni-datetime-picker v-model="registerFormModel.expirationTimeDriving" type="datetime" :start="minDate" />
</u-form-item>
<u-form-item prop="driverImg"
label="椹鹃┒璇�"
- labelWidth="24%"
+ labelWidth="35%"
borderBottom
required
@click="beforeRead">
@@ -502,13 +476,13 @@
</u-form-item>
<u-form-item prop="expirationTimeDriver"
label="椹鹃┒璇佽繃鏈熸椂闂�"
- labelWidth="20%"
+ labelWidth="35%"
borderBottom>
<uni-datetime-picker v-model="registerFormModel.expirationTimeDriver" type="datetime" :start="minDate" />
</u-form-item>
<u-form-item prop="tradeQualificationImg"
label="浠庝笟璧勬牸璇�"
- labelWidth="24%"
+ labelWidth="35%"
borderBottom
required
@click="beforeRead">
@@ -526,7 +500,7 @@
</u-form-item>
<u-form-item prop="expirationTimeTradequalification"
label="浠庝笟璧勬牸杩囨湡鏃堕棿"
- labelWidth="20%"
+ labelWidth="35%"
borderBottom
>
<uni-datetime-picker v-model="registerFormModel.expirationTimeTradequalification" type="datetime" :start="minDate" />
@@ -548,8 +522,9 @@
@confirm="logoutConfirm"
@cancel="logoutCancel"></u-modal>
</view>
- <printerStyle ref="printerStyleRef"
- @selectedPrintStyle='selectedPrintStyleHandle' />
+ <!-- <printerStyle ref="printerStyleRef"
+ v-if="printerVisible"
+ @selectedPrintStyle='selectedPrintStyleHandle' /> -->
</view>
</template>
@@ -558,17 +533,17 @@
import { BaseUrl } from '@/api/publicInterface.js';
import previewImage from '@/components/kxj-previewImage/kxj-previewImage.vue';
import noobTour from '@/components/noobTour/noobTour.vue'
- import printerStyle from '@/subPages/bill-of-lading-details/printerStyle/printerStyle.vue'
+ // import printerStyle from '@/subPages/bill-of-lading-details/printerStyle/printerStyle.vue'
import { mapMutations, mapState } from 'vuex';
import qianTree from '@/components/qian-tree/qian-tree.vue';
export default {
- components: { previewImage, noobTour, printerStyle,qianTree },
+ components: { previewImage, noobTour,qianTree },
data() {
return {
- isshow:false,
tablist:[],
minDate: this.getToday(),
customerName:"",
+ printerVisible:false,
// 鑾峰彇鐨勫徃鏈鸿鎯�
userInfo: {},
productName:"",
@@ -602,12 +577,8 @@
value:2
},
{
- text: '娑叉隘妲借溅',
+ text: '妲借溅',
value:3
- },
- {
- text: '娑茬⒈妲借溅',
- value:4
}
],
countryNumberCarList: [{
@@ -617,6 +588,10 @@
{
name: 2,
label: '鍥藉叚',
+ },
+ {
+ name: 3,
+ label: '鏂拌兘婧�',
}
],
rules: {
@@ -771,9 +746,8 @@
editDriverPopupShow(newVal) {
console.log(newVal,'newval')
let reg=RegExp(/,/)
- this.isshow=reg.test(this.editUserInfo.idCard)
- if(this.isshow){
- this.tablist= this.editUserInfo.idCard.split(",").map(item=>{
+ if(this.editUserInfo.otherIdCard){
+ this.tablist= this.editUserInfo.otherIdCard.split(",").map(item=>{
return {idCard:item}
})
}
@@ -846,8 +820,7 @@
Object.assign(this.editUserInfo, res.data)
this.registerFormModel={
customerid:res.data.userId,
- idCardImg:res.data.idCardImg,
- expirationTimeIdcard:res.data.expirationTimeIdcard,
+ carImg:res.data.carImg,
drivingImg:res.data.drivingImg,
expirationTimeDriving:res.data.expirationTimeDriving,
driverImg:res.data.driverImg,
@@ -856,15 +829,10 @@
expirationTimeTradequalification:res.data.expirationTimeTradequalification,
type:res.data.carType
}
- if(this.registerFormModel.idCardImg){
- if (this.fileList6.length == 0 && this.registerFormModel.idCardImg.split(",")[0]) {
+ if(this.registerFormModel.carImg){
+ if (this.fileList6.length == 0 && this.registerFormModel.carImg.split(",")[0]) {
this.fileList6.push({
- url: `${BaseUrl}${this.registerFormModel.idCardImg.split(",")[0]}`
- });
- }
- if (this.fileList7.length == 0 && this.registerFormModel.idCardImg.split(",")[1]) {
- this.fileList7.push({
- url: `${BaseUrl}${this.registerFormModel.idCardImg.split(",")[1]}`
+ url: `${BaseUrl}${this.registerFormModel.carImg}`
});
}
if (this.fileList8.length == 0 && this.userInfo.driverImg) {
@@ -872,8 +840,6 @@
url: `${BaseUrl}${this.userInfo.driverImg}`
});
}
- this.registerFormModel.cardImg1=this.registerFormModel.idCardImg.split(",")[1]
- this.registerFormModel.cardImg2=this.registerFormModel.idCardImg.split(",")[1]
}
this.editUserInfo.password = ''
});
@@ -891,7 +857,7 @@
} else if (index == 2) {
this.previewImageSrc = this.userInfo.drivingImg;
} else {
- this.previewImageSrc = this.userInfo.inventoryImg;
+ this.previewImageSrc = this.userInfo.driverImg;
}
this.$nextTick(() => {
this.previewImageShow = true;
@@ -969,11 +935,7 @@
.url;
resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`);
}else if(num==6){
- this.registerFormModel.cardImg1 = JSON.parse(res.data)
- .data.url;
- resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`);
- }else if(num==7){
- this.registerFormModel.cardImg2 = JSON.parse(res.data)
+ this.registerFormModel.carImg = JSON.parse(res.data)
.data.url;
resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`);
}else if(num==8){
@@ -1015,8 +977,7 @@
updateDoc(){
this.$reqPost('saveDriverDocs', {
userId:this.registerFormModel.customerid,
- idCardImg:this.registerFormModel.cardImg1+","+this.registerFormModel.cardImg2,
- expirationTimeIdcard:this.registerFormModel.expirationTimeIdcard.slice(0,16),
+ carImg:this.registerFormModel.carImg,
drivingImg:this.registerFormModel.drivingImg,
expirationTimeDriving:this.registerFormModel.expirationTimeDriving.slice(0,16),
driverImg:this.registerFormModel.driverImg,
@@ -1041,9 +1002,7 @@
this.tablist.push({idCard:""})
},
delData(e){
- if(this.tablist.length>2){
- this.tablist.splice(e,1)
- }
+ this.tablist.splice(e,1)
},
// 淇敼鐢ㄦ埛淇℃伅
updateUser() {
@@ -1068,7 +1027,7 @@
}
}
}
- if(this.isshow){
+ if(this.tablist.length>0){
let idcardtext=/^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
this.tablist.map(item=>{
if(!item.idCard){
@@ -1097,10 +1056,11 @@
});
submit=false
}
- this.editUserInfo.idCard=this.tablist.map(item=>{
+ this.editUserInfo.otherIdCard=this.tablist.map(item=>{
return item.idCard
}).join(',')
}
+
let data={
name:this.editUserInfo.name,
phone:this.editUserInfo.phone,
@@ -1111,7 +1071,8 @@
idCard:this.editUserInfo.idCard,
userId:this.editUserInfo.userId,
type:this.editUserInfo.type,
- username:this.editUserInfo.username
+ username:this.editUserInfo.username,
+ otherIdCard:this.editUserInfo.otherIdCard,
}
this.$reqPost('updateUser', data, 'json').then(res => {
this.editDriverPopupShow = false;
@@ -1142,6 +1103,8 @@
},
//淇敼纾呭崟鎵撳嵃鏍峰紡
modifyPrint() {
+ this.printerVisible = true;
+ console.log(printerStyle,'123')
this.$nextTick(() => {
this.$refs.printerStyleRef.init()
})
--
Gitblit v1.9.1