Merge branch 'dev-bxy' into 'dev'

style: 应急管理部分样式修改

See merge request product-group-fe/sfy-safety-group/sfy-safety!183

src/utils/g6Extensions.ts

@@ -5,7 +5,7 @@ class AntLine extends Polyline {
 
   onCreate() {
     const shape = this.shapeMap.key;
-    this.anim = shape.animate([{ lineDashOffset: 20 }, { lineDashOffset: 0 }], {
+    this.anim = shape.animate([{ lineDashOffset: 20 }, { lineDashOffset: 20 }], {
       duration: 500,
       iterations: Infinity,
     });

src/views/emergency/command-center/components/MonitorCameras.vue

@@ -181,6 +181,7 @@
       width: 100%;
       height: 100%;
       position: relative;
+      background-color: #000000;
 
       .main-video {
         height: 100%;
@@ -192,7 +193,7 @@
         right: 0px;
         cursor: pointer;
         padding: 12px;
-        background: rgba(0, 0, 0, 0.6);
+        background: rgba(255, 255, 255, 0.2);
         border-radius: 8px 0px 0px 8px;
       }
     }

src/views/emergency/emergency-procedure/PageProcedure.vue

@@ -8,7 +8,7 @@
         <header class="disaster-precaution__header">
           <el-button
             type="danger"
-            size="large"
+            size="medium"
             class="search-table-container--button start-event-btn"
             v-if="emergencyProcedureManagePermission"
             @click="handleAddEmergencyEvent"
@@ -16,7 +16,7 @@
             <template #icon>
               <SvgIcon iconName="start-emergency-event" color="#fff" />
             </template>
-            <span class="start-event-btn-text">启动应急事件</span>
+            <span>启动应急事件</span>
           </el-button>
           <BasicSearch
             :searchConfig="PROCEDURE_LIST_SEARCH_CONFIG"
@@ -303,12 +303,6 @@
   }
 
   .start-event-btn {
-    padding: 30px 60px;
-    font-size: 40px;
     background-color: #ec2828;
-
-    .start-event-btn-text {
-      font-size: 20px;
-    }
   }
 </style>

src/views/emergency/emergency-procedure/PageProcedureReport.vue

@@ -5,42 +5,44 @@
       <span class="breadcrumb-title">{{ name }}</span>
     </header>
     <main class="safety-platform-container__main">
-      <div class="report-title">{{ procedureReport?.eventName }}应急处置</div>
-      <div class="duration-time">
-        <div class="container-title">
-          <span class="line"></span>
-          <span>应急处置时间</span>
+      <div class="report-container">
+        <div class="report-title">{{ procedureReport?.eventName }}应急处置</div>
+        <div class="duration-time">
+          <div class="container-title">
+            <span class="line"></span>
+            <span>应急处置时间</span>
+          </div>
+          <TimeLine
+            :startTime="procedureReport?.startTime"
+            :completeTime="procedureReport?.completeTime"
+            :duration="procedureReport?.duration"
+          />
         </div>
-        <TimeLine
-          :startTime="procedureReport?.startTime"
-          :completeTime="procedureReport?.completeTime"
-          :duration="procedureReport?.duration"
-        />
-      </div>
-      <div class="suggestion-info">
-        <div class="container-title">
-          <span class="line"></span>
-          <span>事件总结与改进建议</span>
-        </div>
-        <div class="suggestion-content" v-if="procedureReport?.suggestion">{{ procedureReport?.suggestion }}</div>
-        <div class="suggestion-content" v-else>暂无内容</div>
-      </div>
-      <div class="loss-charts">
-        <div class="container-title">
-          <span class="line"></span>
-          <span>损失评估</span>
-        </div>
-        <div class="loss-num">
-          <span class="loss-num-title">共计受损物品</span>
-          <span class="loss-num-value">{{ procedureReport?.lossRecordCount || 0 }}</span>
-        </div>
-        <div v-if="!procedureReport?.lossRecordCount" class="no-loss-record">
-          <img src="@/assets/images/empty@1X.png" alt="" />
-          <span>本次事件没有损失</span>
+        <div class="suggestion-info">
+          <div class="container-title">
+            <span class="line"></span>
+            <span>事件总结与改进建议</span>
+          </div>
+          <div class="suggestion-content" v-if="procedureReport?.suggestion">{{ procedureReport?.suggestion }}</div>
+          <div class="suggestion-content" v-else>暂无内容</div>
         </div>
-        <div class="charts-container" v-else>
-          <ChartOfSafetyLevel class="chart" :data="procedureReport?.safetyLevelDistributionList || []" />
-          <ChartOfDisasterLocation class="chart" :data="procedureReport?.disasterLocationDistributionList || []" />
+        <div class="loss-charts">
+          <div class="container-title">
+            <span class="line"></span>
+            <span>损失评估</span>
+          </div>
+          <div class="loss-num">
+            <span class="loss-num-title">共计受损物品</span>
+            <span class="loss-num-value">{{ procedureReport?.lossRecordCount || 0 }}</span>
+          </div>
+          <div v-if="!procedureReport?.lossRecordCount" class="no-loss-record">
+            <img src="@/assets/images/empty@1X.png" alt="" />
+            <span>本次事件没有损失</span>
+          </div>
+          <div class="charts-container" v-else>
+            <ChartOfSafetyLevel class="chart" :data="procedureReport?.safetyLevelDistributionList || []" />
+            <ChartOfDisasterLocation class="chart" :data="procedureReport?.disasterLocationDistributionList || []" />
+          </div>
         </div>
       </div>
     </main>
@@ -78,6 +80,12 @@
 
   .safety-platform-container__main {
     padding: 20px 0;
+    display: flex;
+    justify-content: center;
+  }
+
+  .report-container {
+    width: 1000px;
   }
 
   .container-title {