2024.7.11

riku

2024-07-11 505798927f75c84693cc51becf16aa525503fc92

 src/views/inspection/problem/ProblemTrack.vue

@@ -2,9 +2,20 @@
  <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>
    <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>

@@ -14,40 +25,48 @@

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 },
  components: { ProblemSummary, ProblemTable, ProblemChangeChart, ProblemType },
  data() {
    return {
      subtaskList: []
      subtaskList: [],
      activeNames: ['1', '2'],
      time: ''
    }
  },
  watch: {},
  watch: {
    time(nV, oV) {
      if (nV != oV) {
        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) => {
        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()
  }
}
</script>