优化

src/api/disasterRiskMonitor/rainfall.ts

@@ -56,7 +56,7 @@ export const getVideoInfo2 = params => {
   return request({
     url: "/api/videoResource/videoinfo/get_waterlogged_all_video_info",
     method: "get",
-    data: params
+    params: params
   });
 };
 

src/views/disasterRiskMonitor/easyToFloodPointView.vue

@@ -79,6 +79,7 @@ const getTableRowClass = ({ rowIndex }) => {
 queryParams.longitude = longitude.value;
 queryParams.latitude = latitude.value;
 const getVideo = () => {
+  debugger
   getVideoInfo2(queryParams).then(res => {
     res.data.list.forEach(item => {
       item.video_code = item.indexcode;

src/views/disasterRiskMonitor/windAndFloodPreventionView.vue

@@ -9,10 +9,10 @@
         <div class="text">视频</div>
       </div>
       <HKVideo
-          v-if="!!video1"
-          :dot_data="video1"
-          autoplay
-          style="height: 200px"
+        v-if="!!video1"
+        :dot_data="video1"
+        autoplay
+        style="height: 200px"
       />
     </div>
     <div class="box">
@@ -21,26 +21,26 @@
         <div class="text">周边视频</div>
       </div>
       <el-table
-          :data="videoList"
-          header-cell-class-name="common-table-header"
-          :row-class-name="getTableRowClass"
-          table-layout="auto"
-          class="common-table"
+        :data="videoList"
+        header-cell-class-name="common-table-header"
+        :row-class-name="getTableRowClass"
+        table-layout="auto"
+        class="common-table"
       >
         <el-table-column label="序号" type="index" align="center" />
         <el-table-column label="视频名称" prop="name" align="center" />
-<!--        <el-table-column-->
-<!--            label="距离"-->
-<!--            prop="distance"-->
-<!--            align="center"-->
-<!--            width="60px"-->
-<!--        />-->
+        <!--        <el-table-column-->
+        <!--            label="距离"-->
+        <!--            prop="distance"-->
+        <!--            align="center"-->
+        <!--            width="60px"-->
+        <!--        />-->
         <el-table-column label="操作" align="center" width="50px">
           <template #default="scope">
             <div
-                class="btn"
-                :style="{ color: video1 === scope.row ? '#000' : '#1d92ff' }"
-                @click="switchVideo(scope.row)"
+              class="btn"
+              :style="{ color: video1 === scope.row ? '#000' : '#1d92ff' }"
+              @click="switchVideo(scope.row)"
             >
               切换
             </div>
@@ -54,7 +54,10 @@
 <script setup lang="ts">
 import { ref } from "vue";
 import { ElTable, ElTableColumn } from "element-plus";
-import {getVideoInfo, getVideoInfo2} from "@/api/disasterRiskMonitor/rainfall";
+import {
+  getVideoInfo,
+  getVideoInfo2
+} from "@/api/disasterRiskMonitor/rainfall";
 
 const route = useRoute();
 const latitude = ref(route.query.latitude);
@@ -103,12 +106,12 @@ const switchVideo = row => {
     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%
+      to bottom,
+      #f3f7fd 0%,
+      #f7fafe 20px,
+      #fcfdff 50px,
+      #ffffff 50px,
+      #ffffff 100%
     );
     .icon-line {
       display: inline-block;