From 17a81d641608545682e3f79f7c6090cac48fe81a Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Mon, 15 Sep 2025 18:10:01 +0800
Subject: [PATCH] feat:去除高亮
---
src/views/pd/components/dynamicPanel.vue | 37 +++++++++++++++++++++++++++++++------
1 files changed, 31 insertions(+), 6 deletions(-)
diff --git a/src/views/pd/components/dynamicPanel.vue b/src/views/pd/components/dynamicPanel.vue
index 911b869..d0ac8c5 100644
--- a/src/views/pd/components/dynamicPanel.vue
+++ b/src/views/pd/components/dynamicPanel.vue
@@ -2,7 +2,7 @@
* @Author: shuishen 1109946754@qq.com
* @Date: 2024-11-09 15:41:35
* @LastEditors: shuishen 1109946754@qq.com
- * @LastEditTime: 2025-09-11 22:34:57
+ * @LastEditTime: 2025-09-11 22:59:25
* @FilePath: \bigScreen\src\views\pd\components\dynamicPanel.vue
* @Description:
*
@@ -68,10 +68,12 @@
modelData.disposeData.forEach(i => {
'selectedNum' in i && (i.selectedNum = 0)
'selectedID' in i && (i.selectedID = [])
+ 'show' in i && (i.show = false)
})
customData.forEach(j => j.disposeData.forEach(i => {
'selectedNum' in i && (i.selectedNum = 0)
'selectedID' in i && (i.selectedID = [])
+ 'show' in i && (i.show = false)
}))
mapStore.setStartCustomWx(false)
@@ -245,7 +247,13 @@
disposeData: [
{
label: '事故概况',
- content: '2024年X月X日X时，某企业二甲苯储罐泄漏。企业关闭前置阀门，切断泄漏源；根据泄漏情况，向罐内适量注水，抬高液位，形成水垫层，缓解险情，配合堵漏。',
+ content: '2024年X月X日X时，某企业二甲苯储罐泄漏。',
+ isNeedHandle: false,
+ show: false,
+ },
+ {
+ levelTitle: '企业级应急处置',
+ content: '企业关闭前置阀门，切断泄漏源；根据泄漏情况，向罐内适量注水，抬高液位，形成水垫层，缓解险情，配合堵漏。',
isNeedHandle: false,
show: false,
},
@@ -261,6 +269,7 @@
show: false,
},
{
+ levelTitle: '企间级应急处置',
useLayerID: '3-2',
content: '若该公司应急池容量不足，可通过移动泵或槽罐车将事故废水转移至临近企业事故应急池或污水处理厂事故应急池。',
isNeedHandle: true,
@@ -272,6 +281,7 @@
show: false,
},
{
+ levelTitle: '园区级应急处置',
useLayerID: '3-4',
content: '立即关闭园区排洪渠下游闸坝，拦截污染水体。',
isNeedHandle: true,
@@ -398,7 +408,13 @@
disposeData: [
{
label: '事故概况',
- content: '2025年X月X日X时，某企业物料运输管道发生泄漏。企业通知供应企业停泵，关闭进入公司厂界的盐酸管道阀门；根据泄漏情况，用沙土筑成临时围堰，将盐酸圈在围堰内，然后用氢氧化钠/液碱进行中和处理。用泡沫或其它有效覆盖物进行覆盖，对泄漏区域用雾状水喷淋稀释抑制其挥发，防止泄漏盐酸挥发殃及周围建筑物及人员。',
+ content: '2025年X月X日X时，某企业物料运输管道发生泄漏。',
+ isNeedHandle: false,
+ show: false,
+ },
+ {
+ levelTitle: '企业级应急处置',
+ content: '企业通知供应企业停泵，关闭进入公司厂界的盐酸管道阀门；根据泄漏情况，用沙土筑成临时围堰，将盐酸圈在围堰内，然后用氢氧化钠/液碱进行中和处理。用泡沫或其它有效覆盖物进行覆盖，对泄漏区域用雾状水喷淋稀释抑制其挥发，防止泄漏盐酸挥发殃及周围建筑物及人员。',
isNeedHandle: false,
show: false,
},
@@ -414,6 +430,7 @@
show: false,
},
{
+ levelTitle: '园区级应急处置',
useLayerID: '3-4',
content: '立即关闭园区排洪渠下游闸坝，拦截污染水体。',
isNeedHandle: true,
@@ -559,9 +576,13 @@
</div>
<div class="content">
- <div :class="{ 'text-orange': ind === curContentInd }" v-show="item.show"
- v-for="item, ind in contentData?.disposeData" :key="ind">
- {{ item.content }}
+ <div v-show="item.show" v-for="item, ind in contentData?.disposeData" :key="ind">
+ <div v-if="item.levelTitle" class="level-title">
+ {{ item.levelTitle }}
+ </div>
+ <div :class="{ 'text-orange': ind === curContentInd }">
+ {{ item.content }}
+ </div>
</div>
</div>
@@ -769,6 +790,10 @@
line-height: 32px;
}
+ .level-title {
+ text-indent: 0;
+ }
+
.text-orange {
color: orange;
}
--
Gitblit v1.9.3