From 1b10882a0a46c8b25331ccd2628f7a2a6db8b13f Mon Sep 17 00:00:00 2001
From: schangxiang@126.com <schangxiang@126.com>
Date: 周一, 16 12月 2024 17:35:10 +0800
Subject: [PATCH] 11
---
LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/component/CountView.vue | 73 +++++++++++++++++++++---------------
1 files changed, 43 insertions(+), 30 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..e28125b 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,58 @@
<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);
const setBgColor = (type: number): string => {
- let color = ''
- switch (type) {
- case 0:
- color = '#A2A2A2';
- break;
- case 1:
- color = '#F18201';
- break;
- case 2:
- color = '#2BA6FF';
- break;
- case 3:
- color = '#FFFF00';
+ let color = '';
+ if (type) {
+ switch (type) {
+ case 1:
+ color = '#2BA6FF'; //钃濊壊 鍦ㄥ簱
+ break;
- break;
- case 4:
- color = '#FF0000';
- break;
+ case 2:
+ color = '#FF0000'; //绾㈣壊 宸插喕缁�
+ break;
+ default:
+ color = '#F6C285'; //姗樿壊 姝ｅ父
+ break;
+
+ // case 1:
+ // color = '#F18201'; //姗樿壊 姝ｅ父
+ // break;
+ // case 2:
+ // color = '#2BA6FF'; //钃濊壊 灏佸瓨
+ // break;
+ // case 3:
+ // color = '#FFFF00'; //榛勮壊 绂佸嚭
+ // break;
+
+ // case 4:
+ // color = '#A2A2A2'; //鐏拌壊 绂佸叆
+ // break;
+
+ // case 5:
+ // color = '#FF0000'; //绾㈣壊 閿佸畾
+ // break;
+ }
}
- return color;
-}
+ return color;
+};
</script>
<style lang="less" scoped>
.count {
@@ -70,4 +83,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3