<template>
|
<div class="border-r-small">
|
<div class="font-large">问题整改跟踪</div>
|
<div>
|
<ProblemSummary :data="subtaskList"></ProblemSummary>
|
<ProblemTable :data="subtaskList"></ProblemTable>
|
</div>
|
<div>
|
<ProblemChangeChart></ProblemChangeChart>
|
</div>
|
<div>
|
<ProblemType></ProblemType>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { useAreaStore } from '@/stores/area.js'
|
import { mapStores } from 'pinia'
|
|
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, ProblemChangeChart, ProblemType },
|
data() {
|
return {
|
subtaskList: []
|
}
|
},
|
watch: {},
|
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
|
})
|
}
|
},
|
mounted() {
|
this.fetchSubtask()
|
}
|
}
|
</script>
|
|
<style scoped>
|
.text {
|
background-color: aliceblue;
|
}
|
</style>
|
