Merge remote-tracking branch 'origin/master'

src/router/routes.ts

@@ -126,7 +126,7 @@ export const constantRoutes: Array<RouteRecordRaw> = [
     name: "HazardousChemicals",
     component: () => import("@/views/disasterRiskMonitor/hazardousChemicals.vue"),
     meta: {
-      title: "地质灾害应急专题"
+      title: "危化品事故专题"
     }
   },
   {
@@ -199,6 +199,15 @@ export const constantRoutes: Array<RouteRecordRaw> = [
       noCache: true
     }
   },
+  {
+    path: "/event/add",
+    name: "EventAdd",
+    component: () => import("@/views/event/add.vue"),
+    meta: {
+      title: "事件报送",
+      noCache: true
+    }
+  },
   {
     path: "/signPage",
     name: "signPage",

src/views/disasterRiskMonitor/galeDisaster.vue

@@ -37,16 +37,21 @@
       <div class="text-box">
         <i class="icon-chart" />
         <van-text-ellipsis
-            class="text"
-            :content="detailsData.text"
-            rows="3"
-            expand-text="展开"
-            collapse-text="收起"
+          class="text"
+          :content="detailsData.text"
+          rows="3"
+          expand-text="展开"
+          collapse-text="收起"
         />
       </div>
     </div>
     <div class="box3">
-      <el-table :data="detailsData.dataList" header-cell-class-name="common-table-header" :row-class-name="getTableRowClass" table-layout="auto">
+      <el-table
+        :data="detailsData.dataList"
+        header-cell-class-name="common-table-header"
+        :row-class-name="getTableRowClass"
+        table-layout="auto"
+      >
         <el-table-column label="地区" prop="area" align="center" />
         <el-table-column prop="level" align="center">
           <template #header>
@@ -57,12 +62,17 @@
           </template>
         </el-table-column>
         <el-table-column
-            label="站址"
-            prop="address"
-            align="center"
-            width="160px"
+          label="站址"
+          prop="address"
+          align="center"
+          width="160px"
+        />
+        <el-table-column
+          label="风速(m/s)"
+          prop="speed"
+          align="center"
+          sortable
         />
-        <el-table-column label="风速(m/s)" prop="speed" align="center" sortable />
       </el-table>
     </div>
     <van-popup v-model:show="showLevelPicker" round position="bottom">
@@ -106,13 +116,13 @@ const detailsData = ref({
 const initData = () => {
   detailsData.value = {
     img: "src/assets/images/disasterRiskMonitor/galeDisaster/icon1.png",
-    text: "截至2024年10月29日17时，茂名地区遭受大风影响，平均风速达到20米/秒以上，部分地区阵风超过25米/秒。目前，电白区、茂南区等地已启动应急预案，提醒市民减少外出，确保人身安全。各监测站点正持续监控风速变化，并将实时更新信息。",
+    text: "截至2024年10月29日17时，茂名地区遭受大风影响，平均风速达到20米/秒以上，部分地区阵风超过24米/秒。目前，电白区、茂南区等地已启动应急预案，提醒市民减少外出，确保人身安全。各监测站点正持续监控风速变化，并将实时更新信息。",
     dataList: [
       {
         area: "茂名",
         level: "电白区",
         address: "电白区黄岭镇石头村气象站",
-        speed: "25.3 m/s" // 风速合理范围：强风级别
+        speed: "24.3 m/s" // 风速合理范围：强风级别
       },
       {
         area: "茂名",
@@ -177,10 +187,17 @@ onMounted(() => {
   padding: 8px 16px;
   .box {
     background-color: #ffffff;
-    border: 1px solid #EAEDF7;
+    border: 1px solid #eaedf7;
     box-shadow: 0 0 4px 0 #4554661a;
     border-radius: 4px;
-    background-image: linear-gradient(to bottom, #f3f7fd 0%, #f7fafe 20px, #fcfdff 50px, #ffffff 50px, #ffffff 100%);
+    background-image: linear-gradient(
+      to bottom,
+      #f3f7fd 0%,
+      #f7fafe 20px,
+      #fcfdff 50px,
+      #ffffff 50px,
+      #ffffff 100%
+    );
     padding: 10px 16px;
     margin-bottom: 10px;
     .box-item {
@@ -202,7 +219,7 @@ onMounted(() => {
   }
   .box2 {
     background-color: #ffffff;
-    border: 1px solid #EAEDF7;
+    border: 1px solid #eaedf7;
     box-shadow: 0 0 4px 0 #4554661a;
     border-radius: 4px;
   }
@@ -217,7 +234,8 @@ onMounted(() => {
       display: inline-block;
       width: 16px;
       height: 17px;
-      background: url('@/assets/images/disasterRiskMonitor/galeDisaster/chart.png') no-repeat;
+      background: url("@/assets/images/disasterRiskMonitor/galeDisaster/chart.png")
+        no-repeat;
       background-size: 100% 100%;
       margin-right: 7px;
       flex-shrink: 0;

src/views/disasterRiskMonitor/hazardousChemicals.vue

@@ -6,7 +6,7 @@
         <div class="text">当前风险等级</div>
       </div>
       <div class="card-content">
-        <div :class="getClass1(currentData)"></div>
+        <div :class="getClass1(currentData)" />
       </div>
     </div>
     <div class="card">
@@ -15,10 +15,14 @@
         <div class="text">企业风险分析</div>
       </div>
       <div class="card-content2">
-        <Chart :option="option1" style="flex: 1; height:240px" />
+        <Chart :option="option1" style="flex: 1; height: 240px" />
         <div class="legend-box">
-          <div v-for="(item, index) in legendData" :key="index" class="legend-item">
-            <i class="icon" :style="{backgroundColor: item.color}" />
+          <div
+            v-for="(item, index) in legendData"
+            :key="index"
+            class="legend-item"
+          >
+            <i class="icon" :style="{ backgroundColor: item.color }" />
             <div class="text1">{{ item.name }}</div>
             <div class="text2">{{ item.value }}</div>
             <div class="text3">{{ item.percent }}%</div>
@@ -46,124 +50,133 @@
 </template>
 
 <script lang="ts" setup>
-import {onMounted, ref} from "vue";
-import {chartOption5} from "@/views/disasterRiskMonitor/chartOptions";
+import { onMounted, ref } from "vue";
+import { chartOption5 } from "@/views/disasterRiskMonitor/chartOptions";
 
 let legendData = ref([]);
-let currentData = ref('低风险');
+let currentData = ref("低风险");
 let rankData = ref([]);
 let option1 = ref(chartOption5);
-const getClass1 = (data) => {
-  let res = 'dashboard-box1'
-  if (data === '一般风险') {
-    res = 'dashboard-box2';
-  } else if (data === '较大风险') {
-    res = 'dashboard-box3';
-  } else if (data === '重大风险') {
-    res = 'dashboard-box4';
+const getClass1 = data => {
+  let res = "dashboard-box1";
+  if (data === "一般风险") {
+    res = "dashboard-box2";
+  } else if (data === "较大风险") {
+    res = "dashboard-box3";
+  } else if (data === "重大风险") {
+    res = "dashboard-box4";
   }
-  return res
-}
-const getClass2 = (name) => {
-  let res = 'icon-mn'
-  if (name === '电白区') {
-    res = 'icon-db';
-  } else if (name === '高州市') {
-    res = 'icon-gz';
-  } else if (name === '化州市') {
-    res = 'icon-hz';
-  } else if (name === '信宜市') {
-    res = 'icon-xy';
-  } else if (name === '滨海新区') {
-    res = 'icon-bh';
-  } else if (name === '高新区') {
-    res = 'icon-gx';
+  return res;
+};
+const getClass2 = name => {
+  let res = "icon-mn";
+  if (name === "电白区") {
+    res = "icon-db";
+  } else if (name === "高州市") {
+    res = "icon-gz";
+  } else if (name === "化州市") {
+    res = "icon-hz";
+  } else if (name === "信宜市") {
+    res = "icon-xy";
+  } else if (name === "滨海新区") {
+    res = "icon-bh";
+  } else if (name === "高新区") {
+    res = "icon-gx";
   }
-  return res
-}
-const getLevelClass = (data) => {
-  let res = 'level1'
-  if (data === '一般风险') {
-    res = 'level2';
-  } else if (data === '较大风险') {
-    res = 'level3';
-  } else if (data === '重大风险') {
-    res = 'level4';
+  return res;
+};
+const getLevelClass = data => {
+  let res = "level1";
+  if (data === "一般风险") {
+    res = "level2";
+  } else if (data === "较大风险") {
+    res = "level3";
+  } else if (data === "重大风险") {
+    res = "level4";
   }
   return res;
-}
+};
 const initData = () => {
-  const data = [{
-    name: '离线',
-    value: 3,
-    percent : 2
-  },{
-    name: '低风险',
-    value: 563,
-    percent : 80
-  },{
-    name: '一般风险',
-    value: 10,
-    percent : 4
-  },{
-    name: '较大风险',
-    value: 21,
-    percent : 12
-  },{
-    name: '重大风险',
-    value: 3,
-    percent : 2
-  }];
+  const data = [
+    {
+      name: "离线",
+      value: 3,
+      percent: 2
+    },
+    {
+      name: "低风险",
+      value: 563,
+      percent: 80
+    },
+    {
+      name: "一般风险",
+      value: 10,
+      percent: 4
+    },
+    {
+      name: "较大风险",
+      value: 21,
+      percent: 12
+    },
+    {
+      name: "重大风险",
+      value: 3,
+      percent: 2
+    }
+  ];
   let seriesData = [];
-  const color= ['#8984ff', '#56e09f', '#2c81ff', '#fab21b', '#ff7a0d']
+  const color = ["#8984ff", "#56e09f", "#2c81ff", "#fab21b", "#ff7a0d"];
   for (let i = 0; i < data.length; i++) {
     data[i].color = color[i];
-    seriesData.push({
-      value: data[i].value,
-      name: data[i].name,
-      itemStyle: {
-        normal: {
-          borderWidth: 8,
-          shadowBlur: 20,
+    seriesData.push(
+      {
+        value: data[i].value,
+        name: data[i].name,
+        itemStyle: {
+          normal: {
+            borderWidth: 8,
+            shadowBlur: 20,
 
-          borderRadius:20,
-          borderColor:color[i],
-          shadowColor: color[i]
+            borderRadius: 20,
+            borderColor: color[i],
+            shadowColor: color[i]
+          }
         }
-      }
-    }, {
-      value: 1,
-      name: '',
-      itemStyle: {
-        normal: {
-          label: {
-            show: false
-          },
-          labelLine: {
-            show: false
-          },
-          color: 'rgba(0, 0, 0, 0)',
-          borderColor: 'rgba(0, 0, 0, 0)',
-          borderWidth: 0
+      },
+      {
+        value: 1,
+        name: "",
+        itemStyle: {
+          normal: {
+            label: {
+              show: false
+            },
+            labelLine: {
+              show: false
+            },
+            color: "rgba(0, 0, 0, 0)",
+            borderColor: "rgba(0, 0, 0, 0)",
+            borderWidth: 0
+          }
         }
       }
-    });
+    );
   }
   legendData.value = data;
   option1.value.series[0].data = seriesData;
   rankData.value = [
-    { name: '化州市', level: '重大风险' },
-    { name: '信宜市', level: '较大风险' },
-    { name: '茂南区', level: '一般风险' },
-    { name: '电白区', level: '一般风险' },
-    { name: '高州市', level: '一般风险' },
-    { name: '滨海新区', level: '低风险' },
-    { name: '高新区', level: '低风险' }
+    { name: "化州市", level: "重大风险" },
+    { name: "信宜市", level: "较大风险" },
+    { name: "茂南区", level: "一般风险" },
+    { name: "电白区", level: "一般风险" },
+    { name: "高州市", level: "一般风险" },
+    { name: "滨海新区", level: "低风险" },
+    { name: "高新区", level: "低风险" }
   ];
-}
+};
 onMounted(() => {
   initData();
-})
+});
 </script>
 
 <style lang="scss" scoped>
@@ -172,17 +185,24 @@ onMounted(() => {
   padding: 16px;
   .card {
     background-color: #ffffff;
-    border: 1px solid #EAEDF7;
+    border: 1px solid #eaedf7;
     box-shadow: 0 0 4px 0 #4554661a;
     border-radius: 4px;
-    background-image: linear-gradient(to bottom, #f3f7fd 0%, #f7fafe 20px, #fcfdff 50px, #ffffff 50px, #ffffff 100%);
+    background-image: linear-gradient(
+      to bottom,
+      #f3f7fd 0%,
+      #f7fafe 20px,
+      #fcfdff 50px,
+      #ffffff 50px,
+      #ffffff 100%
+    );
     margin-top: 16px;
     &:first-child {
       margin-top: 0;
     }
     .card-header {
       font-size: 16px;
-      color: #414F64;
+      color: #414f64;
       font-weight: bold;
       line-height: 26px;
       padding: 11px 10px;
@@ -192,7 +212,7 @@ onMounted(() => {
         display: inline-block;
         width: 6px;
         height: 16px;
-        background: url('@/assets/images/line.jpg') no-repeat;
+        background: url("@/assets/images/line.jpg") no-repeat;
         background-size: 100% 100%;
         margin-right: 3px;
       }
@@ -202,18 +222,25 @@ onMounted(() => {
       justify-content: center;
       align-items: center;
       .dashboard-box1 {
-        background: url('@/assets/images/disasterRiskMonitor/hazardousChemicals/dashboard1.png') no-repeat;
+        background: url("@/assets/images/disasterRiskMonitor/hazardousChemicals/dashboard1.png")
+          no-repeat;
       }
       .dashboard-box2 {
-        background: url('@/assets/images/disasterRiskMonitor/hazardousChemicals/dashboard2.png') no-repeat;
+        background: url("@/assets/images/disasterRiskMonitor/hazardousChemicals/dashboard2.png")
+          no-repeat;
       }
       .dashboard-box3 {
-        background: url('@/assets/images/disasterRiskMonitor/hazardousChemicals/dashboard3.png') no-repeat;
+        background: url("@/assets/images/disasterRiskMonitor/hazardousChemicals/dashboard3.png")
+          no-repeat;
       }
       .dashboard-box4 {
-        background: url('@/assets/images/disasterRiskMonitor/hazardousChemicals/dashboard4.png') no-repeat;
+        background: url("@/assets/images/disasterRiskMonitor/hazardousChemicals/dashboard4.png")
+          no-repeat;
       }
-      .dashboard-box1, .dashboard-box2, .dashboard-box3, .dashboard-box4 {
+      .dashboard-box1,
+      .dashboard-box2,
+      .dashboard-box3,
+      .dashboard-box4 {
         width: 246px;
         height: 246px;
         background-size: 100% 100%;
@@ -237,19 +264,19 @@ onMounted(() => {
           }
           .text1 {
             font-size: 14px;
-            color: #414F64;
+            color: #414f64;
             width: 59px;
           }
           .text2 {
             width: 50px;
             text-align: center;
             font-size: 16px;
-            color: #414F64;
+            color: #414f64;
             font-weight: bold;
           }
           .text3 {
             font-size: 12px;
-            color: #414F64;
+            color: #414f64;
             text-align: right;
             width: 25px;
           }
@@ -266,7 +293,8 @@ onMounted(() => {
         padding: 0 22px;
         width: 312px;
         height: 56px;
-        background: url('@/assets/images/disasterRiskMonitor/hazardousChemicals/box.png') no-repeat;
+        background: url("@/assets/images/disasterRiskMonitor/hazardousChemicals/box.png")
+          no-repeat;
         background-size: 100% 100%;
         margin-bottom: 16px;
         .text1 {
@@ -274,27 +302,40 @@ onMounted(() => {
           text-align: center;
         }
         .icon-mn {
-          background: url('@/assets/images/disasterRiskMonitor/hazardousChemicals/mn.png') no-repeat;
+          background: url("@/assets/images/disasterRiskMonitor/hazardousChemicals/mn.png")
+            no-repeat;
         }
         .icon-db {
-          background: url('@/assets/images/disasterRiskMonitor/hazardousChemicals/db.png') no-repeat;
+          background: url("@/assets/images/disasterRiskMonitor/hazardousChemicals/db.png")
+            no-repeat;
         }
         .icon-gz {
-          background: url('@/assets/images/disasterRiskMonitor/hazardousChemicals/gz.png') no-repeat;
+          background: url("@/assets/images/disasterRiskMonitor/hazardousChemicals/gz.png")
+            no-repeat;
         }
         .icon-hz {
-          background: url('@/assets/images/disasterRiskMonitor/hazardousChemicals/hz.png') no-repeat;
+          background: url("@/assets/images/disasterRiskMonitor/hazardousChemicals/hz.png")
+            no-repeat;
         }
         .icon-xy {
-          background: url('@/assets/images/disasterRiskMonitor/hazardousChemicals/hz.png') no-repeat;
+          background: url("@/assets/images/disasterRiskMonitor/hazardousChemicals/hz.png")
+            no-repeat;
         }
         .icon-bh {
-          background: url('@/assets/images/disasterRiskMonitor/hazardousChemicals/bh.png') no-repeat;
+          background: url("@/assets/images/disasterRiskMonitor/hazardousChemicals/bh.png")
+            no-repeat;
         }
         .icon-gx {
-          background: url('@/assets/images/disasterRiskMonitor/hazardousChemicals/gx.png') no-repeat;
+          background: url("@/assets/images/disasterRiskMonitor/hazardousChemicals/gx.png")
+            no-repeat;
         }
-        .icon-mn, .icon-db, .icon-gz, .icon-hz, .icon-xy, .icon-bh, .icon-gx {
+        .icon-mn,
+        .icon-db,
+        .icon-gz,
+        .icon-hz,
+        .icon-xy,
+        .icon-bh,
+        .icon-gx {
           width: 42px;
           height: 44px;
           background-size: 100% 100%;
@@ -308,12 +349,13 @@ onMounted(() => {
           margin: 0 8px 0 12px;
           width: 12px;
           height: 15px;
-          background: url(@/assets/images/disasterRiskMonitor/hazardousChemicals/icon1.png) no-repeat;
+          background: url(@/assets/images/disasterRiskMonitor/hazardousChemicals/icon1.png)
+            no-repeat;
           background-size: 100% 100%;
         }
         .text {
           font-size: 14px;
-          color: #40C75F;
+          color: #40c75f;
         }
       }
       .level2 {
@@ -324,12 +366,13 @@ onMounted(() => {
           margin: 0 8px 0 12px;
           width: 12px;
           height: 15px;
-          background: url(@/assets/images/disasterRiskMonitor/hazardousChemicals/icon2.png) no-repeat;
+          background: url(@/assets/images/disasterRiskMonitor/hazardousChemicals/icon2.png)
+            no-repeat;
           background-size: 100% 100%;
         }
         .text {
           font-size: 14px;
-          color: #2C81FF;
+          color: #2c81ff;
         }
       }
       .level3 {
@@ -340,12 +383,13 @@ onMounted(() => {
           margin: 0 8px 0 12px;
           width: 12px;
           height: 15px;
-          background: url(@/assets/images/disasterRiskMonitor/hazardousChemicals/icon3.png) no-repeat;
+          background: url(@/assets/images/disasterRiskMonitor/hazardousChemicals/icon3.png)
+            no-repeat;
           background-size: 100% 100%;
         }
         .text {
           font-size: 14px;
-          color: #FFAF00;
+          color: #ffaf00;
         }
       }
       .level4 {
@@ -356,12 +400,13 @@ onMounted(() => {
           margin: 0 8px 0 12px;
           width: 12px;
           height: 15px;
-          background: url(@/assets/images/disasterRiskMonitor/hazardousChemicals/icon4.png) no-repeat;
+          background: url(@/assets/images/disasterRiskMonitor/hazardousChemicals/icon4.png)
+            no-repeat;
           background-size: 100% 100%;
         }
         .text {
           font-size: 14px;
-          color: #FF2F3C;
+          color: #ff2f3c;
         }
       }
     }

src/views/disasterRiskMonitor/nonCoalMine.vue

@@ -13,7 +13,7 @@
               <div class="text1">重大风险</div>
             </div>
             <div class="item-flex2">
-              <div class="text2 text-red">0</div>
+              <div class="text2 text-red">2</div>
               <div class="text3">个</div>
             </div>
           </div>
@@ -23,11 +23,11 @@
               <div class="text1">较大风险</div>
             </div>
             <div class="item-flex2">
-              <div class="text2 text-orange">0</div>
+              <div class="text2 text-orange">5</div>
               <div class="text3">个</div>
             </div>
           </div>
-          <div class="item"></div>
+          <div class="item" />
         </div>
         <div class="line">
           <div class="item">
@@ -36,7 +36,7 @@
               <div class="text1">一般风险</div>
             </div>
             <div class="item-flex2">
-              <div class="text2 text-blue">0</div>
+              <div class="text2 text-blue">7</div>
               <div class="text3">个</div>
             </div>
           </div>
@@ -46,7 +46,7 @@
               <div class="text1">低风险</div>
             </div>
             <div class="item-flex2">
-              <div class="text2 text-blue2">0</div>
+              <div class="text2 text-blue2">15</div>
               <div class="text3">个</div>
             </div>
           </div>
@@ -56,7 +56,7 @@
               <div class="text1">安全运行</div>
             </div>
             <div class="item-flex2">
-              <div class="text2 text-green">0</div>
+              <div class="text2 text-green">220</div>
               <div class="text3">个</div>
             </div>
           </div>
@@ -132,7 +132,7 @@
       </div>
       <div class="card-content">
         <div class="bg">
-          <Chart :option="option1" style="height:240px" />
+          <Chart :option="option1" style="height: 240px" />
         </div>
       </div>
     </div>
@@ -140,23 +140,67 @@
 </template>
 
 <script lang="ts" setup name="nonCoalMine">
-import {onMounted, ref} from "vue";
-import {chartOption3} from "@/views/disasterRiskMonitor/chartOptions";
+import { onMounted, ref } from "vue";
+import { chartOption3 } from "@/views/disasterRiskMonitor/chartOptions";
 
 const option1 = ref(chartOption3);
 const initData = () => {
-  const data = ['2024年1月', '2024年2月', '2024年3月', '2024年4月', '2024年5月', '2024年6月', '2024年7月', '2024年8月', '2024年9月', '2024年10月', '2024年11月', '2024年12月'];
-  option1.value.tooltip.formatter = (params) => {
-    let result = '';
+  const data = [
+    "2024年1月",
+    "2024年2月",
+    "2024年3月",
+    "2024年4月",
+    "2024年5月",
+    "2024年6月",
+    "2024年7月",
+    "2024年8月",
+    "2024年9月",
+    "2024年10月",
+    "2024年11月",
+    "2024年12月"
+  ];
+  option1.value.tooltip.formatter = params => {
+    let result = "";
     // 遍历每个轴上的数据点
     params.forEach(function (item) {
-      console.log(item)
-      result += '<div>'+ data[item.axisIndex] +'</div><div style="display: flex"><div style="color: #3177ec;font-size: 16px">' + item.value + '</div>个</div>';
+      console.log(item);
+      result +=
+        "<div>" +
+        data[item.axisIndex] +
+        '</div><div style="display: flex"><div style="color: #3177ec;font-size: 16px">' +
+        item.value +
+        "</div>个</div>";
     });
     return result;
-  }
-  option1.value.xAxis.data = ['01月', '02月', '03月', '04月', '05月', '06月', '07月', '08月', '09月', '10月', '11月', '12月']
-  option1.value.series[0].data = ['22', '45', '66', '22', '22', '22', '21', '22', '22', '23', '', '']
+  };
+  option1.value.xAxis.data = [
+    "01月",
+    "02月",
+    "03月",
+    "04月",
+    "05月",
+    "06月",
+    "07月",
+    "08月",
+    "09月",
+    "10月",
+    "11月",
+    "12月"
+  ];
+  option1.value.series[0].data = [
+    "22",
+    "45",
+    "66",
+    "24",
+    "32",
+    "35",
+    "21",
+    "42",
+    "12",
+    "33",
+    "27",
+    "10"
+  ];
 };
 onMounted(() => {
   initData();
@@ -172,12 +216,13 @@ onMounted(() => {
     margin-left: -12px;
     width: 367px;
     height: 237px;
-    background: url('@/assets/images/disasterRiskMonitor/nonCoalMine/box.png') no-repeat;
+    background: url("@/assets/images/disasterRiskMonitor/nonCoalMine/box.png")
+      no-repeat;
     background-size: 100% 100%;
     padding: 10px 24px 10px 12px;
     .box-header {
       font-size: 16px;
-      color: #414F64;
+      color: #414f64;
       font-weight: bold;
       line-height: 26px;
       padding: 10px 10px;
@@ -187,7 +232,7 @@ onMounted(() => {
         display: inline-block;
         width: 6px;
         height: 16px;
-        background: url('@/assets/images/line.jpg') no-repeat;
+        background: url("@/assets/images/line.jpg") no-repeat;
         background-size: 100% 100%;
         margin-right: 3px;
       }
@@ -215,7 +260,7 @@ onMounted(() => {
           }
           .text1 {
             font-size: 14px;
-            color: #414F64;
+            color: #414f64;
             font-weight: bold;
             line-height: 26px;
           }
@@ -231,19 +276,19 @@ onMounted(() => {
             font-weight: bold;
           }
           .text-red {
-            color: #FF2F3C;
+            color: #ff2f3c;
           }
           .text-orange {
             color: #ffaf00;
           }
           .text-blue {
-            color: #2C81FF;
+            color: #2c81ff;
           }
           .text-blue2 {
-            color: #80C2FF;
+            color: #80c2ff;
           }
           .text-green {
-            color: #40C75F;
+            color: #40c75f;
           }
         }
       }
@@ -251,17 +296,24 @@ onMounted(() => {
   }
   .card {
     background-color: #ffffff;
-    border: 1px solid #EAEDF7;
+    border: 1px solid #eaedf7;
     box-shadow: 0 0 4px 0 #4554661a;
     border-radius: 4px;
-    background-image: linear-gradient(to bottom, #f3f7fd 0%, #f7fafe 20px, #fcfdff 50px, #ffffff 50px, #ffffff 100%);
+    background-image: linear-gradient(
+      to bottom,
+      #f3f7fd 0%,
+      #f7fafe 20px,
+      #fcfdff 50px,
+      #ffffff 50px,
+      #ffffff 100%
+    );
     margin-top: 16px;
     &:first-child {
       margin-top: 0;
     }
     .card-header {
       font-size: 16px;
-      color: #414F64;
+      color: #414f64;
       font-weight: bold;
       line-height: 26px;
       padding: 11px 10px;
@@ -271,7 +323,7 @@ onMounted(() => {
         display: inline-block;
         width: 6px;
         height: 16px;
-        background: url('@/assets/images/line.jpg') no-repeat;
+        background: url("@/assets/images/line.jpg") no-repeat;
         background-size: 100% 100%;
         margin-right: 3px;
       }
@@ -289,48 +341,57 @@ onMounted(() => {
         justify-content: space-between;
         align-items: center;
         .card-item1 {
-          background: url('@/assets/images/disasterRiskMonitor/nonCoalMine/card1.png') no-repeat;
+          background: url("@/assets/images/disasterRiskMonitor/nonCoalMine/card1.png")
+            no-repeat;
           .text2 {
-            color: #2C81FF;
+            color: #2c81ff;
           }
         }
         .card-item2 {
-          background: url('@/assets/images/disasterRiskMonitor/nonCoalMine/card2.png') no-repeat;
+          background: url("@/assets/images/disasterRiskMonitor/nonCoalMine/card2.png")
+            no-repeat;
           .text2 {
-            color: #FFAF00;
+            color: #ffaf00;
           }
         }
         .card-item3 {
-          background: url('@/assets/images/disasterRiskMonitor/nonCoalMine/card3.png') no-repeat;
+          background: url("@/assets/images/disasterRiskMonitor/nonCoalMine/card3.png")
+            no-repeat;
           .text2 {
-            color: #FF2F3C;
+            color: #ff2f3c;
           }
         }
         .card-item4 {
-          background: url('@/assets/images/disasterRiskMonitor/nonCoalMine/card4.png') no-repeat;
+          background: url("@/assets/images/disasterRiskMonitor/nonCoalMine/card4.png")
+            no-repeat;
           .text2 {
-            color: #2C81FF;
+            color: #2c81ff;
           }
         }
         .card-item5 {
-          background: url('@/assets/images/disasterRiskMonitor/nonCoalMine/card5.png') no-repeat;
+          background: url("@/assets/images/disasterRiskMonitor/nonCoalMine/card5.png")
+            no-repeat;
           .text2 {
-            color: #FFAF00;
+            color: #ffaf00;
           }
         }
         .card-item6 {
-          background: url('@/assets/images/disasterRiskMonitor/nonCoalMine/card6.png') no-repeat;
+          background: url("@/assets/images/disasterRiskMonitor/nonCoalMine/card6.png")
+            no-repeat;
           .text2 {
-            color: #FF2F3C;
+            color: #ff2f3c;
           }
         }
         .card-item7 {
-          background: url('@/assets/images/disasterRiskMonitor/nonCoalMine/card7.png') no-repeat;
+          background: url("@/assets/images/disasterRiskMonitor/nonCoalMine/card7.png")
+            no-repeat;
           .text2 {
-            color: #40C75F;;
+            color: #40c75f;
           }
         }
-        .card-item1, .card-item2, .card-item3 {
+        .card-item1,
+        .card-item2,
+        .card-item3 {
           width: 118px;
           height: 83px;
           background-size: 100% 100%;
@@ -339,7 +400,10 @@ onMounted(() => {
           justify-content: center;
           align-items: center;
         }
-        .card-item4, .card-item5, .card-item6, .card-item7 {
+        .card-item4,
+        .card-item5,
+        .card-item6,
+        .card-item7 {
           width: 89px;
           height: 84px;
           background-size: 100% 100%;
@@ -350,7 +414,7 @@ onMounted(() => {
         }
         .text1 {
           font-size: 14px;
-          color: #414F64;
+          color: #414f64;
           line-height: 26px;
         }
         .text-box {
@@ -362,14 +426,15 @@ onMounted(() => {
           }
           .text3 {
             font-size: 12px;
-            color: #414F64;
+            color: #414f64;
             margin-left: 4px;
           }
         }
       }
       .bg {
         height: 240px;
-        background: url('@/assets/images/disasterRiskMonitor/box.png') no-repeat center 155px;
+        background: url("@/assets/images/disasterRiskMonitor/box.png") no-repeat
+          center 155px;
         background-size: 309px 59px;
       }
     }

src/views/disasterRiskMonitor/windAndFloodPrevention.vue

@@ -7,15 +7,19 @@
       </div>
       <div class="card-content">
         <div class="flex-end">
-          <el-select
-              v-model="tabActive"
-              :teleported="false"
-              cl
-          >
-            <el-option v-for="item in tabs" :key="item.value" :label="item.name" :value="item.value" />
+          <el-select v-model="tabActive" :teleported="false" cl>
+            <el-option
+              v-for="item in tabs"
+              :key="item.value"
+              :label="item.name"
+              :value="item.value"
+            />
           </el-select>
         </div>
-        <img class="img-box" :src="liveMapState.data[0] ? liveMapState.data[0].pic_url : ''" />
+        <img
+          class="img-box"
+          :src="liveMapState.data[0] ? liveMapState.data[0].pic_url : ''"
+        />
       </div>
     </div>
     <div class="card">
@@ -33,7 +37,7 @@
         <div class="text">逐小时预报</div>
       </div>
       <div class="card-content">
-        <Chart :option="option1" style="height:240px" />
+        <Chart :option="option1" style="height: 240px" />
       </div>
     </div>
     <div class="card">
@@ -47,7 +51,8 @@
           <div class="flex">
             <div class="text1">漫坝</div>
             <div class="text2 text-red">
-              81 <div class="text3">个</div>
+              11
+              <div class="text3">个</div>
             </div>
           </div>
         </div>
@@ -56,7 +61,8 @@
           <div class="flex">
             <div class="text1">超保证</div>
             <div class="text2 text-orange">
-              81 <div class="text3">个</div>
+              40
+              <div class="text3">个</div>
             </div>
           </div>
         </div>
@@ -65,7 +71,8 @@
           <div class="flex">
             <div class="text1">超警戒</div>
             <div class="text2 text-blue">
-              81 <div class="text3">个</div>
+              37
+              <div class="text3">个</div>
             </div>
           </div>
         </div>
@@ -82,7 +89,8 @@
           <div class="flex">
             <div class="text1">漫坝</div>
             <div class="text2 text-red">
-              81 <div class="text3">个</div>
+              30
+              <div class="text3">个</div>
             </div>
           </div>
         </div>
@@ -91,7 +99,8 @@
           <div class="flex">
             <div class="text1">超保证</div>
             <div class="text2 text-orange">
-              81 <div class="text3">个</div>
+              69
+              <div class="text3">个</div>
             </div>
           </div>
         </div>
@@ -100,7 +109,8 @@
           <div class="flex">
             <div class="text1">超警戒</div>
             <div class="text2 text-blue">
-              81 <div class="text3">个</div>
+              41
+              <div class="text3">个</div>
             </div>
           </div>
         </div>
@@ -112,17 +122,23 @@
         <div class="text">易涝点</div>
       </div>
       <div class="card-content2">
-        <el-table :data="detailsData.dataList" header-cell-class-name="common-table-header" :row-class-name="getTableRowClass" table-layout='auto' class="common-table">
+        <el-table
+          :data="detailsData.dataList"
+          header-cell-class-name="common-table-header"
+          :row-class-name="getTableRowClass"
+          table-layout="auto"
+          class="common-table"
+        >
           <el-table-column prop="area" align="center">
             <template #header>
               <div class="table-line" @click="showPicker = true">
-                <div>{{ !!labelData ? labelData : '所有区县' }}</div>
+                <div>{{ !!labelData ? labelData : "所有区县" }}</div>
                 <i class="icon-down" />
               </div>
             </template>
           </el-table-column>
           <el-table-column label="易涝点名称" prop="name" align="center" />
-          <el-table-column label="提供单位" prop="area" align="center" />
+          <el-table-column label="提供单位" prop="data1" align="center" />
           <el-table-column label="视频" prop="publicTime" align="center">
             <template #default="scope">
               <div class="btn" @click="handlePlay">播放</div>
@@ -133,30 +149,30 @@
     </div>
     <van-popup v-model:show="showPicker" round position="bottom">
       <van-picker
-          :columns="columns"
-          @cancel="showPicker = false"
-          @confirm="onSelectTypeConfirm"
+        :columns="columns"
+        @cancel="showPicker = false"
+        @confirm="onSelectTypeConfirm"
       />
     </van-popup>
   </div>
 </template>
 
 <script lang="ts" setup>
-import {ElSelect, ElOption, ElTable, ElTableColumn} from "element-plus";
-import {onMounted, reactive, ref, watch} from "vue";
-import {getTemperature} from "@/api/disasterRiskMonitor/windAndFloodPrevention";
-import temp1 from '@/assets/temp1.jfif';
+import { ElSelect, ElOption, ElTable, ElTableColumn } from "element-plus";
+import { onMounted, reactive, ref, watch } from "vue";
+import { getTemperature } from "@/api/disasterRiskMonitor/windAndFloodPrevention";
+import temp1 from "@/assets/temp1.jfif";
 import { chartOption2 } from "./chartOptions";
 
 let tabs = reactive([
-  { name: '6h降水', value: '6h_precipitation' },
-  { name: '24h降水', value: '24h_precipitation' },
-  { name: '整点气温', value: 'hourly_temperature' },
-  { name: '24h最高温', value: '24h_max_temperature' },
-  { name: '24h最低温', value: '24h_min_temperature' },
-  { name: '24小时变温', value: '24h_variable_temperature' }
+  { name: "6h降水", value: "6h_precipitation" },
+  { name: "24h降水", value: "24h_precipitation" },
+  { name: "整点气温", value: "hourly_temperature" },
+  { name: "24h最高温", value: "24h_max_temperature" },
+  { name: "24h最低温", value: "24h_min_temperature" },
+  { name: "24小时变温", value: "24h_variable_temperature" }
 ]);
-let tabActive = ref('hourly_temperature');
+let tabActive = ref("hourly_temperature");
 
 const liveMapState = reactive({
   show: false,
@@ -169,29 +185,29 @@ let detailsData = ref({
   dataList: []
 });
 let showPicker = ref(false);
-let labelData = ref('');
+let labelData = ref("");
 const columns = ref([
-  { text: '所有区县', value: '' },
-  { text: '茂南区', value: '1' },
-  { text: '信宜市', value: '2' }
-])
+  { text: "所有区县", value: "" },
+  { text: "茂南区", value: "1" },
+  { text: "信宜市", value: "2" }
+]);
 let queryParams = reactive({
-  area: ''
+  area: ""
 });
 const option1 = ref(chartOption2);
 watch(
-    () => liveMapState.show,
-    () => {
-      if (!liveMapState.show) {
-        liveMapState.playing = false;
-        liveMapState.activeIndex = 0;
-      }
-    },
-    {
-      immediate: true
+  () => liveMapState.show,
+  () => {
+    if (!liveMapState.show) {
+      liveMapState.playing = false;
+      liveMapState.activeIndex = 0;
     }
+  },
+  {
+    immediate: true
+  }
 );
-const onSelectTypeConfirm  = ({selectedOptions}) => {
+const onSelectTypeConfirm = ({ selectedOptions }) => {
   showPicker.value = false;
   labelData.value = selectedOptions[0].text;
   queryParams.area = selectedOptions[0].value;
@@ -199,27 +215,104 @@ const onSelectTypeConfirm  = ({selectedOptions}) => {
 };
 
 const initData = () => {
-  getTemperature({ args: tabActive.value }).then((res) => {
+  getTemperature({ args: tabActive.value }).then(res => {
     liveMapState.data = res.data.max_level;
   });
   detailsData.value.dataList = [
-    { area: '高州市', name: '大坡镇', data1: '' },
-    { area: '高州市1', name: '大坡镇3', data1: '' },
-    { area: '高州市2', name: '大坡镇4', data1: '' }
+    { area: "茂南区", name: "高山铁路桥底", data1: "城市管理和综合执法局" },
+    { area: "茂南区", name: "油城二路桥底", data1: "城市管理和综合执法局" },
+    { area: "茂南区", name: "榕园东北侧", data1: "城市管理和综合执法局" },
+    { area: "茂南区", name: "人民中路", data1: "城市管理和综合执法局" },
+    { area: "化州市", name: "橘城南路", data1: "城市管理和综合执法局" },
+    { area: "化州市", name: "下郭大道", data1: "城市管理和综合执法局" },
+    { area: "化州市", name: "河西沙埚村", data1: "城市管理和综合执法局" }
+  ];
+  option1.value.xAxis.data = [
+    "19时",
+    "20时",
+    "21时",
+    "22时",
+    "23时",
+    "24时",
+    "1时",
+    "2时",
+    "3时",
+    "40时",
+    "5时",
+    "6时",
+    "7时",
+    "8时",
+    "9时",
+    "10时",
+    "11时",
+    "12时",
+    "13时",
+    "14时",
+    "15时",
+    "16时",
+    "17时",
+    "18时"
+  ];
+  option1.value.series[0].data = [
+    "22",
+    "22",
+    "21",
+    "21",
+    "20",
+    "20",
+    "19",
+    "19",
+    "19",
+    "20",
+    "21",
+    "22",
+    "22",
+    "23",
+    "24",
+    "25",
+    "25",
+    "25",
+    "24",
+    "23",
+    "24",
+    "23",
+    "22",
+    "22"
+  ];
+  option1.value.series[1].data = [
+    "0.0",
+    "0.0",
+    "0.0",
+    "0.0",
+    "0.0",
+    "0.0",
+    "0.0",
+    "0.0",
+    "0.0",
+    "0.0",
+    "0.0",
+    "0.0",
+    "0.0",
+    "0.0",
+    "11.0",
+    "13.0",
+    "10.0",
+    "9.0",
+    "0.0",
+    "0.0",
+    "0.0",
+    "0.0",
+    "0.0",
+    "0.0"
   ];
-  option1.value.xAxis.data = ['19时', '20时', '21时', '22时', '23时', '24时', '1时', '2时', '3时', '40时', '5时', '6时', '7时', '8时', '9时', '10时', '11时', '12时', '13时', '14时', '15时', '16时', '17时', '18时']
-  option1.value.series[0].data = ['22', '22', '22', '22', '22', '22', '21', '22', '22', '23', '22', '24', '25', '26', '26.5', '27', '22', '23', '22', '22', '22', '23', '22', '22']
-  option1.value.series[1].data = ['0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0', '0.0']
 };
 
 // table样式
-const getTableRowClass = ({rowIndex}) => {
-  return rowIndex % 2 === 0 ? '' : 'common-table-tr';
-}
-
-const handlePlay = (id) => {
+const getTableRowClass = ({ rowIndex }) => {
+  return rowIndex % 2 === 0 ? "" : "common-table-tr";
+};
 
-}
+const handlePlay = id => {};
 onMounted(() => {
   initData();
 });
@@ -231,17 +324,24 @@ onMounted(() => {
   padding: 16px;
   .card {
     background-color: #ffffff;
-    border: 1px solid #EAEDF7;
+    border: 1px solid #eaedf7;
     box-shadow: 0 0 4px 0 #4554661a;
     border-radius: 4px;
-    background-image: linear-gradient(to bottom, #f3f7fd 0%, #f7fafe 20px, #fcfdff 50px, #ffffff 50px, #ffffff 100%);
+    background-image: linear-gradient(
+      to bottom,
+      #f3f7fd 0%,
+      #f7fafe 20px,
+      #fcfdff 50px,
+      #ffffff 50px,
+      #ffffff 100%
+    );
     margin-top: 16px;
     &:first-child {
       margin-top: 0;
     }
     .card-header {
       font-size: 16px;
-      color: #414F64;
+      color: #414f64;
       font-weight: bold;
       line-height: 26px;
       padding: 11px 10px;
@@ -251,7 +351,7 @@ onMounted(() => {
         display: inline-block;
         width: 6px;
         height: 16px;
-        background: url('@/assets/images/line.jpg') no-repeat;
+        background: url("@/assets/images/line.jpg") no-repeat;
         background-size: 100% 100%;
         margin-right: 3px;
       }
@@ -268,7 +368,7 @@ onMounted(() => {
       }
       .img-box {
         cursor: pointer;
-        margin-top:  13px;
+        margin-top: 13px;
       }
     }
     .card-content2 {
@@ -278,7 +378,8 @@ onMounted(() => {
       .card-item {
         width: 106px;
         height: 71px;
-        background: url('@/assets/images/disasterRiskMonitor/windAndFloodPrevention/box1.png') no-repeat;
+        background: url("@/assets/images/disasterRiskMonitor/windAndFloodPrevention/box1.png")
+          no-repeat;
         background-size: 100% 100%;
         display: flex;
         align-items: center;
@@ -287,7 +388,8 @@ onMounted(() => {
           display: inline-block;
           width: 18px;
           height: 18px;
-          background: url('@/assets/images/disasterRiskMonitor/windAndFloodPrevention/icon1.png') no-repeat;
+          background: url("@/assets/images/disasterRiskMonitor/windAndFloodPrevention/icon1.png")
+            no-repeat;
           background-size: 100% 100%;
         }
         .flex {
@@ -306,16 +408,16 @@ onMounted(() => {
           .text3 {
             font-size: 12px;
             font-weight: normal;
-            color: #414F64;
+            color: #414f64;
           }
           .text-red {
-            color: #FF2F3C;
+            color: #ff2f3c;
           }
           .text-orange {
-            color: #FFAF00;
+            color: #ffaf00;
           }
           .text-blue {
-            color: #2C81FF;
+            color: #2c81ff;
           }
         }
       }
@@ -323,7 +425,7 @@ onMounted(() => {
   }
   .btn {
     font-size: 14px;
-    color: #2C81FF;
+    color: #2c81ff;
   }
 }
 </style>

src/views/event/add.vue

@@ -0,0 +1,2 @@
+<template>
+</template>

src/views/event/detail.vue

@@ -226,7 +226,7 @@
       </van-tabs>
     </div>
 
-    <div class="footer">
+    <div class="footer" v-if="noControl ==''">
       <div
         style="
           display: flex;
@@ -294,6 +294,7 @@ const { mm_event_type, mm_event_level, mm_event_state } = toRefs<any>(
 
 const active = ref(0);
 const eventId = ref("");
+const noControl = ref("");
 const data = reactive({
   eventInfo: {
     event_id: "",
@@ -438,6 +439,7 @@ const handleDownload2 = (file: any) => {
   download2(baseUrl + "/file/download/" + file.url, file.file_name);
 };
 onMounted(() => {
+  noControl.value = route.query.nocontrol as string || "";
   refreshData();
 });
 let hideMap = ref(false);
@@ -451,7 +453,7 @@ const refreshData = () => {
       getPlan(eventInfo.value.plan_id);
     }
     if (!eventInfo.value.longitude || !eventInfo.value.latitude) {
-      hideMap.value.vlaue = true;
+      hideMap.value = true;
     } else {
       // 初始化地图
       const lnglat = [eventInfo.value.longitude, eventInfo.value.latitude];

src/views/worker/eventManagement/eventList.vue

@@ -4,6 +4,7 @@
     <van-search
       v-model="queryParams.search_keyword"
       class="common-search"
+      placeholder="请输入事件标题/是否地点"
       :left-icon="searchImg"
       :right-icon="closeImg"
       :clearable="false"
@@ -48,27 +49,18 @@
       >
         <div class="item-title">
           <div class="item-title-text">
-            {{ item.event_title }}
+            {{ item.event_title || "暂无标题" }}
           </div>
           <div class="item-title-control">
             <van-button
-              v-if="item.event_status == '0'"
               type="primary"
-              @click="handleStartEvent(index)"
+              @click="handleEventDetail(index)"
             >
-              开始指挥
-            </van-button>
-            <van-button
-              v-if="item.event_status == '1'"
-              type="danger"
-              size="small"
-              @click="handleCloseEvent(item)"
-            >
-              结束指挥
+              查看详情
             </van-button>
           </div>
         </div>
-        <div class="item-content" @click="handleEventDetail(index)">
+        <div class="item-content">
           <div class="item-data">
             <div class="item-left">
               <i class="icon1" />
@@ -108,34 +100,19 @@
               <i class="icon5" />
               <div class="item-data-label">事发地点：</div>
             </div>
-            <div class="item-data-value">{{ item.address }}</div>
+            <div class="item-data-value">{{ item.address || "暂无地点"}}</div>
           </div>
         </div>
       </div>
     </van-list>
-    <!--
-    <StartEventDialog
-      v-model="startEventState.show"
-      :data="startEventState.form"
-      @update:model-value="onStartEventDialogClose"
-    />
-    <CloseEventDialog
-      v-model="closeEventState.show"
-      :data="closeEventState.form"
-      @update:model-value="onCloseEventDialogClose"
-    />
-    -->
+    <div class="float-box" @click="handleEventAdd"/>
   </div>
 </template>
 
 <script lang="ts" setup>
 import { getCurrentInstance, reactive, ref, toRefs, onMounted } from "vue";
 import { useRouter } from "vue-router";
-import { showConfirmDialog, showSuccessToast } from "vant";
-// import StartEventDialog from "./StartEventDialog.vue";
-// import CloseEventDialog from "./CloseEventDialog.vue";
-
-import { closeEvent, getEventList } from "@/api/event";
+import { getEventList } from "@/api/event";
 import searchImg from "@/assets/images/search.png";
 import closeImg from "@/assets/images/close.png";
 
@@ -240,92 +217,15 @@ const getList = () => {
     });
 };
 
-const startEventState = reactive({
-  show: false,
-  form: {
-    event_id: "",
-    event_title: "",
-    event_level: "",
-    event_level_text: ""
-  }
-});
-
-const closeEventState = reactive({
-  show: false,
-  form: {
-    event_id: "",
-    event_title: "",
-    event_level: "",
-    event_level_text: "",
-    deaths: "",
-    injuries: "",
-    missing: ""
-  }
-});
-
-const onStartEventDialogClose = t => {
-  startEventState.show = false;
-  console.log(startEventState.form);
-  if (t) {
-    queryParams.value.page = 0;
-    getList();
-  }
-};
-
-const onCloseEventDialogClose = t => {
-  closeEventState.show = false;
-  console.log(closeEventState.form);
-  if (t) {
-    queryParams.value.page = 0;
-    getList();
-  }
-};
-
-const onConfirm = () => {
-  showConfirmDialog({
-    title: "提示",
-    message: "确认进入移动指挥（应急态）"
-  })
-    .then(() => {
-      localStorage.setItem("mobile_control_status", "1");
-      router.push("/leader/mobile_control");
-    })
-    .catch(() => {});
-};
-
 const handleEventDetail = index => {
   current_item.value = event_list.value[index];
-  router.push("/event/detail?event_id=" + current_item.value.event_id);
+  router.push("/event/detail?event_id=" + current_item.value.event_id+"&nocontrol=1");
 };
 
-const handleStartEvent = index => {
-  current_item.value = event_list.value[index];
-  console.log("handleStartEvent", current_item.value.event_id);
-  startEventState.form.event_id = current_item.value.event_id;
-  startEventState.form.event_title = current_item.value.event_title;
-  startEventState.form.event_level = current_item.value.event_level;
-  startEventState.show = true;
-  return false;
-};
+const handleEventAdd = () => {
+  router.push("/event/add");
+}
 
-const handleCloseEvent = item => {
-  showConfirmDialog({
-    title: "结束指挥",
-    message: "是否确定结束指挥？"
-  }).then(() => {
-    const params = {
-      eventId: item.value.event_id,
-      address: item.value.address,
-      latitude: item.value.latitude,
-      longitude: item.value.longitude
-    };
-    // 如果 flag 为 true，则直接调用 closeEvent 接口关闭事件
-    closeEvent(params).then(() => {
-      showSuccessToast("结束指挥成功");
-      router.push("/leader/index");
-    });
-  });
-};
 </script>
 
 <style lang="scss" scoped>
@@ -459,4 +359,15 @@ const handleCloseEvent = item => {
   background-size: 100% 100%;
   margin-right: 7px;
 }
+
+// 事件报送浮动按钮
+.float-box {
+  position: fixed;
+  right: 10px;
+  bottom: 70px;
+  width: 86px;
+  height: 77px;
+  background: url("@/assets/images/onlineRollCall/float.png") no-repeat;
+  background-size: 100% 100%;
+}
 </style>