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