感知事件检测

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;

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() {

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%",