From bb52e0d4baffe8e0486c951e525b6614bd4aaa28 Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期一, 24 四月 2023 14:08:56 +0800 Subject: [PATCH] 修改样式,修复已知bug --- pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue | 176 ++++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 132 insertions(+), 44 deletions(-) diff --git a/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue b/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue index c5bc631..461de18 100644 --- a/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue +++ b/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue @@ -1,8 +1,56 @@ <template> <view class="bill-of-lading-details"> - <view class="bangDanMessage"> + <scroll-view class="bangDanMessage" :scroll-top="scrollTop" scroll-y="true"> + <uni-table border stripe emptyText="鏆傛棤鏇村鏁版嵁"> + <uni-tr> + <uni-th align="left">瀹㈡埛</uni-th> + <uni-td align="right">{{ coalDetailsData.customerName || '' }}</uni-td> + </uni-tr> + <uni-tr> + <uni-th align="left">鐭垮満</uni-th> + <uni-td align="right">{{ coalDetailsData.deptName || '' }}</uni-td> + </uni-tr> + <uni-tr> + <uni-th align="left">姣涢噸</uni-th> + <uni-td align="right">{{ coalDetailsData.hair || '' }}</uni-td> + </uni-tr> + <uni-tr> + <uni-th align="left">鐨噸</uni-th> + <uni-td align="right">{{ coalDetailsData.skin || '' }}</uni-td> + </uni-tr> + <uni-tr> + <uni-th align="left">鍑�閲�</uni-th> + <uni-td align="right">{{ coalDetailsData.clean || '' }}</uni-td> + </uni-tr> + <uni-tr> + <uni-th align="left">纾呭崟绫诲瀷</uni-th> + <uni-td align="right">{{ coalDetailsData.orderType || '' }}</uni-td> + </uni-tr> + <uni-tr> + <uni-th align="left">鐘舵��</uni-th> + <uni-td align="right">{{ coalStatus[coalDetailsData.status] }}</uni-td> + </uni-tr> + <uni-tr> + <uni-th align="left">鐓ゅ満</uni-th> + <uni-td align="right">{{ coalDetailsData.filedName || '' }}</uni-td> + </uni-tr> + <uni-tr> + <uni-th align="left">鍙戣繍鏃堕棿</uni-th> + <uni-td align="right">{{ coalDetailsData.sendDate || '' }}</uni-td> + </uni-tr> + <uni-tr> + <uni-th align="left">鎻愮叅鍗曠紪鍙�</uni-th> + <uni-td align="right">{{ coalDetailsData.code || '' }}</uni-td> + </uni-tr> + <uni-tr> + <uni-th align="left">璁㈠崟缂栧彿</uni-th> + <uni-td align="right">{{ coalDetailsData.orderCode || '' }}</uni-td> + </uni-tr> + </uni-table> + </scroll-view> + <!-- <view class="bangDanMessage"> <view class=""> - <text>瀹㈡埛锛歿{ coalDetailsData.customerName || '' }}</text> + <text>瀹㈡埛锛歿{}}</text> <text>鐭垮満锛歿{ coalDetailsData.deptName || '' }}</text> </view> <view class=""> @@ -20,7 +68,7 @@ <text>鎻愮叅鍗曠紪鍙凤細{{ coalDetailsData.code || '' }}</text> <text>璁㈠崟缂栧彿锛歿{ coalDetailsData.orderCode || '' }}</text> </view> - </view> + </view> --> <view class="timeLine" style="font-size: 16rpx;"> <u--text type="primary" size="30" plain v-for="(item, index) in dayRZ" :key="index" :text="item.taskStatusDes"></u--text> </view> @@ -100,8 +148,14 @@ sceneId: '', gateCameraId: '', equipmentCode: '', - weigh: 0 - } + weigh: 0, + sceneInOut: '' + }, + // 鍘熷彂淇℃伅 + primarySkin: null, + primaryHair: null, + primaryClean: null, + scrollTop: 0 }; }, onShow() { @@ -142,7 +196,8 @@ getTakeCoal() { this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => { if (res.code == 0) { - this.coalDetailsData = res.data[0]; + console.log(res, '鎻愮叅鍗曡鎯�'); + this.coalDetailsData = res.data; // 鑾峰彇鎵�鍦ㄧ鎴垮弬鏁拌祴鍊� this.getWeightHouseObj.deptId = this.coalDetailsData.deptId; this.getWeightHouseObj.filedId = this.coalDetailsData.filedId; @@ -158,6 +213,10 @@ this.getServiceOpenid.filedId = this.coalDetailsData.filedId; // 鑾峰彇鎻愮叅鍗曠姸鎬� this.currentPageCoalStatus = this.coalDetailsData.status; + // 鑾峰彇鍘熷彂淇℃伅 + this.primarySkin = this.coalDetailsData.skinTwo; + this.primaryHair = this.coalDetailsData.hairTwo; + this.primaryClean = this.coalDetailsData.cleanTwo; } }); }, @@ -245,11 +304,14 @@ this.weighData.sceneId = res.data.id; this.weighData.gateCameraId = res.data.lastEquipmentId; this.weighData.equipmentCode = res.data.lastEquipmentCode; + this.weighData.sceneInOut = res.data.sceneInOut; this.weighHouseCode = res.data.code; uni.navigateTo({ url: `/pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice?takeCoalId=${this.orderPlanId}&sceneId=${ res.data.id - }&gateCameraId=${res.data.lastEquipmentId}&gateCameraCode=${res.data.lastEquipmentCode}&weighHouseCode=${res.data.code}` + }&gateCameraId=${res.data.lastEquipmentId}&gateCameraCode=${res.data.lastEquipmentCode}&weighHouseCode=${res.data.code}&primarySkin=${ + this.primarySkin + }&primaryHair=${this.primaryHair}&psrimaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}` }); } else { this.$u.toast('鏈湪纾呮埧锛岃鍓嶅線纾呮埧鍚庡啀璇曪紒锛�'); @@ -294,47 +356,73 @@ display: flex; flex-direction: column; .bangDanMessage { - padding: vww(10); - border: vww(2) solid #dddddd; - border-radius: vww(20); - margin: vww(20); - margin-bottom: vww(10); - height: 40%; - font-size: vww(18); - font-weight: 600; - view { - margin-bottom: vww(10); - } - view:nth-of-type(1) { - display: flex; - text { - width: 50%; - text-align: center; + width: 96%; + margin: 0 auto; + height: 50%; + } + // 琛ㄦ牸鏍峰紡 + .uni-table { + .uni-table-tr { + padding: 0; + border: vww(1) solid #c6c6c6; + .uni-table-th { + font-size: vww(14); + height: vww(20); + line-height: vww(20); + // padding: vww(5) vww(10); + color: #111111; + font-weight: 500; + background: #e2e2e2; } - } - view:nth-of-type(2) { - display: flex; - text { - width: 33%; - text-align: center; - } - } - view:nth-of-type(3) { - display: flex; - text { - width: 50%; - text-align: center; - } - } - view:nth-of-type(4) { - display: flex; - flex-direction: column; - text { - margin-bottom: vww(10); - text-align: center; + .uni-table-td { + font-size: vww(14); + font-weight: 400; + height: vww(20); + line-height: vww(20); + padding: vww(5) vww(10); + color: #111111; } } } + // .bangDanMessage { + // margin: vww(20); + // margin-bottom: vww(10); + // height: 40%; + // font-size: vww(18); + // font-weight: 600; + // view { + // margin-bottom: vww(10); + // } + // view:nth-of-type(1) { + // display: flex; + // text { + // width: 50%; + // text-align: center; + // } + // } + // view:nth-of-type(2) { + // display: flex; + // text { + // width: 33%; + // text-align: center; + // } + // } + // view:nth-of-type(3) { + // display: flex; + // text { + // width: 50%; + // text-align: center; + // } + // } + // view:nth-of-type(4) { + // display: flex; + // flex-direction: column; + // text { + // margin-bottom: vww(10); + // text-align: center; + // } + // } + // } .timeLine { height: 25%; margin: vww(20); -- Gitblit v1.9.1