From 18eb4308e941a265daba8eda2f2ee91115963a3c Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期四, 18 四月 2024 17:06:04 +0800
Subject: [PATCH] 1
---
src/views/dashboard/components/TaskInfo.vue | 35 +++++++++++++++++++++++++++--------
1 files changed, 27 insertions(+), 8 deletions(-)
diff --git a/src/views/dashboard/components/TaskInfo.vue b/src/views/dashboard/components/TaskInfo.vue
index d0ba6e1..ec96d96 100644
--- a/src/views/dashboard/components/TaskInfo.vue
+++ b/src/views/dashboard/components/TaskInfo.vue
@@ -12,14 +12,25 @@
</div>
<div class="task-info-content">
<div class="row">
- <div class="col">宸ュ崟鍙�: {{ task.Order.workOrderId }}</div>
- <div class="col">鐢熶骇鏁伴噺锛歿{ task.Order.amount || 0 }}{{ task.Order.unit }}</div>
+ <div class="col">
+ 宸ュ崟鍙�:
+ <span>{{ task.Order.workOrderId }}</span>
+ </div>
+ <div class="col">
+ 鐢熶骇鏁伴噺: <span>{{ task.Order.amount || 0 }}{{ task.Order.unit }}</span>
+ </div>
</div>
<div class="row">
- <div class="col">褰撳墠浠诲姟: {{ task.Procedure.procedure.procedureName || '' }}</div>
- <div class="col">浜у搧鍚嶇О锛歿{ task.Order.productName || '' }}</div>
+ <div class="col">
+ 褰撳墠浠诲姟:
+ <span>{{ task.Procedure?.procedure?.procedureName || '' }}</span>
+ </div>
+ <div class="col">
+ 浜у搧鍚嶇О:
+ <span>{{ task.Order.productName || '' }}</span>
+ </div>
</div>
- <div class="row">璁″垝鏃堕棿: {{ planTimeText }}</div>
+ <div class="row">璁″垝鏃堕棿:{{ planTimeText }}</div>
</div>
</div>
</template>
@@ -41,7 +52,7 @@
const planTimeText = computed(() => {
const format = (date: number) => {
- return useDateFormat(date, 'YYYY-MM-DD', { locales: 'zh-cn' })
+ return useDateFormat(date, 'YYYY-MM-DD HH:mm:ss', { locales: 'zh-cn' })
}
const startTime = task.value.Procedure?.startTime
@@ -83,8 +94,8 @@
background-color: $status-done;
}
.task-info-content {
- font-size: 13px;
- padding: 10px 20px;
+ font-size: 12px;
+ padding: 10px 15px;
color: $text-color;
.row {
width: 100%;
@@ -95,6 +106,14 @@
.col {
width: 50%;
flex: 1;
+ span {
+ width: calc(100% - 60px);
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: inline-block;
+ vertical-align: middle;
+ }
}
}
.active {
--
Gitblit v1.8.0