From 70f88908796b35cfcb5abcd7ad5cc900a1dcc39e Mon Sep 17 00:00:00 2001
From: dzc <2388224167@qq.com>
Date: Mon, 27 Oct 2025 11:08:02 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A3=9F=E5=A0=82=E6=A0=B7=E5=BC=8F=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/abnormal-event-type-status.vue | 29 ++++++++++++++-----
 src/components/person-through-rank.vue        |  8 ++---
 2 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/src/components/abnormal-event-type-status.vue b/src/components/abnormal-event-type-status.vue
index e50d4b5..d4ebfdf 100644
--- a/src/components/abnormal-event-type-status.vue
+++ b/src/components/abnormal-event-type-status.vue
@@ -6,13 +6,25 @@
         <el-segmented v-model="activeSegment" :options="props.segments" :props="{ label: 'label', value: 'value' }"
           size="small" @change="dateTypeChange" />
       </div>
-      <div class="area-info-item" v-for="(item, index) in props.data" :key="item.name" @click="doItem(item)">
-        <span
-          :style="{ width: '1vw', height: '1vw', background: colors[index], borderRadius: '50%', display: 'inline-block' }"></span>
-        <span class="name">{{ item.title }}</span>
-        <span :style="{ marginLeft: '0.2vw', color: colors[index] }">{{ item.total }}次</span>
-        <span :style="{ marginLeft: '0.1vw', color: colors[index], fontSize: '0.6vw' }"> ({{ percent(item.total) }})
-        </span>
+      <!-- <div class="area-info">
+        <div class="area-info-item" v-for="(item, index) in 10" :key="item.name" @click="doItem(item)">
+          <span
+            :style="{ width: '1vw', height: '1vw', background: colors[index], borderRadius: '50%', display: 'inline-block' }"></span>
+          <span class="name">新县府二楼</span>
+          <span :style="{ marginLeft: '0.2vw', color: colors[index] }">433次</span>
+          <span :style="{ marginLeft: '0.1vw', color: colors[index], fontSize: '0.6vw' }"> ({{ 23.4 }}%)
+          </span>
+        </div>
+      </div> -->
+      <div class="area-info">
+        <div class="area-info-item" v-for="(item, index) in props.data" :key="item.name" @click="doItem(item)">
+          <span
+            :style="{ width: '1vw', height: '1vw', background: colors[index], borderRadius: '50%', display: 'inline-block' }"></span>
+          <span class="name">{{ item.title }}</span>
+          <span :style="{ marginLeft: '0.2vw', color: colors[index] }">{{ item.total }}次</span>
+          <span :style="{ marginLeft: '0.1vw', color: colors[index], fontSize: '0.6vw' }"> ({{ percent(item.total) }})
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -215,7 +227,7 @@ onBeforeUnmount(() => {
     display: flex;
     flex-direction: column;
     align-items: center;
-    justify-content: center;
+    justify-content: space-between;
     gap: 1vh;
 
     .segmented {
@@ -227,6 +239,7 @@ onBeforeUnmount(() => {
     }
 
     .area-info {
+      width: 100%;
       overflow: scroll;
       scrollbar-width: none;
       -ms-overflow-style: none;
diff --git a/src/components/person-through-rank.vue b/src/components/person-through-rank.vue
index 27b7d21..b5b1896 100644
--- a/src/components/person-through-rank.vue
+++ b/src/components/person-through-rank.vue
@@ -106,11 +106,11 @@ const options = {
         borderRadius: [0, 10, 10, 0],
         color: (params) => {
           const palette = [
+            ["#1F4F68", "#2FC6DC"],
+            ["#1F4F68", "#2FC6DC"],
+            ["#1F4F68", "#2FC6DC"],
+            ["#1F4F68", "#2FC6DC"],
             ["#F47E3D", "#F4C93D"],
-            ["#1F4F68", "#2FC6DC"],
-            ["#1F4F68", "#2FC6DC"],
-            ["#1F4F68", "#2FC6DC"],
-            ["#1F4F68", "#2FC6DC"],
           ];
           const [c1, c2] = palette[params.dataIndex % palette.length];
           return new echarts.graphic.LinearGradient(1, 0, 0, 0, [