From b292a0a81869547e94fd85e783f9597db241a87e Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期一, 15 七月 2024 17:30:37 +0800 Subject: [PATCH] 2024.7.15 --- src/views/inspection/problem/component/ProblemSummary.vue | 51 +++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 37 insertions(+), 14 deletions(-) diff --git a/src/views/inspection/problem/component/ProblemSummary.vue b/src/views/inspection/problem/component/ProblemSummary.vue index 5d75bc9..1bdc8c4 100644 --- a/src/views/inspection/problem/component/ProblemSummary.vue +++ b/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, -- Gitblit v1.9.3