From 756be572e470c4a2e2e971350a545b3e8d9c0180 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 12 七月 2024 17:17:07 +0800
Subject: [PATCH] 2024.7.12
---
src/views/inspection/problem/ProblemTrack.vue | 60 ++++++++++++++++++++++++++++++++++++++----------------------
1 files changed, 38 insertions(+), 22 deletions(-)
diff --git a/src/views/inspection/problem/ProblemTrack.vue b/src/views/inspection/problem/ProblemTrack.vue
index f92b5ca..29cc15a 100644
--- a/src/views/inspection/problem/ProblemTrack.vue
+++ b/src/views/inspection/problem/ProblemTrack.vue
@@ -2,21 +2,27 @@
<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>
- <div>
- <ProblemChangeChart></ProblemChangeChart>
- </div>
- <div>
- <ProblemType></ProblemType>
- </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>
<script>
import { useAreaStore } from '@/stores/area.js'
import { mapStores } from 'pinia'
+import dayjs from 'dayjs'
import ProblemTable from './component/ProblemTable.vue'
import ProblemSummary from './component/ProblemSummary.vue'
@@ -29,34 +35,44 @@
components: { ProblemSummary, ProblemTable, ProblemChangeChart, ProblemType },
data() {
return {
- subtaskList: []
+ subtaskList: [],
+ activeNames: ['1', '2'],
+ time: '',
+ area: {}
}
},
- watch: {},
+ watch: {
+ time(nV, oV) {
+ if (nV != oV) {
+ const d = nV ? dayjs(nV) : dayjs()
+ this.area.starttime = d.startOf('day').format('YYYY-MM-DD HH:mm:ss')
+ this.area.endtime = d.endOf('day').format('YYYY-MM-DD HH:mm:ss')
+ // 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) => {
+ taskApi.fetchSubtaskSummaryByArea(this.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()
+ this.area = this.areaStore.area
}
}
</script>
--
Gitblit v1.9.3