事件处理流程✔

src/views/SentryEmergencyCenter.vue

@@ -195,7 +195,7 @@
                     <h3>现场画面</h3>
 					<video
 						controls
-						width="650"
+						width="588"
 						height="380"
 						:src="emergencyEventDetails.videoPath"
 						class="video_context"
@@ -207,14 +207,24 @@
                 <div class="mid">
                     <div class="transferBg info">
                         <h3>现场状况</h3>
-						<div>
-							<div>事件当前伤亡：{{ emergencyEventDetails.eventCasualties || '' }}人</div>
-							<div>事件预警影响：{{ emergencyEventDetails.eventEarlyWarning || '' }}人</div>
-							<div>预计解决时间：{{ emergencyEventDetails.eventResolutionTime || '' }}</div>
-							<div>当前处理人员：{{ emergencyEventDetails.processingPerson || '' }}</div>
-							<div>处理人员电话：{{ emergencyEventDetails.personPhone || '' }}</div>
-						</div>
+												<div>
+													<div>事件当前伤亡：{{ emergencyEventDetails.eventCasualties || '' }}人</div>
+													<div>事件预警影响：{{ emergencyEventDetails.eventEarlyWarning || '' }}人</div>
+													<div>预计解决时间：{{ emergencyEventDetails.eventResolutionTime || '' }}</div>
+													<div>当前处理人员：{{ emergencyEventDetails.processingPerson || '' }}</div>
+													<div>处理人员电话：{{ emergencyEventDetails.personPhone || '' }}</div>
+												</div>
                     </div>
+									<div class="transferBg info_right">
+										<h3>各部门在线情况</h3>
+										<h4 style="margin-top: 4%;"></h4>
+										<div v-for="(e,idx) in emergencyEventDetails.deptList ? emergencyEventDetails.deptList : [] " :key="idx" class="planItem"
+												 style="display: flex;border: 1px solid #50A09E;width: 96%;height: 40px !important;">
+											<img src="@/assets/images/planIcon.png"
+													 style="width: 36px; height:36px; position: relative;top: -32%;left: -5%;">
+											<div style="position: relative;left: -5%; bottom: 7%;">{{ e.mapDeptName || '' }}</div>
+										</div>
+									</div>
                     <div class="transferBg pics">
                         <h3>其他画面</h3>
 						<div class="otherPics">
@@ -228,7 +238,7 @@
                     </div>
                 </div>
                 <div class="right transferBg">
-                    <h3>各部门在线情况</h3>
+                    <h3>事件日志</h3>
 					<h4 style="margin-top: 4%;"></h4>
 					<div v-for="(e,idx) in emergencyEventDetails.deptList ? emergencyEventDetails.deptList : [] " :key="idx" class="planItem" style="display: flex;border: 1px solid #50A09E;width: 98%;height: 57px !important;">
 						<img src="@/assets/images/planIcon.png" style="width: 10%;position: relative;top: -38%;left: -5%;height: 50px;">
@@ -1394,6 +1404,7 @@
             }
         }
         .d2{
+						width: 69%;
             height: 20%;
             margin-top: 1%;
             .progress_contain{
@@ -1408,26 +1419,26 @@
                 .e1{
                     width: 60px;
                     position: absolute;
-                    bottom: 55%;
+                    bottom: 57%;
                     left: 8%;
                 }
                 .e2{
                     width: 60px;
                     position: absolute;
-                    bottom: 55%;
-                    left: 33%;
+                    bottom: 57%;
+                    left: 25%;
                 }
                 .e3{
                     width: 60px;
                     position: absolute;
-                    bottom: 55%;
-                    left: 57%;
+                    bottom: 57%;
+                    left: 40%;
                 }
                 .e4{
                     width: 60px;
                     position: absolute;
-                    bottom: 55%;
-                    left: 80%;
+                    bottom: 57%;
+                    left: 55%;
                 }
             }
         }
@@ -1436,14 +1447,15 @@
             height: 56%;
             margin-top: 1%;
             .video{
-                width: 38%;
+                width: 34%;
             }
             .mid{
-                width: 30%;
+                width: 34%;
                 margin-left: 1.5%;
                 .info{
-                    width: 100%;
+                    width: 48.5%;
                     height: 48.5%;
+									float: left;
 					>div{
 						margin-top: 2.5%;
     					height: 76%;
@@ -1452,9 +1464,22 @@
 						}
 					}
                 }
+							.info_right{
+								float: left;
+								width: 48.5%;
+								height: 48.5%;
+								margin-left: 3%;
+								>div{
+									margin-top: 3%;
+									>div:not(:nth-child(1)){
+										margin-top: 2%;
+									}
+								}
+							}
                 .pics{
                     width: 100%;
                     height: 48.5%;
+									float: left;
                     margin-top: 2%;
 					>div{
 						overflow-x: auto;       /* 横向滚动条 */
@@ -1475,7 +1500,9 @@
             }
             .right{
                 width: 30%;
+							  height: 140%;
                 margin-left: 1.5%;
+							  margin-top: -168px;
 				>div{
 					margin-top: 1.5%;
 					>div:not(:nth-child(1)){