From 83bff199d22d380fc7e1b83bb2db0f0814385530 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期四, 07 十二月 2023 16:11:34 +0800 Subject: [PATCH] 饼图背景优化、统计数量字体和位置调整、订单完成比率背景和颜色调整、工单进度列表修改 --- src/views/cockpitPage/components/WorkOrderProgress.vue | 17 +++++++++-------- 1 files changed, 9 insertions(+), 8 deletions(-) diff --git a/src/views/cockpitPage/components/WorkOrderProgress.vue b/src/views/cockpitPage/components/WorkOrderProgress.vue index b10bdab..72dc38e 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,12 +72,13 @@ </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"> @@ -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