From 382526b8d64bffe687ac57d3b51face476def388 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期一, 04 十二月 2023 16:29:18 +0800
Subject: [PATCH] 工单进度统计-延期预警小于零绿色
---
src/views/cockpitPage/components/WorkOrderProgress.vue | 30 +++++++++++++++++++++++++-----
1 files changed, 25 insertions(+), 5 deletions(-)
diff --git a/src/views/cockpitPage/components/WorkOrderProgress.vue b/src/views/cockpitPage/components/WorkOrderProgress.vue
index 0763725..22613f6 100644
--- a/src/views/cockpitPage/components/WorkOrderProgress.vue
+++ b/src/views/cockpitPage/components/WorkOrderProgress.vue
@@ -74,8 +74,16 @@
<el-table-column label="寤舵湡棰勮" align="center">
<template slot-scope="scope">
<div v-show="scope.row.delayWarning > 0" class="round-view">
- <div class="round"></div>
- <div class="title">{{ scope.row.delayWarning + "澶�" }}</div>
+ <div class="round red-bg"></div>
+ <div class="title red-color">
+ {{ scope.row.delayWarning + "澶�" }}
+ </div>
+ </div>
+ <div v-show="scope.row.delayWarning < 0" class="round-view">
+ <div class="round green-bg"></div>
+ <div class="title green-color">
+ {{ scope.row.delayWarning + "澶�" }}
+ </div>
</div>
</template>
</el-table-column>
@@ -194,7 +202,7 @@
{ status: 2 },
{ status: 0 },
],
- delayWarning: 0,
+ delayWarning: -2,
},
{
workOrderId: "A5435",
@@ -344,14 +352,26 @@
.round-view {
display: flex;
justify-content: center;
- color: #ff0000;
+
.round {
width: 22px;
height: 22px;
border-radius: 11px;
- background: #ff0000;
+
margin-right: 5px;
}
+ .red-bg {
+ background: #ff0000;
+ }
+ .green-bg {
+ background: #00cc00;
+ }
+ .red-color {
+ color: #ff0000;
+ }
+ .green-color {
+ color: #00cc00;
+ }
}
}
}
--
Gitblit v1.8.0