From 20cdb83586daabfb15fc056c4c97eb8e7ccaf928 Mon Sep 17 00:00:00 2001
From: feiyu02 <risaku@163.com>
Date: 星期五, 20 三月 2026 17:07:16 +0800
Subject: [PATCH] 2026.3.20
---
src/views/inspection/MonitorControl.vue | 78 +++++++++++++++++++++++----------------
1 files changed, 46 insertions(+), 32 deletions(-)
diff --git a/src/views/inspection/MonitorControl.vue b/src/views/inspection/MonitorControl.vue
index f54e046..bc15ba7 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>
@@ -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