From 91513e171078ed6b0887f87b9fced33895d6d3fb Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 08 七月 2025 08:35:50 +0800
Subject: [PATCH] 2025.7.8

---
 src/views/visualization/SupervisionVisual.vue |   69 ++++++++++++++++++++++++----------
 1 files changed, 48 insertions(+), 21 deletions(-)

diff --git a/src/views/visualization/SupervisionVisual.vue b/src/views/visualization/SupervisionVisual.vue
index c14bbdd..ff58fa7 100644
--- a/src/views/visualization/SupervisionVisual.vue
+++ b/src/views/visualization/SupervisionVisual.vue
@@ -1,16 +1,30 @@
 <template>
-  <el-row>
-    <div class="p-events-auto">
-      <OptionLocation :level="3" :width="170" v-model="locations"></OptionLocation>
-      <OptionSceneType :type="2" :width="120" v-model="sceneType"></OptionSceneType>
+  <el-row justify="center" class="wrapper">
+    <div class="p-events-auto sv-content">
+      <OptionLocation
+        :level="3"
+        :width="170"
+        :initValue="false"
+        v-model="locations"
+      ></OptionLocation>
+      <OptionSceneType
+        :type="2"
+        :width="100"
+        :initValue="false"
+        v-model="sceneType"
+      ></OptionSceneType>
       <OptionTime v-model="time"></OptionTime>
+      <el-button :loading="subtaskStore.subtaskLoading" size="small" @click="fetchTaskProgress"
+        >鏌ヨ</el-button
+      >
     </div>
   </el-row>
 </template>
 
 <script>
-import { inject } from 'vue'
+import { inject, unref } from 'vue'
 import { useAreaStore } from '@/stores/area.js'
+import { useSubtaskStore } from '@/stores/subtask.js'
 import { mapStores } from 'pinia'
 
 import taskApi from '@/api/fysp/taskApi.js'
@@ -30,13 +44,24 @@
   props: {},
   data() {
     return {
-      locations: {},
-      sceneType: {},
+      locations: {
+        pCode: '31',
+        pName: '涓婃捣甯�',
+        cCode: '3100',
+        cName: '涓婃捣甯�',
+        dCode: '310104',
+        dName: '寰愭眹鍖�'
+      },
+      sceneType: {
+        label: '鍏ㄩ儴鍦烘櫙',
+        value: null
+      },
       time: ''
     }
   },
   computed: {
-    ...mapStores(useAreaStore)
+    ...mapStores(useAreaStore),
+    ...mapStores(useSubtaskStore)
     // area() {
     //   return {
     //     provincecode: this.locations.pCode,
@@ -54,19 +79,10 @@
     // 鏌ヨ
     fetchTaskProgress() {
       this.areaStore.setLocation(this.locations)
-      this.areaStore.setTimeOneDay(this.time)
-      this.areaStore.setSceneType(this.sceneType.value)
+      this.areaStore.setTimeOneMonth(this.time)
+      this.areaStore.setSceneType(this.sceneType)
 
-      return taskApi.fetchTaskProgress(this.areaStore.area).then((res) => {
-        let list = []
-        res.data.forEach((e) => {
-          list = list.concat(e.subTaskSummary)
-        })
-        this.newLabelMasks(list)
-      })
-    },
-    newLabelMasks(data) {
-      marks.createLabelMarks(scene_1, data)
+      this.subtaskStore.fetchTopTaskProgress(this.areaStore.area)
     }
   },
   mounted() {
@@ -75,4 +91,15 @@
 }
 </script>
 
-<style scoped></style>
+<style scoped>
+.wrapper {
+  pointer-events: none;
+}
+
+.sv-content {
+  background-color: #14428be8;
+  border: 2px solid rgb(255, 255, 255);
+  border-radius: 8px;
+  padding: 4px;
+}
+</style>

--
Gitblit v1.9.3