diff --git a/public/images/run_circle.png b/public/images/run_circle.png
new file mode 100644
index 0000000..6aaa112
Binary files /dev/null and b/public/images/run_circle.png differ
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index d132fa7..8a4286a 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -1,178 +1,173 @@
 <template>
-  <div class="dashboard-container" :class="isSmallScreen ? 'is-small' : ''">
-    <!-- github角标 -->
-    <el-row :gutter="100" class="mt-3 row-header is-v2" style="margin-bottom: 12px;" v-if="isV2">
-      <el-col :span="6" v-for="(it, idx) in topInfos" :key="idx">
-        <el-card shadow="always" class="top-row1 is-v2">
-          <img :src="it.icon" class="top-icon" />
-          <div class="top-row">
-            <div class="div-title">{{ it.title }}</div>
-            <div class="div-num">
-              <span style="color:dodgerblue;">{{ it.ucnt }} </span>/ <span style="font-size:14px;">{{ it.count }}</span>
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <el-row :gutter="10" class="mt-3" style="margin-bottom: 12px;" v-else>
-      <el-col :span="4" v-for="(it, idx) in topInfos" :key="idx">
-        <el-card shadow="always" class="top-row1">
-          <img :src="it.icon" class="top-icon" />
-          <div class="top-row">
-            <div class="div-title">{{ it.title }}</div>
-            <div class="div-num">
-              <span style="color:dodgerblue;">{{ it.ucnt }} </span>/ <span style="font-size:14px;">{{ it.count }}</span>
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <div style="display: flex;">
-      <div style="flex-grow: 1;">
-        <el-card shadow="never" class="top-row2">
-          <template #header>
-            <div class="row2-top">
-              <div style="font-weight: bold;font-size:15px;">设备运行状态</div>
-              <div class="div-more" v-if="false">更多</div>
-            </div>
-          </template>
-          <el-scrollbar max-height="504px">
-            <el-row :gutter="20">
-              <el-col :span="isSmallScreen ? 8 : 6" v-for="it in devInfos" :key="it.id" class="dev-item"
-                style="margin-bottom: 20px;">
-                <el-card shadow="hover" v-if="isV2">
-                  <template #header>
-                    <div class="dev-title">{{ it.device_name }}
-                    </div>
-                  </template>
-                  <div class="dev-row2">
-                    <div>
-                      网络类型:<span>{{ it.modl_net_type }}</span>
-                    </div>
-                  </div>
-                  <div class="dev-row3 is-v2">
-                    <div class="device-state">
-
-                      <img style="position: relative;top: -10px;left:-10px;"
-                        :src="'images/state/' + it.working_state + '.png'" />
-                      <div
-                        style="font-size:20px;color:#888;position: relative;top: -10px;padding-right:10px;text-align: center;">
-                        {{ getState(it.working_state) }}</div>
-                    </div>
-                  </div>
-                </el-card>
-                <el-card shadow="hover" v-else>
-                  <template #header>
-                    <div class="dev-title">{{ it.device_name }}
-                      <svg-icon icon-class="enlarge" color="#666" />
-                    </div>
-                  </template>
-                  <div class="dev-row2">
-                    <div>
-                      网络类型:<span>{{ it.modl_net_type }}</span>
-                    </div>
-                  </div>
-                  <div class="dev-row3">
-                    <div class="device-state">
-                      <img :src="'images/loading-icon.gif'" v-if="it.working_state == 'infer'" class="img-loading">
-                      <img style="position: relative;top: -10px;left:-10px;"
-                        :src="'images/state/' + it.working_state + '.png'" />
-                      <div
-                        style="font-size:20px;color:#888;position: relative;top: -10px;padding-right:10px;text-align: center;">
-                        {{ getState(it.working_state) }}</div>
-                    </div>
-                    <div class="dev-chart">
-                      <div class="chart-item-title">
-                        <span>温度</span>
-                        <span>{{ (it.tempurature / 10.0).toFixed() }}℃</span>
-                      </div>
-                      <div class="chart-line">
-                        <div class="chart-line-inline" :style="'width:' + it.temperature + '%'"></div>
-                      </div>
-
-                      <div class="chart-item-title">
-                        <span>内存</span>
-                        <span>{{ it.memory_usage }}MB</span>
-                      </div>
-                      <div class="chart-line">
-                        <div class="chart-line-inline"
-                          :style="'width:' + (it.memory_usage * 100.0 / it.memory_total) + '%'">
+    <div class="dashboard-container" :class="isSmallScreen ? 'is-small' : ''">
+        <!-- github角标 -->
+        <el-row :gutter="100" class="mt-3 row-header is-v2" style="margin-bottom: 12px;" v-if="isV2">
+            <el-col :span="6" v-for="(it, idx) in topInfos" :key="idx">
+                <el-card shadow="always" class="top-row1 is-v2">
+                    <img :src="it.icon" class="top-icon" />
+                    <div class="top-row">
+                        <div class="div-title">{{ it.title }}</div>
+                        <div class="div-num">
+                            <span style="color:dodgerblue;">{{ it.ucnt }}</span>/
+                            <span style="font-size:14px;">{{ it.count }}</span>
                         </div>
-                      </div>
-
-                      <div class="chart-item-title">
-                        <span>CPU</span>
-                        <span>{{ it.cpu_usage }}%</span>
-                      </div>
-                      <div class="chart-line">
-                        <div class="chart-line-inline" :style="'width:' + it.cpu_usage + '%'"></div>
-                      </div>
-
                     </div>
-                  </div>
                 </el-card>
-              </el-col>
-            </el-row>
-          </el-scrollbar>
-        </el-card>
+            </el-col>
+        </el-row>
+        <el-row :gutter="10" class="mt-3" style="margin-bottom: 12px;" v-else>
+            <el-col :span="4" v-for="(it, idx) in topInfos" :key="idx">
+                <el-card shadow="always" class="top-row1">
+                    <img :src="it.icon" class="top-icon" />
+                    <div class="top-row">
+                        <div class="div-title">{{ it.title }}</div>
+                        <div class="div-num">
+                            <span style="color:dodgerblue;">{{ it.ucnt }}</span>/
+                            <span style="font-size:14px;">{{ it.count }}</span>
+                        </div>
+                    </div>
+                </el-card>
+            </el-col>
+        </el-row>
+        <div style="display: flex;">
+            <div style="flex-grow: 1;">
+                <el-card shadow="never" class="top-row2">
+                    <template #header>
+                        <div class="row2-top">
+                            <div style="font-weight: bold;font-size:15px;">设备运行状态</div>
+                            <div class="div-more" v-if="false">更多</div>
+                        </div>
+                    </template>
+                    <el-scrollbar max-height="504px">
+                        <el-row :gutter="20">
+                            <el-col :span="isSmallScreen ? 8 : 6" v-for="it in devInfos" :key="it.id" class="dev-item" style="margin-bottom: 20px;">
+                                <el-card shadow="hover" v-if="isV2">
+                                    <template #header>
+                                        <div class="dev-title">{{ it.device_name }}</div>
+                                    </template>
+                                    <div class="dev-row2">
+                                        <div>
+                                            网络类型:
+                                            <span>{{ it.modl_net_type }}</span>
+                                        </div>
+                                    </div>
+                                    <div class="dev-row3 is-v2">
+                                        <div class="device-state">
+                                            <img style="position: relative;top: -10px;left:-10px;" :src="'images/state/' + it.working_state + '.png'" />
+                                            <div style="font-size:20px;color:#888;position: relative;top: -10px;padding-right:10px;text-align: center;">{{ getState(it.working_state) }}</div>
+                                        </div>
+                                    </div>
+                                </el-card>
+                                <el-card shadow="hover" v-else>
+                                    <template #header>
+                                        <div class="dev-title">
+                                            {{ it.device_name }}
+                                            <svg-icon icon-class="enlarge" color="#666" />
+                                        </div>
+                                    </template>
+                                    <div class="dev-row2">
+                                        <div>
+                                            网络类型:
+                                            <span>{{ it.modl_net_type }}</span>
+                                        </div>
+                                    </div>
+                                    <div class="dev-row3">
+                                        <div class="device-state">
+                                            <img :src="'images/run_circle.png'" v-if="it.working_state == 'infer'" class="img-loading" />
+                                            <img style="position: relative;top: -10px;left:-10px;" :src="'images/state/' + it.working_state + '.png'" />
+                                            <div style="font-size:20px;color:#888;position: relative;top: -10px;padding-right:10px;text-align: center;">{{ getState(it.working_state) }}</div>
+                                        </div>
+                                        <div class="dev-chart">
+                                            <div class="chart-item-title">
+                                                <span>温度</span>
+                                                <span>{{ (it.tempurature / 10.0).toFixed() }}℃</span>
+                                            </div>
+                                            <div class="chart-line">
+                                                <div class="chart-line-inline" :style="'width:' + it.temperature + '%'"></div>
+                                            </div>
 
-        <el-card shadow="never" class="proc-card model-proc">
-          <template #header>
-            <div class="row2-top">
-              <div style="color:#333;font-weight: bold;font-size:15px;">模型评估流程</div>
-            </div>
-          </template>
-          <ModelFlow2 v-if="isV2" />
-          <ModelFlow v-else />
-        </el-card>
-      </div>
-      <div style="" class="right-panel">
-        <el-card shadow="never" class="top-row2 notice-card">
-          <template #header>
-            <div class="row2-top">
-              <div style="color:#333;font-weight: bold;font-size:15px;">通知中心</div>
-            </div>
-          </template>
-          <el-scrollbar height="484px">
-            <IndexNotice />
-          </el-scrollbar>
-        </el-card>
+                                            <div class="chart-item-title">
+                                                <span>内存</span>
+                                                <span>{{ it.memory_usage }}MB</span>
+                                            </div>
+                                            <div class="chart-line">
+                                                <div class="chart-line-inline" :style="'width:' + (it.memory_usage * 100.0 / it.memory_total) + '%'"></div>
+                                            </div>
 
-        <el-card shadow="never" class="proc-card server-status" v-if="!isV2">
-          <template #header>
-            <div class="row2-top">
-              <div style="color:#333;font-weight: bold;font-size:15px;">服务器运行状态</div>
+                                            <div class="chart-item-title">
+                                                <span>CPU</span>
+                                                <span>{{ it.cpu_usage }}%</span>
+                                            </div>
+                                            <div class="chart-line">
+                                                <div class="chart-line-inline" :style="'width:' + it.cpu_usage + '%'"></div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </el-card>
+                            </el-col>
+                        </el-row>
+                    </el-scrollbar>
+                </el-card>
+
+                <el-card shadow="never" class="proc-card model-proc">
+                    <template #header>
+                        <div class="row2-top">
+                            <div style="color:#333;font-weight: bold;font-size:15px;">模型评估流程</div>
+                        </div>
+                    </template>
+                    <ModelFlow2 v-if="isV2" />
+                    <ModelFlow v-else />
+                </el-card>
             </div>
-          </template>
-          <ServiceStatus :val="svTemp" width="200px" height="200px"></ServiceStatus>
-        </el-card>
-      </div>
+            <div style class="right-panel">
+                <el-card shadow="never" class="top-row2 notice-card">
+                    <template #header>
+                        <div class="row2-top">
+                            <div style="color:#333;font-weight: bold;font-size:15px;">通知中心</div>
+                        </div>
+                    </template>
+                    <el-scrollbar height="484px">
+                        <IndexNotice />
+                    </el-scrollbar>
+                </el-card>
+
+                <el-card shadow="never" class="proc-card server-status" v-if="!isV2">
+                    <template #header>
+                        <div class="row2-top">
+                            <div style="color:#333;font-weight: bold;font-size:15px;">服务器运行状态</div>
+                        </div>
+                    </template>
+                    <ServiceStatus :val="svTemp" width="200px" height="200px"></ServiceStatus>
+                </el-card>
+            </div>
+        </div>
     </div>
-  </div>
 </template>
 
 <script setup>
-import {
-  useSettingsStore,
-} from "@/store";
-import ModelFlow from './components/ModelFlow.vue'
-import ModelFlow2 from './components/ModelFlow2.vue'
-import IndexNotice from './components/IndexNotice.vue'
-import ServiceStatus from './components/ServiceStatus.vue'
+import { useSettingsStore } from "@/store";
+import ModelFlow from "./components/ModelFlow.vue";
+import ModelFlow2 from "./components/ModelFlow2.vue";
+import IndexNotice from "./components/IndexNotice.vue";
+import ServiceStatus from "./components/ServiceStatus.vue";
 import DeviceAPI from "@/api/device";
-import InfoApi from '@/api/info'
+import InfoApi from "@/api/info";
 import { ThemeEnum } from "@/enums/ThemeEnum";
-import eventBus from '@/utils/eventBus.js'
+import eventBus from "@/utils/eventBus.js";
 
 const isV2 = window.isV2;
 const settingsStore = useSettingsStore();
-let svTemp = ref(55.5)
-let rd = () => { return +("" + Math.random()).substring(3, 5) };
-let rd2 = () => { return +("" + Math.random()).substring(3, 4) };
+let svTemp = ref(55.5);
+let rd = () => {
+  return +("" + Math.random()).substring(3, 5);
+};
+let rd2 = () => {
+  return +("" + Math.random()).substring(3, 4);
+};
 let topInfos = ref(null);
 let devInfos = ref(null);
 
-const winWidth = ref(0)
+const winWidth = ref(0);
 const isSmallScreen = computed(() => {
   return winWidth.value < 1440;
 });
@@ -202,65 +197,94 @@ const getState = (e) => {
     return "启动算子";
   }
   return "升级中";
-}
+};
 const loadDevice = () => {
-  DeviceAPI.getStatus().then(d => {
+  DeviceAPI.getStatus().then((d) => {
     devInfos.value = d.data.data.device_status_list || [];
   });
-}
+};
 const loadInfo = () => {
-  InfoApi.statistics().then(res => {
-    let d = res.data
-    let isDark = settingsStore.theme === ThemeEnum.DARK
+  InfoApi.statistics().then((res) => {
+    let d = res.data;
+    let isDark = settingsStore.theme === ThemeEnum.DARK;
     topInfos.value = [
       {
-        title: '模型总数', count: d.data.total_model_count, ucnt: d.data.user_model_count, clsName: 'c1',
-        icon: isDark ? "images/nav/nav12.png" : "images/nav/nav1.png"
+        title: "模型总数",
+        count: d.data.total_model_count,
+        ucnt: d.data.user_model_count,
+        clsName: "c1",
+        icon: isDark ? "images/nav/nav12.png" : "images/nav/nav1.png",
       },
       {
-        title: '算子总数', count: d.data.total_operator_count, ucnt: d.data.user_operator_count, clsName: 'c1',
-        icon: isDark ? "images/nav/nav22.png" : "images/nav/nav2.png"
+        title: "算子总数",
+        count: d.data.total_operator_count,
+        ucnt: d.data.user_operator_count,
+        clsName: "c1",
+        icon: isDark ? "images/nav/nav22.png" : "images/nav/nav2.png",
       },
       {
-        title: '数据集总数', count: d.data.total_dataset_count, ucnt: d.data.user_dataset_count, clsName: 'c1',
-        icon: isDark ? "images/nav/nav32.png" : "images/nav/nav3.png"
+        title: "数据集总数",
+        count: d.data.total_dataset_count,
+        ucnt: d.data.user_dataset_count,
+        clsName: "c1",
+        icon: isDark ? "images/nav/nav32.png" : "images/nav/nav3.png",
       },
       {
-        title: '评估报告总数', count: d.data.total_connection_count, ucnt: d.data.user_connection_count, clsName: 'c1',
-        icon: isDark ? "images/nav/nav42.png" : "images/nav/nav4.png"
+        title: "评估报告总数",
+        count: d.data.total_connection_count,
+        ucnt: d.data.user_connection_count,
+        clsName: "c1",
+        icon: isDark ? "images/nav/nav42.png" : "images/nav/nav4.png",
       },
       {
-        title: '互联总数', count: d.data.total_task_count, ucnt: d.data.user_task_count, clsName: 'c1',
-        icon: isDark ? "images/nav/nav52.png" : "images/nav/nav5.png"
+        title: "互联总数",
+        count: d.data.total_task_count,
+        ucnt: d.data.user_task_count,
+        clsName: "c1",
+        icon: isDark ? "images/nav/nav52.png" : "images/nav/nav5.png",
       },
       {
-        title: '总访问量', count: d.data.total_visit_count, ucnt: d.data.user_visit_count, clsName: 'c1',
-        icon: isDark ? "images/nav/nav62.png" : "images/nav/nav6.png"
+        title: "总访问量",
+        count: d.data.total_visit_count,
+        ucnt: d.data.user_visit_count,
+        clsName: "c1",
+        icon: isDark ? "images/nav/nav62.png" : "images/nav/nav6.png",
       },
     ];
     if (isV2) {
       topInfos.value = [
         {
-          title: '模型总数', count: d.data.total_model_count, ucnt: d.data.user_model_count, clsName: 'c1',
-          icon: isDark ? "images/nav/nav12.png" : "images/nav/nav1.png"
+          title: "模型总数",
+          count: d.data.total_model_count,
+          ucnt: d.data.user_model_count,
+          clsName: "c1",
+          icon: isDark ? "images/nav/nav12.png" : "images/nav/nav1.png",
         },
         {
-          title: '数据集总数', count: d.data.total_dataset_count, ucnt: d.data.user_dataset_count, clsName: 'c1',
-          icon: isDark ? "images/nav/nav32.png" : "images/nav/nav3.png"
+          title: "数据集总数",
+          count: d.data.total_dataset_count,
+          ucnt: d.data.user_dataset_count,
+          clsName: "c1",
+          icon: isDark ? "images/nav/nav32.png" : "images/nav/nav3.png",
         },
         {
-          title: '评估报告总数', count: d.data.total_connection_count, ucnt: d.data.user_connection_count, clsName: 'c1',
-          icon: isDark ? "images/nav/nav42.png" : "images/nav/nav4.png"
+          title: "评估报告总数",
+          count: d.data.total_connection_count,
+          ucnt: d.data.user_connection_count,
+          clsName: "c1",
+          icon: isDark ? "images/nav/nav42.png" : "images/nav/nav4.png",
         },
         {
-          title: '总访问量', count: d.data.total_visit_count, ucnt: d.data.user_visit_count, clsName: 'c1',
-          icon: isDark ? "images/nav/nav62.png" : "images/nav/nav6.png"
+          title: "总访问量",
+          count: d.data.total_visit_count,
+          ucnt: d.data.user_visit_count,
+          clsName: "c1",
+          icon: isDark ? "images/nav/nav62.png" : "images/nav/nav6.png",
         },
       ];
     }
-
-  })
-}
+  });
+};
 onUnmounted(() => {
   eventBus.off("changeTheme");
   if (window.indexTimer) {
@@ -268,7 +292,7 @@ onUnmounted(() => {
   }
 });
 onMounted(() => {
-  eventBus.on("changeTheme", d => {
+  eventBus.on("changeTheme", (d) => {
     loadInfo();
   });
   winWidth.value = window.outerWidth;
@@ -276,14 +300,13 @@ onMounted(() => {
     setTimeout(() => {
       winWidth.value = window.outerWidth;
     }, 100);
-  }
+  };
   loadDevice();
   loadInfo();
   window.indexTimer = window.setInterval(() => {
     loadDevice();
     loadInfo();
   }, 3000);
-
 });
 </script>
 
@@ -420,7 +443,7 @@ onMounted(() => {
     position: relative;
 
     &.is-v2 {
-      background-color: #6FADF5;
+      background-color: #6fadf5;
 
       .el-card__body {
         display: flex;
@@ -442,7 +465,7 @@ onMounted(() => {
           }
 
           .div-num {
-            color: #816CB2;
+            color: #816cb2;
           }
         }
       }
@@ -462,7 +485,6 @@ onMounted(() => {
 
         * {
           fill: #3399ff;
-          ;
         }
       }
     }
@@ -512,7 +534,6 @@ onMounted(() => {
           top: 0px;
           font-size: 12px;
         }
-
       }
     }
 
@@ -530,7 +551,7 @@ onMounted(() => {
 
     .dev-item {
       .el-card {
-        background: #EEF7FE;
+        background: #eef7fe;
         padding: 8px;
 
         .el-card__header {
@@ -621,7 +642,6 @@ onMounted(() => {
                 }
               }
             }
-
           }
         }
       }
@@ -630,10 +650,21 @@ onMounted(() => {
 
   .img-loading {
     position: absolute;
-    width: 100px;
-    height: 100px;
+    width: 70px;
+    height: 70px;
+    margin-top: -10px;
+    margin-left: -10px;
+  }
+  .img-loading {
+    -webkit-transition-property: -webkit-transform;
+    -webkit-transition-duration: 1s;
+    -moz-transition-property: -moz-transform;
+    -moz-transition-duration: 1s;
+    -webkit-animation: rotate 3s linear infinite;
+    -moz-animation: rotate 3s linear infinite;
+    -o-animation: rotate 3s linear infinite;
+    animation: rotate 3s linear infinite;
   }
-
   .proc-card {
     margin-top: 20px;
     padding: 8px;
@@ -644,16 +675,17 @@ onMounted(() => {
     }
 
     .el-card__body {
-      background: #EEF7FE;
+      background: #eef7fe;
       border-radius: 8px;
       height: 300px;
     }
 
     &.server-status {
-      background: #EEF7FE;
+      background: #eef7fe;
       padding: 8px;
 
-      .el-card__header {}
+      .el-card__header {
+      }
 
       .el-card__body {
         background: #fff;
@@ -674,16 +706,15 @@ html.dark {
         }
 
         .div-num {
-          color: #aaa
+          color: #aaa;
         }
       }
-
     }
 
     .top-row2 {
       .dev-item {
         .el-card {
-          background: #2B3553;
+          background: #2b3553;
 
           .dev-title {
             svg * {
@@ -692,13 +723,12 @@ html.dark {
           }
 
           .el-card__body {
-            background: #2B3553;
+            background: #2b3553;
             box-shadow: none;
             color: #aaa;
           }
         }
       }
-
     }
 
     .right-panel {
@@ -721,7 +751,6 @@ html.dark {
           }
         }
       }
-
     }
 
     .proc-card {
@@ -738,7 +767,7 @@ html.dark {
         color: #aaa;
 
         .el-badge__content--danger {
-          background: #6F89A6;
+          background: #6f89a6;
           width: 24px;
           height: 24px;
           text-align: center;
@@ -749,7 +778,7 @@ html.dark {
     }
 
     .proc-card.server-status {
-      background: #242B43;
+      background: #242b43;
 
       .el-card__header {
         .row2-top {
diff --git a/src/views/dashboard/index2.vue b/src/views/dashboard/index2.vue
index d4217cc..f785147 100644
--- a/src/views/dashboard/index2.vue
+++ b/src/views/dashboard/index2.vue
@@ -1,149 +1,261 @@
 <template>
-  <div class="dashboard-container" :class="isSmallScreen ? 'is-small' : ''">
-    <!-- github角标 -->
-    <el-row :gutter="10" class="mt-3" style="margin-bottom: 12px;">
-      <el-col :span="4" v-for="(it, idx) in topInfos" :key="idx">
-        <el-card shadow="always" class="top-row1">
-          <img :src="it.icon" class="top-icon" />
-          <div class="top-row">
-            <div class="div-title">{{ it.title }}</div>
-            <div class="div-num">
-              <span style="color:dodgerblue;">{{ it.ucnt }} </span>/ <span style="font-size:14px;">{{ it.count }}</span>
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <div style="display: flex;">
-      <div style="flex-grow: 1;">
-        <el-card shadow="never" class="top-row2">
-          <template #header>
-            <div class="row2-top">
-              <div style="font-weight: bold;font-size:15px;">设备运行状态</div>
-              <div class="div-more" v-if="false">更多</div>
-            </div>
-          </template>
-          <el-scrollbar max-height="504px">
-            <el-row :gutter="20">
-              <el-col :span="isSmallScreen ? 8 : 6" v-for="it in devInfos" :key="it.id" class="dev-item"
-                style="margin-bottom: 20px;">
-                <el-card shadow="hover">
-                  <template #header>
-                    <div class="dev-title">{{ it.name }}
-                      <svg-icon icon-class="enlarge" color="#666" />
+    <div class="dashboard-container" :class="isSmallScreen ? 'is-small' : ''">
+        <!-- github角标 -->
+        <el-row :gutter="10" class="mt-3" style="margin-bottom: 12px;">
+            <el-col :span="4" v-for="(it, idx) in topInfos" :key="idx">
+                <el-card shadow="always" class="top-row1">
+                    <img :src="it.icon" class="top-icon" />
+                    <div class="top-row">
+                        <div class="div-title">{{ it.title }}</div>
+                        <div class="div-num">
+                            <span style="color:dodgerblue;">{{ it.ucnt }}</span>/
+                            <span style="font-size:14px;">{{ it.count }}</span>
+                        </div>
                     </div>
-                  </template>
-                  <div class="dev-row2">
-                    <div>
-                      任务类型:<span>{{ it.modelName }}</span>
-                    </div>
-                  </div>
-                  <div class="dev-row3">
-                    <div class="device-state">
-                      <img :src="'images/loading-icon.gif'" v-if="it.state == 'infer'" class="img-loading">
-                      <img style="position: relative;top: -10px;left:-10px;"
-                        :src="'images/state/' + it.state + '.png'" />
-                      <div
-                        style="font-size:20px;color:#888;position: relative;top: -10px;padding-right:10px;text-align: center;">
-                        {{ getState(it.state) }}</div>
-                    </div>
-                    <div class="dev-chart">
-                      <div class="chart-item-title">
-                        <span>温度</span>
-                        <span>{{ it.temperature }}℃</span>
-                      </div>
-                      <div class="chart-line">
-                        <div class="chart-line-inline" :style="'width:' + it.temperature + '%'"></div>
-                      </div>
-
-                      <div class="chart-item-title">
-                        <span>内存</span>
-                        <span>{{ it.memory }}%</span>
-                      </div>
-                      <div class="chart-line">
-                        <div class="chart-line-inline" :style="'width:' + it.memory + '%'"></div>
-                      </div>
-
-                      <div class="chart-item-title">
-                        <span>效率</span>
-                        <span>{{ it.cpu }}%</span>
-                      </div>
-                      <div class="chart-line">
-                        <div class="chart-line-inline" :style="'width:' + it.cpu + '%'"></div>
-                      </div>
-
-                    </div>
-                  </div>
                 </el-card>
-              </el-col>
-            </el-row>
-          </el-scrollbar>
-        </el-card>
+            </el-col>
+        </el-row>
+        <div style="display: flex;">
+            <div style="flex-grow: 1;">
+                <el-card shadow="never" class="top-row2">
+                    <template #header>
+                        <div class="row2-top">
+                            <div style="font-weight: bold;font-size:15px;">设备运行状态</div>
+                            <div class="div-more" v-if="false">更多</div>
+                        </div>
+                    </template>
+                    <el-scrollbar max-height="504px">
+                        <el-row :gutter="20">
+                            <el-col :span="isSmallScreen ? 8 : 6" v-for="it in devInfos" :key="it.id" class="dev-item" style="margin-bottom: 20px;">
+                                <el-card shadow="hover">
+                                    <template #header>
+                                        <div class="dev-title">
+                                            {{ it.name }}
+                                            <svg-icon icon-class="enlarge" color="#666" />
+                                        </div>
+                                    </template>
+                                    <div class="dev-row2">
+                                        <div>
+                                            任务类型:
+                                            <span>{{ it.modelName }}</span>
+                                        </div>
+                                    </div>
+                                    <div class="dev-row3">
+                                        <div class="device-state">
+                                            <img :src="'images/run_circle.png'" v-if="it.state == 'infer'" class="img-loading" />
+                                            <img style="position: relative;top: -10px;left:-10px;" :src="'images/state/' + it.state + '.png'" />
+                                            <div style="font-size:20px;color:#888;position: relative;top: -10px;padding-right:10px;text-align: center;">{{ getState(it.state) }}</div>
+                                        </div>
+                                        <div class="dev-chart">
+                                            <div class="chart-item-title">
+                                                <span>温度</span>
+                                                <span>{{ it.temperature }}℃</span>
+                                            </div>
+                                            <div class="chart-line">
+                                                <div class="chart-line-inline" :style="'width:' + it.temperature + '%'"></div>
+                                            </div>
 
-        <el-card shadow="never" class="proc-card model-proc">
-          <template #header>
-            <div class="row2-top">
-              <div style="color:#333;font-weight: bold;font-size:15px;">超异构任务部署流程</div>
-            </div>
-          </template>
-          <ModelFlow />
-        </el-card>
-      </div>
-      <div style="" class="right-panel">
-        <el-card shadow="never" class="top-row2 notice-card">
-          <template #header>
-            <div class="row2-top">
-              <div style="color:#333;font-weight: bold;font-size:15px;">通知中心</div>
-            </div>
-          </template>
-          <el-scrollbar height="484px">
-            <IndexNotice />
-          </el-scrollbar>
-        </el-card>
+                                            <div class="chart-item-title">
+                                                <span>内存</span>
+                                                <span>{{ it.memory }}%</span>
+                                            </div>
+                                            <div class="chart-line">
+                                                <div class="chart-line-inline" :style="'width:' + it.memory + '%'"></div>
+                                            </div>
 
-        <el-card shadow="never" class="proc-card server-status">
-          <template #header>
-            <div class="row2-top">
-              <div style="color:#333;font-weight: bold;font-size:15px;">服务器运行状态</div>
+                                            <div class="chart-item-title">
+                                                <span>效率</span>
+                                                <span>{{ it.cpu }}%</span>
+                                            </div>
+                                            <div class="chart-line">
+                                                <div class="chart-line-inline" :style="'width:' + it.cpu + '%'"></div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </el-card>
+                            </el-col>
+                        </el-row>
+                    </el-scrollbar>
+                </el-card>
+
+                <el-card shadow="never" class="proc-card model-proc">
+                    <template #header>
+                        <div class="row2-top">
+                            <div style="color:#333;font-weight: bold;font-size:15px;">超异构任务部署流程</div>
+                        </div>
+                    </template>
+                    <ModelFlow />
+                </el-card>
             </div>
-          </template>
-          <ServiceStatus :val="svTemp" width="200px" height="200px"></ServiceStatus>
-        </el-card>
-      </div>
+            <div style class="right-panel">
+                <el-card shadow="never" class="top-row2 notice-card">
+                    <template #header>
+                        <div class="row2-top">
+                            <div style="color:#333;font-weight: bold;font-size:15px;">通知中心</div>
+                        </div>
+                    </template>
+                    <el-scrollbar height="484px">
+                        <IndexNotice />
+                    </el-scrollbar>
+                </el-card>
+
+                <el-card shadow="never" class="proc-card server-status">
+                    <template #header>
+                        <div class="row2-top">
+                            <div style="color:#333;font-weight: bold;font-size:15px;">服务器运行状态</div>
+                        </div>
+                    </template>
+                    <ServiceStatus :val="svTemp" width="200px" height="200px"></ServiceStatus>
+                </el-card>
+            </div>
+        </div>
     </div>
-  </div>
 </template>
 
 <script setup>
-import { reactive } from 'vue'
-import ModelFlow from './components/ModelFlow2.vue'
-import IndexNotice from './components/IndexNotice.vue'
-import ServiceStatus from './components/ServiceStatus.vue'
+import { reactive } from "vue";
+import ModelFlow from "./components/ModelFlow2.vue";
+import IndexNotice from "./components/IndexNotice.vue";
+import ServiceStatus from "./components/ServiceStatus.vue";
 import DeviceAPI from "@/api/device";
-let svTemp = ref(55.5)
-let rd = () => { return +("" + Math.random()).substring(3, 6) };
-let rd2 = () => { return +("" + Math.random()).substring(3, 4) };
-let rd3 = () => { return +("" + Math.random()).substring(3, 5) };
+let svTemp = ref(55.5);
+let rd = () => {
+  return +("" + Math.random()).substring(3, 6);
+};
+let rd2 = () => {
+  return +("" + Math.random()).substring(3, 4);
+};
+let rd3 = () => {
+  return +("" + Math.random()).substring(3, 5);
+};
 let topInfos = reactive([
-  { title: '模型总数', count: rd(), ucnt: rd2(), clsName: 'c1', icon: "images/nav/nav1.png" },
-  { title: '算子总数', count: rd(), ucnt: rd2(), clsName: 'c1', icon: "images/nav/nav2.png" },
-  { title: '数据集总数', count: rd(), ucnt: rd2(), clsName: 'c1', icon: "images/nav/nav3.png" },
-  { title: '评估报告总数', count: rd(), ucnt: rd2(), clsName: 'c1', icon: "images/nav/nav4.png" },
-  { title: '互联总数', count: rd(), ucnt: rd2(), clsName: 'c1', icon: "images/nav/nav5.png" },
-  { title: '总访问量', count: rd(), ucnt: rd2(), clsName: 'c1', icon: "images/nav/nav1.png" },
+  {
+    title: "模型总数",
+    count: rd(),
+    ucnt: rd2(),
+    clsName: "c1",
+    icon: "images/nav/nav1.png",
+  },
+  {
+    title: "算子总数",
+    count: rd(),
+    ucnt: rd2(),
+    clsName: "c1",
+    icon: "images/nav/nav2.png",
+  },
+  {
+    title: "数据集总数",
+    count: rd(),
+    ucnt: rd2(),
+    clsName: "c1",
+    icon: "images/nav/nav3.png",
+  },
+  {
+    title: "评估报告总数",
+    count: rd(),
+    ucnt: rd2(),
+    clsName: "c1",
+    icon: "images/nav/nav4.png",
+  },
+  {
+    title: "互联总数",
+    count: rd(),
+    ucnt: rd2(),
+    clsName: "c1",
+    icon: "images/nav/nav5.png",
+  },
+  {
+    title: "总访问量",
+    count: rd(),
+    ucnt: rd2(),
+    clsName: "c1",
+    icon: "images/nav/nav1.png",
+  },
 ]);
 
 let devInfos = reactive([
-  { id: 1001, name: 'NPU-TC-01', netType: 'network001', modelName: 'N/A', state: 'offline', temperature: '31', memory: rd3(), cpu: rd3(), },
-  { id: 1002, name: 'GPU-B101', netType: 'network001', modelName: 'N/A', state: 'compile', temperature: '46', memory: rd3(), cpu: rd3(), },
-  { id: 1003, name: 'CPU-SW-02', netType: 'network001', modelName: 'N/A', state: 'idle', temperature: '37', memory: rd3(), cpu: rd3(), },
-  { id: 1004, name: 'CPU-SW-01', netType: 'network001', modelName: 'pagerank_01', state: 'infer', temperature: '34', memory: rd3(), cpu: rd3(), },
-  { id: 1005, name: 'FPGA-FD-01', netType: 'network001', modelName: 'Obj_detect_01', state: 'unregist', temperature: '42', memory: rd3(), cpu: rd3(), },
-  { id: 1006, name: 'GPU-MR-01', netType: 'network001', modelName: 'llm_01', state: 'download', temperature: '40', memory: rd3(), cpu: rd3(), },
-  { id: 1007, name: 'FPGA-FD-02', netType: 'network001', modelName: 'Obj_detect_01', state: 'train', temperature: '39', memory: rd3(), cpu: rd3(), },
-  { id: 1008, name: 'CPU-SW-03', netType: 'network001', modelName: 'pagerank_01', state: 'upgrade', temperature: '38', memory: rd3(), cpu: rd3(), },
-])
-const winWidth = ref(0)
+  {
+    id: 1001,
+    name: "NPU-TC-01",
+    netType: "network001",
+    modelName: "N/A",
+    state: "offline",
+    temperature: "31",
+    memory: rd3(),
+    cpu: rd3(),
+  },
+  {
+    id: 1002,
+    name: "GPU-B101",
+    netType: "network001",
+    modelName: "N/A",
+    state: "compile",
+    temperature: "46",
+    memory: rd3(),
+    cpu: rd3(),
+  },
+  {
+    id: 1003,
+    name: "CPU-SW-02",
+    netType: "network001",
+    modelName: "N/A",
+    state: "idle",
+    temperature: "37",
+    memory: rd3(),
+    cpu: rd3(),
+  },
+  {
+    id: 1004,
+    name: "CPU-SW-01",
+    netType: "network001",
+    modelName: "pagerank_01",
+    state: "infer",
+    temperature: "34",
+    memory: rd3(),
+    cpu: rd3(),
+  },
+  {
+    id: 1005,
+    name: "FPGA-FD-01",
+    netType: "network001",
+    modelName: "Obj_detect_01",
+    state: "unregist",
+    temperature: "42",
+    memory: rd3(),
+    cpu: rd3(),
+  },
+  {
+    id: 1006,
+    name: "GPU-MR-01",
+    netType: "network001",
+    modelName: "llm_01",
+    state: "download",
+    temperature: "40",
+    memory: rd3(),
+    cpu: rd3(),
+  },
+  {
+    id: 1007,
+    name: "FPGA-FD-02",
+    netType: "network001",
+    modelName: "Obj_detect_01",
+    state: "train",
+    temperature: "39",
+    memory: rd3(),
+    cpu: rd3(),
+  },
+  {
+    id: 1008,
+    name: "CPU-SW-03",
+    netType: "network001",
+    modelName: "pagerank_01",
+    state: "upgrade",
+    temperature: "38",
+    memory: rd3(),
+    cpu: rd3(),
+  },
+]);
+const winWidth = ref(0);
 const isSmallScreen = computed(() => {
   return winWidth.value < 1440;
 });
@@ -171,7 +283,7 @@ const getState = (e) => {
   }
 
   return "升级中";
-}
+};
 onUnmounted(() => {
   if (window.indexTimer2) {
     window.clearInterval(window.indexTimer2);
@@ -183,12 +295,10 @@ onMounted(() => {
     setTimeout(() => {
       winWidth.value = window.outerWidth;
     }, 100);
-  }
-  DeviceAPI.getStatus().then(d => {
-
-  });
+  };
+  DeviceAPI.getStatus().then((d) => {});
   window.indexTimer2 = window.setInterval(() => {
-    DeviceAPI.getStatus()
+    DeviceAPI.getStatus();
   }, 3000);
 });
 </script>
@@ -335,7 +445,6 @@ onMounted(() => {
 
         * {
           fill: #3399ff;
-          ;
         }
       }
     }
@@ -385,7 +494,6 @@ onMounted(() => {
           top: 0px;
           font-size: 12px;
         }
-
       }
     }
 
@@ -403,7 +511,7 @@ onMounted(() => {
 
     .dev-item {
       .el-card {
-        background: #EEF7FE;
+        background: #eef7fe;
         padding: 8px;
 
         .el-card__header {
@@ -490,7 +598,6 @@ onMounted(() => {
                 }
               }
             }
-
           }
         }
       }
@@ -499,8 +606,52 @@ onMounted(() => {
 
   .img-loading {
     position: absolute;
-    width: 100px;
-    height: 100px;
+    width: 70px;
+    height: 70px;
+    margin-top: -10px;
+    margin-left: -10px;
+  }
+  .img-loading {
+    -webkit-transition-property: -webkit-transform;
+    -webkit-transition-duration: 1s;
+    -moz-transition-property: -moz-transform;
+    -moz-transition-duration: 1s;
+    -webkit-animation: rotate 3s linear infinite;
+    -moz-animation: rotate 3s linear infinite;
+    -o-animation: rotate 3s linear infinite;
+    animation: rotate 3s linear infinite;
+  }
+  @-webkit-keyframes rotate {
+    from {
+      -webkit-transform: rotate(360deg);
+    }
+    to {
+      -webkit-transform: rotate(0deg);
+    }
+  }
+  @-moz-keyframes rotate {
+    from {
+      -moz-transform: rotate(359deg);
+    }
+    to {
+      -moz-transform: rotate(0deg);
+    }
+  }
+  @-o-keyframes rotate {
+    from {
+      -o-transform: rotate(359deg);
+    }
+    to {
+      -o-transform: rotate(0deg);
+    }
+  }
+  @keyframes rotate {
+    from {
+      transform: rotate(359deg);
+    }
+    to {
+      transform: rotate(0deg);
+    }
   }
 
   .proc-card {
@@ -513,16 +664,17 @@ onMounted(() => {
     }
 
     .el-card__body {
-      background: #EEF7FE;
+      background: #eef7fe;
       border-radius: 8px;
       height: 300px;
     }
 
     &.server-status {
-      background: #EEF7FE;
+      background: #eef7fe;
       padding: 8px;
 
-      .el-card__header {}
+      .el-card__header {
+      }
 
       .el-card__body {
         background: #fff;
diff --git a/src/views/simulationEvaluation/reportDesc.vue b/src/views/simulationEvaluation/reportDesc.vue
index 03fa0d2..5960605 100644
--- a/src/views/simulationEvaluation/reportDesc.vue
+++ b/src/views/simulationEvaluation/reportDesc.vue
@@ -1,264 +1,260 @@
 <template>
-  <div class="app-container simulation-report-desc" v-loading="loading">
-    <div style="padding:20px;margin-bottom: 60px;" id="print_simulation_report_desc">
-      <div class="report-name">{{ info.report.report_name }}</div>
-      <div class="report-info">
-        <el-row>
-          <el-col :span="12">
-            报告生成时间:{{ info.report.create_time }}
-          </el-col>
-          <el-col :span="12" style="text-align: right;" v-if="info.report.user_name">
-            报告创建人:{{ info.report.user_name }}
-          </el-col>
-        </el-row>
-        <div v-if="info.report.report_desc">
-          {{ info.report.report_desc }}
-        </div>
-      </div>
+    <div class="app-container simulation-report-desc" v-loading="loading">
+        <div style="padding:20px;margin-bottom: 60px;" id="print_simulation_report_desc">
+            <div class="report-name">{{ info.report.report_name }}</div>
+            <div class="report-info">
+                <el-row>
+                    <el-col :span="12">报告生成时间:{{ info.report.create_time }}</el-col>
+                    <el-col :span="12" style="text-align: right;" v-if="info.report.user_name">报告创建人:{{ info.report.user_name }}</el-col>
+                </el-row>
+                <div v-if="info.report.report_desc">{{ info.report.report_desc }}</div>
+            </div>
 
-      <div class="div-line"></div>
-      <div class="sub-title">推理任务列表</div>
-      <el-table :data="info.taskList" stripe style="margin-top:10px;">
-        <el-table-column label="任务名称" align="left" prop="task_name" />
-        <el-table-column label="模型名称" align="left" prop="model_name" />
-        <el-table-column label="网络类型" align="left" prop="modl_sub_type" />
-        <el-table-column label="互联名称" align="left" prop="connection_name" />
-        <el-table-column label="数据集名称" align="left" prop="dataset_name" />
-        <el-table-column label="图片数量" align="left" prop="image_count" />
-        <el-table-column label="设备名称" align="left" prop="device_name" />
-        <el-table-column label="设备处理器" align="left" prop="hardware_chip" />
-      </el-table>
-      <template v-if="info.reportType == 'other'">
-        <div class="task-lists" v-if="info.tasks && info.tasks.length > 0">
-          <div v-for="(it, idx) in info.tasks" :key="idx">
-            <div class="sub-title">{{ it.taskName || info.report.report_name }}的测试报告</div>
+            <div class="div-line"></div>
+            <div class="sub-title">推理任务列表</div>
+            <el-table :data="info.taskList" stripe style="margin-top:10px;">
+                <el-table-column label="任务名称" align="left" prop="task_name" />
+                <el-table-column label="模型名称" align="left" prop="model_name" />
+                <el-table-column label="网络类型" align="left" prop="modl_sub_type" />
+                <el-table-column label="互联名称" align="left" prop="connection_name" />
+                <el-table-column label="数据集名称" align="left" prop="dataset_name" />
+                <el-table-column label="图片数量" align="left" prop="image_count" />
+                <el-table-column label="设备名称" align="left" prop="device_name" />
+                <el-table-column label="设备处理器" align="left" prop="hardware_chip" />
+            </el-table>
             <template v-if="info.reportType == 'other'">
-              <div v-if="info.thresholds" class="info-thresholds">
-                <span>置信度阈值：</span>
-                <span>{{ info.thresholds.score_threshold }}</span>
-                <span style="margin-left:10px;">nms阈值:</span>
-                <span>{{ info.thresholds.nms_threshold }}</span>
-              </div>
+                <div class="task-lists" v-if="info.tasks && info.tasks.length > 0">
+                    <div v-for="(it, idx) in info.tasks" :key="idx">
+                        <div class="sub-title">{{ it.taskName || info.report.report_name }}的测试报告</div>
+                        <template v-if="info.reportType == 'other'">
+                            <div v-if="info.thresholds" class="info-thresholds">
+                                <span>置信度阈值：</span>
+                                <span>{{ info.thresholds.score_threshold }}</span>
+                                <span style="margin-left:10px;">nms阈值:</span>
+                                <span>{{ info.thresholds.nms_threshold }}</span>
+                            </div>
 
-              <el-table :data="it.classes" stripe style="margin-top:10px;">
-                <el-table-column label="类别名称" align="left" prop="class_name" />
-                <el-table-column label="Precision(精确度)" align="left" prop="precision" />
-                <el-table-column label="Recall(召回率)" align="left" prop="recall" />
-                <el-table-column label="F1-score" align="left" prop="f1_score" />
-                <el-table-column label="AP" align="left" prop="ap" />
-              </el-table>
+                            <el-table :data="it.classes" stripe style="margin-top:10px;">
+                                <el-table-column label="类别名称" align="left" prop="class_name" />
+                                <el-table-column label="Precision(精确度)" align="left" prop="precision" />
+                                <el-table-column label="Recall(召回率)" align="left" prop="recall" />
+                                <el-table-column label="F1-score" align="left" prop="f1_score" />
+                                <el-table-column label="AP" align="left" prop="ap" />
+                            </el-table>
 
-              <el-table :data="it.datas" stripe style="margin-top:20px;">
-                <el-table-column label="mAP" align="left" prop="map" />
-                <el-table-column label="Micro F1" align="left" prop="micro_f1" />
-                <el-table-column label="Macro F1" align="left" prop="macro_f1" />
-                <el-table-column label="加权F1-Scroe" align="left" prop="weight_f1" />
-                <el-table-column label="平均推理时间" align="left" prop="inference_time">
-                  <template #default="scope">
-                    {{ scope.row.inference_time }} ms
-                  </template>
-                </el-table-column>
-                <el-table-column label="系统延迟时间" align="left" prop="system_delay">
-                  <template #default="scope">
-                    {{ scope.row.system_delay }} ms
-                  </template>
-                </el-table-column>
-              </el-table>
-              <div class="print-page" v-if="false"></div>
-              <el-row class="report-chart1" style="margin-top:20px;" :key="info.elPrint" v-if="false"
-                :style="info.isPrint ? 'width:18cm;' : ''">
-                <el-col :span="info.isPrint || it.classes.length > 20 ? 24 : 24">
-                  <charts :id="'reportChart2-' + idx" width="100%" :height="calcChartHeight(it)"
-                    :render="opt => renderChart1(it, 'rp')"></charts>
-                </el-col>
-              </el-row>
+                            <el-table :data="it.datas" stripe style="margin-top:20px;">
+                                <el-table-column label="mAP" align="left" prop="map" />
+                                <el-table-column label="Micro F1" align="left" prop="micro_f1" />
+                                <el-table-column label="Macro F1" align="left" prop="macro_f1" />
+                                <el-table-column label="加权F1-Scroe" align="left" prop="weight_f1" />
+                                <el-table-column label="平均推理时间" align="left" prop="inference_time">
+                                    <template #default="scope">{{ scope.row.inference_time }} ms</template>
+                                </el-table-column>
+                                <el-table-column label="系统延迟时间" align="left" prop="system_delay">
+                                    <template #default="scope">{{ scope.row.system_delay }} ms</template>
+                                </el-table-column>
+                            </el-table>
+                            <div class="print-page" v-if="false"></div>
+                            <el-row class="report-chart1" style="margin-top:20px;" :key="info.elPrint" v-if="false" :style="info.isPrint ? 'width:18cm;' : ''">
+                                <el-col :span="info.isPrint || it.classes.length > 20 ? 24 : 24">
+                                    <charts :id="'reportChart2-' + idx" width="100%" :height="calcChartHeight(it)" :render="opt => renderChart1(it, 'rp')"></charts>
+                                </el-col>
+                            </el-row>
+                        </template>
+                        <template v-else>
+                            <el-table :data="it.targets" stripe style="margin-top:10px;">
+                                <el-table-column label="目标序号" align="left" prop="index" />
+                                <el-table-column label="IDSW" align="left" prop="idsw" />
+                                <el-table-column label="TM(跟踪轨迹)" align="left" prop="mt" />
+                                <el-table-column label="ML(丢失轨迹)" align="left" prop="ml" />
+                                <el-table-column label="FM(打断次数)" align="left" prop="fm" />
+                            </el-table>
+                            <div class="info-thresholds" style="margin-top: 10px;line-height: 24px;">
+                                <div>
+                                    <span>MOTA（跟踪准确度）</span>
+                                    <span>{{ it.mota }}</span>
+                                </div>
+                                <div>
+                                    <span>平均推理时间:</span>
+                                    <span>{{ it.inference_time }}ms</span>
+                                </div>
+                                <div>
+                                    <span>系统延迟时间:</span>
+                                    <span>{{ it.system_delay }}ms</span>
+                                </div>
+                            </div>
+                        </template>
+                    </div>
+                </div>
+
+                <template v-if="info.robustness && info.robustness.length > 0">
+                    <div class="div-line"></div>
+                    <div class="sub-title">推理结果比对报告</div>
+                    <el-table :data="info.robustness" stripe style="margin-top:10px;">
+                        <el-table-column type="index" width="80" label="序号" />
+                        <el-table-column label="模型名称" align="left" prop="model_name" />
+                        <el-table-column label="数据集名称" align="left" prop="database_name" />
+                        <el-table-column label="Micro F1" align="left" prop="micro_f1" />
+                        <el-table-column label="Macro F1" align="left" prop="macro_f1" />
+                        <el-table-column label="加权F1-Score" align="left" prop="weight_f1" />
+                        <el-table-column label="mAP" align="left" prop="map" />
+                        <el-table-column label="平均推理时间" align="left" prop="inference_time">
+                            <template #default="scope">{{ scope.row.inference_time }} ms</template>
+                        </el-table-column>
+                        <el-table-column label="mAP变化率" align="left">
+                            <template #default="scope">{{ scope.$index == 0 ? '----' : info.robustnessMapDecrease + '%' }}</template>
+                        </el-table-column>
+                    </el-table>
+                    <div style="margin-top:20px;" :key="info.chartKey">
+                        <charts :key="info.chartKey" id="reportChart3-robustness" width="100%" height="400px" :render="renderChar3"></charts>
+                    </div>
+                </template>
+                <template v-if="info.horizontal_comparison && info.horizontal_comparison.length > 0">
+                    <div class="div-line"></div>
+                    <div class="sub-title">硬件横向对比测试报告</div>
+                    <el-table :data="info.horizontal_comparison" stripe style="margin-top:10px;">
+                        <el-table-column type="index" width="80" label="序号" />
+                        <el-table-column label="设备名称" align="left" prop="device_name" />
+                        <el-table-column label="设备处理器" align="left" prop="device_cpu" />
+                        <el-table-column label="Micro F1" align="left" prop="micro_f1" />
+                        <el-table-column label="Macro F1" align="left" prop="macro_f1" />
+                        <el-table-column label="加权F1-Score" align="left" prop="weight_f1" />
+                        <el-table-column label="mAP" align="left" prop="mAP" />
+                        <el-table-column label="平均推理时间" align="left" prop="inference_time">
+                            <template #default="scope">{{ scope.row.inference_time }} ms</template>
+                        </el-table-column>
+                        <el-table-column label="系统延迟时间" align="left" prop="system_delay">
+                            <template #default="scope">{{ scope.row.system_delay }} ms</template>
+                        </el-table-column>
+                        <el-table-column label="mAP变化率" align="left">
+                            <template #default="scope">{{ scope.row.map_ratio + "%" }}</template>
+                        </el-table-column>
+                    </el-table>
+                    <div style="margin-top:20px;">
+                        <charts id="reportChart3-comparison" width="100%" height="400px" :render="renderChar4"></charts>
+                    </div>
+                </template>
             </template>
             <template v-else>
-              <el-table :data="it.targets" stripe style="margin-top:10px;">
-                <el-table-column label="目标序号" align="left" prop="index" />
-                <el-table-column label="IDSW" align="left" prop="idsw" />
-                <el-table-column label="TM(跟踪轨迹)" align="left" prop="mt" />
-                <el-table-column label="ML(丢失轨迹)" align="left" prop="ml" />
-                <el-table-column label="FM(打断次数)" align="left" prop="fm" />
-              </el-table>
-              <div class="info-thresholds" style="margin-top: 10px;line-height: 24px;">
-                <div> <span>MOTA（跟踪准确度）</span>
-                  <span>{{ it.mota }}</span>
+                <div v-for="(it, idx) in info.tasks" :key="idx">
+                    <div class="div-line"></div>
+                    <div class="sub-title">{{ info.report.report_name }}的测试报告</div>
+                    <el-table :data="[it]" stripe style="margin-top:10px;">
+                        <el-table-column label="IDSW" align="left" prop="idsw" />
+                        <el-table-column label="MT（跟踪轨迹）" align="left" prop="mt" />
+                        <el-table-column label="ML（丢失轨迹）" align="left" prop="ml" />
+                        <el-table-column label="FM（打断次数）" align="left" prop="fm" />
+                        <el-table-column label="MOTA" align="left" prop="mota" />
+                        <el-table-column label="平均推理时间" align="left" prop="inference_time">
+                            <template #default="scope">{{ scope.row.inference_time }} ms</template>
+                        </el-table-column>
+                        <el-table-column label="系统延迟时间" align="left" prop="system_delay">
+                            <template #default="scope">{{ scope.row.system_delay }} ms</template>
+                        </el-table-column>
+                    </el-table>
                 </div>
-                <div> <span>平均推理时间:</span>
-                  <span>{{ it.inference_time }}ms</span>
-                </div>
-                <div><span>系统延迟时间:</span>
-                  <span>{{ it.system_delay }}ms</span>
-                </div>
-              </div>
+
+                <template v-if="info.robustness && info.robustness.length > 0">
+                    <div class="div-line"></div>
+                    <div class="sub-title">推理结果比对报告</div>
+                    <el-table :data="info.robustness" stripe style="margin-top:10px;">
+                        <el-table-column type="index" width="80" label="序号" />
+                        <el-table-column label="模型名称" align="left" prop="model_name" />
+                        <el-table-column label="数据集名称" align="left" prop="database_name" />
+                        <el-table-column label="IDSW" align="left" prop="idsw" />
+                        <el-table-column label="MT（跟踪轨迹）" align="left" prop="mt" />
+                        <el-table-column label="ML（丢失轨迹）" align="left" prop="ml" />
+                        <el-table-column label="FM（打断次数）" align="left" prop="fm" />
+                        <el-table-column label="MOTA" align="left" prop="mota" />
+                        <el-table-column label="mAP变化率" align="left">
+                            <template #default="scope">{{ scope.$index == 0 ? '----' : info.robustnessMapDecrease + '%' }}</template>
+                        </el-table-column>
+                    </el-table>
+                    <div style="margin-top:20px;">
+                        <charts id="reportChart3-robustness" width="100%" height="400px" :render="renderChar3"></charts>
+                    </div>
+                </template>
+
+                <template v-if="info.horizontal_comparison && info.horizontal_comparison.length > 0">
+                    <div class="div-line"></div>
+                    <div class="sub-title">硬件横向对比测试报告</div>
+                    <el-table :data="info.horizontal_comparison" stripe style="margin-top:10px;">
+                        <el-table-column type="index" width="80" label="序号" />
+                        <el-table-column label="设备名称" align="left" prop="device_name" />
+                        <el-table-column label="设备处理器" align="left" prop="device_cpu" />
+                        <el-table-column label="IDSW" align="left" prop="idsw" />
+                        <el-table-column label="MT（跟踪轨迹）" align="left" prop="mt" />
+                        <el-table-column label="ML（丢失轨迹）" align="left" prop="ml" />
+                        <el-table-column label="FM（打断次数）" align="left" prop="fm" />
+                        <el-table-column label="MOTA" align="left" prop="mota" />
+                        <el-table-column label="平均推理时间" align="left" prop="inference_time">
+                            <template #default="scope">{{ scope.row.inference_time }} ms</template>
+                        </el-table-column>
+                        <el-table-column label="系统延迟时间" align="left" prop="system_delay">
+                            <template #default="scope">{{ scope.row.system_delay }} ms</template>
+                        </el-table-column>
+                        <el-table-column label="mAP变化率" align="left">
+                            <template #default="scope">{{ scope.row.mota_ratio + "%" }}</template>
+                        </el-table-column>
+                    </el-table>
+                    <div style="margin-top:20px;">
+                        <charts id="reportChart3-comparison" width="100%" height="400px" :render="renderChar4"></charts>
+                    </div>
+                </template>
             </template>
-          </div>
         </div>
 
-        <template v-if="info.robustness && info.robustness.length > 0">
-          <div class="div-line"></div>
-          <div class="sub-title">推理结果比对报告</div>
-          <el-table :data="info.robustness" stripe style="margin-top:10px;">
-            <el-table-column type="index" width="80" label="序号" />
-            <el-table-column label="模型名称" align="left" prop="model_name" />
-            <el-table-column label="数据集名称" align="left" prop="database_name" />
-            <el-table-column label="Micro F1" align="left" prop="micro_f1" />
-            <el-table-column label="Macro F1" align="left" prop="macro_f1" />
-            <el-table-column label="加权F1-Score" align="left" prop="weight_f1" />
-            <el-table-column label="mAP" align="left" prop="map" />
-            <el-table-column label="平均推理时间" align="left" prop="inference_time" />
-            <el-table-column label="mAP变化率" align="left">
-              <template #default="scope">
-                {{ scope.$index == 0 ? '----' : info.robustnessMapDecrease + '%' }}
-              </template>
-            </el-table-column>
-          </el-table>
-          <div style="margin-top:20px;" :key="info.chartKey">
-            <charts :key="info.chartKey" id="reportChart3-robustness" width="100%" height="400px" :render="renderChar3">
-            </charts>
-          </div>
-        </template>
-        <template v-if="info.horizontal_comparison && info.horizontal_comparison.length > 0">
-          <div class="div-line"></div>
-          <div class="sub-title">硬件横向对比测试报告</div>
-          <el-table :data="info.horizontal_comparison" stripe style="margin-top:10px;">
-            <el-table-column type="index" width="80" label="序号" />
-            <el-table-column label="设备名称" align="left" prop="device_name" />
-            <el-table-column label="设备处理器" align="left" prop="device_cpu" />
-            <el-table-column label="Micro F1" align="left" prop="micro_f1" />
-            <el-table-column label="Macro F1" align="left" prop="macro_f1" />
-            <el-table-column label="加权F1-Score" align="left" prop="weight_f1" />
-            <el-table-column label="mAP" align="left" prop="mAP" />
-            <el-table-column label="平均推理时间" align="left" prop="inference_time" />
-            <el-table-column label="系统延迟时间" align="left" prop="system_delay" />
-            <el-table-column label="mAP变化率" align="left">
-              <template #default="scope">
-                {{ scope.row.map_ratio + "%" }}
-              </template>
-            </el-table-column>
-          </el-table>
-          <div style="margin-top:20px;">
-            <charts id="reportChart3-comparison" width="100%" height="400px" :render="renderChar4">
-            </charts>
-          </div>
-        </template>
-      </template>
-      <template v-else>
-        <div v-for="(it, idx) in info.tasks" :key="idx">
-          <div class="div-line"></div>
-          <div class="sub-title">{{ info.report.report_name }}的测试报告</div>
-          <el-table :data="[it]" stripe style="margin-top:10px;">
-            <el-table-column label="IDSW" align="left" prop="idsw" />
-            <el-table-column label="MT（跟踪轨迹）" align="left" prop="mt" />
-            <el-table-column label="ML（丢失轨迹）" align="left" prop="ml" />
-            <el-table-column label="FM（打断次数）" align="left" prop="fm" />
-            <el-table-column label="MOTA" align="left" prop="mota" />
-            <el-table-column label="平均推理时间" align="left" prop="inference_time" />
-            <el-table-column label="系统延迟时间" align="left" prop="system_delay" />
-          </el-table>
-        </div>
-
-        <template v-if="info.robustness && info.robustness.length > 0">
-          <div class="div-line"></div>
-          <div class="sub-title">推理结果比对报告</div>
-          <el-table :data="info.robustness" stripe style="margin-top:10px;">
-            <el-table-column type="index" width="80" label="序号" />
-            <el-table-column label="模型名称" align="left" prop="model_name" />
-            <el-table-column label="数据集名称" align="left" prop="database_name" />
-            <el-table-column label="IDSW" align="left" prop="idsw" />
-            <el-table-column label="MT（跟踪轨迹）" align="left" prop="mt" />
-            <el-table-column label="ML（丢失轨迹）" align="left" prop="ml" />
-            <el-table-column label="FM（打断次数）" align="left" prop="fm" />
-            <el-table-column label="MOTA" align="left" prop="mota" />
-            <el-table-column label="mAP变化率" align="left">
-              <template #default="scope">
-                {{ scope.$index == 0 ? '----' : info.robustnessMapDecrease + '%' }}
-              </template>
-            </el-table-column>
-          </el-table>
-          <div style="margin-top:20px;">
-            <charts id="reportChart3-robustness" width="100%" height="400px" :render="renderChar3">
-            </charts>
-          </div>
-        </template>
-
-        <template v-if="info.horizontal_comparison && info.horizontal_comparison.length > 0">
-          <div class="div-line"></div>
-          <div class="sub-title">硬件横向对比测试报告</div>
-          <el-table :data="info.horizontal_comparison" stripe style="margin-top:10px;">
-            <el-table-column type="index" width="80" label="序号" />
-            <el-table-column label="设备名称" align="left" prop="device_name" />
-            <el-table-column label="设备处理器" align="left" prop="device_cpu" />
-            <el-table-column label="IDSW" align="left" prop="idsw" />
-            <el-table-column label="MT（跟踪轨迹）" align="left" prop="mt" />
-            <el-table-column label="ML（丢失轨迹）" align="left" prop="ml" />
-            <el-table-column label="FM（打断次数）" align="left" prop="fm" />
-            <el-table-column label="MOTA" align="left" prop="mota" />
-            <el-table-column label="平均推理时间" align="left" prop="inference_time" />
-            <el-table-column label="系统延迟时间" align="left" prop="system_delay" />
-            <el-table-column label="mAP变化率" align="left">
-              <template #default="scope">
-                {{ scope.row.mota_ratio + "%" }}
-              </template>
-            </el-table-column>
-          </el-table>
-          <div style="margin-top:20px;">
-            <charts id="reportChart3-comparison" width="100%" height="400px" :render="renderChar4">
-            </charts>
-          </div>
-        </template>
-
-      </template>
+        <el-card class="card-footer">
+            <el-button type="primary" @click="doPrint">打印</el-button>
+            <el-button type="primary" @click="doExport">导出</el-button>
+            <el-button type="primary" @click="doDelete">删除</el-button>
+            <el-button @click="goBack">返回</el-button>
+        </el-card>
     </div>
-
-    <el-card class="card-footer">
-      <el-button type="primary" @click="doPrint">打印</el-button>
-      <el-button type="primary" @click="doExport">导出</el-button>
-      <el-button type="primary" @click="doDelete">删除</el-button>
-      <el-button @click="goBack">返回</el-button>
-    </el-card>
-  </div>
 </template>
 
 <script setup>
-import {
-  useSettingsStore,
-} from "@/store";
-import ReportApi from '@/api/report'
-import charts from './components/charts.vue'
-import html2canvas from 'html2canvas';
+import { useSettingsStore } from "@/store";
+import ReportApi from "@/api/report";
+import charts from "./components/charts.vue";
+import html2canvas from "html2canvas";
 import { useDateFormat } from "@vueuse/core";
 import { ThemeEnum } from "@/enums/ThemeEnum";
-import eventBus from '@/utils/eventBus.js'
+import eventBus from "@/utils/eventBus.js";
 
 const settingsStore = useSettingsStore();
 const isDark = ref(settingsStore.theme === ThemeEnum.DARK);
-const route = useRoute()
+const route = useRoute();
 const router = useRouter();
 const info = reactive({
   report: {},
   taskList: [],
   thresholds: null,
-  extra_evaluation_type: '',
+  extra_evaluation_type: "",
   tasks: [],
-  reportType: '',
+  reportType: "",
   robustness: [],
-  robustnessMapDecrease: '',
+  robustnessMapDecrease: "",
   horizontal_comparison: [],
   isPrint: false,
   elPrint: 0,
   theme: settingsStore.theme,
   chartKey: 0,
-})
-const loading = ref(false)
-const calcChartHeight = it => {
-  let tmp = it.classes.length <= 20 ? '400px' : ((it.classes.length / 10 - 2) * 40 + 400 + 'px');
+});
+const loading = ref(false);
+const calcChartHeight = (it) => {
+  let tmp =
+    it.classes.length <= 20
+      ? "400px"
+      : (it.classes.length / 10 - 2) * 40 + 400 + "px";
   if (info.isPrint) {
-    tmp = it.classes.length <= 20 ? '400px' : ((it.classes.length / 5 - 2) * 30 + 400 + 'px');
+    tmp =
+      it.classes.length <= 20
+        ? "400px"
+        : (it.classes.length / 5 - 2) * 30 + 400 + "px";
   }
   return tmp;
-}
+};
 const doExport = async () => {
   try {
     let dom = document.querySelector("#print_simulation_report_desc");
@@ -266,16 +262,21 @@ const doExport = async () => {
       allowTaint: true,
       useCORS: true,
     });
-    const img = canvas.toDataURL('image/png');
-    const link = document.createElement('a');
+    const img = canvas.toDataURL("image/png");
+    const link = document.createElement("a");
     link.href = img;
-    link.setAttribute('download', info.report.report_name + useDateFormat(new Date(), "YYYYMMDDHHmmss").value + '.png');
+    link.setAttribute(
+      "download",
+      info.report.report_name +
+        useDateFormat(new Date(), "YYYYMMDDHHmmss").value +
+        ".png"
+    );
     link.click();
   } catch (e) {
     ElMessage.error("导出图片失败!");
     console.error("导出图片失败!", e);
   }
-}
+};
 function goBack() {
   router.push({ path: "/simulationEvaluation/reportList" });
 }
@@ -302,7 +303,7 @@ const doDelete = () => {
     cancelButtonText: "取消",
     type: "warning",
   }).then(function () {
-    ReportApi.deleteReport(id).then(d => {
+    ReportApi.deleteReport(id).then((d) => {
       if (d.data.code == 0) {
         ElMessage.success("删除成功!");
         goBack();
@@ -310,9 +311,8 @@ const doDelete = () => {
         ElMessage.error("删除失败!");
       }
     });
-
   });
-}
+};
 //硬件横向对比测试图
 function renderChar4() {
   let datas = info.horizontal_comparison;
@@ -338,79 +338,96 @@ function renderChar4() {
     if (d.fm > maxFm) {
       maxFm = d.fm;
     }
-    if (info.reportType != 'tracking') {
+    if (info.reportType != "tracking") {
       seriesData.push({
         name: idx + 1 + "-" + d.device_name,
-        value: [d.micro_f1, d.macro_f1, d.weight_f1, d.mAP, d.inference_time, d.system_delay]
-      })
+        value: [
+          d.micro_f1,
+          d.macro_f1,
+          d.weight_f1,
+          d.mAP,
+          d.inference_time,
+          d.system_delay,
+        ],
+      });
     } else {
       seriesData.push({
         name: idx + 1 + "-" + d.device_name,
-        value: [d.idsw, d.mt, d.ml, d.fm, d.mota, d.inference_time, d.system_delay]
-      })
+        value: [
+          d.idsw,
+          d.mt,
+          d.ml,
+          d.fm,
+          d.mota,
+          d.inference_time,
+          d.system_delay,
+        ],
+      });
     }
   });
   let indicators = [
-    { text: 'Micro F1', max: micro_f1 },
-    { text: 'Macro F1', max: 1 },
-    { text: '加权F1-Score', max: 1 },
-    { text: 'mAP', max: 1 },
-    { text: '平均推理时间', max: maxTime1 },
-    { text: '系统延迟时间', max: maxTime2 }
+    { text: "Micro F1", max: micro_f1 },
+    { text: "Macro F1", max: 1 },
+    { text: "加权F1-Score", max: 1 },
+    { text: "mAP", max: 1 },
+    { text: "平均推理时间", max: maxTime1 },
+    { text: "系统延迟时间", max: maxTime2 },
   ];
-  if (info.reportType == 'tracking') {
+  if (info.reportType == "tracking") {
     indicators = [
-      { text: 'IDSW', max: maxIdsw },
-      { text: 'MT（跟踪轨迹）', max: 1 },
-      { text: 'ML（丢失轨迹）', max: 1 },
-      { text: 'FM（打断次数）', max: maxFm },
-      { text: 'MOTA', max: 1 },
-      { text: '平均推理时间', max: maxTime1 },
-      { text: '系统延迟时间', max: maxTime2 }
+      { text: "IDSW", max: maxIdsw },
+      { text: "MT（跟踪轨迹）", max: 1 },
+      { text: "ML（丢失轨迹）", max: 1 },
+      { text: "FM（打断次数）", max: maxFm },
+      { text: "MOTA", max: 1 },
+      { text: "平均推理时间", max: maxTime1 },
+      { text: "系统延迟时间", max: maxTime2 },
     ];
   }
   let opt = {
     title: {
-      text: '硬件横向对比测试图',
+      text: "硬件横向对比测试图",
       textStyle: {
-        color: isDark.value ? "#fff" : "#333"
-      }
+        color: isDark.value ? "#fff" : "#333",
+      },
     },
     legend: {
-      x: 'left',
+      x: "left",
       top: 40,
-      orient: 'vertical',
+      orient: "vertical",
       data: datas.map((d, idx) => idx + 1 + "-" + d.device_name),
       textStyle: {
-        color: isDark.value ? "#fff" : "#333"
-      }
+        color: isDark.value ? "#fff" : "#333",
+      },
     },
     tooltip: {
-      trigger: 'axis'
+      trigger: "axis",
     },
     calculable: true,
     radar: {
       indicator: indicators,
-      radius: 130
+      radius: 130,
     },
-    series: [{
-      type: 'radar',
-      tooltip: {
-        trigger: 'item'
+    series: [
+      {
+        type: "radar",
+        tooltip: {
+          trigger: "item",
+        },
+        label: {
+          show: true,
+        },
+        itemStyle: {
+          normal: {
+            areaStyle: {
+              type: "default",
+            },
+          },
+        },
+        data: seriesData,
       },
-      label: {
-        show: true,
-      },
-      itemStyle: {
-        normal: {
-          areaStyle: {
-            type: 'default'
-          }
-        }
-      },
-      data: seriesData
-    }]
-  }
+    ],
+  };
   return opt;
 }
 //鲁棒性测试图
@@ -439,130 +456,143 @@ function renderChar3() {
   datas.forEach((d, idx) => {
     if (info.reportType == "tracking") {
       seriesData.push({
-        name: idx + 1 + '-' + d.database_name,
-        value: [d.idsw, d.mt, d.ml, d.fm, d.mota]
-      })
+        name: idx + 1 + "-" + d.database_name,
+        value: [d.idsw, d.mt, d.ml, d.fm, d.mota],
+      });
     } else {
       seriesData.push({
-        name: idx + 1 + '-' + d.database_name,
-        value: [d.micro_f1, d.macro_f1, d.weight_f1, d.map, d.inference_time]
-      })
+        name: idx + 1 + "-" + d.database_name,
+        value: [d.micro_f1, d.macro_f1, d.weight_f1, d.map, d.inference_time],
+      });
     }
   });
   let indicators = [
-    { text: 'Micro F1', max: micro_f1 },
-    { text: 'Macro F1', max: 1 },
-    { text: '加权F1-Score', max: 1 },
-    { text: 'mAP', max: 1 },
-    { text: '平均推理时间', max: maxTime }
+    { text: "Micro F1", max: micro_f1 },
+    { text: "Macro F1", max: 1 },
+    { text: "加权F1-Score", max: 1 },
+    { text: "mAP", max: 1 },
+    { text: "平均推理时间", max: maxTime },
   ];
   if (info.reportType == "tracking") {
     indicators = [
-      { text: 'IDSW', max: maxIdsw },
-      { text: 'MT（跟踪轨迹）', max: 1 },
-      { text: 'ML（丢失轨迹）', max: 1 },
-      { text: 'FM（打断次数）', max: maxFm },
-      { text: 'MOTA', max: 1 }
+      { text: "IDSW", max: maxIdsw },
+      { text: "MT（跟踪轨迹）", max: 1 },
+      { text: "ML（丢失轨迹）", max: 1 },
+      { text: "FM（打断次数）", max: maxFm },
+      { text: "MOTA", max: 1 },
     ];
   }
-  let legendDatas = datas.map((d, idx) => idx + 1 + '-' + d.database_name);
+  let legendDatas = datas.map((d, idx) => idx + 1 + "-" + d.database_name);
   if (info.reportType == "tracking") {
-    legendDatas = datas.map((d, idx) => idx + 1 + '-' + d.database_name);
+    legendDatas = datas.map((d, idx) => idx + 1 + "-" + d.database_name);
   }
   let toolTipFun = (p) => {
     let val = p.value;
     if (info.reportType == "tracking") {
-      return `<b>${p.name}<b/><br/>IDSW:${maxIdsw - val[0]}<br>MT（跟踪轨迹）:${val[1]}<br/>ML（丢失轨迹）:${val[2]}<br/>FM（打断次数）:${maxFm - val[3]}<br/>MOTA:${val[4]}`
+      return `<b>${p.name}<b/><br/>IDSW:${maxIdsw - val[0]}<br>MT（跟踪轨迹）:${
+        val[1]
+      }<br/>ML（丢失轨迹）:${val[2]}<br/>FM（打断次数）:${
+        maxFm - val[3]
+      }<br/>MOTA:${val[4]}`;
     } else {
-      return `${p.name}<br/>`
+      return `${p.name}<br/>`;
     }
-  }
+  };
   let opt = {
     title: {
-      text: '推理结果比对图',
+      text: "推理结果比对图",
       textStyle: {
-        color: isDark.value ? "#fff" : "#333"
-      }
+        color: isDark.value ? "#fff" : "#333",
+      },
     },
     legend: {
-      x: 'left',
+      x: "left",
       top: 40,
-      orient: 'vertical',
+      orient: "vertical",
       data: legendDatas,
       textStyle: {
-        color: isDark.value ? "#fff" : "#333"
-      }
+        color: isDark.value ? "#fff" : "#333",
+      },
     },
     tooltip: {
-      trigger: 'axis'
+      trigger: "axis",
     },
     calculable: true,
     radar: {
       indicator: indicators,
-      radius: 130
+      radius: 130,
     },
-    series: [{
-      type: 'radar',
-      tooltip: {
-        trigger: 'item'
+    series: [
+      {
+        type: "radar",
+        tooltip: {
+          trigger: "item",
+        },
+        label: {
+          show: true,
+        },
+        itemStyle: {
+          normal: {
+            areaStyle: {
+              type: "default",
+            },
+          },
+        },
+        data: seriesData,
       },
-      label: {
-        show: true,
-      },
-      itemStyle: {
-        normal: {
-          areaStyle: {
-            type: 'default'
-          }
-        }
-      },
-      data: seriesData
-    }]
-  }
+    ],
+  };
   return opt;
 }
 
 function renderChart1(data, type) {
-  let chartInfo = data.chartsInfo
-  let gridTop = info.isPrint ? 20 * (data.classes.length / 5) : 20 * (data.classes.length / 10);
+  let chartInfo = data.chartsInfo;
+  let gridTop = info.isPrint
+    ? 20 * (data.classes.length / 5)
+    : 20 * (data.classes.length / 10);
   let opt = {
     legend: {
-      left: '10%', right: '20%',
+      left: "10%",
+      right: "20%",
       data: chartInfo.names,
       textStyle: {
-        color: isDark.value ? "#fff" : "#333"
-      }
+        color: isDark.value ? "#fff" : "#333",
+      },
     },
-    grid: { top: gridTop, },
-    xAxis: [{
-      type: 'category',   // 还有其他的type，可以去官网喵两眼哦
-      data: chartInfo.labels,   // x轴数据
-      textStyle: {
-        color: isDark.value ? "#fff" : "#333"
-      }
-    }],
-    yAxis: [{
-      type: 'value',
-      name: type == 'roc' ? "ROC曲线" : "RP曲线",
-      textStyle: {
-        color: isDark.value ? "#fff" : "#333"
-      }
-    }],
+    grid: { top: gridTop },
+    xAxis: [
+      {
+        type: "category", // 还有其他的type，可以去官网喵两眼哦
+        data: chartInfo.labels, // x轴数据
+        textStyle: {
+          color: isDark.value ? "#fff" : "#333",
+        },
+      },
+    ],
+    yAxis: [
+      {
+        type: "value",
+        name: type == "roc" ? "ROC曲线" : "RP曲线",
+        textStyle: {
+          color: isDark.value ? "#fff" : "#333",
+        },
+      },
+    ],
     tooltip: {
-      trigger: 'axis'
+      trigger: "axis",
     },
-    series: (type == "roc" ? chartInfo.rocs : chartInfo.rps).map(it => {
+    series: (type == "roc" ? chartInfo.rocs : chartInfo.rps).map((it) => {
       return {
         name: it.name,
         type: it.type,
         data: it.data,
         label: {
           show: false,
-          position: 'top'
-        }
-      }
-    })
-  }
+          position: "top",
+        },
+      };
+    }),
+  };
   return opt;
 }
 function initTaskChart(it) {
@@ -571,66 +601,90 @@ function initTaskChart(it) {
   let names = [];
   let labels = [];
   let classes = it.classes || [];
-  labels = classes.length > 0 ? classes[0].pr.map(it => it[0]) : [];
-  classes.forEach(d => {
+  labels = classes.length > 0 ? classes[0].pr.map((it) => it[0]) : [];
+  classes.forEach((d) => {
     rocs.push({
-      name: d.class_name, data: d.roc, type: 'line'
+      name: d.class_name,
+      data: d.roc,
+      type: "line",
     });
     rps.push({
-      name: d.class_name, data: d.pr.map(it => it[1]), type: 'line'
+      name: d.class_name,
+      data: d.pr.map((it) => it[1]),
+      type: "line",
     });
-    names.push(d.class_name)
+    names.push(d.class_name);
   });
   return {
-    rocs, rps, names, labels
-  }
+    rocs,
+    rps,
+    names,
+    labels,
+  };
 }
 onUnmounted(() => {
   eventBus.off("changeTheme");
 });
 function loadData() {
-  eventBus.on("changeTheme", d => {
+  eventBus.on("changeTheme", (d) => {
     info.theme = d;
     info.chartKey++;
     isDark.value = d == ThemeEnum.DARK;
   });
 
-
   let id = route.query.id;
-  ReportApi.getReport(id).then(d => {
+  ReportApi.getReport(id).then((d) => {
     info.report = d.data.data || {};
-    info.taskList = info.report.task_list || []
-    info.thresholds = info.report.report_parameters?.report_parameters?.thresholds || null
-    info.extra_evaluation_type = info.report.report_parameters?.report_parameters?.extra_evaluation_type || '';
-    info.tasks = (info.report.report_data?.tasks || info.report.report_data?.report_data?.tasks || []).map(it => {
-      it.datas = [{
-        inference_time: it.inference_time, macro_f1: it.macro_f1, map: it.map, micro_f1: it.micro_f1,
-        system_delay: it.system_delay, task_id: it.task_id, weight_f1: it.weight_f1
-      }];
+    info.taskList = info.report.task_list || [];
+    info.thresholds =
+      info.report.report_parameters?.report_parameters?.thresholds || null;
+    info.extra_evaluation_type =
+      info.report.report_parameters?.report_parameters?.extra_evaluation_type ||
+      "";
+    info.tasks = (
+      info.report.report_data?.tasks ||
+      info.report.report_data?.report_data?.tasks ||
+      []
+    ).map((it) => {
+      it.datas = [
+        {
+          inference_time: it.inference_time,
+          macro_f1: it.macro_f1,
+          map: it.map,
+          micro_f1: it.micro_f1,
+          system_delay: it.system_delay,
+          task_id: it.task_id,
+          weight_f1: it.weight_f1,
+        },
+      ];
       it.chartsInfo = initTaskChart(it);
-      let tmps = info.taskList.filter(task => task.task_id == it.task_id);
+      let tmps = info.taskList.filter((task) => task.task_id == it.task_id);
       it.taskName = tmps.length > 0 ? tmps[0].task_name || "" : "";
       return it;
     });
-    let obj = info.report?.report_data?.robustness?.tasks || null
-    info.robustness = (obj ? obj : []);
-    info.robustnessMapDecrease = info.report?.report_data?.robustness?.map_decrease;
-    info.horizontal_comparison = info.report?.report_data?.horizontal_comparison
+    let obj = info.report?.report_data?.robustness?.tasks || null;
+    info.robustness = obj ? obj : [];
+    info.robustnessMapDecrease =
+      info.report?.report_data?.robustness?.map_decrease;
+    info.horizontal_comparison =
+      info.report?.report_data?.horizontal_comparison;
     if (info.report.report_data.Tasks) {
       info.reportType = "tracking";
-      info.tasks = (info.report?.report_data?.Tasks || []).map(it => {
-        let tasks = info.taskList.filter(item => item.task_id == it.task_id);
+      info.tasks = (info.report?.report_data?.Tasks || []).map((it) => {
+        let tasks = info.taskList.filter((item) => item.task_id == it.task_id);
         let task = tasks.length > 0 ? tasks[0] : {};
-        it.task_name = task.task_name || ''
+        it.task_name = task.task_name || "";
         it.task = task;
         return it;
       });
-      obj = info.report?.report_data?.Robustness?.Tasks || null
-      info.robustness = (obj ? obj : []);
-      info.robustnessMapDecrease = info.report?.report_data?.Robustness?.mota_decrease;
-      info.horizontal_comparison = info.report?.report_data?.HorizontalComparison
+      obj = info.report?.report_data?.Robustness?.Tasks || null;
+      info.robustness = obj ? obj : [];
+      info.robustnessMapDecrease =
+        info.report?.report_data?.Robustness?.mota_decrease;
+      info.horizontal_comparison =
+        info.report?.report_data?.HorizontalComparison;
     } else {
-      info.reportType = "other"
+      info.reportType = "other";
     }
   });
 }
@@ -638,7 +692,6 @@ onMounted(loadData);
 </script>
 <style lang='scss'>
 .simulation-report-desc {
-
   font-size: 12px;
 
   #print_simulation_report_desc {
@@ -715,7 +768,6 @@ html.report-print {
                   height: unset !important;
 
                   .simulation-report-desc {
-
                     .el-scrollbar__view {
                       vertical-align: unset !important;
                     }
@@ -756,7 +808,7 @@ html.report-print {
 html.dark {
   .simulation-report-desc {
     #print_simulation_report_desc {
-      background: #191E32;
+      background: #191e32;
     }
   }
 }