From 825abb00f52fe7d68b3479f328928bf74a47171e Mon Sep 17 00:00:00 2001
From: 819527061@qq.com <123456>
Date: 星期四, 18 七月 2024 10:56:11 +0800
Subject: [PATCH] 细节问题
---
pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue | 209 +++++++++++++++++++++++++++++-----------------------
1 files changed, 116 insertions(+), 93 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 e0fdead..5ad1912 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,118 +1,141 @@
<template>
<view class="coal-pick-up-bill">
- <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"
+ :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/coal-background.png)`, backgroundSize: '100% 100%', }">
+ <view class="driver-coalOne">鐢靛瓙閫氱煡鍗�</view>
<view class="driver-coalTwo">
<view>{{ coalData.code || '鏆傛棤璁㈠崟缂栧彿' }}</view>
+ <view>{{ coalData.orderType || '鏆傛棤璁㈠崟绫诲瀷' }}</view>
<view class="bigFont">{{ coalData.deptName || '鏆傛棤鎵�灞炵熆' }}</view>
- <view class="bigFont">{{ coalData.coalName || '鏆傛棤鐓ょ' }}</view>
+ <view class="bigFont">{{ coalData.coalName || '鏆傛棤鐗╂枡' }}</view>
<view class="bigFont">{{ coalData.carNo || '鏆傛棤杞︾墝' }}</view>
</view>
<view class="driver-coalThree">
<view>{{ coalData.customerName || '鏆傛棤鍗曚綅' }}</view>
- <view>{{ coalData.yuYueTime ? coalData.yuYueTime.slice(0, 10) + ' ' + coalData.yuYueTime.slice(11, 22) : '鏆傛棤鏃堕棿' }}</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>
-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();
+ import { onlineurl } from '@/api/request.js'
+ export default {
+ onLoad(value) {
+ console.log('椤甸潰鍔犺浇', value);
+ if (value.orderPlanId) {
+ this.orderPlanId = value.orderPlanId;
+ }
},
- // 鑾峰彇鎻愮叅鍗曡鎯�
- getTakeCoal() {
- this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
- console.log('鑾峰彇鎻愮叅鍗曡鎯�', res);
- if (res.code == 0) {
- this.coalData = res.data[0];
- } else {
- this.$u.toast('鍔犺浇澶辫触');
- }
- });
+ data() {
+ return {
+ orderPlanId: null,
+ coalData: {},
+ onlineurl,
+ };
+ },
+ 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 绛夊緟鍙栫叅鍗曟帴鍙�
+ * */
}
- /**
- * @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: 40px;
+ 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);
- font-size: 40px;
- }
- view:nth-child(4) {
- margin-top: vww(15);
- font-size: 40px;
- }
- }
- &-coalThree {
- margin-top: vww(46);
- 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(59) 0 0 43%;
- image {
- width: vww(52);
- height: vww(52);
+
+ &-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