From 62d105281e8ed2af0926186355e86897768af3bd Mon Sep 17 00:00:00 2001
From: Vce <daisy_vce@yeah.net>
Date: Sun, 12 May 2024 09:11:26 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9A=90=E6=82=A3=E6=99=BA=E8=83=BD=E5=88=86?=
 =?UTF-8?q?=E6=9E=90=20=E6=98=BE=E7=A4=BA=E6=9A=82=E6=97=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../commandScreen/commandCenter/rightAll.vue  | 49 ++++++++++++++-----
 1 file changed, 38 insertions(+), 11 deletions(-)

diff --git a/src/views/commandScreen/commandCenter/rightAll.vue b/src/views/commandScreen/commandCenter/rightAll.vue
index e479208..719bc8d 100644
--- a/src/views/commandScreen/commandCenter/rightAll.vue
+++ b/src/views/commandScreen/commandCenter/rightAll.vue
@@ -39,7 +39,7 @@
 					<div class="cbHeaderLine"></div>
 				</div>
 				<div class="cbContent">
-					<vue3-seamless-scroll :list="listData" :step="1" :limitScrollNum="13" :hover="true" class="scroll">
+					<vue3-seamless-scroll v-show="listData.length>0" :list="listData" :step="1" :limitScrollNum="10" :hover="true" class="scroll">
 						<div class="item" v-for="(item, index) in listData" :key="index">
 							<div class="itemHead">
 								<div class="itemHeadInner" v-if="item.type === 1">{{ item.title }}</div>
@@ -53,6 +53,10 @@
 							</div>
 						</div>
 					</vue3-seamless-scroll>
+					<div class="notoDta" v-if="listData.length == 0">
+                    <img src="@/assets/images/noData.png" alt="" />
+                    <p>暂无数据</p>
+                </div>
 				</div>
 			</div>
 		</div>
@@ -86,15 +90,17 @@ let overdueMajorDangerCount = ref(20 as any);
 let overdueMajorDangerRate = ref(50 as any);
 
 let listData = ref([
-	{ title: '隐患分类', type: 1, msg: '经过智能分析统计，近一个月脚手架类安全隐患最多达...' },
-	{ title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估，明确隐患的性质、范围和...' },
-	{ title: '隐患分类', type: 1, msg: '经过智能分析统计，近一个月脚手架类安全隐患最多达...' },
-	{ title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估，明确隐患的性质、范围和...' },
-	{ title: '隐患分类', type: 1, msg: '经过智能分析统计，近一个月脚手架类安全隐患最多达...' },
-	{ title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估，明确隐患的性质、范围和...' },
-	{ title: '隐患分类', type: 1, msg: '经过智能分析统计，近一个月脚手架类安全隐患最多达...' },
-	{ title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估，明确隐患的性质、范围和...' },
-	{ title: '隐患分类', type: 1, msg: '经过智能分析统计，近一个月脚手架类安全隐患最多达...' },
+	// { title: '隐患分类', type: 1, msg: '经过智能分析统计，近一个月脚手架类安全隐患最多达...' },
+	// { title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估，明确隐患的性质、范围和...' },
+	// { title: '隐患分类', type: 1, msg: '经过智能分析统计，近一个月脚手架类安全隐患最多达...' },
+	// { title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估，明确隐患的性质、范围和...' },
+	// { title: '隐患分类', type: 1, msg: '经过智能分析统计，近一个月脚手架类安全隐患最多达...' },
+	// { title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估，明确隐患的性质、范围和...' },
+	// { title: '隐患分类', type: 1, msg: '经过智能分析统计，近一个月脚手架类安全隐患最多达...' },
+	// { title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估，明确隐患的性质、范围和...' },
+	// { title: '隐患分类', type: 1, msg: '经过智能分析统计，近一个月脚手架类安全隐患最多达...' },
+	// { title: '重大隐患', type: 2, msg: '组织专业人员对隐患进行彻底排查和评估，明确隐患的性质、范围和...' },
+	// { title: '隐患分类', type: 1, msg: '经过智能分析统计，近一个月脚手架类安全隐患最多达...' },
 ])
 
 let dataList = ref([
@@ -767,6 +773,27 @@ onMounted(async () => {
 </script>
 
 <style lang="scss" scoped>
+.notoDta {
+    top: 35%;
+    width: 50%;
+    // left: 40%;
+    position: absolute;
+    text-align: center;
+    left:50%;
+    transform: translateX(-50%);
+
+    img {
+        width: 40%;
+        margin: 5% 30%;
+    }
+
+    p {
+        color: #fff;
+        font-size: calc(100vw * 14 / 1920);
+        margin: -6% 30%;
+    }
+}
+
 .scroll {
 	height: 100%;
 	overflow: hidden;
@@ -913,7 +940,7 @@ onMounted(async () => {
 
 			.cbContent {
 				width: 100%;
-				height: calc(100% - 40px);
+				height: calc(100% - 60px);
 
 				// background: #fff;
 				.item {