From b292a0a81869547e94fd85e783f9597db241a87e Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期一, 15 七月 2024 17:30:37 +0800
Subject: [PATCH] 2024.7.15
---
src/views/inspection/problem/ProblemTrack.vue | 83 +++++++++++++++++++++++++++++++----------
1 files changed, 63 insertions(+), 20 deletions(-)
diff --git a/src/views/inspection/problem/ProblemTrack.vue b/src/views/inspection/problem/ProblemTrack.vue
index 4ccefe6..ebab9b2 100644
--- a/src/views/inspection/problem/ProblemTrack.vue
+++ b/src/views/inspection/problem/ProblemTrack.vue
@@ -1,53 +1,96 @@
<template>
- <div class="border-r-small">
+ <!-- <div class="border-r-small"> -->
+ <BaseCard>
<div class="font-large">闂鏁存敼璺熻釜</div>
<div>
- <ProblemSummary :data="subtaskList"></ProblemSummary>
+ <el-row justify="end">
+ <OptionTime v-model="time" type="date"></OptionTime>
+ </el-row>
+ <ProblemSummary :data="subtaskList" :proStatistic="proStatistic"></ProblemSummary>
<ProblemTable :data="subtaskList"></ProblemTable>
</div>
- </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>
+ </BaseCard>
+ <!-- </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'
+import ProblemChangeChart from './component/ProblemChangeChart.vue'
+import ProblemType from './component/ProblemType.vue'
+
import taskApi from '@/api/fysp/taskApi.js'
+import problemApi from '@/api/fysp/problemApi.js'
export default {
- components: { ProblemSummary, ProblemTable },
+ components: { ProblemSummary, ProblemTable, ProblemChangeChart, ProblemType },
data() {
return {
- subtaskList: []
+ // 鍗曟棩浠诲姟璇︽儏
+ subtaskList: [],
+ // 鍗曟棩闂缁熻
+ proStatistic: [],
+ // 鎶樺彔妗嗘縺娲诲悕绉伴泦鍚�
+ 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()
+ this.fetchDayProblemsStatistic()
+ }
+ }
+ },
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
})
+ },
+ fetchDayProblemsStatistic() {
+ // this.fetchData((page, pageSize) => {
+ // return
+ // })
+ problemApi.fetchProblemsStatistic(this.area).then((res) => {
+ this.proStatistic = res
+ })
+ },
+ 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