2024.7.15

riku

2024-07-15 b292a0a81869547e94fd85e783f9597db241a87e

 src/views/inspection/problem/component/ProblemSummary.vue

@@ -1,16 +1,44 @@
<template>
  <div class="font-small">
  <!-- <div class="font-small">
    今日统计：问题数: {{ summary.proNum }}，整改数: {{ summary.changeNum }}，整改率:
    {{ summary.changePer }}
  </div> -->

  <div v-if="mainProType" class="font-small">
    突出问题：{{ mainProType.name }}，问题数：{{ mainProType.count }}，占比{{ mainProType.per }}
  </div>
  <div class="font-small">突出问题：路面积尘，问题数：13，占比：81%</div>
  <BaseTable :data="summary">
    <el-table-column
      label="问题数"
      prop="proNum"
      :show-overflow-tooltip="true"
      width="60"
    ></el-table-column>
    <el-table-column
      label="整改数"
      prop="changeNum"
      :show-overflow-tooltip="true"
      width="60"
    ></el-table-column>
    <el-table-column
      label="整改率"
      prop="changePer"
      :show-overflow-tooltip="true"
      width="60"
    ></el-table-column>
  </BaseTable>
</template>
<script setup>
import { computed, ref } from 'vue'

const props = defineProps({
  data: {
    type: Array
    type: Array,
    default: () => []
  },
  proStatistic: {
    type: Array,
    default: () => []
  },
  loading: Boolean
})
@@ -28,26 +56,21 @@
    changePer = Math.round((changeNum / proNum) * 100) + '%'
  }

  return { proNum, changeNum, changePer }
  return [{ proNum, changeNum, changePer }]
})

const mainPro = computed(() => {
const mainProType = computed(() => {
  let res
  let total = 0,
    max = 0
  props.data.forEach((d) => {
    total += d.proNum
  props.proStatistic.forEach((d) => {
    total += d.count
  })
  props.data.forEach((d) => {
  props.proStatistic.forEach((d) => {
    if (total > 0) {
      const per = d.proNum / total
      const per = d.count / total
      if (per >= max) {
        max = per
        // res.push({
        //   name: d.name,
        //   count: d.count,
        //   per: Math.round(per * 100) + '%'
        // })
        res = {
          name: d.name,
          count: d.count,