From 508aa6caec58d6f4093b356c0a4f7ddccf4865bf Mon Sep 17 00:00:00 2001
From: liuying <1427574514@qq.com>
Date: 周日, 01 12月 2024 17:07:03 +0800
Subject: [PATCH] 大屏
---
LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/component/CountView.vue | 44 ++++++++++++++++++++++----------------------
1 files changed, 22 insertions(+), 22 deletions(-)
diff --git a/LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/component/CountView.vue b/LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/component/CountView.vue
index 401857a..2a06347 100644
--- a/LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/component/CountView.vue
+++ b/LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/component/CountView.vue
@@ -1,45 +1,45 @@
<template>
<div class="count">
- <div class="count_item" v-for="(item,index) in countList" :key="index">
- <div class="square" :style="{background: setBgColor(item.type)}"></div>
- <span>{{item.title}}</span>
- <span class="count_num">{{item.count}}</span>
+ <div class="count_item" v-for="(item, index) in countList" :key="index">
+ <div class="square" :style="{ background: setBgColor(item.type) }"></div>
+ <span>{{ item.title }}</span>
+ <span class="count_num">{{ item.count }}</span>
</div>
</div>
</template>
<script lang="ts" setup>
-import { defineProps, computed } from 'vue'
+import { defineProps, computed } from 'vue';
const props = defineProps({
countData: {
type: Array,
- required: true
- }
-})
-const countList: Record<any, any> = computed(() => props.countData)
-//璁剧疆鑳屾櫙
+ required: true,
+ },
+});
+const countList: Record<any, any> = computed(() => props.countData);
+//璁剧疆鑳屾櫙 姝ｅ父 = 1, 灏佸瓨 = 2, 绂佸嚭 = 3, 绂佸叆 = 4, 閿佸畾 = 5
const setBgColor = (type: number): string => {
- let color = ''
+ let color = '';
switch (type) {
- case 0:
- color = '#A2A2A2';
- break;
case 1:
- color = '#F18201';
+ color = '#F18201'; //姗樿壊 姝ｅ父
break;
case 2:
- color = '#2BA6FF';
+ color = '#2BA6FF'; //钃濊壊 灏佸瓨
break;
case 3:
- color = '#FFFF00';
-
+ color = '#FFFF00'; //榛勮壊 绂佸嚭
break;
+
case 4:
- color = '#FF0000';
+ color = '#A2A2A2'; //鐏拌壊 绂佸叆
+ break;
+
+ case 5:
+ color = '#FF0000'; //绾㈣壊 閿佸畾
break;
}
return color;
-}
-
+};
</script>
<style lang="less" scoped>
.count {
@@ -70,4 +70,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3