From e176ec0f4e2e35342bef6c909786c31d7fd8316f Mon Sep 17 00:00:00 2001
From: zh <314079846@qq.com>
Date: 星期一, 25 十一月 2024 10:07:03 +0800
Subject: [PATCH] 首頁
---
src/views/components/projectOverview.vue | 79 +++++++++++++++++++++++++++------------
1 files changed, 55 insertions(+), 24 deletions(-)
diff --git a/src/views/components/projectOverview.vue b/src/views/components/projectOverview.vue
index 0cb5697..3bda1ba 100644
--- a/src/views/components/projectOverview.vue
+++ b/src/views/components/projectOverview.vue
@@ -26,24 +26,24 @@
</div>
<div class="abnormal-img"></div>
</div>
- <div class="flex gap-[10px] ml-[10px] flex-wrap custom-min-width">
+ <div class="overview-div custom-min-width">
<div
v-for="i in calculation"
:key="i.text"
- :class="setbcStyle(i.text)"
+ :style="setbcStyle(i.text)"
class="listings"
@click="showDetail(i.text)"
>
- <div :class="setTextStyle(i.text)" class="title">
+ <div :style="setTextStyle(i.text)" class="title">
{{ i.text }}
</div>
<div class="conter">
- <div :class="setTextColor(i.text)" class="mun">
+ <div :style="setTextColor(i.text)" class="mun">
{{ i.mun }}
</div>
<div class="statistics">
<div>{{ i.statistics }}</div>
- <div :class="setTextColor(i.text)">
+ <div :style="setTextColor(i.text)">
{{ i.statisticsMun
}}<span style="font-size: 18px">浜�</span>
</div>
@@ -146,34 +146,58 @@
},
props: {
calculation: Array,
- countExceptionProjectData:Object,
+ countExceptionProjectData: Object,
+ },
+ watch: {
+ // calculation: {
+ // handler(val) {
+ // console.log("11111" + val);
+
+ // },
+ // },
+ // countExceptionProjectData: {
+ // handler(val) {
+ // console.log("22222" + val);
+
+ // },
+ // },
},
methods: {
setTextStyle(text) {
- if (text === '鍌�') return 'bg-[#3369FF]';
- if (text === '寤�') return 'bg-[#64ADFD]';
- if (text === '鐪�') return 'bg-[#FF5E57]';
- if (text === '甯�') return 'bg-[#FFA83F]';
- if (text === '鏂�') return 'bg-[#5DD1E5]';
- if (text === '绔�') return 'bg-[#576BF5]';
- if (text === '鍘�') return 'bg-[#3369FF]';
- if (text === '鏅�') return 'bg-[#64ADFD]';
+ if (text === '鍌�') return 'background-color:#3369FF';
+ if (text === '寤�') return 'background-color:#64ADFD';
+ if (text === '鐪�') return 'background-color:#FF5E57';
+ if (text === '甯�') return 'background-color:#FFA83F';
+ if (text === '鏂�') return 'background-color:#5DD1E5';
+ if (text === '绔�') return 'background-color:#576BF5';
+ if (text === '鍘�') return 'background-color:#3369FF';
+ if (text === '鏅�') return 'background-color:#64ADFD';
return '';
},
-
setTextColor(text) {
- if (text === '鍌�') return 'text-[#3369FF]';
- if (text === '寤�') return 'text-[#64ADFD]';
- if (text === '鐪�') return 'text-[#FF5E57]';
- if (text === '甯�') return 'text-[#FFA83F]';
- if (text === '鏂�') return 'text-[#5DD1E5]';
- if (text === '绔�') return 'text-[#576BF5]';
- if (text === '鍘�') return 'text-[#3369FF]';
- if (text === '鏅�') return 'text-[#64ADFD]';
+ if (text === '鍌�') return 'color:#3369FF';
+ if (text === '寤�') return 'color:#64ADFD';
+ if (text === '鐪�') return 'color:#FF5E57';
+ if (text === '甯�') return 'color:#FFA83F';
+ if (text === '鏂�') return 'color:#5DD1E5';
+ if (text === '绔�') return 'color:#576BF5';
+ if (text === '鍘�') return 'color:#3369FF';
+ if (text === '鏅�') return 'color:#64ADFD';
return '';
},
+ setbcStyle(text) {
+ if (text === '鍌�') return 'background-color:#EAF0FF';
+ if (text === '寤�') return 'background-color:#EFF7FF';
+ if (text === '鐪�') return 'background-color:#FEEEED';
+ if (text === '甯�') return 'background-color:#FFF6EB';
+ if (text === '鏂�') return 'background-color:#EEFAFC';
+ if (text === '绔�') return 'background-color:#EEF0FE';
+ if (text === '鍘�') return 'background-color:#EAF0FF';
+ if (text === '鏅�') return 'background-color:#EFF7FF';
+ return '';
+ },
// 璺宠浆鍒板紓甯搁」鐩�
showAbnormal() {
console.log('璺宠浆寮傚父椤圭洰');
@@ -304,5 +328,12 @@
}
}
}
-
+.overview-div {
+ min-width: 1250px;
+ width: 1250px;
+ gap: 10px;
+ flex-wrap: wrap;
+ display: flex;
+ margin-left: 10px;
+}
</style>
--
Gitblit v1.8.0