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/driver-index.vue | 48 ++++++++++++++++++++++++++++++++++++++----------
1 files changed, 38 insertions(+), 10 deletions(-)
diff --git a/pages/driver-page/driver-index/driver-index.vue b/pages/driver-page/driver-index/driver-index.vue
index 36c7b7a..a9e141c 100644
--- a/pages/driver-page/driver-index/driver-index.vue
+++ b/pages/driver-page/driver-index/driver-index.vue
@@ -13,8 +13,15 @@
<card v-for="(item, index) in driverBillOfLoadingData.list1" :key="index" :name="item.id" backgroundType="2">
<template v-slot:left>
<view class="card-left__top">
- <text>{{ item.carNum }}</text>
- 寮�
+ <view>
+ {{ item.carNum }}
+ <text>寮�</text>
+ </view>
+
+ <view>
+ {{ item.carNum - item.taskNum }}
+ <text>寮�</text>
+ </view>
</view>
<view class="card-left__utils">
<u-button @tap.stop="qiangDanBtn(item)" text="鎶㈠崟" type="primary" shape="circle" v-if="item.carNum - item.taskNum !== 0"></u-button>
@@ -77,20 +84,18 @@
<uni-tr>
<uni-th align="center">鐭垮満</uni-th>
<uni-th align="center">鐓ょ</uni-th>
- <uni-th align="center">宸查绾�</uni-th>
+ <uni-th align="center">鍙戣繍鏃ユ湡</uni-th>
</uni-tr>
<uni-tr>
<uni-td align="left">{{ item.deptName || '' }}</uni-td>
<uni-td align="left">{{ item.coalName || '' }}</uni-td>
- <uni-td align="left">{{ item.cars || 0 }} 杞︽</uni-td>
+ <uni-td align="left">{{ item.sendDate || '' }}</uni-td>
</uni-tr>
- <uni-tr>
- <uni-th align="center">鍙戣繍鏃ユ湡</uni-th>
+ <uni-tr style="margin: 0 auto;">
<uni-th align="center">鐓ゅ満</uni-th>
<uni-th align="center">瀹㈡埛</uni-th>
</uni-tr>
- <uni-tr>
- <uni-td align="left">{{ item.sendDate || '' }}</uni-td>
+ <uni-tr style="margin: 0 auto;">
<uni-td align="left">{{ item.filedName || '' }}</uni-td>
<uni-td align="left">{{ item.customerName || '' }}</uni-td>
</uni-tr>
@@ -244,12 +249,35 @@
margin-bottom: vww(56);
// 鍗＄墖鏍峰紡
.card-left__top {
- margin-top: vww(26);
+ margin: vww(10) 0;
+ padding-left: vww(4);
+ display: flex;
+ flex-direction: column;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ height: vww(80);
text-align: center;
color: #ffffff;
- text {
+ &:after {
+ content: '';
+ position: absolute;
+ width: 5px;
+ height: vww(80);
+ background-color: #fff;
+ left: vww(81);
+ }
+ view {
font-size: vww(48);
font-weight: 800;
+ width: 50%;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: center;
+ text {
+ font-size: vww(16);
+ font-weight: bold;
+ }
}
}
.card-left__utils {
--
Gitblit v1.9.1