From ad4b56defc1b9918df162fec1535914f7e832db5 Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Fri, 28 Jun 2024 20:02:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20AI=E9=A2=84=E8=AD=A6=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../aIEarlyWarning/bottomRight.vue            | 58 +++++++++++--------
 1 file changed, 33 insertions(+), 25 deletions(-)

diff --git a/src/views/sevenLargeScreen/digitalConstruction/aIEarlyWarning/bottomRight.vue b/src/views/sevenLargeScreen/digitalConstruction/aIEarlyWarning/bottomRight.vue
index a6ef1da..8d0808a 100644
--- a/src/views/sevenLargeScreen/digitalConstruction/aIEarlyWarning/bottomRight.vue
+++ b/src/views/sevenLargeScreen/digitalConstruction/aIEarlyWarning/bottomRight.vue
@@ -3,18 +3,18 @@
 		<div class="ai-bottom-right">
 			<div class="list-content">
 				<div class="tab-list">
-					<div style="width:10%">序号</div>
-					<div style="width:20%">抓拍照片</div>
-					<div style="width:20%">设备名称</div>
-					<div style="width:20%" v-if="COMPANY === 'agjt'">不安全行为类型</div>
-					<div style="width:20%" v-else>告警类型</div>
-					<div style="width:20%">告警时间</div>
-					<div style="width:10%">操作</div>
+					<div style="width: 10%">序号</div>
+					<div style="width: 20%">抓拍照片</div>
+					<div style="width: 20%">设备名称</div>
+					<div style="width: 20%" v-if="COMPANY === 'agjt'">不安全行为类型</div>
+					<div style="width: 20%" v-else>告警类型</div>
+					<div style="width: 20%">告警时间</div>
+					<div style="width: 10%">操作</div>
 				</div>
 				<el-scrollbar class="list-box">
 					<div v-for="(item, index) in warnAlarmList" class="list-style" :key="item.id">
 						<div style="width: 10%">{{ index + 1 }}</div>
-						<div class="list-img" style="width:20%">
+						<div class="list-img" style="width: 20%">
 							<div class="img-style">
 								<!-- <img src="@/assets/images/noData.png" /> -->
 								<!-- <img :src="BASEURL + '/image/' + item.imageUrl" /> -->
@@ -24,7 +24,7 @@
 									:src="BASEURL + '/image/' + item.imageUrl"
 									:preview-src-list="[BASEURL + '/image/' + item.imageUrl]"
 								>
-								<template #error>
+									<template #error>
 										<el-image :src="noDataImage" :preview-src-list="[noDataImage]" fit="contain" class="el-no-img" alt="" />
 									</template>
 								</el-image>
@@ -32,15 +32,15 @@
 						</div>
 						<!-- <div>{{ item.dev }}</div> -->
 						<div style="width: 20%">{{ item.hardwareName }}</div>
-						<div style="width: 20%"  v-if="COMPANY === 'agjt'">
+						<div style="width: 20%" v-if="COMPANY === 'agjt'">
 							<span v-if="item.alarmType === 1">未穿安全工作服</span>
 							<span v-if="item.alarmType === 2">未戴安全帽</span>
 							<span v-if="item.alarmType === 3">烟火报警</span>
 							<span v-if="item.alarmType === 4">未穿戴安全带</span>
 						</div>
-						<div style="width: 20%"  v-else>{{ item.alarmType ? getWarnName(item.alarmType) : "" }}</div>
-						<div style="width: 20%"> {{ item.createTime }}</div>
-						<div style="color: #65d7f9; cursor: pointer;width:10%" @click="openDetailDialog(item)">查看详情</div>
+						<div style="width: 20%" v-else>{{ item.alarmType ? getWarnName(item.alarmType) : "" }}</div>
+						<div style="width: 20%">{{ item.createTime }}</div>
+						<div style="color: #65d7f9; cursor: pointer; width: 10%" @click="openDetailDialog(item)">查看详情</div>
 					</div>
 					<div class="not-data" v-if="warnAlarmList.length == 0">
 						<img src="@/assets/images/noData.png" />
@@ -73,14 +73,14 @@
 				</div>
 				<div class="big-pic">
 					<el-image
-									class="el-img"
-									:src="BASEURL + '/image/' + detailData.imageUrl"
-									:preview-src-list="[BASEURL + '/image/' + detailData.imageUrl]"
-								>
-								<template #error>
-										<el-image :src="noDataImage" :preview-src-list="[noDataImage]" fit="contain" class="el-no-img" alt="" />
-									</template>
-								</el-image>
+						class="el-img"
+						:src="BASEURL + '/image/' + detailData.imageUrl"
+						:preview-src-list="[BASEURL + '/image/' + detailData.imageUrl]"
+					>
+						<template #error>
+							<el-image :src="noDataImage" :preview-src-list="[noDataImage]" class="el-no-img" alt="" />
+						</template>
+					</el-image>
 					<!-- <img :src="BASEURL + '/image/' + detailData.imageUrl" /> -->
 				</div>
 				<div class="close-icon" @click="closeDialog">
@@ -93,7 +93,7 @@
 
 <script lang="ts" setup>
 import Card from "@/components/card.vue";
-import { ref, onMounted, computed , onBeforeUnmount} from "vue";
+import { ref, onMounted, computed, onBeforeUnmount } from "vue";
 import { getAlarmList, getAlarmTypeOption } from "@/api/modules/aIEarlyWarn";
 import { GlobalStore } from "@/stores";
 import { COMPANY } from "@/config/config";
@@ -244,7 +244,7 @@ function closeDialog() {
 defineExpose({
 	getWarnTypeOption,
 	getWarnAlarmList
-})
+});
 onMounted(async () => {
 	getWarnTypeOption();
 	getWarnAlarmList();
@@ -353,7 +353,11 @@ onBeforeUnmount(async () => {
 				width: 100%;
 				height: 100%;
 			}
-			.el-img{
+			.el-img {
+				width: 100%;
+				height: 100%;
+			}
+			.el-no-img {
 				width: 100%;
 				height: 100%;
 			}
@@ -411,7 +415,11 @@ onBeforeUnmount(async () => {
 							height: 100%;
 							object-fit: contain;
 						}
-						.el-img{
+						.el-img {
+							width: 100%;
+							height: 100%;
+						}
+						.el-no-img {
 							width: 100%;
 							height: 100%;
 						}