From a653bcff54e077ad83e31c8528aa174d7a7348f7 Mon Sep 17 00:00:00 2001
From: yangan <yangan0921@163.com>
Date: 星期二, 24 十月 2023 11:46:51 +0800
Subject: [PATCH] 再生资源 bugfix

---
 pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue |  157 ++++++++++++++++++++++++++++++++--------------------
 1 files changed, 96 insertions(+), 61 deletions(-)

diff --git a/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue b/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue
index 0115454..124546c 100644
--- a/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue
+++ b/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue
@@ -1,22 +1,31 @@
 <template>
 	<view class="coal-pick-up-bill">
-		<view class="driver" style="background:url(../../../../../static/image/coalBackgroud/coal-background.png) no-repeat;background-size:100% 100%;">
-			<view class="driver-coalOne">鐢靛瓙鎻愮叅鍗�</view>
+		<view class="driver"
+			:style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/coal-background.png)`, backgroundSize: '100% 100%', }">
+			<view class="driver-coalOne">鐢靛瓙閫氱煡鍗�</view>
 			<view class="driver-coalTwo">
-				<view class="">涓滃簽鐭垮寳浜�</view>
-				<view class="">1/3鐒�</view>
-				<view class="">鍐�A37U98</view>
+				<view>{{ coalData.code || '鏆傛棤璁㈠崟缂栧彿' }}</view>
+				<view>{{ coalData.orderType || '鏆傛棤璁㈠崟绫诲瀷' }}</view>
+				<view class="bigFont">{{ coalData.deptName || '鏆傛棤鎵�灞炵熆' }}</view>
+				<view class="bigFont">{{ coalData.coalName || '鏆傛棤鐓ょ' }}</view>
+				<view class="bigFont">{{ coalData.carNo || '鏆傛棤杞︾墝' }}</view>
 			</view>
 			<view class="driver-coalThree">
-				<view class="">鏃槼鐒﹀寲鏈夐檺璐d换鍏徃</view>
-				<view class="">2022骞�8鏈�28鏃� 15:00:56</view>
+				<view>{{ coalData.customerName || '鏆傛棤鍗曚綅' }}</view>
+				<view>
+					{{ coalData.yuYueTime ? coalData.yuYueTime.slice(0, 10) + ' ' + coalData.yuYueTime.slice(11, 22) : '鏆傛棤鏃堕棿' }}
+				</view>
 			</view>
-			<view class="driver-coalFour"><image src="@/static/logo.gif" mode=""></image></view>
+			<view class="driver-coalFour">
+				<image :src="`${onlineurl}/appimg/logo.gif`"
+					mode=""></image>
+			</view>
 		</view>
 	</view>
 </template>
 
 <script>
+	import { onlineurl } from '@/api/request.js'
 	export default {
 		onLoad(value) {
 			console.log('椤甸潰鍔犺浇', value);
@@ -26,7 +35,9 @@
 		},
 		data() {
 			return {
-				orderPlanId: null
+				orderPlanId: null,
+				coalData: {},
+				onlineurl,
 			};
 		},
 		onShow() {
@@ -36,71 +47,95 @@
 			init() {
 				this.getTakeCoal();
 			},
-			// 鑾峰彇鎻愮叅鍗曡鎯�
+			// 鑾峰彇閫氱煡鍗曡鎯�
 			getTakeCoal() {
 				this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
-					console.log('鑾峰彇鎻愮叅鍗曡鎯�', res);
+					console.log('鑾峰彇閫氱煡鍗曡鎯�', res);
+					if (res.code == 0) {
+						this.coalData = res.data;
+					} else {
+						this.$u.toast('鍔犺浇澶辫触');
+					}
 				});
 			}
 			/**
 			 * @desc 绛夊緟鍙栫叅鍗曟帴鍙�
 			 * */
 		}
-	}
+	};
 </script>
 
-<style lang="scss" scoped>
-::v-deep.coal-pick-up-bill {
-	width: 100%;
-	margin: 0 auto;
-	display: flex;
-	flex-direction: column;
-
-	// 鍙告満椤甸潰
-	.driver {
+<style lang="scss"
+	scoped>
+	::v-deep.coal-pick-up-bill {
 		width: 100%;
-		height: 100vh;
-		&-coalOne {
-			margin-top: 19%;
-			text-align: center;
-			font-size: vww(40);
-			font-family: Source Han Sans CN, Source Han Sans CN-Bold;
-			font-weight: 700;
-			color: #896227;
-		}
-		&-coalTwo {
-			margin-top: 20%;
-			font-size: vww(20);
-			font-family: Source Han Sans CN, Source Han Sans CN-Bold;
-			font-weight: 700;
-			text-align: center;
-			color: #2e363f;
-			view:nth-child(2) {
+		margin: 0 auto;
+		display: flex;
+		flex-direction: column;
+
+		// 鍙告満椤甸潰
+		.driver {
+			width: 100%;
+			height: 100vh;
+
+			&-coalOne {
+				margin-top: 19%;
+				text-align: center;
+				font-size: vww(40);
+				font-weight: 700;
+				color: #896227;
+			}
+
+			&-coalTwo {
+				width: 80%;
+				margin-top: 20%;
+				margin: 20% auto 0;
+				font-size: vww(20);
+				font-weight: 700;
+				text-align: center;
+				color: #2e363f;
+
+				view:nth-child(2) {
+					margin-top: vww(15);
+					font-size: 30px;
+				}
+
+				view:nth-child(3) {
+					margin-top: vww(15);
+					font-size: 30px;
+				}
+
+				view:nth-child(4) {
+					margin-top: vww(15);
+					font-size: 30px;
+				}
+			}
+
+			&-coalThree {
 				margin-top: vww(15);
+				font-size: vww(18);
+				font-weight: 700;
+				text-align: center;
+				color: #2e363f;
+
+				view:nth-child(2) {
+					margin-top: vww(15);
+				}
 			}
-			view:nth-child(3) {
-				margin-top: vww(15);
-			}
-		}
-		&-coalThree {
-			margin-top: vww(76);
-			font-size: vww(18);
-			font-family: Source Han Sans CN, Source Han Sans CN-Bold;
-			font-weight: 700;
-			text-align: center;
-			color: #2e363f;
-			view:nth-child(2) {
-				margin-top: vww(8);
-			}
-		}
-		&-coalFour {
-			margin: vww(68) 0 0 45.5%;
-			image {
-				width: vww(35);
-				height: vww(35);
+
+			&-coalFour {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				position: absolute;
+				width: 100%;
+				bottom: 161rpx;
+
+				image {
+					width: vww(52);
+					height: vww(52);
+				}
 			}
 		}
 	}
-}
-</style>
-
+</style>
\ No newline at end of file

--
Gitblit v1.9.1