From 7f02619d92353f989cccf29fd58321d4f13500bb Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期五, 21 六月 2024 14:04:26 +0800 Subject: [PATCH] feat:客户界面修改 productName 问题& 库管点击装卸问题 --- pages/driver-page/drvier-my/drvier-my.vue | 685 ++++++++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 608 insertions(+), 77 deletions(-) diff --git a/pages/driver-page/drvier-my/drvier-my.vue b/pages/driver-page/drvier-my/drvier-my.vue index 3b8a30c..10cb586 100644 --- a/pages/driver-page/drvier-my/drvier-my.vue +++ b/pages/driver-page/drvier-my/drvier-my.vue @@ -1,7 +1,7 @@ <template> <view class="driver-my"> <view class="" - style="height: 446rpx;width: 100%;"> + style="height: 540rpx;width: 100%;"> <view class="driver-banner"> <view class="navgation">鎴戠殑</view> <view class="avatar"> @@ -16,14 +16,25 @@ </view> </view> </view> - <view class="process-state"> + <view class="process-state" + v-if="userInfo.isRegister!==2"> <view class="state-text"> 瀹℃牳鐘舵�� </view> - <u--text :type="userInfo.isRegister===0?'primary':userInfo.isRegister===1?'error':'success'" - :text="userInfo.isRegister===0?'寰呭鏍�':userInfo.isRegister===1?'鏈�氳繃':'宸插鏍�'" + <u--text :type="userInfo.isRegister===0?'primary':'error'" + :text="userInfo.isRegister===0?'寰呭鏍�':'鏈�氳繃'" size="32"></u--text> </view> + <view class="car-type"> + <view ><u-button type="primary" + @click="editDocClick" + shape="circle" + plain>缂栬緫璇佷欢淇℃伅</u-button></view> + </view> + <view class="process-tran" + > + </view> + <view class="information-block"> <view class="personal-information"> <view class="personal-information-block"> @@ -36,7 +47,7 @@ <view class="label-text">韬唤璇佸彿</view> </view> <view class="information-value"> - {{ userInfo.idCard || '' }} + {{ idCard || '' }} </view> </view> <view class="information-line"> @@ -79,9 +90,44 @@ {{ userInfo.weight || '' }} </view> </view> - <view class="information-line last" + <view class="information-line" + @click="modifyPrint"> + <!-- 鐢变簬鏄嚜瀹氫箟icon 闈炶璁″浘icon 鎵�浠ヨ鍔犱笂杩欎釜style="margin-left: 1.5%;" + icon 涓嬭浇鏍煎紡涓�18x18--> + <view class="line-label" + style="margin-left: 1.5%;"> + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/printer.png" + mode="widthFix" + style="width: 18px;"></image> + <view class="label-text">纾呭崟鏍峰紡</view> + </view> + <view class="information-value"> + <view class=""> + {{ currentSelectedPrintStyle===1?'涓�椤典袱鑱�':'涓�椤靛洓鑱�'}} + </view> + <u-icon name="arrow-right" + size="36"></u-icon> + </view> + </view> + <!-- <view class="information-line" + @click="addressManageHandle"> + <view class="line-label" + style="margin-left: 1.5%;"> + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/address.png" + mode="widthFix" + style="width: 18px;"></image> + <view class="label-text" + style="width:220rpx ;">閫佽揣瀹㈡埛绠$悊</view> + </view> + <view class=""> + <u-icon name="arrow-right" + size="36"></u-icon> + </view> + </view> --> + <view class="information-line" @click="scoreDetail"> - <view class="line-label"> + <view class="line-label" + style="margin-left: 1.5%;"> <image src="https://mx.jzeg.cn:9096/appimg/image/banner/score.png" mode="widthFix" style="width: 36rpx;position: relative;left: 8rpx;"></image> @@ -96,7 +142,25 @@ size="36"></u-icon> </view> </view> - + </view> + <view class="information-line last" + @click="scoreCert"> + <view class="line-label" + style="margin-left: 1.5%;"> + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/score.png" + mode="widthFix" + style="width: 36rpx;position: relative;left: 8rpx;"></image> + <view class="label-text">閬撹矾杩愯緭璇�</view> + </view> + <view class="information-value"> + <view class=""> + {{ '' }} + </view> + <view class=""> + <u-icon name="arrow-right" + size="36"></u-icon> + </view> + </view> </view> </view> </view> @@ -139,15 +203,27 @@ </u--image> </view> </view> + <view class="car-img"> + <view class="label-title"> + <image src="https://mx.jzeg.cn:9096/appimg/image/banner/cardimg.png" + mode="widthFix"></image> + <view class="label-text">杞﹁締绫诲瀷鐓х墖</view> + </view> + <view class="img-container"> + <u--image :showLoading="true" + :src="userInfo.inventoryImg != null ? BaseUrl + userInfo.drivingImg : ''" + width="80px" + height="80px" + @click="imageClick(3)"> + <view slot="error" + style="font-size: 24rpx;">鍔犺浇澶辫触</view> + </u--image> + </view> + </view> </view> </view> </view> <view class="loginout"> - <!-- <view class="loginout-main"><u-button text="閲嶇疆瀵嗙爜" - type="primary" - @click="initPwd" - shape="circle" - plain></u-button></view> --> <view class="loginout-main"><u-button text="閫�鍑虹櫥褰�" type="primary" @click="logout" @@ -155,7 +231,7 @@ plain></u-button></view> </view> <!-- 寮曞椤� --> - <noob-tour></noob-tour> + <noob-tour isPersonCenter></noob-tour> <!-- 鍥剧墖棰勮寮瑰嚭妗� --> <view class="previewImage-container"> <u-popup :show="previewImageShow" @@ -188,28 +264,29 @@ border="none" inputAlign="left"></u--input> </u-form-item> - <u-form-item labelWidth="20%" + <!-- <u-form-item labelWidth="20%" label="瀵嗙爜" prop="password" required> <u--input v-model="editUserInfo.password" border="none" inputAlign="left"></u--input> - </u-form-item> - <u-form-item labelWidth="20%" + </u-form-item> --> + <!-- <u-form-item labelWidth="20%" label="韬唤璇佸彿" prop="idCard" required> <u--input v-model="editUserInfo.idCard" border="none" inputAlign="left"></u--input> - </u-form-item> + </u-form-item> --> <u-form-item labelWidth="20%" label="鎵嬫満鍙�" prop="phone" required> <u--input v-model="editUserInfo.phone" border="none" + disabled inputAlign="left"></u--input> </u-form-item> <!-- <u-form-item labelWidth="20%" @@ -223,7 +300,7 @@ <u-form-item labelWidth="20%" label="浣撻噸" prop="weight" - required> + > <u--input v-model="editUserInfo.weight" border="none" inputAlign="left" @@ -232,33 +309,116 @@ <u-form-item labelWidth="20%" label="杞﹁酱鏁�" prop="axleNum" - required> + > <u--input v-model="editUserInfo.axleNum" border="none" inputAlign="left"></u--input> </u-form-item> - <u-form-item labelWidth="25%" - label="杞﹁締鐓х墖" - @click="beforeRead" - prop="carImg" + <u-form-item labelWidth="20%" + label="鐜繚鏍囧噯" + borderBottom + required + prop="countryNumberCar"> + <u-radio-group v-model="editUserInfo.countryNumberCar" + placement="row" + size="30" + shape="circle" + iconSize="20"> + <u-radio labelSize="14px" + size="20px" + v-for="(item, index) in countryNumberCarList" + :key="index" + :label="item.label" + :name="item.name"></u-radio> + </u-radio-group> + </u-form-item> + <u-form-item labelWidth="20%" + label="杞﹁締绫诲瀷" + borderBottom + ref="roleRef" required> - <u-upload :fileList="fileList1" + <niceui-data-select-input v-model="editUserInfo.carType" + :localdata="radiolist2" + label="杞﹁締绫诲瀷閫夋嫨" + placeholder="璇烽�夋嫨杞﹁締绫诲瀷" + @change="productcarTypeChange" + ></niceui-data-select-input> + </u-form-item> + </u--form> + <view class="person-utils"> + <u-button text="淇敼瀵嗙爜" + @click="modifyPassword" + type="primary"></u-button> + <u-button text="鎻愪氦" + @click="updateUser" + type="primary"></u-button> + </view> + </view> + </u-popup> + </view> + <!-- 淇敼璇佷欢寮瑰嚭 --> + <view class="editDriverPopup-container"> + <u-popup :show="editDocShow" + mode="bottom" + @close="editDocClose" + @open="editDocOpen" + :closeable="true"> + <combined-title title="淇敼璇佷欢淇℃伅" + style="margin-left:20rpx"></combined-title> + <view class="editDriverPopup-container-box"> + <u--form labelPosition="left" + :model="registerFormModel" + ref="editRef"> + <u-form-item prop="cardImg1" + label="韬唤璇佹闈�" + labelWidth="20%" + borderBottom + required + @click="beforeRead"> + <u-upload :fileList="fileList6" + deletable @afterRead="afterRead" @delete="deletePic" - name="1" + name="6" multiple :maxCount="1" width="250" height="150" - :previewFullImage="true"></u-upload> + :previewFullImage="true"> + </u-upload> </u-form-item> - <u-form-item labelWidth="25%" - label="琛岄┒璇佺収鐗�" - ref="item1" - @click="beforeRead" - prop="drivingImg" - required> + <u-form-item prop="cardImg2" + label="韬唤璇佸弽闈�" + labelWidth="20%" + borderBottom + required + @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%" + borderBottom> + <uni-datetime-picker v-model="registerFormModel.expirationTimeIdcard" type="datetime" :start="minDate" /> + </u-form-item> + <u-form-item prop="drivingImg" + label="琛岄┒璇�" + labelWidth="20%" + borderBottom + required + @click="beforeRead"> <u-upload :fileList="fileList2" + deletable @afterRead="afterRead" @delete="deletePic" name="2" @@ -266,12 +426,70 @@ :maxCount="1" width="250" height="150" - :previewFullImage="true"></u-upload> + :previewFullImage="true"> + </u-upload> + </u-form-item> + <u-form-item prop="expirationTimeDriving" + label="琛岄┒璇佽繃鏈熸椂闂�" + labelWidth="20%" + borderBottom> + <uni-datetime-picker v-model="registerFormModel.expirationTimeDriving" type="datetime" :start="minDate" /> + </u-form-item> + <u-form-item prop="driverImg" + label="椹鹃┒璇�" + labelWidth="24%" + borderBottom + required + @click="beforeRead"> + <u-upload :fileList="fileList8" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="8" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"> + </u-upload> + </u-form-item> + <u-form-item prop="expirationTimeDriver" + label="椹鹃┒璇佽繃鏈熸椂闂�" + labelWidth="20%" + borderBottom> + <uni-datetime-picker v-model="registerFormModel.expirationTimeDriver" type="datetime" :start="minDate" /> + </u-form-item> + <u-form-item prop="tradeQualificationImg" + label="浠庝笟璧勬牸璇�" + labelWidth="24%" + borderBottom + required + @click="beforeRead"> + <u-upload :fileList="fileList4" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="4" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true"> + </u-upload> + </u-form-item> + <u-form-item prop="expirationTimeTradequalification" + label="浠庝笟璧勬牸杩囨湡鏃堕棿" + labelWidth="20%" + borderBottom + > + <uni-datetime-picker v-model="registerFormModel.expirationTimeTradequalification" type="datetime" :start="minDate" /> </u-form-item> </u--form> - <u-button text="鎻愪氦" - @click="updateUser" - type="primary"></u-button> + <view class="person-utils"> + <u-button text="鎻愪氦璇佷欢淇敼" + @click="updateDoc" + type="primary"></u-button> + </view> </view> </u-popup> </view> @@ -283,14 +501,8 @@ @confirm="logoutConfirm" @cancel="logoutCancel"></u-modal> </view> - <!-- <view class="initPwdModal"> - <u-modal :show="initPwdShow" - title="閲嶇疆瀵嗙爜" - showCancelButton - content="鍒濆瀵嗙爜灏嗗彉鏇翠负123456,鏄惁纭閲嶇疆" - @confirm="initPwdConfirm" - @cancel="initPwdCancel"></u-modal> - </view> --> + <printerStyle ref="printerStyleRef" + @selectedPrintStyle='selectedPrintStyleHandle' /> </view> </template> @@ -299,13 +511,18 @@ 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 '@/pages/driver-page/driver-index/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 }, + components: { previewImage, noobTour, printerStyle,qianTree }, data() { return { + minDate: this.getToday(), + customerName:"", // 鑾峰彇鐨勫徃鏈鸿鎯� userInfo: {}, + productName:"", // 淇敼鍙告満璇︽儏 editUserInfo: { phone: '', @@ -320,8 +537,39 @@ weight: '', userId: '', password: "", - isRegister: '' + isRegister: 0, + tradeQualificationImg: '', + roadTransportImg: '', + inventoryImg: '', + countryNumberCar: 0 }, + registerFormModel:{}, + radiolist2: [{ + text: '鏅�氳繍杈撹溅', + value:1 + }, + { + text: '闆嗚绠卞钩鏉胯溅', + value:2 + }, + { + text: '娑叉隘妲借溅', + value:3 + }, + { + text: '娑茬⒈妲借溅', + value:4 + } + ], + countryNumberCarList: [{ + name: 1, + label: '鍥戒簲', + }, + { + name: 2, + label: '鍥藉叚', + } + ], rules: { name: { type: 'string', @@ -398,10 +646,11 @@ return Number(value); }, validator: (rule, value, callback) => { - return value <= 10; + return value <= 10 && value > 0; }, message: '璇疯緭鍏ユ纭殑杞﹁酱鏁�', - trigger: ['change', 'blur'] + trigger: ['change', 'blur'], + required: true, }], carImg: { type: 'string', @@ -414,13 +663,37 @@ required: true, message: '璇蜂笂浼犺椹惰瘉鐓х墖', trigger: ['blur', 'change'] - } + }, + countryNumberCar: { + type: 'number', + required: true, + message: '璇烽�夋嫨鐜繚鏍囧噯', + trigger: ['blur', 'change'] + }, + roadTransportImg: { + type: 'string', + required: true, + message: '璇蜂笂浼犻亾璺繍杈撹瘉鐓х墖', + trigger: ['blur', 'change'] + }, + tradeQualificationImg: { + type: 'string', + required: true, + message: '璇蜂笂浼犱粠涓氳祫鏍艰瘉鐓х墖', + trigger: ['blur', 'change'] + }, }, src: '', fileList1: [], fileList2: [], + fileList3: [], + fileList4: [], + fileList6: [], + fileList7: [], + fileList8: [], // 淇敼淇℃伅寮瑰嚭妗� editDriverPopupShow: false, + editDocShow:false, // previewImage previewImageShow: false, previewImageSrc: '', @@ -429,8 +702,16 @@ logoutTitle: '鎻愮ず', logoutContent: '鏄惁纭閫�鍑�', BaseUrl, - + selectedPrintStyle: null }; + }, + computed: { + currentSelectedPrintStyle() { + return this.selectedPrintStyle ? this.selectedPrintStyle : uni.getStorageSync('selectedPrintStyle') + }, + idCard() { + return this.userInfo.idCard.slice(0, 6) + '********' + this.userInfo.idCard.slice(-4) + } }, onShow() { // this.init(); @@ -439,7 +720,23 @@ this.$refs.editRef.setRules(this.rules); }, methods: { + productcarTypeChange(e){ + this.registerFormModel.carType = this.radiolist2.find(v => v.value === e).value + }, ...mapMutations(['changeisUploadimg']), + getToday() { + let now = new Date(); + let year = now.getFullYear(); + let month = this.padStart(now.getMonth() + 1); // 鏈堜唤鏄粠0寮�濮嬬殑 + let day = this.padStart(now.getDate()); + let hour = this.padStart(now.getHours()); + let minute = this.padStart(now.getMinutes()); + let second = this.padStart(now.getSeconds()); + return `${year}-${month}-${day} ${hour}:${minute}:${second}`; + }, + padStart(value) { + return value.toString().padStart(2, '0'); + }, init() { this.getUserEntity(); }, @@ -450,23 +747,64 @@ this.$reqGet('getUserEntity').then(res => { uni.hideLoading(); this.userInfo = res.data; + // this.userInfo.idCard = this.userInfo.idCard.slice(0, 6) + '********' + this.userInfo.idCard + // .slice(-4) uni.setStorageSync('carImg', this.userInfo.carImg); uni.setStorageSync('drivingImg', this.userInfo.drivingImg); - if (this.fileList1.length == 0) { + uni.setStorageSync('roadTransportImg', this.userInfo.roadTransportImg); + uni.setStorageSync('tradeQualificationImg', this.userInfo.tradeQualificationImg); + if (this.fileList1.length == 0 && this.userInfo.carImg) { this.fileList1.push({ url: `${BaseUrl}${this.userInfo.carImg}` }); } - if (this.fileList2.length == 0) { + if (this.fileList2.length == 0 && this.userInfo.drivingImg) { this.fileList2.push({ url: `${BaseUrl}${this.userInfo.drivingImg}` }); } - Object.keys(this.editUserInfo).map(item => { - if (res.data[item]) { - this.editUserInfo[item] = res.data[item]; + if (this.fileList3.length == 0 && this.userInfo.roadTransportImg) { + this.fileList3.push({ + url: `${BaseUrl}${this.userInfo.roadTransportImg}` + }); + } + if (this.fileList4.length == 0 && this.userInfo.tradeQualificationImg) { + this.fileList4.push({ + url: `${BaseUrl}${this.userInfo.tradeQualificationImg}` + }); + } + Object.assign(this.editUserInfo, res.data) + this.registerFormModel={ + customerid:res.data.userId, + idCardImg:res.data.idCardImg, + expirationTimeIdcard:res.data.expirationTimeIdcard, + drivingImg:res.data.drivingImg, + expirationTimeDriving:res.data.expirationTimeDriving, + driverImg:res.data.driverImg, + expirationTimeDriver:res.data.expirationTimeDriver, + tradeQualificationImg:res.data.tradeQualificationImg, + expirationTimeTradequalification:res.data.expirationTimeTradequalification, + type:res.data.carType + } + if(this.registerFormModel.idCardImg){ + if (this.fileList6.length == 0 && this.registerFormModel.idCardImg.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]}` + }); + } + if (this.fileList8.length == 0 && this.userInfo.driverImg) { + this.fileList8.push({ + url: `${BaseUrl}${this.userInfo.driverImg}` + }); + } + this.registerFormModel.cardImg1=this.registerFormModel.idCardImg.split(",")[1] + this.registerFormModel.cardImg2=this.registerFormModel.idCardImg.split(",")[1] + } this.editUserInfo.password = '' }); }, @@ -474,13 +812,16 @@ editBtnClick() { this.editDriverPopupShow = true; }, + editDocClick(){ + this.editDocShow = true; + }, imageClick(index) { - // 閫氳繃index鍒囨崲鍥剧墖 - console.log('鍒囨崲鍥剧墖', index); if (index == 1) { this.previewImageSrc = this.userInfo.carImg; - } else { + } else if (index == 2) { this.previewImageSrc = this.userInfo.drivingImg; + } else { + this.previewImageSrc = this.userInfo.inventoryImg; } this.$nextTick(() => { this.previewImageShow = true; @@ -533,13 +874,42 @@ success: res => { if (num == 1) { this.editUserInfo.carImg = JSON.parse(res.data).data.url; + this.registerFormModel.carImg = JSON.parse(res.data).data.url; uni.setStorageSync('carImg', JSON.parse(res.data).data.url); resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); } else if (num == 2) { + this.registerFormModel.drivingImg = JSON.parse(res.data).data.url; this.editUserInfo.drivingImg = JSON.parse(res.data).data.url; uni.setStorageSync('drivingImg', JSON.parse(res.data).data.url); resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + } else if (num == 3) { + this.editUserInfo.roadTransportImg = JSON.parse(res.data).data.url; + uni.setStorageSync('roadTransportImg', JSON.parse(res.data).data.url); + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + } else if (num == 4) { + this.editUserInfo.tradeQualificationImg = JSON.parse(res.data).data + .url; + uni.setStorageSync('tradeQualificationImg', JSON.parse(res.data).data + .url); + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + } else if (num == 5) { + this.editUserInfo.inventoryImg = JSON.parse(res.data).data + .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) + .data.url; + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); + }else if(num==8){ + this.registerFormModel.driverImg = JSON.parse(res.data) + .data.url; + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); } + } }); }); @@ -550,31 +920,62 @@ previewImageClose() { this.previewImageShow = false; }, - previewImageOpen() { - console.log('preview open'); - }, + previewImageOpen() {}, /** * @editPopup 淇敼寮瑰嚭妗嗕簨浠� */ editDriverPopupClose() { this.editDriverPopupShow = false; }, - editDriverPopupOpen() { - console.log('鎵撳紑浜�'); + editDocClose(){ + this.editDocShow = false; + }, + editDriverPopupOpen() {}, + editDocOpen(){}, + modifyPassword() { + this.$store.commit('changeisLogin', false) + this.$store.dispatch('websocketOnClose') + uni.reLaunch({ + url: '/pages/login/forgetPassword/forgetPassword' + }) + }, + // 淇敼璇佷欢淇℃伅 + updateDoc(){ + this.$reqPost('saveDriverDocs', { + userId:this.registerFormModel.customerid, + idCardImg:this.registerFormModel.cardImg1+","+this.registerFormModel.cardImg2, + expirationTimeIdcard:this.registerFormModel.expirationTimeIdcard.slice(0,16), + drivingImg:this.registerFormModel.drivingImg, + expirationTimeDriving:this.registerFormModel.expirationTimeDriving.slice(0,16), + driverImg:this.registerFormModel.driverImg, + expirationTimeDriver:this.registerFormModel.expirationTimeDriver.slice(0,16), + tradeQualificationImg:this.registerFormModel.tradeQualificationImg, + expirationTimeTradequalification:this.registerFormModel.expirationTimeTradequalification.slice(0,16), + }, 'json').then(res => { + if (res.code == 0) { + this.$u.toast('淇敼鎴愬姛'); + this.init(); + this.editDocShow = false; + } else { + uni.showToast({ + title: res.msg, + icon: 'none', + duration: 2000 + }); + } + }) }, // 淇敼鐢ㄦ埛淇℃伅 updateUser() { this.editUserInfo = { ...this.editUserInfo, carImg: uni.getStorageSync('carImg'), - drivingImg: uni.getStorageSync('drivingImg'), - isRegister: 0 + drivingImg: uni.getStorageSync('drivingImg') }; this.$refs.editRef .validate() .then(res => { this.$reqPost('updateUser', this.editUserInfo, 'json').then(res => { - console.log('鏇存柊鏁版嵁', res); this.editDriverPopupShow = false; if (res.code == 0) { this.$u.toast('淇敼鎴愬姛'); @@ -603,11 +1004,57 @@ logoutCancel() { this.logoutShow = false; }, + //淇敼纾呭崟鎵撳嵃鏍峰紡 + modifyPrint() { + this.$nextTick(() => { + this.$refs.printerStyleRef.init() + }) + }, + // 绉垎璇︽儏 scoreDetail() { uni.navigateTo({ url: '/pages/driver-page/drvier-my/scoreDetail/scoreDetail' }) - } + }, + scoreCert(){ + uni.navigateTo({ + url: '/pages/driver-page/drvier-my/certifiCate/certifiCate' + }) + }, + addressManageHandle() { + uni.navigateTo({ + url: '/pages/driver-page/drvier-my/addressMange/addressMange' + }) + }, + selectedPrintStyleHandle(val) { + this.selectedPrintStyle = val + }, + findNameById(tree, idArr) { + let result = []; + function traverse(node, idArr) { + if (!node) return; + if (idArr.includes(node.id)) { + result.push({name:node.productName,id:node.id}); + } + if (node.children && node.children.length > 0) { + node.children.forEach(child => { + traverse(child, idArr); + }); + } + } + tree.forEach(node => { + traverse(node, idArr); + }); + return result; + }, + // 鎵撳紑浜у搧琛� + treeOpen() { + this.$refs.tkitree._show(); + }, + treeClose() { + this.$refs.tkitree._hide(); + }, + } }; </script> @@ -693,6 +1140,41 @@ margin-right: vww(6); } } + .process-tran{ + width: 300rpx; + height: 50rpx; + margin: 0 auto; + position: fixed; + top: 390rpx; + left: 37rpx; + display: flex; + align-items: center; + + .state-text { + margin-right: vww(6); + } + } + + .car-type { + position: fixed; + top: 284rpx; + right: 20rpx; + width: 100%; + height: 50rpx; + display: flex; + align-items: center; + justify-content: flex-end; + } + .tran-type{ + position: fixed; + top: 390rpx; + right: 20rpx; + width: 100%; + height: 50rpx; + display: flex; + align-items: center; + justify-content: flex-end; + } .information-block { width: 100%; @@ -706,7 +1188,7 @@ &-block { width: 690rpx; - height: 570rpx; + height: 760rpx; background: #ffffff; box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); border-radius: 20rpx; @@ -720,12 +1202,13 @@ } .information-line { - @include flex width: 636rpx; + @include flex; + width: 636rpx; height: vww(45); border-bottom: 1rpx solid #f0f1f6; .line-label { - width: 188rpx; + width: 50%; height: 90rpx; @include flex; @@ -735,11 +1218,12 @@ } .label-text { - width: 120rpx; + flex: 0.8; font-size: 30rpx; font-weight: 400; color: #000000; line-height: 85rpx; + text-align: left; } } @@ -765,13 +1249,39 @@ } .car-information { + margin-top: 30rpx; width: 100%; position: relative; @include flex justify-content: center; + .roadTransportCertificate{ + width: 690rpx; + background: #ffffff; + box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); + border-radius: 20rpx; + .information-body { + width: 636rpx; + margin: vww(15) vww(14); + @include flex flex-direction: column; + .certificate { + display: flex; + justify-content: space-between; + align-items: center; + width: 636rpx; + height: 90rpx; + border-bottom: 1rpx solid #f0f1f6; + .certificate-left{ + margin-left: 20rpx; + } + .certificate-right{ + margin-right: 20rpx; + } + } + } + } .information-main { width: 690rpx; - height: 552rpx; + height: 800rpx; background: #ffffff; box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); border-radius: 20rpx; @@ -780,7 +1290,6 @@ width: 636rpx; margin: vww(15) vww(14); @include flex flex-direction: column; - .car-img { height: 246rpx; width: 100%; @@ -790,7 +1299,7 @@ .label-title { @include flex; - width: 220rpx; + width: 300rpx; height: 100rpx; .label-text { @@ -820,6 +1329,18 @@ .loginout-main { width: 84%; + } + } + + .person-utils { + width: 98%; + margin: vww(10) auto; + display: flex; + justify-content: space-between; + + .u-button { + width: 45%; + letter-spacing: vww(4); } } @@ -854,7 +1375,7 @@ .editDriverPopup-container-box { width: 90%; - margin: 0 auto; + margin: vww(10) auto; } //closeIcon @@ -871,5 +1392,15 @@ } } } + .superList{ + margin: 10rpx; + padding: 10rpx; + border: 1px solid #f0f1f6; + } + .adddelete{ + display: flex; + justify-content: space-around; + margin: 10rpx; + } } </style> \ No newline at end of file -- Gitblit v1.9.1