From 505798927f75c84693cc51becf16aa525503fc92 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期四, 11 七月 2024 17:23:38 +0800
Subject: [PATCH] 2024.7.11

---
 src/views/inspection/problem/ProblemTrack.vue |   51 +++++++++++++++++++++++++++++++++++----------------
 1 files changed, 35 insertions(+), 16 deletions(-)

diff --git a/src/views/inspection/problem/ProblemTrack.vue b/src/views/inspection/problem/ProblemTrack.vue
index 4ccefe6..23ea39f 100644
--- a/src/views/inspection/problem/ProblemTrack.vue
+++ b/src/views/inspection/problem/ProblemTrack.vue
@@ -2,9 +2,20 @@
   <div class="border-r-small">
     <div class="font-large">闂鏁存敼璺熻釜</div>
     <div>
+      <el-row justify="end">
+        <OptionTime v-model="time" type="date"></OptionTime>
+      </el-row>
       <ProblemSummary :data="subtaskList"></ProblemSummary>
       <ProblemTable :data="subtaskList"></ProblemTable>
     </div>
+    <el-collapse v-model="activeNames" @change="handleChange">
+      <el-collapse-item title="鍒嗘湡瓒嬪娍" name="1">
+        <ProblemChangeChart ref="pChangeRef"></ProblemChangeChart>
+      </el-collapse-item>
+      <el-collapse-item title="闂鍒嗗竷" name="2">
+        <ProblemType ref="pTypeRef"></ProblemType>
+      </el-collapse-item>
+    </el-collapse>
   </div>
 </template>
 
@@ -14,40 +25,48 @@
 
 import ProblemTable from './component/ProblemTable.vue'
 import ProblemSummary from './component/ProblemSummary.vue'
+import ProblemChangeChart from './component/ProblemChangeChart.vue'
+import ProblemType from './component/ProblemType.vue'
+
 import taskApi from '@/api/fysp/taskApi.js'
 
 export default {
-  components: { ProblemSummary, ProblemTable },
+  components: { ProblemSummary, ProblemTable, ProblemChangeChart, ProblemType },
   data() {
     return {
-      subtaskList: []
+      subtaskList: [],
+      activeNames: ['1', '2'],
+      time: ''
     }
   },
-  watch: {},
+  watch: {
+    time(nV, oV) {
+      if (nV != oV) {
+        this.areaStore.setTimeOneDay(nV)
+        this.fetchSubtask()
+      }
+    }
+  },
   computed: {
     ...mapStores(useAreaStore)
-    // area() {
-    //   return {
-    //     provincecode: '31',
-    //     provincename: '涓婃捣甯�',
-    //     citycode: '3100',
-    //     cityname: '涓婃捣甯�',
-    //     districtcode: '310116',
-    //     districtname: '閲戝北鍖�',
-    //     starttime: '',
-    //     endtime: ''
-    //   }
-    // }
   },
   methods: {
     fetchSubtask() {
       taskApi.fetchSubtaskSummaryByArea(this.areaStore.area).then((res) => {
         this.subtaskList = res.data
       })
+    },
+    handleChange(val) {
+      if (val.indexOf('1') != -1) {
+        this.$refs.pChangeRef.refresh()
+      }
+      if (val.indexOf('2') != -1) {
+        this.$refs.pTypeRef.refresh()
+      }
     }
   },
   mounted() {
-    this.fetchSubtask()
+    // this.fetchSubtask()
   }
 }
 </script>

--
Gitblit v1.9.3