| | |
| | | <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> |
| | |
| | | return res |
| | | } |
| | | }, |
| | | watch: { |
| | | 'areaStore.area': { |
| | | handler(nV, oV) { |
| | | this.fetchProblemsStatistic() |
| | | }, |
| | | deep: true |
| | | } |
| | | }, |
| | | methods: { |
| | | fetchProblemsStatistic() { |
| | | const param = unref(this.areaStore.area) |
| | |
| | | }, |
| | | mounted() { |
| | | this.echart = echarts.init(this.$refs.echart) |
| | | this.fetchProblemsStatistic() |
| | | // this.area = this.areaStore.area |
| | | // this.fetchProblemsStatistic() |
| | | } |
| | | } |
| | | </script> |