From 14101bd42ce17dfb9d951d0738abe9d303fb3fe5 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期一, 11 十二月 2023 10:41:39 +0800 Subject: [PATCH] 机器开机率、人员技能比饼图优化 --- src/views/cockpitPage/components/StatisticalBox.vue | 63 +++++++++++++++++++++++++------ 1 files changed, 50 insertions(+), 13 deletions(-) diff --git a/src/views/cockpitPage/components/StatisticalBox.vue b/src/views/cockpitPage/components/StatisticalBox.vue index 934dd76..851656a 100644 --- a/src/views/cockpitPage/components/StatisticalBox.vue +++ b/src/views/cockpitPage/components/StatisticalBox.vue @@ -2,8 +2,20 @@ <div class="statistical-box"> <div v-for="item in allList" class="all-bg"> <div class="box"> - <div class="commom-title">{{ item.title }}</div> - <div class="commom-value">{{ item.value }}</div> + <div class="commom-title">{{ item.label }}</div> + <div + v-if="item.label == '鐗╂枡涓嶈冻/寰呮帓绋�'" + class="commom-value redColor" + > + {{ item.value }}/{{ item.value1 }} + </div> + <div + v-else + class="commom-value" + :class="item.label == '寤舵湡浜や粯' ? 'redColor' : ''" + > + {{ item.value }} + </div> </div> </div> </div> @@ -12,18 +24,40 @@ <script> export default { components: {}, - props: {}, - data() { - return { - allList: [ - { title: "寮�鏈哄彴鏁�", value: 200 }, - { title: "鎬讳骇閲�", value: 1200 }, - { title: "鐢熶骇宸ュ崟鏁�", value: 200 }, - { title: "寤舵湡浜や粯", value: 20 }, - { title: "鐗╂枡涓嶈冻", value: 10 }, - { title: "璁″垝杈炬垚鐜�", value: 2 }, + props: { + allList: { + type: Array, + default: () => [ + { + value: 200, + label: "寮�鏈哄彴鏁�", + }, + { + value: 1200, + label: "鎬讳骇閲�", + }, + { + value: 200, + label: "鐢熶骇宸ュ崟鏁�", + }, + { + value: 20, + label: "寤舵湡浜や粯", + }, + { + value: 10, + value1: 0, + label: "鐗╂枡涓嶈冻/寰呮帓绋� ", + }, + { + value: 2, + label: "璁″垝杈炬垚鐜�", + }, ], - }; + }, + }, + data() { + return {}; }, mounted() {}, watch: {}, @@ -59,6 +93,9 @@ font-family: "Arial Negreta", "Arial Normal", "Arial"; font-weight: 700; } + .redColor { + color: #ff0000; + } } } } -- Gitblit v1.8.0