Riku
2025-06-09 2547159bbd781c8e1a41ecc939385396c85f9766
src/views/inspection/problem/component/ProblemType.vue
@@ -1,13 +1,18 @@
<template>
  <el-row justify="space-between">
    <el-col :span="18">
      <el-text v-if="mainProType">
    <el-col :span="24">
      <el-row v-if="mainProType" justify="space-between" class="p-h-16">
        <el-statistic title="突出问题" :value="mainProType.name" />
        <el-statistic title="问题数" :value="mainProType.count" />
        <el-statistic title="占比" :value="mainProType.per" />
      </el-row>
      <!-- <el-text v-if="mainProType">
        突出问题:{{ mainProType.name }},问题数:{{ mainProType.count }},占比{{ mainProType.per }}
      </el-text>
      </el-text> -->
    </el-col>
    <el-col :span="6">
      <el-row justify="end">
        <OptionTime v-model="time"></OptionTime>
        <!-- <OptionTime v-model="time"></OptionTime> -->
      </el-row>
    </el-col>
  </el-row>
@@ -63,6 +68,14 @@
      return res
    }
  },
  watch: {
    'areaStore.area': {
      handler(nV, oV) {
        this.fetchProblemsStatistic()
      },
      deep: true
    }
  },
  methods: {
    fetchProblemsStatistic() {
      const param = unref(this.areaStore.area)
@@ -93,7 +106,8 @@
  },
  mounted() {
    this.echart = echarts.init(this.$refs.echart)
    this.fetchProblemsStatistic()
    // this.area = this.areaStore.area
    // this.fetchProblemsStatistic()
  }
}
</script>