From 94e602cc5fac654ed9abe2dbea518a0300b8c6aa Mon Sep 17 00:00:00 2001 From: 819527061@qq.com <123456> Date: 星期二, 06 八月 2024 18:09:20 +0800 Subject: [PATCH] 质检页面问题修改 --- pages/driver-page/driver-index/driver-index.vue | 196 +++++++++++++++++++++++++++++++++++++----------- 1 files changed, 150 insertions(+), 46 deletions(-) diff --git a/pages/driver-page/driver-index/driver-index.vue b/pages/driver-page/driver-index/driver-index.vue index eb39f0c..477a4c8 100644 --- a/pages/driver-page/driver-index/driver-index.vue +++ b/pages/driver-page/driver-index/driver-index.vue @@ -2,14 +2,14 @@ <view class=""> <view class="driver-index"> <view class="driver-index-body"> - <!-- 寰呴鍙栨彁鐓ゅ崟 --> + <!-- 寰呴鍙栨敹鍙戝崟 --> <view class="wait-collection" style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/diverbanner.png') no-repeat;background-size:contain"> </view> <!-- 寮曞椤� --> <noob-tour></noob-tour> <!-- 鑷富閰嶉�佺晫闈� --> - <view class="self-deliver"> + <!-- <view class="self-deliver"> <view class="self-deliver_text"> 鍒涘缓鑷富閰嶉�佸崟 </view> @@ -19,7 +19,7 @@ shape="cirle" @click="selfDeliver"></u-button> </view> - </view> + </view> --> <view class="collection-form"> <view class="collection-form-item" v-for="(item, index) in driverBillOfLoadingData.list1" @@ -30,9 +30,9 @@ <view class="sign">瑁�</view> <view class="filedname exceedHide"> <text - v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢' ">{{ item.deptName|| '' }}</text> + v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢'||item.orderType == '澶栭攢閫�' ">{{ item.deptName|| '' }}</text> <text - v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘' ">{{ item.customerId?item.customerName:item.customerNameCopy|| '' }}</text> + v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘'||item.orderType == '澶栬喘閫�' ">{{ item.customerId?item.customerName:item.customerNameCopy|| '' }}</text> <text v-else-if="item.orderType == '杞嚭'|| item.orderType == '杞叆'">{{item.filedName}} </text> @@ -47,11 +47,11 @@ <view class="main-information"> <view class="sign">鍗�</view> <view class="filedname exceedHide"> - <text v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢' "> + <text v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢'||item.orderType == '澶栭攢閫�' "> {{ item.customerNameCopy ? item.customerNameCopy : item.customerName|| '' }} </text> <text - v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘' ">{{ item.deptName|| '' }}</text> + v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘'||item.orderType == '澶栬喘閫�' ">{{ item.deptName|| '' }}</text> <text v-else-if="item.orderType == '杞嚭'|| item.orderType == '杞叆'">{{item.toFiledName}} @@ -89,9 +89,9 @@ @confirm="qiangDanConfirm" @cancel="qiangDanCancel"></u-modal> </view> - <!-- 寰呴绾︽彁鐓ゅ崟 --> + <!-- 寰呴绾︽敹鍙戝崟 --> <view class="wait-appointment"> - <combined-title title="寰呴绾︽彁鐓ゅ崟"></combined-title> + <combined-title title="寰呴绾︽敹鍙戝崟"></combined-title> <u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" text="鏆傛棤鏁版嵁" @@ -109,9 +109,9 @@ <view class="sign">瑁�</view> <view class="filedname exceedHide"> <text - v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢' ">{{ item.deptName }}</text> + v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢'||item.orderType == '澶栭攢閫�' ">{{ item.deptName }}</text> <text - v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘' ">{{ item.customerName }}</text> + v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘'||item.orderType == '澶栬喘閫�' ">{{ item.customerName }}</text> <text v-else-if="item.orderType == '杞嚭'|| item.orderType == '杞叆'">{{item.filedName}} </text> @@ -129,9 +129,9 @@ <view class="sign">鍗�</view> <view class="filedname exceedHide"> <text - v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢' ">{{ item.customerName }}</text> + v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢'||item.orderType == '澶栭攢閫�' ">{{ item.customerName }}</text> <text - v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘' ">{{ item.deptName }}</text> + v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘'||item.orderType == '澶栬喘閫�' ">{{ item.deptName }}</text> <text v-else-if="item.orderType == '杞嚭'|| item.orderType == '杞叆'">{{item.toFiledName}}</text> </view> @@ -157,8 +157,9 @@ </view> <view class="fifth-line"> <view class="button-img" + v-if="item.isDanger === 1 && !item.idCardEscort" @click.stop="cancelCerifCate(item)"> - 娣诲姞鎶艰繍鍛� + 閬撹矾杩愯緭璇� </view> <view class="button-img" @click.stop="cancelAppoint(item)"> @@ -190,9 +191,26 @@ @confirm="insideConnectConfirm" @cancel="insideConnectCancel"></u-modal> </view> - <!-- 宸查绾︽彁鐓ゅ崟 --> + <!-- 宸查绾︽敹鍙戝崟 --> + <!-- 濉啓闆嗚绠卞彿 --> + <view class=""> + <u-modal :show="enterCode" + title="闆嗚绠卞彿" + showCancelButton + content="璇峰~鍐欓泦瑁呯鍙�" + @confirm="cancelCodeEnter" + @cancel="cancelCodeCancel"> + <view style=" display: flex; align-items: center;"> + <text>璇疯緭鍏ワ細</text> <u--input + style="border: 1px solid black" + v-model="enterCodeStr" + placeholder="璇疯緭鍏ラ泦瑁呯鍙�"></u--input> + </view> + + </u-modal> + </view> <view class="Reserved"> - <combined-title title="宸查绾︽彁鐓ゅ崟"></combined-title> + <combined-title title="宸查绾︽敹鍙戝崟"></combined-title> <u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" textSize="30" @@ -210,9 +228,9 @@ <view class="sign">瑁�</view> <view class="filedname exceedHide"> <text - v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢' ">{{ item.deptName }}</text> + v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢'||item.orderType == '澶栭攢閫�' ">{{ item.deptName }}</text> <text - v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘' ">{{ item.customerName }}</text> + v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘'||item.orderType == '澶栬喘閫�' ">{{ item.customerName }}</text> <text v-else-if="item.orderType == '杞嚭'||item.orderType == '杞叆'"> {{item.filedName}} @@ -231,9 +249,9 @@ <view class="sign">鍗�</view> <view class="filedname exceedHide"> <text - v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢' ">{{ item.customerName }}</text> + v-if="item.orderType == '澶栭攢' || item.orderType == '鍐呴攢'||item.orderType == '澶栭攢閫�' ">{{ item.customerName }}</text> <text - v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘'">{{ item.deptName }}</text> + v-else-if="item.orderType == '澶栬喘' || item.orderType == '鍐呰喘'||item.orderType == '澶栬喘閫�' ">{{ item.deptName }}</text> <text v-else-if="item.orderType == '杞嚭'||item.orderType == '杞叆'"> {{item.toFiledName}} @@ -263,7 +281,7 @@ v-if="item.isDanger === 1"> <view class="button-img" @click.stop="cancelCerifCate(item)"> - 娣诲姞鎶艰繍鍛� 鎶艰繍鍛� + 閬撹矾杩愯緭璇� </view> <view class="button-img" @click.stop="cancelAppoint(item)"> @@ -282,19 +300,36 @@ mode="center" round="10"> <view class="receiverPopup"> - <uni-table border - stripe - type="selection" - @selection-change="selectionChange" - emptyText="鏆傛棤鏇村鏁版嵁"> - <uni-tr> - <uni-th align="center">鎶艰繍鍛�</uni-th> - </uni-tr> - <uni-tr v-for="(item, index) in inspectData" - :key="item.id"> - <uni-td align="center">{{ item.name.split("|")[0] }}</uni-td> - </uni-tr> - </uni-table> + <view class="image"> + <u--image + :src="previewImageSrc != null ? BaseUrl + previewImageSrc : ''" + width="80px" + height="80px" + > + <view slot="error" + style="font-size: 24rpx;">鍔犺浇澶辫触</view> + </u--image> + </view> + <view class="tables"> + <uni-table border + stripe + type="selection" + @selection-change="selectionChange" + emptyText="鏆傛棤鏇村鏁版嵁"> + <uni-tr> + <uni-th align="center">鎶艰繍鍛�</uni-th> + <uni-th align="center">韬唤璇佸彿</uni-th> + <uni-th align="center">鎵嬫満鍙�</uni-th> + </uni-tr> + <uni-tr v-for="(item, index) in inspectData" + :key="item.id"> + <uni-td align="center">{{ item.name.split("|")[0] }}</uni-td> + <uni-td align="center">{{ item.name.split("|")[1] }}</uni-td> + <uni-td align="center">{{ item.name.split("|")[2] }}</uni-td> + </uni-tr> + </uni-table> + </view> + <view class="receiverPopup__btn"><u-button text="纭畾" type="primary" @click="popClick" @@ -308,14 +343,13 @@ import { customerId } from '@/utils/status'; import combinedTitle from '@/components/combined-title/combined-title.vue'; import previewImage from '@/components/kxj-previewImage/kxj-previewImage.vue'; - import noobTour from '@/components/noobTour/noobTour.vue' import { mapState } from 'vuex' import { BaseUrl } from '@/api/publicInterface.js' export default { components: { combinedTitle, previewImage, - noobTour + }, props: { indexdriverBillOfLoadingData: { @@ -341,8 +375,10 @@ data() { return { show: false, + BaseUrl, yaList:[], inspectData:[], + activeObj:{}, driverBillOfLoadingData: { list1: [], list2: [], @@ -350,6 +386,8 @@ }, // 鎺ュ崟妯℃�佹 qiangDanShow: false, + enterCode:false, + enterCodeStr:'', qiangDanTitle: '鎺ュ崟鎻愮ず', qiangDanContent: '', qiangDanOrderPlanId: null, @@ -364,6 +402,7 @@ customerId: '', xsUserId: '', filedId: '', + previewImageSrc:"", }; }, onShow() { @@ -390,6 +429,7 @@ .then(res => { if (res.code == 0) { this.$u.toast('娣诲姞鎴愬姛'); + this.qiangDanList(); this.show=false } else { this.$u.toast(res.msg ? res.msg : '娣诲姞澶辫触'); @@ -466,6 +506,7 @@ uni.hideLoading() if (res.code == 0) { this.$u.toast('鎺ュ崟鎴愬姛'); + } else { this.$u.toast(res.msg ? res.msg : '鎺ュ崟澶辫触'); } @@ -499,13 +540,13 @@ }, list3CardIconClick(value) { uni.navigateTo({ - url: `/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details?orderPlanId=${value.id}&yyId=${value.yyId}&orderType=${value.orderType}` + url: `/subPages/bill-of-lading-details/bill-of-lading-details?orderPlanId=${value.id}&yyId=${value.yyId}&orderType=${value.orderType}` }); }, - // 鎻愮叅鍗曡鎯� + // 鏀跺彂鍗曡鎯� cardBodyClick(name) { uni.navigateTo({ - url: `/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details?orderPlanId=${name}` + url: `/subPages/bill-of-lading-details/bill-of-lading-details?orderPlanId=${name}` }); }, // 璇锋眰閫�鍗� @@ -521,6 +562,7 @@ this.$reqGet('getMyEscortList', { customerId: value.customerId }).then(res => { this.inspectData=[] if (res.code == 0) { + this.previewImageSrc=res.data.certificateImg this.inspectData=res.data.persons.map(item=>{ return {name:item,roadTransportId:res.data.id,Id: value.id} }) @@ -570,22 +612,75 @@ // 鍘婚绾� toAppointmentClick(value) { // 鐢变簬鑷富閰嶉�佸崟 鏄璐崟 浣嗘槸涓嶉渶瑕佸~鍐欏師鍙戜负1涓嶉渶瑕佸~鍐欏師鍙� - uni.setStorageSync('isNeedOrigin', value.orderType === '澶栬喘' && value.isSpecial === 1 ? 1 : 0) - if (value.orderType === '澶栬喘') { + uni.setStorageSync('isNeedOrigin', value.orderType === '澶栬喘' && value.isSpecial === 1 ? 1 : 0); + //鍒ゆ柇鏄笉鏄泦瑁呯 鏄惁闇�瑕佽緭鍏� + this.activeObj = value; + if(value.isDanger === 1){ + if(!value.idCardEscort){ + this.$u.toast('璇烽�夋嫨閬撹矾杩愯緭璇佸徃鏈猴紒'); + this.cancelCerifCate(value); + return + } + } + if(value.isContainerNum){ + this.enterCode = true; + }else{ + this.enterCode = false; + if (value.orderType === '澶栬喘') { uni.navigateTo({ - url: `/pages/driver-page/driver-index/bill-of-lading-details/originInfo/originInfo?orderPlanId=${value.id}&filedId=${value.filedId}&deptId=${value.deptId}&sendDate=${value.sendDate}&isSpecial=${value.isSpecial}` + url: `/subPages/bill-of-lading-details/originInfo/originInfo?orderPlanId=${value.id}&filedId=${value.filedId}&deptId=${value.deptId}&sendDate=${value.sendDate}&isSpecial=${value.isSpecial}&isWeight=${value.isWeight}` }); } else { uni.navigateTo({ url: `/pages/driver-page/appointment/appointment?takeCoalId=${value.id}&filedId=${value.filedId}&deptId=${value.deptId}&sendDate=${value.sendDate}` }); } + } + }, // 鑷富閰嶉�� selfDeliver() { uni.navigateTo({ url: '/pages/driver-page/driver-index/SelfDelivery/SelfDelivery' }) + }, + cancelCodeEnter(){ + console.log(this.activeObj,'tmid') + this.activeObj.containerNumber = this.enterCodeStr; + this.$reqPut('addContainer',{ + id:this.activeObj.id, + containerNumber:this.activeObj.containerNumber + }).then(res=>{ + this.$u.toast('鎿嶄綔鎴愬姛'); + this.enterCodeStr = ''; + this.enterCode = false; + + }).catch(err=>{ + + }).finally(() => { + if (this.activeObj.orderType === '澶栬喘') { + uni.navigateTo({ + url: `/subPages/bill-of-lading-details/originInfo/originInfo?orderPlanId=${this.activeObj.id}&filedId=${this.activeObj.filedId}&deptId=${this.activeObj.deptId}&sendDate=${this.activeObj.sendDate}&isSpecial=${this.activeObj.isSpecial}&isWeight=${this.activeObj.isWeight}` + }); + } else { + uni.navigateTo({ + url: `/pages/driver-page/appointment/appointment?takeCoalId=${this.activeObj.id}&filedId=${this.activeObj.filedId}&deptId=${this.activeObj.deptId}&sendDate=${this.activeObj.sendDate}` + }); + } + }) + }, + cancelCodeCancel(){ + this.enterCode = false; + this.enterCodeStr = ''; + if (this.activeObj.orderType === '澶栬喘') { + uni.navigateTo({ + url: `/subPages/bill-of-lading-details/originInfo/originInfo?orderPlanId=${this.activeObj.id}&filedId=${this.activeObj.filedId}&deptId=${this.activeObj.deptId}&sendDate=${this.activeObj.sendDate}&isSpecial=${this.activeObj.isSpecial}&isWeight=${this.activeObj.isWeight}` + }); + } else { + uni.navigateTo({ + url: `/pages/driver-page/appointment/appointment?takeCoalId=${this.activeObj.id}&filedId=${this.activeObj.filedId}&deptId=${this.activeObj.deptId}&sendDate=${this.activeObj.sendDate}` + }); + } } } }; @@ -671,9 +766,18 @@ } } .receiverPopup { - height: vww(110); - width: 300rpx; - + height: vww(220); + width: 700rpx; + .image{ + width: 100%; + height: vww(110); + display: flex; + align-items: center; + justify-content: center; + } + .tables{ + width: 100%; + } .receiverPopup__title { margin: vww(10) auto 0; width: 80%; @@ -718,7 +822,7 @@ .driver-index-body { // margin-bottom: vww(56); - // 寰呴鍙栨彁鐓ゅ崟 + // 寰呴鍙栨敹鍙戝崟 .wait-collection { width: 100%; height: 600rpx; -- Gitblit v1.9.1