dyf/dyf-vue-ui
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
fengerli
2025-09-01 17:02:21 +08:00
parent 031f6135c1
commit 3782f73215
6 changed files with 59 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/views/equipmentAlarmRecord/index.vue
View File

@ -78,19 +78,19 @@
<div class="label">报警事项</div>
<div class="alearm">
<template v-if="item.deviceAction === 0">强制报警
<span v-if="item.treatmentState === 1">({{ item.startTime.split(' ')[1] || '' }})</span>
<span v-if="item.treatmentState === 1">({{ item.startTime.split(' ')[1] || '' }})</span>
</template>
<template v-else-if="item.deviceAction === 1">撞击闯入
<span v-if="item.treatmentState === 1">({{ item.startTime.split(' ')[1] || '' }})</span>
</template>
<template v-else-if="item.deviceAction === 2">手动报警
<span v-if="item.treatmentState === 1">({{ item.startTime.split(' ')[1] || '' }})</span>
<span v-if="item.treatmentState === 1">({{ item.startTime.split(' ')[1] || '' }})</span>
</template>
<template v-else-if="item.deviceAction === 3">电子围栏告警
<span v-if="item.treatmentState === 1">({{ item.startTime.split(' ')[1] || '' }})</span>
</template>
<template v-else-if="item.deviceAction === 4">强制告警
<span v-if="item.treatmentState === 1">({{ item.startTime.split(' ')[1] || '' }})</span>
<span v-if="item.treatmentState === 1">({{ item.startTime.split(' ')[1] || '' }})</span>
</template>
</div>
<div class="label">报警地点：</div>
@ -98,7 +98,7 @@
{{ item.location }}
</div>
<div v-if="item.treatmentState === 0" class="dl_bot d_fl">
<div>时长:{{ item.durationTime}}</div>
<div>时长:{{ item.durationTime }}</div>
<div>解除: {{ item.finishTime.split(' ')[1] || '' }}</div>
</div>
</div>
@ -118,22 +118,22 @@
<el-table-column label="报警地点" align="center" prop="location" />
<el-table-column label="报警事项" align="center" prop="deviceAction">
<template #default="scope">
<div v-if="scope.row.deviceAction == 0">强制报警</div>
<div v-if="scope.row.deviceAction == 1">撞击闯入</div>
<div v-if="scope.row.deviceAction == 2">手动报警</div>
<div v-if="scope.row.deviceAction == 3">电子围栏告警</div>
<div v-if="scope.row.deviceAction == 4">强制告警</div>
<el-tag type="danger" v-if="scope.row.deviceAction == 0">强制报警</el-tag>
<el-tag type="danger" v-if="scope.row.deviceAction == 1">撞击闯入</el-tag>
<el-tag type="danger" v-if="scope.row.deviceAction == 2">手动报警</el-tag>
<el-tag type="danger" v-if="scope.row.deviceAction == 3">电子围栏告警</el-tag>
<el-tag type="danger" v-if="scope.row.deviceAction == 4">强制告警</el-tag>
</template>
</el-table-column>
<el-table-column label="报警持续时间" align="center" prop="durationTime" width="180">
<template #default="scope">
<span>{{ scope.row.durationTime }}</span>
<el-tag type="danger">{{ scope.row.durationTime }}</el-tag>
</template>
</el-table-column>
<el-table-column label="处理状态" align="center" prop="treatmentState">
<template #default="scope">
<div v-if="scope.row.treatmentState == 0">已处理</div>
<div v-if="scope.row.treatmentState == 1">未处理</div>
<div class="ysStatus" v-if="scope.row.treatmentState == 0">已处理</div>
<el-tag type="danger" v-if="scope.row.treatmentState == 1">未处理</el-tag>
</template>
</el-table-column>
<el-table-column label="报警时间" align="center" prop="startTime" />
@ -244,14 +244,6 @@ const resetQuery = () => {
queryFormRef.value?.resetFields();
handleQuery();
}
onMounted(() => {
getList();
getDeviceType()
@ -259,7 +251,7 @@ onMounted(() => {
</script>
<style lang="scss" scoped>
.custom-alarm-card {
height:298px;
height: 298px;
display: flex;
flex-direction: column;
box-shadow: 0px 0px 6px 0px rgba(0, 27, 74, 0.1);
@ -381,4 +373,8 @@ onMounted(() => {
color: rgba(56, 64, 79, 0.6);
font-size: 12px;
}
.ysStatus {
color: #00A552;
}
</style>