From 9ae516e9d5736dce606b37e820de494112d44c0b Mon Sep 17 00:00:00 2001
From: haha <lj7788@126.com>
Date: Mon, 7 Apr 2025 23:56:29 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E9=97=AE=E9=A2=98=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/images/run_circle.png                  | Bin 0 -> 7127 bytes
 src/views/dashboard/index.vue                 | 445 +++++-----
 src/views/dashboard/index2.vue                | 444 ++++++----
 src/views/simulationEvaluation/reportDesc.vue | 824 ++++++++++--------
 4 files changed, 973 insertions(+), 740 deletions(-)
 create mode 100644 public/images/run_circle.png

diff --git a/public/images/run_circle.png b/public/images/run_circle.png
new file mode 100644
index 0000000000000000000000000000000000000000..6aaa1128a7a6b1cf5e0dd4451f6ed46dc5366ab1
GIT binary patch
literal 7127
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
N002ovPDHLkV1nSmubKb=

literal 0
HcmV?d00001

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;
     }
   }
 }