From da4d9e70d2c37f59a365b0fb88ad70e8c1ba79b4 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期一, 11 十二月 2023 10:25:01 +0800
Subject: [PATCH] 机器开机率优化

---
 src/views/cockpitPage/components/WorkOrderProgress.vue |   19 ++++++++++---------
 1 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/views/cockpitPage/components/WorkOrderProgress.vue b/src/views/cockpitPage/components/WorkOrderProgress.vue
index b10bdab..9553515 100644
--- a/src/views/cockpitPage/components/WorkOrderProgress.vue
+++ b/src/views/cockpitPage/components/WorkOrderProgress.vue
@@ -26,6 +26,7 @@
             prop="Product"
             label="浜у搧"
             align="center"
+            min-width="100"
             show-overflow-tooltip
           >
           </el-table-column>
@@ -51,7 +52,7 @@
             show-overflow-tooltip
           >
           </el-table-column>
-          <el-table-column label="瀹屾垚杩涘害" align="center" min-width="160">
+          <el-table-column label="瀹屾垚杩涘害" align="center" min-width="130">
             <template slot-scope="scope">
               <div class="progerss-bg">
                 <div
@@ -71,18 +72,19 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column label="寤舵湡棰勮" align="center">
+          <el-table-column label="寤舵湡棰勮" align="center" width="90">
             <template slot-scope="scope">
               <div v-show="scope.row.DelayDays > 0" class="round-view">
                 <div class="round red-bg"></div>
                 <div class="title red-color">
-                  {{ scope.row.DelayDays + "澶�" }}
+                  {{ scope.row.DelayDays > 10 ? ">10" : scope.row.DelayDays
+                  }}{{ "澶�" }}
                 </div>
               </div>
               <div v-show="scope.row.DelayDays < 0" class="round-view">
                 <div class="round green-bg"></div>
                 <div class="title green-color">
-                  {{ scope.row.DelayDays + "澶�" }}
+                  {{ Math.abs(scope.row.DelayDays) + "澶�" }}
                 </div>
               </div>
             </template>
@@ -198,12 +200,11 @@
       .round-view {
         display: flex;
         justify-content: center;
-
+        align-items: center;
         .round {
-          width: 22px;
-          height: 22px;
-          border-radius: 11px;
-
+          width: 16px;
+          height: 16px;
+          border-radius: 8px;
           margin-right: 5px;
         }
         .red-bg {

--
Gitblit v1.8.0