2024.7.15

riku

2024-07-15 b292a0a81869547e94fd85e783f9597db241a87e

 src/views/inspection/problem/ProblemTrack.vue

@@ -1,11 +1,12 @@
<template>
  <div class="border-r-small">
  <!-- <div class="border-r-small"> -->
  <BaseCard>
    <div class="font-large">问题整改跟踪</div>
    <div>
      <el-row justify="end">
        <OptionTime v-model="time" type="date"></OptionTime>
      </el-row>
      <ProblemSummary :data="subtaskList"></ProblemSummary>
      <ProblemSummary :data="subtaskList" :proStatistic="proStatistic"></ProblemSummary>
      <ProblemTable :data="subtaskList"></ProblemTable>
    </div>
    <el-collapse v-model="activeNames" @change="handleChange">
@@ -16,12 +17,14 @@
        <ProblemType ref="pTypeRef"></ProblemType>
      </el-collapse-item>
    </el-collapse>
  </div>
  </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'
@@ -29,21 +32,33 @@
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, ProblemChangeChart, ProblemType },
  data() {
    return {
      // 单日任务详情
      subtaskList: [],
      // 单日问题统计
      proStatistic: [],
      // 折叠框激活名称集合
      activeNames: ['1', '2'],
      time: ''
      // 当前时间
      time: '',
      // 筛选区域条件
      area: {}
    }
  },
  watch: {
    time(nV, oV) {
      if (nV != oV) {
        this.areaStore.setTimeOneDay(nV)
        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()
      }
    }
  },
@@ -52,8 +67,16 @@
  },
  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) {
@@ -67,6 +90,7 @@
  },
  mounted() {
    // this.fetchSubtask()
    this.area = this.areaStore.area
  }
}
</script>