From ccc970e575ef3f3e5c67af8da210263f4ac549f9 Mon Sep 17 00:00:00 2001
From: feiyu02 <risaku@163.com>
Date: 星期五, 10 四月 2026 16:44:55 +0800
Subject: [PATCH] 2026.4.10
---
src/views/inspection/MonitorControl.vue | 80 +++++++++++++++++++++++----------------
1 files changed, 47 insertions(+), 33 deletions(-)
diff --git a/src/views/inspection/MonitorControl.vue b/src/views/inspection/MonitorControl.vue
index f54e046..be00dde 100644
--- a/src/views/inspection/MonitorControl.vue
+++ b/src/views/inspection/MonitorControl.vue
@@ -30,44 +30,50 @@
<!-- 宸︿晶锛氬凡宸℃煡搴楅摵鐜囥�佸贰鏌ョ偣娆°�佸鏌ョ偣娆� -->
<div class="stats-section left-section">
<h3>宸℃煡姒傚喌</h3>
- <div class="chart-item">
- <div class="progress-container">
- <el-progress
- type="dashboard"
- :percentage="parseFloat(inspectionStats.inspectedRate)"
- :color="['#409EFF', '#67C23A']"
- :width="120"
- />
- <div class="progress-label">宸插贰鏌ュ簵閾虹巼</div>
- <div class="progress-value">
- {{ `${inspectionStats.inspectedShops}/${inspectionStats.totalShops}` }}
+ <el-row justify="space-between">
+ <div class="chart-item">
+ <div class="progress-container">
+ <el-progress
+ type="dashboard"
+ :percentage="parseFloat(inspectionStats.inspectedRate)"
+ :color="['#409EFF', '#67C23A']"
+ :width="120"
+ />
+ <div class="progress-label">宸插贰鏌ュ簵閾虹巼</div>
+ <div class="progress-value">
+ {{ `${inspectionStats.inspectedShops}/${inspectionStats.totalShops}` }}
+ </div>
</div>
</div>
- </div>
- <div class="stats-grid m-t-16">
- <el-statistic
- class="stat-item"
- :value="inspectionStats.inspectionPoints"
- title="宸℃煡鐐规"
- />
- <el-statistic
- class="stat-item"
- :value="inspectionStats.reviewPoints"
- title="澶嶆煡鐐规"
- />
- </div>
+ <div class="stats-grid m-l-16">
+ <el-statistic
+ class="stat-item"
+ :value="inspectionStats.inspectionPoints"
+ title="宸℃煡鐐规"
+ />
+ <el-statistic
+ class="stat-item"
+ :value="inspectionStats.reviewPoints"
+ title="澶嶆煡鐐规"
+ />
+ </div>
+ </el-row>
</div>
<!-- 鍙充晶锛氶棶棰樻暟銆侀棶棰樻暣鏀规暟銆侀棶棰樻暣鏀圭巼缁熻鍥� -->
<div class="stats-section right-section">
<h3>闂鏁存敼姒傚喌</h3>
<div class="stats-grid">
- <el-statistic class="stat-item" :value="inspectionStats.problemCount" title="闂鏁�" />
+ <el-row justify="space-around">
+ <el-text>闂鏁帮細{{ inspectionStats.problemCount }}</el-text>
+ <el-text>鏁存敼鏁帮細{{ inspectionStats.rectifiedProblems }}</el-text>
+ </el-row>
+ <!-- <el-statistic class="stat-item" :value="inspectionStats.problemCount" title="闂鏁�" />
<el-statistic
class="stat-item"
:value="inspectionStats.rectifiedProblems"
title="闂鏁存敼鏁�"
- />
+ /> -->
</div>
<!-- <div class="chart-item"> -->
<div ref="rectificationRateChart" class="chart"></div>
@@ -98,7 +104,7 @@
import { ElMessage } from 'element-plus'
// 鎬昏鐜板満宸℃煡鏁版嵁
-const dayStart = dayjs('2023-08-01').startOf('date')
+const dayStart = dayjs('2025-08-01').startOf('date')
const dayEnd = dayStart.endOf('date')
const shortcuts = [
{
@@ -320,7 +326,12 @@
chart.setOption({
xAxis: {
type: 'category',
- data: ['褰撴棩鏁存敼鐜�', '48灏忔椂鍐呮暣鏀圭巼', '缁煎悎鏁存敼鐜�', '瀹℃牳閫氳繃鐜�'],
+ data: [
+ '褰撴棩鏁存敼鐜�',
+ // '48灏忔椂鍐呮暣鏀圭巼',
+ '缁煎悎鏁存敼鐜�',
+ '瀹℃牳閫氳繃鐜�',
+ ],
},
yAxis: {
type: 'value',
@@ -332,7 +343,7 @@
{
data: [
parseFloat(inspectionStats.value.sameDayRectificationRate),
- parseFloat(inspectionStats.value.effectiveRectificationRate),
+ // parseFloat(inspectionStats.value.effectiveRectificationRate),
parseFloat(inspectionStats.value.comprehensiveRectificationRate),
parseFloat(inspectionStats.value.auditPassRate),
],
@@ -391,6 +402,9 @@
</script>
<style scoped>
+:deep() .el-card__body {
+ padding: 8px;
+}
.mb-4 {
/* width: 600px; */
}
@@ -418,7 +432,6 @@
display: flex;
flex-direction: column;
gap: 20px;
- margin-bottom: 30px;
}
.stats-section {
@@ -436,13 +449,13 @@
}
.stats-grid {
- display: grid;
- grid-template-columns: 1fr 1fr;
+ display: flex;
+ flex-direction: column;
gap: 10px;
- margin-bottom: 20px;
}
.stat-item {
+ flex: 1;
background-color: #fff;
padding: 20px;
border-radius: 8px;
@@ -479,6 +492,7 @@
}
.chart-item {
+ flex: 1;
background-color: #fff;
padding: 20px;
border-radius: 8px;
--
Gitblit v1.9.3