From b95cf940af8e01e4eca30b2599b029c2f645bd1e Mon Sep 17 00:00:00 2001
From: charles <981744753@qq.com>
Date: 星期一, 29 四月 2024 10:44:26 +0800
Subject: [PATCH] feat:创建新分支

---
 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