fix(测试计划): 修改测试计划报告列表通过率展示问题&替换接口图表缝隙问题

frontend/src/views/api-test/report/component/caseReportCom.vue

@@ -264,18 +264,6 @@
         show: false,
         position: 'center',
       },
-      itemStyle: {
-        normal: {
-          borderWidth: 2,
-          borderColor: '#ffffff',
-        },
-        emphasis: {
-          borderWidth: 0,
-          shadowBlur: 0,
-          shadowOffsetX: 0,
-          shadowColor: 'rgba(0, 0, 0, 0.5)',
-        },
-      },
       emphasis: {
         label: {
           show: false,
@@ -386,6 +374,8 @@
         name: t(item.label),
         itemStyle: {
           color: item.color,
+          borderWidth: 2,
+          borderColor: '#ffffff',
         },
       };
     });

frontend/src/views/api-test/report/component/scenarioCom.vue

@@ -270,18 +270,6 @@
         show: false,
         position: 'center',
       },
-      itemStyle: {
-        normal: {
-          borderWidth: 2,
-          borderColor: '#ffffff',
-        },
-        emphasis: {
-          borderWidth: 0,
-          shadowBlur: 0,
-          shadowOffsetX: 0,
-          shadowColor: 'rgba(0, 0, 0, 0.5)',
-        },
-      },
       emphasis: {
         label: {
           show: false,
@@ -364,6 +352,8 @@
         name: t(item.label),
         itemStyle: {
           color: item.color,
+          borderWidth: 2,
+          borderColor: '#ffffff',
         },
       };
     });

frontend/src/views/test-plan/report/component/reportList.vue

@@ -56,7 +56,7 @@
       </template>
       <template #passRate="{ record }">
         <div class="text-[var(--color-text-1)]">
-          {{ `${record.passRate | 0}%` }}
+          {{ `${record.passRate}%` }}
         </div>
       </template>
       <!-- 执行状态筛选 -->
@@ -239,9 +239,9 @@
       showInTable: true,
       width: 150,
       showDrag: true,
-      // filterConfig: {
+      filterConfig: {
-      //   options: triggerModeOptions.value,
+        options: triggerModeOptions.value,
-      // },
+      },
     },
     {
       title: 'report.operator',