Update - 事件详情弹窗组件拆分与优化

src/views/industry/ThermalPower.vue

@@ -796,7 +796,7 @@
 
 <script>
 import DetailDialog from '@/components/DetailDialog/ThermalPower.vue';
-import EventDetail from "@/components/DetailDialog/eventDetail.vue";
+import EventDetail from "@/components/DetailDialog/eventDetail_ThermalPower.vue";
 import {
   getEnterpriseList,getHeatingPipeByDataSetAndSmId,
   getHeatingList,

src/views/industry/UtilityTunnel.vue

@@ -729,7 +729,7 @@
 <script>
 import supermap from '@/components/supermap-2.5d'
 import DetailDialog from "@/components/DetailDialog/UtilityTunnel.vue";
-import EventDetail from "@/components/DetailDialog/eventDetail.vue";
+import EventDetail from "@/components/DetailDialog/eventDetail_UtilityTunnel.vue";
 import PipeLineDetail from '@/components/PipeLineDetail/index.vue'
 	let echarts = require('echarts')
 import { iconList, queryVectorTilesMapList } from '@/api/components/supermap'

src/views/industry/jgpt.vue

@@ -449,7 +449,7 @@
 							<div class="chart-contaier">
 								<div class="chart-con" id="sjChart"></div>
 								<div class="chart-con-num">
-									<div 
+									<div
 										class="chart-con-num-rig"
 										v-for="(e,idx) in eventInfoOfIndustry"
 										:key="idx"
@@ -470,7 +470,6 @@
 				</div>
 				<div class="title-bar">
 					<el-popover placement="left-start" width="400" trigger="click" popper-class="sj-pop-con">
-
 						<div slot="reference" style="cursor: pointer;">年度计划</div>
 					</el-popover>
 					<div class="num">
@@ -482,7 +481,7 @@
 						<div class="chart-con2" id="ndChart" style="height: 120px !important;"></div>
 					</div>
 				</div>
-				<div class="title-bar"  style="cursor: pointer;"   @click="toSbList">
+				<div class="title-bar"  style="cursor: pointer;">
 					<span>风险管理</span>
 				</div>
 				<div class="content-box fxgl">
@@ -554,132 +553,6 @@
 	 			</div>
 	 		</div>
 		</div>
-		<el-dialog title="事件详情" :visible.sync="dialogVisibleSj" width="90%" class="sj-dialog-newstyle">
-			<div class="sj-jcxx">
-				<div class="tit">
-					事件基本信息
-				</div>
-				<div class="sj-jcxx-con">
-					<div class="con-20">
-						<img src="../../assets/index_img/d-icon-tit-img.png">
-						事件名称：超级大街燃气泄漏
-					</div>
-					<div class="con-20">
-						<img src="../../assets/index_img/d-icon-tit-img.png">
-						所属行业：燃气
-					</div>
-					<div class="con-20">
-						<img src="../../assets/index_img/d-icon-tit-img.png">
-						事件等级：一级
-					</div>
-					<div class="con-20">
-						<img src="../../assets/index_img/d-icon-tit-img.png">
-						事件状态：已处理
-					</div>
-					<div class="con-20">
-						<img src="../../assets/index_img/d-icon-tit-img.png">
-						事件类型：？？？
-					</div>
-					<div class="con-20">
-						<img src="../../assets/index_img/d-icon-tit-img.png">
-						事件时间：2025/02/06 13:45:11
-					</div>
-					<div class="con-20">
-						<img src="../../assets/index_img/d-icon-tit-img.png">
-						报警来源：压力传感器0025332
-					</div>
-					<div class="con-20 con-50">
-						<img src="../../assets/index_img/d-icon-tit-img.png">
-						报警原因：燃气泄漏
-					</div>
-
-				</div>
-			</div>
-			<div class="sj-jcxx">
-				<div class="tit">
-					事件处理流程
-				</div>
-				<div class="sj-jcxx-con" style="height: 85px; margin-top: 20px;">
-					<div class="z-line"></div>
-					<div class="triangle"></div>
-					<div class="z-lc m60">
-						<img src="../../assets/index_img/jslc-icon.png" />
-						事件发起
-						<div class="z-lc-time">
-							2025/02/06 11:45:11
-						</div>
-						<el-tooltip class="item" v-if="true" placement="top" popper-class="sj-tooltip">
-							<div slot="content" class="info-list">
-								<span>处理意见：案例手动封口机案例谁都快放假</span>
-								<span>处理意见：案例手动封口机案例谁都快案例手动封口放假</span>
-								<span>处理意见：案例手动封口机案例手动封口机案例谁都快放假快放假</span>
-								<span>处理意见：案例手动封口机案例谁都快放假案例手动封口机案例谁都快放假</span>
-							</div>
-							<div class="z-clyj">
-								<img src="../../assets/index_img/clyj-icon.png" />
-							</div>
-						</el-tooltip>
-					</div>
-					<div class="z-lc">
-						<img src="../../assets/index_img/jslc-icon.png" />
-						事件签收
-					</div>
-					<div class="z-lc">
-						<img src="../../assets/index_img/jslc-icon.png" />
-						事件处理
-					</div>
-					<div class="z-lc">
-						<img src="../../assets/index_img/jslc-icon.png" />
-						事件办结
-					</div>
-
-				</div>
-			</div>
-			<div class="sj-jcxx" style="width:40%">
-				<div class="tit">
-					现场画面
-				</div>
-				<div class="sj-jcxx-con" style="width: 100%; height: 435px; margin-top: 20px;">
-					<img src="../../assets/index_img/temp-sp.png" width="100%" height="435px" />
-				</div>
-			</div>
-			<div class="sj-jcxx" style="width:59%">
-				<div class="tit">
-					监测数值
-				</div>
-				<div class="sj-jcxx-con"
-					style="margin-top: 20px; display: flex; flex-direction: column; align-items: flex-start;">
-					<div class="con-20 con-100">
-						<img src="../../assets/index_img/d-icon-tit-img.png">
-						报警设备：压力传感器0025332
-					</div>
-					<div class="con-20 con-100">
-						<img src="../../assets/index_img/d-icon-tit-img.png">
-						报警原因：<span class="or">压力值异常</span>
-					</div>
-					<div class="con-20 con-100">
-						<img src="../../assets/index_img/d-icon-tit-img.png">
-						异常数值：<span class="or">压力12</span>
-					</div>
-					<div class="con-20 con-100">
-						<img src="../../assets/index_img/d-icon-tit-img.png">
-						事件预警影响：208户
-					</div>
-					<div class="con-20 con-100">
-						<img src="../../assets/index_img/d-icon-tit-img.png">
-						应急预案匹配：<span class="bl">附件1应急预案</span>
-					</div>
-					<div class="con-20 con-100">
-						<img src="../../assets/index_img/d-icon-tit-img.png">
-						当前处理人员：张三
-					</div>
-					<div class="con-20 con-100">
-						<img src="../../assets/index_img/d-icon-tit-img.png">
-						处理人员电话：188277639002
-					</div>
-				</div>
-			</div>
-		</el-dialog>
 
 		<el-dialog
 				title="行业数据完整度"

src/views/industry/jgptList.vue

@@ -91,7 +91,7 @@
 			</div>
 			<!--设备列表-->
 			<!-- 地图 -->
-			<supermap ref="supermap" style="width: 100%;height: 100vh;">
+			<supermap ref="supermap" style="width: 100%;height: 100vh;" @previewPointDetail="previewPointDetail">
 			</supermap>
 		</div>
     <!-- 事件详情弹窗 -->

src/views/industry/lookall.vue

@@ -811,7 +811,7 @@
 		getWeather
 	} from '@/api/data'
 	import DetailDialog from "@/components/DetailDialog/lookall.vue";
-	import EventDetail from "@/components/DetailDialog/eventDetail.vue";
+	import EventDetail from "@/components/DetailDialog/eventDetail_lookall.vue";
 
 	let echarts = require('echarts')
 	import Cookies from 'js-cookie'

src/views/industry/paishui.vue

@@ -808,7 +808,7 @@
   import Cookies from "js-cookie";
   let echarts = require('echarts')
 	import DetailDialog from "@/components/DetailDialog/paishui.vue";
-  import EventDetail from "@/components/DetailDialog/eventDetail.vue";
+  import EventDetail from "@/components/DetailDialog/eventDetail_paishui.vue";
 	import supermap from '@/components/supermap-2.5d' //超图
 	import { getUserProfile } from '@/api/system/user'
 	import {

src/views/industry/qiaoliang.vue

@@ -705,7 +705,7 @@ import Cookies from "js-cookie";
 
 let echarts = require('echarts')
 import DetailDialog from "@/components/DetailDialog/qiaoliang.vue";
-import EventDetail from "@/components/DetailDialog/eventDetail.vue";
+import EventDetail from "@/components/DetailDialog/eventDetail_qiaoliang.vue";
 import supermap from '@/components/supermap-2.5d' //超图
 import {
   iconList,

src/views/industry/tableInfoHandler.vue

@@ -706,7 +706,7 @@ import {
   getDeviceOnlineOfflineByDept
 } from '@/api/tableInfo'
 import DetailDialog from "@/components/DetailDialog/tableInfoHandler.vue";
-import EventDetail from "@/components/DetailDialog/eventDetail.vue";
+import EventDetail from "@/components/DetailDialog/eventDetail_lookall.vue";
 import {getWeather} from "@/api/data";
 import { selectEventList,getEventDetail } from '@/api/eventLifeLine'
 

src/views/industry/water.vue

@@ -693,7 +693,7 @@
   import Cookies from 'js-cookie'
   import supermap from '@/components/supermap-2.5d' //超图
   import DetailDialog from "@/components/DetailDialog/water.vue";
-  import EventDetail from "@/components/DetailDialog/eventDetail.vue";
+  import EventDetail from "@/components/DetailDialog/eventDetail_water.vue";
   import { iconList, queryVectorTilesMapList } from '@/api/components/supermap'
   import {
     getHeatingList,