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 | 59 ++++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 42 insertions(+), 17 deletions(-)
diff --git a/src/views/cockpitPage/components/StatisticalBox.vue b/src/views/cockpitPage/components/StatisticalBox.vue
index f456aaa..851656a 100644
--- a/src/views/cockpitPage/components/StatisticalBox.vue
+++ b/src/views/cockpitPage/components/StatisticalBox.vue
@@ -2,14 +2,17 @@
<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-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.title == '寤舵湡浜や粯' || item.title == '鐗╂枡涓嶈冻'
- ? 'redColor'
- : ''
- "
+ :class="item.label == '寤舵湡浜や粯' ? 'redColor' : ''"
>
{{ item.value }}
</div>
@@ -21,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: {},
--
Gitblit v1.8.0