From 2b7b4e2ea52a17eda4eca7ada4a139ad20785631 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期一, 04 三月 2024 14:36:57 +0800
Subject: [PATCH] fix:修改地图以及细节部分
---
src/views/daoAnOffice/right/analysis/index.vue | 53 +++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 39 insertions(+), 14 deletions(-)
diff --git a/src/views/daoAnOffice/right/analysis/index.vue b/src/views/daoAnOffice/right/analysis/index.vue
index 00af929..85010c9 100644
--- a/src/views/daoAnOffice/right/analysis/index.vue
+++ b/src/views/daoAnOffice/right/analysis/index.vue
@@ -3,8 +3,8 @@
<RightTitle title="浜ら�氬畨鍏ㄥ舰鍔跨爺鍒ゅ垎鏋�">
<template #top>
<div class="select-container flex">
- <div class="item whitespace-no-wrap cursor-pointer" :class="{'select-active': item.isActive}" v-for="item in selectItems" :key="item.itemIndex"
- @click="changeChart(item)">
+ <div class="item whitespace-no-wrap cursor-pointer" :class="{ 'select-active': item.isActive }"
+ v-for="item in selectItems" :key="item.itemIndex" @click="changeChart(item)">
{{ item.name }}
</div>
</div>
@@ -42,8 +42,8 @@
const selectItems = ref([
- { itemIndex: 1, name: '鏃堕棿缁熻', isActive: false },
- { itemIndex: 2, name: '琛楅亾缁熻', isActive: true },
+ { itemIndex: 1, name: '鏃堕棿缁熻', isActive: true },
+ { itemIndex: 2, name: '琛楅亾缁熻', isActive: false },
]);
const testData = ref([
@@ -59,12 +59,36 @@
]);
const testData1 = ref([
- { name: '閮芥睙鍫板競', state: { '2023-1': 1000, '2023-2': 2000, '2023-3': 1233 }, state2: { '2023-1': 12312, '2023-2': 23123, '2023-3': 2111 } },
- { name: '濂庡厜濉旇閬�', state: { '2023-1': 1000, '2023-2': 6000, '2023-3': 1233 }, state2: { '2023-1': 12312, '2023-2': 23123, '2023-3': 2111 } },
- { name: '钂查槼琛楅亾', state: { '2023-1': 1000, '2023-2': 2000, '2023-3': 1233 }, state2: { '2023-1': 12312, '2023-2': 23123, '2023-3': 2111 } },
- { name: '鑱氭簮闀�', state: { '2023-1': 1000, '2023-2': 8000, '2023-3': 12233 }, state2: { '2023-1': 12312, '2023-2': 23123, '2023-3': 2111 } },
- { name: '閾舵潖琛楅亾', state: { '2023-1': 1000, '2023-2': 2000, '2023-3': 1233 }, state2: { '2023-1': 12312, '2023-2': 23123, '2023-3': 2111 } },
- { name: '鐭崇緤闀�', state: { '2023-1': 1000, '2023-2': 2000, '2023-3': 12313 }, state2: { '2023-1': 12312, '2023-2': 23123, '2023-3': 2111 } },
+ {
+ name: '閮芥睙鍫板競',
+ state: { '2023-1': 1000, '2023-2': 2000, '2023-3': 1233,'2023-4': 2132, '2023-5': 2999 },
+ state2: { '2023-1': 12312, '2023-2': 2312, '2023-3': 2111,'2023-4': 2132, '2023-5': 2999 }
+ },
+ {
+ name: '濂庡厜濉旇閬�',
+ state: { '2023-1': 21, '2023-2': 12, '2023-3': 224,'2023-4': 662, '2023-5': 71 },
+ state2: { '2023-1': 12312, '2023-2': 21, '2023-3': 2111,'2023-4': 2132, '2023-5': 2999 }
+ },
+ {
+ name: '钂查槼琛楅亾',
+ state: { '2023-1': 1000, '2023-2': 2131, '2023-3': 1233,'2023-4': 2132, '2023-5': 3211 },
+ state2: { '2023-1': 12312, '2023-2': 23123, '2023-3': 2111,'2023-4': 2132, '2023-5': 2999 }
+ },
+ {
+ name: '鑱氭簮闀�',
+ state: { '2023-1': 1000, '2023-2': 500, '2023-3': 1111,'2023-4': 2132, '2023-5': 2999 },
+ state2: { '2023-1': 12312, '2023-2': 2222, '2023-3': 2111,'2023-4': 2132, '2023-5': 2999 }
+ },
+ {
+ name: '閾舵潖琛楅亾',
+ state: { '2023-1': 1000, '2023-2': 2000, '2023-3': 1233,'2023-4': 2132, '2023-5': 12 },
+ state2: { '2023-1': 1231, '2023-2': 121, '2023-3': 123,'2023-4': 321, '2023-5': 2999 }
+ },
+ {
+ name: '鐭崇緤闀�',
+ state: { '2023-1': 1000, '2023-2': 8334, '2023-3': 1233,'2023-4': 123, '2023-5': 0 },
+ state2: { '2023-1': 12312, '2023-2': 512, '2023-3': 241,'2023-4': 2132, '2023-5': 2999 }
+ },
]);
let acitveData = ref(testData1.value[0]);
@@ -291,15 +315,17 @@
.item {
margin: 0 8px;
padding: 10px 14px;
- font-size: 12px;
+ font-size: 14px;
background: rgba(67, 102, 155, 0.4);
border: 1px solid rgba(47, 91, 157, 0.8);
flex-shrink: 0;
color: #5B83BD;
}
+
.select-active {
- color: #fff;
+ color: #fff;
}
+
.item:last-child {
margin-right: 0;
}
@@ -336,5 +362,4 @@
.el-input__inner {
color: #4481DD;
}
-}
-</style>
\ No newline at end of file
+}</style>
\ No newline at end of file
--
Gitblit v1.8.0