应急事件详情 ✔

src/views/SentryEmergencyCenter.vue

@@ -196,9 +196,10 @@
 					<video
 						controls
 						width="588"
-						height="380"
+						height="378"
 						:src="emergencyEventDetails.videoPath"
 						class="video_context"
+						style="margin-top: 5px;"
 						id="video"
 						ref="video"
 						>
@@ -240,7 +241,7 @@
                 <div class="right transferBg">
 									<h3>事件日志</h3>
 									<div class="block le_ri">
-										<el-scrollbar style="height: 480px;" class="spsb_time">
+										<el-scrollbar style="height: 378px;" class="spsb_time">
 											<el-timeline>
 												<el-timeline-item
 														v-for="(activity, index) in activities"
@@ -253,8 +254,8 @@
 														<!--<el-image v-if="activity.attachList.length>0" v-for="item in activity.attachList" :src="item.attachPath" style="width: 150px;"></el-image>-->
 														<!-- 图片、视频、文件 组件 -->
 														<template v-if="activity.attachList.length>0" v-for="item in activity.attachList">
-															<el-image v-if="item.attachPath.endsWith('.jpg') || item.attachPath.endsWith('.png')" style="width: 270px; height: 180px; margin-right: 9px;" :src="item.attachPath"></el-image>
-															<video controls v-else-if="item.attachPath.endsWith('.mp4')" style="width: 270px; height: 180px; margin-right: 9px;" :src="item.attachPath"></video>
+															<el-image v-if="item.attachPath.endsWith('.jpg') || item.attachPath.endsWith('.png')" style="width: 208px; height: 150px; margin-right: 9px;" :src="item.attachPath"></el-image>
+															<video controls v-else-if="item.attachPath.endsWith('.mp4')" style="width: 208px; height: 150px; margin-right: 9px;" :src="item.attachPath"></video>
 															<a v-else-if="item.attachPath.endsWith('.pdf')" :href="item.attachPath" style="width: 800px; height: 20px; display: block; color: #fff!important;">📄 {{ item.fileName }}</a>
 															<a v-else-if="item.attachPath.endsWith('.doc')" :href="item.attachPath" style="width: 800px; height: 20px; display: block; color: #fff!important;">📝 {{ item.fileName }}</a>
 															<a v-else-if="item.attachPath.endsWith('.docx')" :href="item.attachPath" style="width: 800px; height: 20px; display: block; color: #fff!important;">📝 {{ item.fileName }}</a>
@@ -460,6 +461,7 @@
 	import {getUserProfile} from "@/api/system/user";
 	import {treeselectAll} from '@/api/system/dept.js'
 	import {
+		addEventLogDescription, // 督办提交
 		getEventLog, // 事件日志
 		getEventList,
 		getPlanList,
@@ -631,10 +633,28 @@
 		},
 		methods: {
 			// 事件日志 开始
+			// 上传附件
+			showEventLogUpload(eventDetails) {
+				this.$refs.eventLogUpload.eventLogUpload(eventDetails)
+			},
+			// 添加督办日志信息
+			addEventLogDescription(params){
+				if(this.reviewDescription == null || this.reviewDescription == ''){
+					this.$modal.msgWarning("请填写督办信息！")
+					return;
+				}
+				addEventLogDescription({eventId:params.eventId,reviewDescription:this.reviewDescription}).then(req => {
+					if(req.code == 200){
+						this.reviewDescription = ''; // 提交成功后清空督办内容
+						this.$modal.msgSuccess('保存成功');
+						this.openEventDetails(params)
+					}
+				})
+			},
 			openEventDetails(params){ // 上传文件和督办 保存成功后也回调这个
 				this.eventId = params.eventId; // 详情 弹窗 事件ID
 				// this.isEventDetails = true;
-				// this.eventDetails = params;
+				this.eventDetails = params;
 				getEventLog(params.eventId).then(req => {
 					this.activities = req.data;
 					// 处理文件顺序 图片 → 视频 → 文件 → 未知文件
@@ -1490,6 +1510,9 @@
 			color: #fff;
       background-color: #5bdddd;
       border-radius: 10px;
+			border: 0px;
+			outline: 0px;
+			padding: 4px 0px;
 		}
         .d1{
             height: 20%;
@@ -1860,4 +1883,17 @@
 			height: 240px !important;
 		}
 	}
+	.le_ri{
+		display: flex;
+		flex-direction: column!important;
+		.spsb_time{
+			width: 96%;
+		}
+		.spsb_xx{
+			width: 96%;
+			.spsb_text{
+				height: 80px;
+			}
+		}
+	}
 </style>