From fd376320cd1f359ef388bdcf1651ca6371a38fef Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Mon, 13 May 2024 11:44:23 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 postcss.config.js                             |  2 +-
 .../dialogCompnnents/ai-alarm.vue             |  2 +-
 .../dialogCompnnents/month-safe-score.vue     | 47 ++++++++++++++-----
 .../dialogCompnnents/risk-count.vue           |  2 +-
 .../dialogCompnnents/safe-hidden.vue          |  2 +-
 .../dialogCompnnents/safe-info.vue            |  2 +-
 .../dialogCompnnents/weather-info.vue         |  2 +-
 7 files changed, 42 insertions(+), 17 deletions(-)

diff --git a/postcss.config.js b/postcss.config.js
index d300a69..955ce2f 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -9,7 +9,7 @@ module.exports = {
 				"ie >= 8",
 				"last 10 versions" // 所有主流浏览器最近10版本用
 			],
-			grid: true
+			grid: false
 		},
 		"postcss-pxtorem": {
 			rootValue: 192, // 设计稿宽度的1/ 10
diff --git a/src/views/commandScreen/dialogCompnnents/ai-alarm.vue b/src/views/commandScreen/dialogCompnnents/ai-alarm.vue
index 16d6115..3cc0be7 100644
--- a/src/views/commandScreen/dialogCompnnents/ai-alarm.vue
+++ b/src/views/commandScreen/dialogCompnnents/ai-alarm.vue
@@ -372,8 +372,8 @@ onMounted(async () => {
 		.top-statistics{
 			width: 90%;
 			display: grid;
-			grid-gap: 20px;
 			grid-template-columns: repeat(4, 1fr);
+			grid-gap: 20px;
 			color: white;
 			margin: 0 auto;
 			.statistics-item{
diff --git a/src/views/commandScreen/dialogCompnnents/month-safe-score.vue b/src/views/commandScreen/dialogCompnnents/month-safe-score.vue
index 9b2cc04..1990da7 100644
--- a/src/views/commandScreen/dialogCompnnents/month-safe-score.vue
+++ b/src/views/commandScreen/dialogCompnnents/month-safe-score.vue
@@ -50,23 +50,48 @@
 								<span v-else-if="key2 == '安全教育'">25</span>
 							</div>
 						</div>
-						<div class="table-head-nine-part2">
-							<div class="category-title" style="width: 14.6%">
+						<div class="table-head-nine-part1">
+							<div class="category-title">
 								<span>AI报警</span>
 							</div>
-							<div class="category-title" style="width: 22%">
-								<span>AI违章抓拍</span>
+							<div class="category-content" style="width:80%">
+								<div>
+									<div>
+										<span>AI违章抓拍</span>
+									</div>
+									<div style="width:50%">告警数量月度环比对比</div>
+									<div style="width:20%">
+										<span>100%</span>
+									</div>
+								</div>
 							</div>
-							<div class="category-title" style="width:48%">
-								<span>告警数量月度环比对比</span>
+							<div class="category-other" style="width: 10%">
+								<span>20%</span>
 							</div>
-							<div class="category-title" style="width:5%">
-								<span>100%</span>
-							</div>
-							<div class="category-title" style="width: 10.4%;margin:0 0 0 0">
-								<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ countData.aiScore || 0 }}</span>
+							<div class="category-other" style="width: 10%">
+								<span>{{ countData.aiScore || 0 }}</span>
 							</div>
 						</div>
+						<!-- <div class="table-head-nine-part2">
+							<div class="category-title">
+								<span>AI报警</span>
+							</div>
+							<div class="category-title">
+								<span>AI违章抓拍</span>
+							</div>
+							<div class="category-title">
+								<span>告警数量月度环比对比</span>
+							</div>
+							<div class="category-title">
+								<span>100%</span>
+							</div>
+							<div class="category-title">
+								<span>20%</span>
+							</div>
+							<div class="category-title">
+								<span>{{ countData.aiScore || 0 }}</span>
+							</div>
+						</div> -->
 						<div class="table-head-nine-part3">
 							<div style="width: 14.5%"><span>综合得分</span></div>
 							<div style="width: 85.5%">
diff --git a/src/views/commandScreen/dialogCompnnents/risk-count.vue b/src/views/commandScreen/dialogCompnnents/risk-count.vue
index 1539779..7e6d30a 100644
--- a/src/views/commandScreen/dialogCompnnents/risk-count.vue
+++ b/src/views/commandScreen/dialogCompnnents/risk-count.vue
@@ -245,8 +245,8 @@ onMounted(async () => {
 				width: 95%;
 				height: 50%;
 				display: grid;
-				grid-gap: 20px;
 				grid-template-columns: repeat(4, 1fr);
+				grid-gap: 20px;
 				color: white;
 				margin: 0 auto;
 				margin-top: 3%;
diff --git a/src/views/commandScreen/dialogCompnnents/safe-hidden.vue b/src/views/commandScreen/dialogCompnnents/safe-hidden.vue
index 4cc36d2..3e5322a 100644
--- a/src/views/commandScreen/dialogCompnnents/safe-hidden.vue
+++ b/src/views/commandScreen/dialogCompnnents/safe-hidden.vue
@@ -323,8 +323,8 @@ onMounted(async () => {
 		.top-statistics{
 			width: 60%;
 			display: grid;
-			grid-gap: 20px;
 			grid-template-columns: repeat(2, 1fr);
+			grid-gap: 20px;
 			color: white;
 			margin: 0 auto;
 			.statistics-item{
diff --git a/src/views/commandScreen/dialogCompnnents/safe-info.vue b/src/views/commandScreen/dialogCompnnents/safe-info.vue
index 55fb0ee..69ea272 100644
--- a/src/views/commandScreen/dialogCompnnents/safe-info.vue
+++ b/src/views/commandScreen/dialogCompnnents/safe-info.vue
@@ -188,8 +188,8 @@ onMounted(async () => {
 		padding: 20px 15px;
 		.top-statistics {
 			display: grid;
-			grid-gap: 20px;
 			grid-template-columns: repeat(3, 1fr);
+			grid-gap: 20px;
 			color: white;
 			margin: 0 5%;
 			.statistics-item {
diff --git a/src/views/commandScreen/dialogCompnnents/weather-info.vue b/src/views/commandScreen/dialogCompnnents/weather-info.vue
index 333ecb1..4002c55 100644
--- a/src/views/commandScreen/dialogCompnnents/weather-info.vue
+++ b/src/views/commandScreen/dialogCompnnents/weather-info.vue
@@ -182,8 +182,8 @@ onMounted(async () => {
 		padding: 20px 15px;
 		.top-statistics {
 			display: grid;
-			grid-gap: 20px;
 			grid-template-columns: repeat(3, 1fr);
+			grid-gap: 20px;
 			color: white;
 			margin: 0 5%;
 			.statistics-item {