From 803b93038ca16e21ea60a260ca4ac882b84a87ef Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 18 七月 2025 17:31:53 +0800
Subject: [PATCH] 2025.7.18 监管任务模块 1. 监管场景样式优化； 2. 新增监管场景GIS地图展示（待完成）；
---
src/components/list-item/ItemMonitorObj.vue | 93 +++++++++++++++++++++++++++++++++++++++-------
1 files changed, 78 insertions(+), 15 deletions(-)
diff --git a/src/components/list-item/ItemMonitorObj.vue b/src/components/list-item/ItemMonitorObj.vue
index 51f1ecf..128c5fc 100644
--- a/src/components/list-item/ItemMonitorObj.vue
+++ b/src/components/list-item/ItemMonitorObj.vue
@@ -1,24 +1,53 @@
<template>
<!-- <el-card shadow="hover"> -->
- <div class="wrapper">
+ <div :class="statusClass + ' wrapper'">
<div>
- <el-text>{{ item.displayid }}銆�</el-text>
- <el-text truncated class="w-250px">{{ item.sensename }}</el-text>
+ <!-- <el-text>{{ item.displayid }}銆�</el-text> -->
+ <el-text tag="b" class="text-line-2">
+ {{ item.displayid + '銆�' + item.sensename }}
+ </el-text>
</div>
- <!-- <div>
- <el-text>鍦板潃锛歿{ item.location }}</el-text>
- </div> -->
+ <div>
+ <el-text truncated class="w-250px" type="info">
+ <el-icon><LocationInformation /></el-icon>
+ {{ item.scene.location }}
+ </el-text>
+ </div>
<el-row justify="space-between" style="margin-top: 4px">
<el-space>
- <el-tag type="info" effect="plain" size="small">
+ <el-tag
+ v-if="item.extension1 == '1'"
+ type="success"
+ effect="plain"
+ size="small"
+ >
+ <el-icon :size="8"><Select /></el-icon>
+ <span>宸茬洃绠�</span>
+ </el-tag>
+ <el-tag
+ v-else-if="!item.extension1 || item.extension1 == '0'"
+ type="danger"
+ effect="plain"
+ size="small"
+ >
+ <el-icon :size="8"><CloseBold /></el-icon>
+ <span>鏈洃绠�</span>
+ </el-tag>
+ <el-tag v-else type="primary" effect="plain" size="small">
+ <el-icon :size="8"><Select /></el-icon>
+ <span>宸插鏍�</span>
+ </el-tag>
+ <!-- <el-tag type="info" effect="plain" size="small">
{{ item.sceneType }}
- </el-tag>
- <el-tag type="info" effect="plain" size="small">
- 璁″垝鐩戠锛歿{ item.monitornum }}
- </el-tag>
- <el-tag type="info" effect="plain" size="small">
- 宸茬洃绠★細{{ item.extension1 ? item.extension1 : '0' }}
- </el-tag>
+ </el-tag> -->
+ <el-space>
+ <el-tag type="info" size="small">
+ 璁″垝锛歿{ item.monitornum }}娆�
+ </el-tag>
+ <el-tag type="info" size="small">
+ 鐩戠锛歿{ item.extension1 ? item.extension1 : '0' }}娆�
+ </el-tag>
+ </el-space>
</el-space>
<slot :item="item"></slot>
<!-- <el-button size="small" type="success" @click="add">娣诲姞</el-button> -->
@@ -30,7 +59,7 @@
/**
* 鐩戠瀵硅薄
*/
-
+import { computed } from 'vue';
const props = defineProps({
item: {
@@ -40,6 +69,16 @@
});
const emit = defineEmits(['add']);
+
+const statusClass = computed(() => {
+ if (!props.item.extension1 || props.item.extension1 == '0') {
+ return 'border-bottom-danger';
+ } else if (props.item.extension1 == '1') {
+ return 'border-bottom-success';
+ } else {
+ return 'border-bottom-primary';
+ }
+});
function add() {
emit('add', props.item);
@@ -51,5 +90,29 @@
border: 1px solid var(--el-border-color);
border-radius: var(--el-border-radius-base);
padding: 4px 8px;
+ box-shadow: var(--el-box-shadow-light);
+}
+
+.text-line-2 {
+ width: 300px;
+ height: 40px;
+ display: -webkit-box;
+ line-clamp: 2;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.border-bottom-success {
+ border-left: 3px solid var(--el-color-success);
+}
+
+.border-bottom-danger {
+ border-left: 3px solid var(--el-color-danger);
+}
+
+.border-bottom-primary {
+ border-left: 3px solid var(--el-color-primary);
}
</style>
--
Gitblit v1.9.3