feat: MASC和CAT评估结果

src/api/modules/demo/trackSequence.ts

@@ -110,3 +110,7 @@ export const showCATModelApi = (id: string | number) => {
 export const previewPredictResultTrackSequenceModelApi = (id: string | number) => {
   return http.get('/demo/trackSequence/previewPredictResult/' + id, {}, { loading: false })
 }
+
+export const previewEvaluateTrackSequenceApi = (id: string | number) => {
+  return http.get('/demo/trackSequence/previewEvaluateResult/' + id, {}, { loading: false })
+}

src/views/demo/trackSequence/index.vue

@@ -47,6 +47,16 @@
             <el-button type="primary" link icon="Delete"> 终止</el-button>
           </template>
         </el-popconfirm>
+        <el-button
+          type="primary"
+          link
+          icon="View"
+          v-auth="['demo:DataSeq:query']"
+          v-if="scope.row.status == '2' && scope.row.type == AlgorithmType2['测试']"
+          @click="previewEvaluate(scope.row)"
+        >
+          结果
+        </el-button>
         <el-button
           type="primary"
           link
@@ -141,6 +151,24 @@
         </template>
       </el-scrollbar>
     </el-dialog>
+    <el-dialog v-model="dialogEvaluateVisable" title="评估结果" width="700">
+      <el-card style="width: 100%; margin-bottom: 10px">
+        <div class="evaluate-data">
+          <el-tooltip effect="dark" content="方向上的相似度" placement="top-start">
+            <span>Direction: {{ evaluateData.Direction }}</span> </el-tooltip
+          ><br />
+          <el-tooltip effect="dark" content="长度上的相似度" placement="top-start">
+            <span>Length: {{ evaluateData.Length }}</span> </el-tooltip
+          ><br />
+          <el-tooltip effect="dark" content="位置上的相似度" placement="top-start">
+            <span>Position: {{ evaluateData.Position }}</span> </el-tooltip
+          ><br />
+          <el-tooltip effect="dark" content="形状上的相似度" placement="top-start">
+            <span>Shape: {{ evaluateData.Shape }}</span> </el-tooltip
+          ><br />
+        </div>
+      </el-card>
+    </el-dialog>
   </div>
 </template>
 
@@ -169,7 +197,8 @@ import {
   getLDetailTrackSequenceApi,
   addEvaluateTrackSequenceApi,
   showCATModelApi,
-  previewPredictResultTrackSequenceModelApi
+  previewPredictResultTrackSequenceModelApi,
+  previewEvaluateTrackSequenceApi
 } from '@/api/modules/demo/trackSequence'
 import { enumAlgorithmModelTrackApi } from '@/api/modules/demo/AlgorithmModelTrack'
 import { getAlgorithmModelTrackApi } from '@/api/modules/demo/AlgorithmModelTrack'
@@ -184,6 +213,14 @@ import useWebSocketStore from '@/stores/modules/websocket'
 import { resetHeart } from '@/utils/websocket'
 import PreviewCompareImages from '@/views/demo/components/PreviewCompareImages.vue'
 
+const dialogEvaluateVisable = ref(false)
+const evaluateData = ref({})
+const previewEvaluate = async (row: any) => {
+  const res: any = await previewEvaluateTrackSequenceApi(row.id)
+  evaluateData.value = res.data
+  dialogEvaluateVisable.value = true
+}
+
 const previewImagesRef = ref()
 const preview = async row => {
   previewImagesRef.value?.handleOpen(previewPredictResultTrackSequenceModelApi, row.id)
@@ -811,3 +848,13 @@ onMounted(async () => {
   updateEnumsAlgorithmModelTrack()
 })
 </script>
+
+<style lang="scss" scoped>
+.evaluate-data {
+  span {
+    margin-bottom: 20px;
+    font-size: 20px;
+    line-height: 2;
+  }
+}
+</style>