admin/zhgdlarge
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: AI预警样式调整

Browse Source
This commit is contained in:
kun 2024-06-28 20:02:20 +08:00
parent 8200b1203c
commit ad4b56defc
1 changed files with 33 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
src/views/sevenLargeScreen/digitalConstruction/aIEarlyWarning/bottomRight.vue
View File

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