提交对接的识别接口

.env.development

@@ -5,7 +5,8 @@ VITE_WS_BASE_URL ='ws://220.185.188.222:8055/api/gisWs'
 
 # VITE_APP_BASE_URL = 'http://125.124.131.105:6811/api'
 # 成彬本地
-VITE_APP_BASE_URL = 'http://100.95.157.241:6061/api'
+# VITE_APP_BASE_URL = 'http://100.95.157.241:6061/api'
+VITE_APP_BASE_URL = 'http://100.95.236.218:6061/api'
 # VITE_APP_BASE_URL = 'http://119.167.138.11:6061/video-service'
 
 # 智能体访问地址 

src/api/alarm.js

@@ -0,0 +1,16 @@
+import request from '@/utils/request'
+
+/**
+ * 获取报警列表
+ * 查询
+ * @param data
+ * @returns {*}
+ */
+export const videoIdentificationFindByPage = (data) => {
+  return request({
+    url: '/videoIdentification/findByPage',
+    method: 'post',
+    params: data
+  })
+}
+

src/views/business/alarm/list.vue

@@ -6,17 +6,17 @@
           @click="toggle(index)">{{ item.label }}</div>
       </div>
       <div>
-      <SubtitleComponent title="告警列表" :more="true" @handle="handle"/>
+      <SubtitleComponent  title="告警列表" :more="true" element-loading-text="拼命加载中" @handle="handle"/>
-        <div class="list-wrapper">
+        <div v-loading="isLoading" element-loading-background="rgba(0, 0, 0, 0.8)" class="list-wrapper">
           <div class="list-item" v-for="(item,index) in data" :key="item.id">
             <div class="time">
-              {{ item.time }}
+              {{ item.createAt }}
               <img src="@/assets/images/alarm/time-more.png" alt="">
             </div>
             <div class="content">
               <div class="index">{{ (index + 1).toString().padStart(2, '0') }}</div>
               <div class="info">
-                {{ item.boatName }} - {{ item.alarms }} ,请相关人员尽快前往协调
+                {{ item.boatName }} - {{ item.illegalType }} ,请相关人员尽快前往协调
               </div>
             </div>
           </div>
@@ -39,6 +39,7 @@
 import SubtitleComponent from '@/components/SubtItle/index.vue'
 import { reactive, ref } from 'vue'
 import useMapStore from '@/store/modules/map'
+import { videoIdentificationFindByPage } from '@/api/alarm'
 
 const mapStore = useMapStore()
 const tabs = [
@@ -50,63 +51,48 @@ const tabs = [
     label: '有船号',
     value: 'plane'
   }
+
 ]
 const current = ref(1)
 const data = ref([])
 
 const isFold = ref(false)
+const isLoading = ref(false)
 
 const initData = () => {
+
+// 为了撑起来框架
  data.value = [
      {
       id: 1,
-      time: '2025-11-23 09:37:25',
+      createAt: '2025-11-23 09:37:25',
       boatName: '浙渔BHI90',
-      alarms: '未穿救生衣预警，未封仓预警，未悬挂国旗'
+      illegalType: '未穿救生衣预警，未封仓预警，未悬挂国旗'
-    },
-    {
-      id: 2,
-      time: '2025-11-23 09:37:25',
-      boatName: '浙渔BHI90',
-      alarms: '未穿救生衣预警，未封仓预警，未悬挂国旗'
-    },
-    {
-      id: 3,
-      time: '2025-11-23 09:37:25',
-      boatName: '浙渔BHI90',
-      alarms: '未穿救生衣预警，未封仓预警，未悬挂国旗'
-    },
-    {
-      id: 4,
-      time: '2025-11-23 09:37:25',
-      boatName: '浙渔BHI90',
-      alarms: '未穿救生衣预警，未封仓预警，未悬挂国旗'
-    },
-    {
-      id: 5,
-      time: '2025-11-23 09:37:25',
-      boatName: '浙渔BHI90',
-      alarms: '未穿救生衣预警，未封仓预警，未悬挂国旗'
-    },
-    {
-      id: 6,
-      time: '2025-11-23 09:37:25',
-      boatName: '浙渔BHI90',
-      alarms: '未穿救生衣预警，未封仓预警，未悬挂国旗'
-    },
-    {
-      id: 7,
-      time: '2025-11-23 09:37:25',
-      boatName: '浙渔BHI90',
-      alarms: '未穿救生衣预警，未封仓预警，未悬挂国旗'
     }
  ]
+  isLoading.value = true
+  const params = {
+    isHasBoatName: current.value == 1 ? 1 : 2,
+    pageNo: 1,
+    pageSize: 20
+  }
+  videoIdentificationFindByPage(params).then(res => {
+    if(res.success) {
+      data.value = res.result.records
+    }else {
+      ElMessage.error(res.result)
+    }
+    isLoading.value = false
+  })
+
 }
 const toggleFold = () => {
   isFold.value = !isFold.value
 }
 const toggle = (index) => {
   current.value = index
+
+  initData()
 }
 const handle = (type, item) => {
   switch (type) {