From ab4676b2e2e8756aa8c4ee74b41913133759dc61 Mon Sep 17 00:00:00 2001
From: baiqi <qi.bai@fit2cloud.com>
Date: Sun, 28 Apr 2024 13:39:51 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=85=A8=E5=B1=80):=20=20=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4&=E9=83=A8=E5=88=86=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/assets/style/arco-reset.less     |   6 -
 .../components/pure/ms-table/base-table.vue   |  13 +
 .../router/routes/modules/performanceTest.ts  |  30 --
 frontend/src/router/routes/modules/uiTest.ts  |  30 --
 .../src/router/routes/modules/workbench.ts    |  30 --
 .../management/api/preview/detail.vue         |   6 +-
 .../management/api/preview/history.vue        |  10 +-
 .../management/api/preview/index.vue          |  38 +-
 .../management/api/preview/quote.vue          |  10 +-
 .../components/recycle/api/apiTable.vue       |   3 +-
 .../src/views/api-test/management/recycle.vue |   2 +-
 frontend/src/views/performance-test/index.vue | 377 ------------------
 frontend/src/views/ui-test/index.vue          |   3 -
 frontend/src/views/workbench/index.vue        |   3 -
 14 files changed, 43 insertions(+), 518 deletions(-)
 delete mode 100644 frontend/src/router/routes/modules/performanceTest.ts
 delete mode 100644 frontend/src/router/routes/modules/uiTest.ts
 delete mode 100644 frontend/src/router/routes/modules/workbench.ts
 delete mode 100644 frontend/src/views/performance-test/index.vue
 delete mode 100644 frontend/src/views/ui-test/index.vue
 delete mode 100644 frontend/src/views/workbench/index.vue

diff --git a/frontend/src/assets/style/arco-reset.less b/frontend/src/assets/style/arco-reset.less
index d8319a7a1aeb..2892d6c98925 100644
--- a/frontend/src/assets/style/arco-reset.less
+++ b/frontend/src/assets/style/arco-reset.less
@@ -709,12 +709,6 @@
     background-color: var(--color-text-input-border);
   }
 }
-// .ms-card-container .arco-scrollbar .arco-scrollbar-track-direction-vertical {
-//   right: -10px;
-// }
-// .ms-card-container .arco-scrollbar .arco-scrollbar-track-direction-horizontal {
-//   bottom: -10px;
-// }
 .ms-base-table .arco-scrollbar .arco-scrollbar-track-direction-vertical {
   right: 0;
 }
diff --git a/frontend/src/components/pure/ms-table/base-table.vue b/frontend/src/components/pure/ms-table/base-table.vue
index 0ad257cee11b..46ed887afea1 100644
--- a/frontend/src/components/pure/ms-table/base-table.vue
+++ b/frontend/src/components/pure/ms-table/base-table.vue
@@ -675,6 +675,19 @@
         }
       }
     }
+    :deep(.arco-table-th):hover {
+      .arco-table-column-handle {
+        @apply inline-block;
+
+        top: 50%;
+        margin: 0 3px;
+        padding: 4px 0;
+        width: 2px;
+        height: 24px;
+        background-color: var(--color-text-n8);
+        transform: translateY(-50%);
+      }
+    }
     .setting-icon {
       color: var(--color-text-4);
       background-color: var(--color-text-10);
diff --git a/frontend/src/router/routes/modules/performanceTest.ts b/frontend/src/router/routes/modules/performanceTest.ts
deleted file mode 100644
index 9b57982c55ca..000000000000
--- a/frontend/src/router/routes/modules/performanceTest.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { PerformanceTestRouteEnum } from '@/enums/routeEnum';
-
-import { DEFAULT_LAYOUT } from '../base';
-import type { AppRouteRecordRaw } from '../types';
-
-// const PerformanceTest: AppRouteRecordRaw = {
-//   path: '/performance-test',
-//   name: PerformanceTestRouteEnum.PERFORMANCE_TEST,
-//   redirect: '/performance-test/index',
-//   component: DEFAULT_LAYOUT,
-//   meta: {
-//     locale: 'menu.performanceTest',
-//     icon: 'icon-icon_performance-test-filled',
-//     order: 6,
-//     hideChildrenInMenu: true,
-//     roles: ['LOAD_TEST:READ'],
-//   },
-//   children: [
-//     {
-//       path: 'index',
-//       name: 'performanceTestIndex',
-//       component: () => import('@/views/performance-test/index.vue'),
-//       meta: {
-//         roles: ['LOAD_TEST:READ'],
-//       },
-//     },
-//   ],
-// };
-
-// export default PerformanceTest;
diff --git a/frontend/src/router/routes/modules/uiTest.ts b/frontend/src/router/routes/modules/uiTest.ts
deleted file mode 100644
index 16476e5f1674..000000000000
--- a/frontend/src/router/routes/modules/uiTest.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { UITestRouteEnum } from '@/enums/routeEnum';
-
-import { DEFAULT_LAYOUT } from '../base';
-import type { AppRouteRecordRaw } from '../types';
-
-// const UiTest: AppRouteRecordRaw = {
-//   path: '/ui-test',
-//   name: UITestRouteEnum.UI_TEST,
-//   redirect: '/ui-test/index',
-//   component: DEFAULT_LAYOUT,
-//   meta: {
-//     locale: 'menu.uiTest',
-//     icon: 'icon-icon_ui-test-filled',
-//     order: 5,
-//     hideChildrenInMenu: true,
-//     roles: ['UI_INDEX:READ'],
-//   },
-//   children: [
-//     {
-//       path: 'index',
-//       name: 'uiTestIndex',
-//       component: () => import('@/views/ui-test/index.vue'),
-//       meta: {
-//         roles: ['UI_INDEX:READ'],
-//       },
-//     },
-//   ],
-// };
-
-// export default UiTest;
diff --git a/frontend/src/router/routes/modules/workbench.ts b/frontend/src/router/routes/modules/workbench.ts
deleted file mode 100644
index fd3821957192..000000000000
--- a/frontend/src/router/routes/modules/workbench.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { WorkbenchRouteEnum } from '@/enums/routeEnum';
-
-import { DEFAULT_LAYOUT } from '../base';
-import type { AppRouteRecordRaw } from '../types';
-
-// const Workbench: AppRouteRecordRaw = {
-//   path: '/workbench',
-//   name: WorkbenchRouteEnum.WORKBENCH,
-//   redirect: '/workbench/index',
-//   component: DEFAULT_LAYOUT,
-//   meta: {
-//     locale: 'menu.workbench',
-//     icon: 'icon-icon_pc_filled',
-//     order: 0,
-//     hideChildrenInMenu: true,
-//     roles: ['WORKSTATION_INDEX:READ'],
-//   },
-//   children: [
-//     {
-//       path: 'index',
-//       name: 'workbenchIndex',
-//       component: () => import('@/views/workbench/index.vue'),
-//       meta: {
-//         roles: ['WORKSTATION_INDEX:READ'],
-//       },
-//     },
-//   ],
-// };
-
-// export default Workbench;
diff --git a/frontend/src/views/api-test/management/components/management/api/preview/detail.vue b/frontend/src/views/api-test/management/components/management/api/preview/detail.vue
index 545c71f0187d..b86434d7cb6c 100644
--- a/frontend/src/views/api-test/management/components/management/api/preview/detail.vue
+++ b/frontend/src/views/api-test/management/components/management/api/preview/detail.vue
@@ -778,8 +778,7 @@
     background-color: rgb(var(--primary-1));
   }
   .arco-collapse {
-    @apply h-full overflow-y-auto;
-    .ms-scroll-bar();
+    @apply h-full;
 
     border-radius: 0;
     :deep(.arco-collapse-item-icon-hover) {
@@ -795,10 +794,7 @@
       }
     }
     .detail-collapse-item {
-      @apply overflow-y-auto;
-
       margin-bottom: 16px;
-      .ms-scroll-bar();
     }
   }
   .detail-item {
diff --git a/frontend/src/views/api-test/management/components/management/api/preview/history.vue b/frontend/src/views/api-test/management/components/management/api/preview/history.vue
index b333af255b67..df3f984e636d 100644
--- a/frontend/src/views/api-test/management/components/management/api/preview/history.vue
+++ b/frontend/src/views/api-test/management/components/management/api/preview/history.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="history-container">
+  <div>
     <a-alert v-if="!getIsVisited()" :show-icon="false" class="mb-[16px]" type="warning" closable @close="addVisited">
       {{ t('apiTestManagement.historyListTip') }}
       <template #close-element>
@@ -115,10 +115,4 @@
   // }
 </script>
 
-<style lang="less" scoped>
-  .history-container {
-    @apply h-full overflow-y-auto;
-
-    .ms-scroll-bar();
-  }
-</style>
+<style lang="less" scoped></style>
diff --git a/frontend/src/views/api-test/management/components/management/api/preview/index.vue b/frontend/src/views/api-test/management/components/management/api/preview/index.vue
index 79ab83318671..45209478a795 100644
--- a/frontend/src/views/api-test/management/components/management/api/preview/index.vue
+++ b/frontend/src/views/api-test/management/components/management/api/preview/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="h-full w-full overflow-hidden">
+  <div class="preview">
     <div class="px-[18px] pt-[16px]">
       <MsDetailCard
         :title="`【${previewDetail.num}】${previewDetail.name}`"
@@ -33,21 +33,19 @@
         </template>
       </MsDetailCard>
     </div>
-    <div class="h-[calc(100%-124px)]">
-      <a-tabs v-model:active-key="activeKey" class="h-full" animation lazy-load>
-        <a-tab-pane key="detail" :title="t('apiTestManagement.detail')" class="px-[18px] py-[16px]">
-          <detailTab :detail="previewDetail" :protocols="props.protocols" />
-        </a-tab-pane>
-        <a-tab-pane key="reference" :title="t('apiTestManagement.reference')" class="px-[18px] py-[16px]">
-          <quote :source-id="previewDetail.id" />
-        </a-tab-pane>
-        <!-- <a-tab-pane key="dependencies" :title="t('apiTestManagement.dependencies')" class="px-[18px] py-[16px]">
+    <a-tabs v-model:active-key="activeKey" animation lazy-load>
+      <a-tab-pane key="detail" :title="t('apiTestManagement.detail')" class="px-[18px] py-[16px]">
+        <detailTab :detail="previewDetail" :protocols="props.protocols" />
+      </a-tab-pane>
+      <a-tab-pane key="reference" :title="t('apiTestManagement.reference')" class="px-[18px] py-[16px]">
+        <quote :source-id="previewDetail.id" />
+      </a-tab-pane>
+      <!-- <a-tab-pane key="dependencies" :title="t('apiTestManagement.dependencies')" class="px-[18px] py-[16px]">
         </a-tab-pane> -->
-        <a-tab-pane key="changeHistory" :title="t('apiTestManagement.changeHistory')" class="px-[18px] py-[16px]">
-          <history :source-id="previewDetail.id" />
-        </a-tab-pane>
-      </a-tabs>
-    </div>
+      <a-tab-pane key="changeHistory" :title="t('apiTestManagement.changeHistory')" class="px-[18px] py-[16px]">
+        <history :source-id="previewDetail.id" />
+      </a-tab-pane>
+    </a-tabs>
   </div>
 </template>
 
@@ -187,3 +185,13 @@
 
   const activeKey = ref('detail');
 </script>
+
+<style lang="less" scoped>
+  .preview {
+    @apply h-full w-full overflow-y-auto overflow-x-hidden;
+    .ms-scroll-bar();
+    :deep(.arco-tabs-pane) {
+      @apply h-auto;
+    }
+  }
+</style>
diff --git a/frontend/src/views/api-test/management/components/management/api/preview/quote.vue b/frontend/src/views/api-test/management/components/management/api/preview/quote.vue
index 86544a1f80dc..5424c85a6a07 100644
--- a/frontend/src/views/api-test/management/components/management/api/preview/quote.vue
+++ b/frontend/src/views/api-test/management/components/management/api/preview/quote.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="history-container">
+  <div>
     <a-input-search
       v-model:model-value="keyword"
       :placeholder="t('apiTestManagement.quoteSearchPlaceholder')"
@@ -124,10 +124,4 @@
   });
 </script>
 
-<style lang="less" scoped>
-  .history-container {
-    @apply h-full overflow-y-auto;
-
-    .ms-scroll-bar();
-  }
-</style>
+<style lang="less" scoped></style>
diff --git a/frontend/src/views/api-test/management/components/recycle/api/apiTable.vue b/frontend/src/views/api-test/management/components/recycle/api/apiTable.vue
index c58fe9089492..19b3a87b64bc 100644
--- a/frontend/src/views/api-test/management/components/recycle/api/apiTable.vue
+++ b/frontend/src/views/api-test/management/components/recycle/api/apiTable.vue
@@ -491,8 +491,7 @@
       },
       onBeforeOk: async () => {
         try {
-          console.log(getBatchParams(), ' getBatchParams() getBatchParams()');
-          // await batchCleanOutDefinition(await getBatchParams());
+          await batchCleanOutDefinition(await getBatchParams());
           Message.success(t('common.deleteSuccess'));
           resetSelector();
           loadApiList(true);
diff --git a/frontend/src/views/api-test/management/recycle.vue b/frontend/src/views/api-test/management/recycle.vue
index a11619a82f2c..b4e3b8ee02eb 100644
--- a/frontend/src/views/api-test/management/recycle.vue
+++ b/frontend/src/views/api-test/management/recycle.vue
@@ -1,5 +1,5 @@
 <template>
-  <MsCard :min-width="1180" simple no-content-padding>
+  <MsCard has-breadcrumb simple no-content-padding>
     <MsSplitBox :size="300" :max="0.5">
       <template #first>
         <div class="p-[24px]">
diff --git a/frontend/src/views/performance-test/index.vue b/frontend/src/views/performance-test/index.vue
deleted file mode 100644
index cfbda6c02c1d..000000000000
--- a/frontend/src/views/performance-test/index.vue
+++ /dev/null
@@ -1,377 +0,0 @@
-<template>
-  <div> <MsFormCreate :rule="rule" :option="options" /> </div
-></template>
-
-<script setup>
-  import MsFormCreate from '@/components/pure/ms-form-create/formCreate.vue';
-
-  const rule = ref([
-    {
-      type: 'input',
-      field: 'name',
-      title: '名称',
-      info: '',
-      _fc_drag_tag: 'input',
-      hidden: false,
-      display: true,
-    },
-    {
-      type: 'input',
-      field: 'comments',
-      title: '描述',
-      info: '',
-      _fc_drag_tag: 'input',
-      hidden: false,
-      display: true,
-    },
-    {
-      type: 'el-divider',
-      props: {
-        contentPosition: 'left',
-      },
-      wrap: {
-        show: false,
-      },
-      native: false,
-      children: ['目标Server配置'],
-      _fc_drag_tag: 'el-divider',
-      hidden: false,
-      display: true,
-    },
-    {
-      type: 'FcRow',
-      children: [
-        {
-          type: 'col',
-          props: {
-            span: 12,
-          },
-          children: [
-            {
-              type: 'input',
-              field: 'serverIp',
-              title: 'IP',
-              info: '',
-              _fc_drag_tag: 'input',
-              hidden: false,
-              display: true,
-            },
-            {
-              type: 'input',
-              field: 'connTimeout',
-              title: '连接超时时间',
-              info: '',
-              props: {
-                type: 'number',
-              },
-              _fc_drag_tag: 'input',
-              hidden: false,
-              display: true,
-            },
-          ],
-          _fc_drag_tag: 'col',
-          hidden: false,
-          display: true,
-        },
-        {
-          type: 'col',
-          props: {
-            span: 12,
-          },
-          children: [
-            {
-              type: 'input',
-              field: 'port',
-              title: 'Port',
-              info: '',
-              _fc_drag_tag: 'input',
-              hidden: false,
-              display: true,
-            },
-            {
-              type: 'input',
-              field: 'resTimeout',
-              title: '响应超时时间',
-              info: '',
-              props: {
-                type: 'number',
-              },
-              _fc_drag_tag: 'input',
-              hidden: false,
-              display: true,
-            },
-          ],
-          _fc_drag_tag: 'col',
-          hidden: false,
-          display: true,
-        },
-      ],
-      _fc_drag_tag: 'row',
-      hidden: false,
-      display: true,
-    },
-    {
-      type: 'FcRow',
-      children: [
-        {
-          type: 'col',
-          props: {
-            span: 5,
-          },
-          children: [
-            {
-              type: 'input',
-              field: 'soLinger',
-              title: 'SO LINGER',
-              info: '',
-              _fc_drag_tag: 'input',
-              hidden: false,
-              display: true,
-            },
-          ],
-          _fc_drag_tag: 'col',
-          hidden: false,
-          display: true,
-        },
-        {
-          type: 'col',
-          props: {
-            span: 5,
-          },
-          children: [
-            {
-              type: 'input',
-              field: 'eolByte',
-              title: 'EOL',
-              info: '',
-              _fc_drag_tag: 'input',
-              hidden: false,
-              display: true,
-            },
-          ],
-          _fc_drag_tag: 'col',
-          hidden: false,
-          display: true,
-        },
-        {
-          type: 'col',
-          props: {
-            span: 5,
-          },
-          children: [
-            {
-              type: 'checkbox',
-              field: 'closeConnection',
-              title: '关闭连接',
-              info: '',
-              effect: {
-                fetch: '',
-              },
-              options: [
-                {
-                  label: '',
-                  value: '',
-                },
-              ],
-              _fc_drag_tag: 'checkbox',
-              hidden: false,
-              display: true,
-            },
-          ],
-          _fc_drag_tag: 'col',
-          hidden: false,
-          display: true,
-        },
-        {
-          type: 'col',
-          props: {
-            span: 5,
-          },
-          children: [
-            {
-              type: 'checkbox',
-              field: 'reUseConnection',
-              title: 'Re-use',
-              info: '',
-              effect: {
-                fetch: '',
-              },
-              options: [
-                {
-                  label: '',
-                  value: '',
-                },
-              ],
-              _fc_drag_tag: 'checkbox',
-              hidden: false,
-              display: true,
-            },
-          ],
-          _fc_drag_tag: 'col',
-          hidden: false,
-          display: true,
-        },
-        {
-          type: 'col',
-          props: {
-            span: 4,
-          },
-          children: [
-            {
-              type: 'checkbox',
-              field: 'noDelay',
-              title: '无延迟',
-              info: '',
-              effect: {
-                fetch: '',
-              },
-              options: [
-                {
-                  label: '',
-                  value: '',
-                },
-              ],
-              _fc_drag_tag: 'checkbox',
-              hidden: false,
-              display: true,
-            },
-          ],
-          _fc_drag_tag: 'col',
-          hidden: false,
-          display: true,
-        },
-      ],
-      _fc_drag_tag: 'row',
-      hidden: false,
-      display: true,
-    },
-    {
-      type: 'input',
-      field: 'request',
-      title: '发送内容',
-      info: '',
-      props: {
-        type: 'textarea',
-      },
-      _fc_drag_tag: 'input',
-      hidden: false,
-      display: true,
-    },
-    {
-      type: 'el-divider',
-      props: {
-        contentPosition: 'left',
-      },
-      wrap: {
-        show: false,
-      },
-      native: false,
-      children: ['客户端或登录配置'],
-      _fc_drag_tag: 'el-divider',
-      hidden: false,
-      display: true,
-    },
-    {
-      type: 'FcRow',
-      children: [
-        {
-          type: 'col',
-          props: {
-            span: 8,
-          },
-          children: [
-            {
-              type: 'select',
-              field: 'classname',
-              title: '客户端类名',
-              info: '',
-              effect: {
-                fetch: '',
-              },
-              options: [
-                {
-                  value: 'TCPClientImpl',
-                  label: 'TCPClientImpl',
-                },
-                {
-                  value: 'BinaryTCPClientImpl',
-                  label: 'BinaryTCPClientImpl',
-                },
-                {
-                  value: 'LengthPrefixedBinaryTCPClientImpl',
-                  label: 'LengthPrefixedBinaryTCPClientImpl',
-                },
-              ],
-              _fc_drag_tag: 'select',
-              hidden: false,
-              display: true,
-              $required: '',
-            },
-          ],
-          _fc_drag_tag: 'col',
-          hidden: false,
-          display: true,
-        },
-        {
-          type: 'col',
-          props: {
-            span: 8,
-          },
-          children: [
-            {
-              type: 'input',
-              field: 'username',
-              title: '用户名',
-              info: '',
-              _fc_drag_tag: 'input',
-              hidden: false,
-              display: true,
-            },
-          ],
-          _fc_drag_tag: 'col',
-          hidden: false,
-          display: true,
-        },
-        {
-          type: 'col',
-          props: {
-            span: 8,
-          },
-          children: [
-            {
-              type: 'input',
-              field: 'password',
-              title: '密码',
-              info: '',
-              props: {
-                type: 'password',
-              },
-              _fc_drag_tag: 'input',
-              hidden: false,
-              display: true,
-            },
-          ],
-          _fc_drag_tag: 'col',
-          hidden: false,
-          display: true,
-        },
-      ],
-      _fc_drag_tag: 'row',
-      hidden: false,
-      display: true,
-    },
-  ]);
-
-  const options = {
-    form: {
-      labelPosition: 'right',
-      size: 'small',
-      labelWidth: '00px',
-      hideRequiredAsterisk: false,
-      showMessage: true,
-      inlineMessage: false,
-    },
-    submitBtn: true,
-    resetBtn: false,
-  };
-</script>
diff --git a/frontend/src/views/ui-test/index.vue b/frontend/src/views/ui-test/index.vue
deleted file mode 100644
index ad2d43d996a9..000000000000
--- a/frontend/src/views/ui-test/index.vue
+++ /dev/null
@@ -1,3 +0,0 @@
-<template> UI Test is waiting for development </template>
-
-<script setup></script>
diff --git a/frontend/src/views/workbench/index.vue b/frontend/src/views/workbench/index.vue
deleted file mode 100644
index e61506981fff..000000000000
--- a/frontend/src/views/workbench/index.vue
+++ /dev/null
@@ -1,3 +0,0 @@
-<template> Workbench is waiting for development </template>
-
-<script setup></script>