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/OrderCompleteRadio.vue | 21 +++++++++++++++++++--
1 files changed, 19 insertions(+), 2 deletions(-)
diff --git a/src/views/cockpitPage/components/OrderCompleteRadio.vue b/src/views/cockpitPage/components/OrderCompleteRadio.vue
index 9d447b0..65f3a64 100644
--- a/src/views/cockpitPage/components/OrderCompleteRadio.vue
+++ b/src/views/cockpitPage/components/OrderCompleteRadio.vue
@@ -14,7 +14,13 @@
:percentage="item.radio"
:define-back-color="'#083f55'"
:text-color="'#fec718'"
- :class="item.radio < 90 ? 'setTitle-right' : 'setTitle-left'"
+ :class="
+ item.radio < 90
+ ? 'setTitle-right'
+ : item.radio == 100
+ ? 'setTitle-complete'
+ : 'setTitle-left'
+ "
></el-progress>
</div>
</div>
@@ -120,6 +126,12 @@
background: url("../../../../public/cockpitPage/order-bg.png") no-repeat
center center / cover;
}
+ .setTitle-complete .el-progress-bar__inner {
+ position: relative;
+ // background: #552d08;
+ background: url("../../../../public/cockpitPage/order-complete.png")
+ no-repeat center center / cover;
+ }
.setTitle-right .el-progress-bar__innerText {
position: absolute;
top: 2px;
@@ -129,9 +141,14 @@
width: 60px;
}
.setTitle-left .el-progress-bar__innerText {
- color: rgb(226, 146, 27) !important;
+ color: #fffb00 !important;
font-size: 18px;
width: 60px;
}
+ .setTitle-complete .el-progress-bar__innerText {
+ color: #fff !important;
+ font-size: 16px;
+ width: 60px;
+ }
}
</style>
--
Gitblit v1.8.0