From 36e706bdaddda0a3c7931a1a8e89007714bed1cc Mon Sep 17 00:00:00 2001
From: zhoule <zz221011@163.com>
Date: Mon, 5 Feb 2024 10:23:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=84=9F=E7=9F=A5=E4=BA=8B=E4=BB=B6=E6=A3=80?=
 =?UTF-8?q?=E6=B5=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../eventDetection/components/eventQuery/index.vue     |  6 +++---
 .../components/eventQuery/progressBar.vue              | 10 ++++++++--
 .../components/eventSource/assets/charts.js            |  2 +-
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue
index 78ba5de1..b5f5519e 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue
@@ -169,14 +169,14 @@ export default {
 
   },
   methods: {
-    selectProgress(item) {
-      this.selectId = item.id;
+    selectProgress(item, index) {
+      this.selectId = index;
     },
     onReset() {
       this.area = '1';
       this.year = "year";
       this.dateTime = '2024';
-      this.selectId = 1;
+      this.selectId = 0;
     },
     searchQuery() {
       let dateTime = this.dateTime;
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/progressBar.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/progressBar.vue
index 88b6925c..5d64d3c3 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/progressBar.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/progressBar.vue
@@ -1,12 +1,18 @@
 <template>
     <div class='congestion'>
         <div :style="{ width: dataList.length * 300 }">
-            <div :class="selectIndex == index ? selectLine < 1 ? 'item action Abefore' : 'item action Aafter' : selectIndex + selectLine == index ? selectLine < 1 ? 'item action Aafter' : 'item action Abefore' : 'item'"
+
+            <div :class="selectIndex == index ?
+                (selectLine < 1 ? 'item action Abefore' : 'item action Aafter') :
+                (selectIndex + selectLine == index ?
+                    (selectLine < 1 ? 'item action Aafter' : 'item action Abefore') : 'item')"
                 v-for="(item, index) in dataList" :key="index">
+
                 <i class="after" @click="selectItem(index, -1, dataList[index - 1])"></i>
                 <i class="before" @click="selectItem(index, +1, item)"></i>
                 <span></span>
                 <div>{{ item.title }}</div>
+
             </div>
         </div>
     </div>
@@ -44,7 +50,7 @@ export default {
             this.selectIndex = index;
             this.selectLine = num;
             if (item)
-                this.$emit("selectItem", item);
+                this.$emit("selectItem", item, index);
         }
     },
     mounted() {
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/assets/charts.js
index 67527510..a3b07119 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/assets/charts.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/assets/charts.js
@@ -70,7 +70,7 @@ var options = {
     backgroundColor: "#ffffff",
   },
   title: {   //圆环中间内容
-    text: '{tb|1}',
+    text: '{tb|100}',
     subtext: '{zb|总数}',
     left: "22%",
     top: "40%",