From 54a0b7c1a758f958f7e6fd0b86fa8e0aecfeca75 Mon Sep 17 00:00:00 2001
From: qingyiay <2386314947@qq.com>
Date: 星期一, 28 八月 2023 16:17:33 +0800
Subject: [PATCH] 呼叫客服增加选择呼叫类型
---
pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue | 104 ++++++++++++++++++++++++++++++----------------------
1 files changed, 60 insertions(+), 44 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..833583d 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,52 +1,59 @@
<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" style="background:url(https://mx.jzeg.cn:9095/appimg/image/coalBackgroud/coal-background.png) no-repeat;background-size: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 class="bigFont">{{ coalData.deptName || '鏆傛棤鎵�灞炵熆' }}</view>
+ <view class="bigFont">{{ coalData.coalName || '鏆傛棤鐓ょ' }}</view>
+ <view class="bigFont">{{ coalData.carNo || '鏆傛棤杞︾墝' }}</view>
</view>
<view class="driver-coalThree">
- <view class="">鏃槼鐒﹀寲鏈夐檺璐ｄ换鍏徃</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="https://mx.jzeg.cn:9095/appimg/logo.gif" mode=""></image></view>
</view>
</view>
</template>
<script>
- export default {
- onLoad(value) {
- console.log('椤甸潰鍔犺浇', value);
- if (value.orderPlanId) {
- this.orderPlanId = value.orderPlanId;
- }
- },
- data() {
- return {
- orderPlanId: null
- };
- },
- onShow() {
- this.init();
- },
- methods: {
- init() {
- this.getTakeCoal();
- },
- // 鑾峰彇鎻愮叅鍗曡鎯�
- getTakeCoal() {
- this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
- console.log('鑾峰彇鎻愮叅鍗曡鎯�', res);
- });
- }
- /**
- * @desc 绛夊緟鍙栫叅鍗曟帴鍙�
- * */
+export default {
+ onLoad(value) {
+ console.log('椤甸潰鍔犺浇', value);
+ if (value.orderPlanId) {
+ this.orderPlanId = value.orderPlanId;
}
+ },
+ data() {
+ return {
+ orderPlanId: null,
+ coalData: {}
+ };
+ },
+ onShow() {
+ this.init();
+ },
+ methods: {
+ init() {
+ this.getTakeCoal();
+ },
+ // 鑾峰彇鎻愮叅鍗曡鎯�
+ getTakeCoal() {
+ this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
+ console.log('鑾峰彇鎻愮叅鍗曡鎯�', res);
+ if (res.code == 0) {
+ this.coalData = res.data;
+ } else {
+ this.$u.toast('鍔犺浇澶辫触');
+ }
+ });
+ }
+ /**
+ * @desc 绛夊緟鍙栫叅鍗曟帴鍙�
+ * */
}
+};
</script>
<style lang="scss" scoped>
@@ -64,43 +71,52 @@
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 {
+ width: 80%;
margin-top: 20%;
+ margin: 20% auto 0;
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-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(76);
+ margin-top: vww(15);
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);
+ margin-top: vww(15);
}
}
&-coalFour {
- margin: vww(68) 0 0 45.5%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: absolute;
+ width: 100%;
+ bottom: 161rpx;
image {
- width: vww(35);
- height: vww(35);
+ width: vww(52);
+ height: vww(52);
}
}
}
}
</style>
-
--
Gitblit v1.9.1