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