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