1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
| <template>
| <div class="border-r-small">
| <div class="font-large">问题整改跟踪</div>
| <div>
| <ProblemSummary :data="subtaskList"></ProblemSummary>
| <ProblemTable :data="subtaskList"></ProblemTable>
| </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 taskApi from '@/api/fysp/taskApi.js'
|
| export default {
| components: { ProblemSummary, ProblemTable },
| 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>
|
|
