feat: 1.修改数据加载逻辑 2. 添加自动刷新

src/views/demo/algorithmTaskTrack/index.vue

@@ -103,7 +103,7 @@
           <el-checkbox v-model="formAddTask.ifEvaluate" />
         </el-form-item>
         <el-form-item label="上传真实标签" prop="inputEvaluateLabelOssId" v-show="formAddTask.ifEvaluate">
-          <File ref="fileUploadEvaluateLabelRef" :file-type="['txt']" :file-size="4096" @update:model-value="fileUploadChangeEvaluateLabel" />
+          <File ref="fileUploadEvaluateLabelRef" :model-value="formAddTask.inputEvaluateLabelOssId" :file-type="['txt']" :file-size="4096" @update:model-value="fileUploadChangeEvaluateLabel" />
         </el-form-item>
         <el-form-item label="选择视觉评估算法" prop="trackSequenceEvaluateAlgorithmId" v-show="formAddTask.ifEvaluate">
           <div class="form-item1">
@@ -242,7 +242,7 @@
               >
                 结果
               </el-button>
-              <el-button
+              <!-- <el-button
                 type="primary"
                 link
                 icon="View"
@@ -250,7 +250,7 @@
                 @click="showEvaluateSubTask(scope.row)"
               >
                 评估
-              </el-button>
+              </el-button> -->
               <el-button type="primary" link icon="View" @click="openSubTaskViewDialog(3, '子任务查看', scope.row)"> 查看 </el-button>
               <el-button type="primary" link icon="EditPen" @click="openSubTaskViewDialog(2, '子任务编辑', scope.row)"> 编辑 </el-button>
               <el-button type="danger" link icon="Delete" @click="deletSubTask(scope.row)"> 删除</el-button>
@@ -266,7 +266,7 @@
 </template>
 
 <script setup lang="tsx" name="AlgorithmTaskTrack">
-import { ref, reactive } from 'vue'
+import { ref, reactive, onMounted } from 'vue'
 import { useHandleData } from '@/hooks/useHandleData'
 import { useDownload } from '@/hooks/useDownload'
 import { ElMessage, ElMessageBox } from 'element-plus'
@@ -325,6 +325,22 @@ import { delDataAugmentationApi } from '@/api/modules/demo/dataAugmentation'
 import ViewLog from '@/views/demo/components/ViewLog.vue'
 import PreviewCompareImages from '@/views/demo/components/PreviewCompareImages.vue'
 import ShowStatisticResult from '@/views/demo/components/ShowStatisticResult.vue'
+import useWebSocketStore from '@/stores/modules/websocket'
+import { resetHeart } from '@/utils/websocket'
+
+onMounted(() => {
+  const websocketStore = useWebSocketStore()
+  websocketStore.websocket.onmessage = (e: any) => {
+    if (e.data.indexOf('heartbeat') > 0) {
+      resetHeart()
+    }
+    if (e.data.indexOf('ping') > 0) {
+      return
+    }
+    console.log(e)
+    handleOpenView()
+  }
+})
 
 const startSubTask = async (row: any) => {
   let res: any = null
@@ -1018,13 +1034,16 @@ const getVisionEvaluateAlgorithmList = async () => {
 
 const handleOpenAddTask = async () => {
   formAddTask.value = { ifEvaluate: false, ifToInfrared: false }
+}
+
+onMounted(async () => {
   await getDatasetList__()
   await getToInfraredModelList()
   await getVisionAlgorithmList()
   await getTargetDetectionModelList()
   await getVisionAlgorithmModelList()
   await getVisionEvaluateAlgorithmList()
-}
+})
 
 // ProTable 实例
 const proTable = ref<ProTableInstance>()