feat: 样式修改

src/views/enterprise/AIwarning/accessSituation/index.scss

@@ -59,6 +59,14 @@
 				flex-wrap: wrap;
 				justify-content: flex-start;
 				flex: 1;
+				.table-empty {
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					flex: 1;
+					flex-direction: column;
+					color: #999;
+				}
 				.img_item {
 					width: 23.1%;
 					height: 244px;

src/views/enterprise/AIwarning/accessSituation/index.vue

@@ -20,16 +20,22 @@
 						</div>
 						<div>
 							<img src="@/assets/images/AIwaring/报警.png" alt="" />
-							<span class="middleSize">今日报警次数：{{data.aiAlarmStat===null? 0 : parse(data.aiAlarmStat)?.todayAlarm }}</span>
+							<span class="middleSize"
+								>今日报警次数：{{ data.aiAlarmStat === null ? 0 : parse(data.aiAlarmStat)?.todayAlarm }}</span
+							>
 						</div>
 					</div>
 
 					<div class="bottom_item flx-justify-between" style="margin-top: 6px">
 						<div>
-							<span class="bottomSize">今日待整改问题：{{data.aiAlarmStat===null? 0 : parse(data.aiAlarmStat)?.questionNum }}</span>
+							<span class="bottomSize"
+								>今日待整改问题：{{ data.aiAlarmStat === null ? 0 : parse(data.aiAlarmStat)?.questionNum }}</span
+							>
 						</div>
 						<div>
-							<span class="bottomSize">今日已整改问题：{{data.aiAlarmStat===null? 0 : parse(data.aiAlarmStat)?.solveQuestionNum }}</span>
+							<span class="bottomSize"
+								>今日已整改问题：{{ data.aiAlarmStat === null ? 0 : parse(data.aiAlarmStat)?.solveQuestionNum }}</span
+							>
 						</div>
 					</div>
 				</div>
@@ -64,7 +70,13 @@
 
 			<div class="imgPage">
 				<div class="imgTable">
-					<div class="img_item" v-for="item in questList.records" @click="onShowImg(item)" :key="item.id">
+					<div
+						class="img_item"
+						v-for="item in questList.records"
+						@click="onShowImg(item)"
+						:key="item.id"
+						v-if="questList.records.length"
+					>
 						<el-image style="width: 100%; height: 182px" :src="item.image" fit="fill" />
 						<div class="page_text flx-justify-column">
 							<div class="img_title">{{ item.typeName }}</div>
@@ -74,6 +86,10 @@
 							</div>
 						</div>
 					</div>
+					<div v-else class="table-empty">
+						<img src="@/assets/images/notData.png" alt="notData" />
+						<div>暂无数据</div>
+					</div>
 				</div>
 
 				<Pagination
@@ -395,6 +411,7 @@ onMounted(async () => {
 	searchName.value = (records.value as ResAiProjectPage[])[0].projectName;
 
 	getAiMonitorDevList();
+	console.log(questList.value);
 });
 </script>
 

src/views/goverment/AIwarning/accessSituation/index.scss

@@ -64,7 +64,14 @@
 					}
 				}
 			}
-
+			.table-empty {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				flex: 1;
+				flex-direction: column;
+				color: #999;
+			}
 			.pagination {
 				display: flex;
 				align-items: center;

src/views/goverment/AIwarning/accessSituation/index.vue

@@ -70,7 +70,7 @@
 			<!-- </div> -->
 
 			<div class="imgPage">
-				<div class="imgTable">
+				<div class="imgTable" v-if="questList.records.length">
 					<div class="img_item" v-for="item in questList.records" @click="onShowImg(item)" :key="item.id">
 						<el-image style="width: 100%; height: 182px" :src="item.image" fit="fill" />
 						<div class="page_text flx-justify-column">
@@ -82,6 +82,10 @@
 						</div>
 					</div>
 				</div>
+				<div v-else class="table-empty">
+					<img src="@/assets/images/notData.png" alt="notData" />
+					<div>暂无数据</div>
+				</div>
 				<!-- :handleSizeChange="handleSizeChange" -->
 				<Pagination
 					:pageable="pageable"

src/views/goverment/approve/company/components/unit-table.vue

@@ -13,7 +13,7 @@
 			<div class="divide">
 				<el-tag class="index" type="info">{{ divide.index }}</el-tag>
 				{{ modelValue.mainTypeName }}
-				<div :class="divide.index ? 'line' : ''"></div>
+				<!-- <div :class="divide.index ? 'line' : ''"></div> -->
 			</div>
 
 			<el-table
@@ -22,7 +22,7 @@
 				border
 				disabeld
 				style="width: 100%"
-				max-height="240"
+				max-height="360"
 				:header-cell-style="{ backgroundColor: '#e1eeff', textAlign: 'center' }"
 				:cell-style="{ textAlign: 'center' }"
 			>

src/views/goverment/approve/company/index.scss

@@ -90,6 +90,7 @@ $primary: #409eff;
 		padding: 0 0 0 14%;
 	}
 }
-:deep(.el-dialog) {
+
-	min-height: 20%;
+// :deep(.el-dialog) {
-}
+// 	min-height: 20%;
+// }

src/views/goverment/approve/company/index.vue

@@ -313,7 +313,7 @@ const deleteAccount = async (row: any) => {
 		text-align: left;
 	}
 }
-.loogDialog :deep(.el-dialog__body) {
+:deep(.el-dialog__body) {
 	height: 800px;
 	overflow: auto;
 }

src/views/project/AIwarning/accessSituation/index.scss

@@ -21,6 +21,14 @@
 		border-radius: 8px;
 		display: flex;
 		flex-direction: column;
+		.table-empty {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			flex: 1;
+			flex-direction: column;
+			color: #999;
+		}
 		.imgTable {
 			width: 100%;
 			display: flex;

src/views/project/AIwarning/accessSituation/index.vue

@@ -25,7 +25,7 @@
 		</el-form>
 
 		<div class="imgPage">
-			<div class="imgTable">
+			<div class="imgTable" v-if="qusLength.length">
 				<div class="img_item" v-for="item in questList.records" @click="onShowImg(item)" :key="item.id">
 					<el-image style="width: 100%; height: 182px" class="item_image" :src="item.image" fit="fill" />
 					<div class="page_text flx-justify-column">
@@ -37,6 +37,10 @@
 					</div>
 				</div>
 			</div>
+			<div v-else class="table-empty">
+				<img src="@/assets/images/notData.png" alt="notData" />
+				<div>暂无数据</div>
+			</div>
 			<Pagination
 				:pageable="pages"
 				:total="pages.total"
@@ -212,6 +216,8 @@ const engVisable = ref(false);
 // 项目或者工程名字
 const searchName = ref<string>("");
 
+const qusLength = ref([]);
+
 const pages = ref({
 	pageNo: 1,
 	pageSize: 12,
@@ -387,6 +393,7 @@ const beforeAvatarUpload: UploadProps["beforeUpload"] = rawFile => {
 const getAIproPage = async () => {
 	const { result } = await getAIAlarmPage({ ...pages.value });
 	questList.value = result;
+	qusLength.value = result.records;
 	pages.value.total = Number(result.total);
 };
 // 监控名称下拉框的value
@@ -418,7 +425,7 @@ const onUpdate = async row => {
 	ElMessage.success("页面已更新");
 };
 
-onMounted(async () => {
+onMounted(() => {
 	getAIproPage();
 	getAiMonitorDevList();
 });