From 32eae40ada18e8db6c971138661f07ec204c1f0f Mon Sep 17 00:00:00 2001
From: RubyLiu <liulubingjava@163.com>
Date: Fri, 21 Jul 2023 18:19:54 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=9D=E5=A7=8B=E5=8C=96=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E9=A1=B9=E5=8F=8A=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/assets/style/arco-reset.less     |  2 +-
 .../components/pure/ms-table/base-table.vue   | 23 +++++++++++++--
 frontend/src/enums/menuEnum.ts                | 13 +++++++++
 frontend/src/locale/en-US/index.ts            |  9 +++++-
 frontend/src/locale/zh-CN/index.ts            |  7 +++++
 .../modules/{api-test.ts => apiTest.ts}       | 15 +++++-----
 .../router/routes/modules/bugManagement.ts    | 28 +++++++++++++++++++
 .../src/router/routes/modules/featureTest.ts  | 28 +++++++++++++++++++
 .../router/routes/modules/performanceTest.ts  | 28 +++++++++++++++++++
 .../routes/modules/projectManagement.ts       | 28 +++++++++++++++++++
 frontend/src/router/routes/modules/setting.ts |  2 +-
 .../src/router/routes/modules/testPlan.ts     | 28 +++++++++++++++++++
 frontend/src/router/routes/modules/uiTest.ts  | 28 +++++++++++++++++++
 .../src/router/routes/modules/workplace.ts    | 28 +++++++++++++++++++
 frontend/src/views/bug-management/index.vue   |  3 ++
 frontend/src/views/feature-test/index.vue     |  3 ++
 .../src/views/login/components/login-form.vue |  4 +--
 frontend/src/views/performance-test/index.vue |  3 ++
 .../src/views/project-management/index.vue    |  3 ++
 frontend/src/views/test-plan/index.vue        |  3 ++
 frontend/src/views/ui-test/index.vue          |  3 ++
 frontend/src/views/workplace/index.vue        |  3 ++
 22 files changed, 277 insertions(+), 15 deletions(-)
 create mode 100644 frontend/src/enums/menuEnum.ts
 rename frontend/src/router/routes/modules/{api-test.ts => apiTest.ts} (67%)
 create mode 100644 frontend/src/router/routes/modules/bugManagement.ts
 create mode 100644 frontend/src/router/routes/modules/featureTest.ts
 create mode 100644 frontend/src/router/routes/modules/performanceTest.ts
 create mode 100644 frontend/src/router/routes/modules/projectManagement.ts
 create mode 100644 frontend/src/router/routes/modules/testPlan.ts
 create mode 100644 frontend/src/router/routes/modules/uiTest.ts
 create mode 100644 frontend/src/router/routes/modules/workplace.ts
 create mode 100644 frontend/src/views/bug-management/index.vue
 create mode 100644 frontend/src/views/feature-test/index.vue
 create mode 100644 frontend/src/views/performance-test/index.vue
 create mode 100644 frontend/src/views/project-management/index.vue
 create mode 100644 frontend/src/views/test-plan/index.vue
 create mode 100644 frontend/src/views/ui-test/index.vue
 create mode 100644 frontend/src/views/workplace/index.vue

diff --git a/frontend/src/assets/style/arco-reset.less b/frontend/src/assets/style/arco-reset.less
index 5daef7b711..ffeac6778b 100644
--- a/frontend/src/assets/style/arco-reset.less
+++ b/frontend/src/assets/style/arco-reset.less
@@ -467,7 +467,7 @@
 
 /** 开关 **/
 .arco-switch {
-  background: var(--color-fill-4);
+  background: var(--color-fill-4) !important;
 }
 .arco-switch-checked {
   background: rgb(var(--primary-6)) !important;
diff --git a/frontend/src/components/pure/ms-table/base-table.vue b/frontend/src/components/pure/ms-table/base-table.vue
index 72cdc1ad7c..a4238edc14 100644
--- a/frontend/src/components/pure/ms-table/base-table.vue
+++ b/frontend/src/components/pure/ms-table/base-table.vue
@@ -14,7 +14,26 @@
       @selection-change="(e) => selectionChange(e, true)"
     >
       <template #columns>
-        <a-table-column v-for="(item, idx) in columns" :key="idx">
+        <a-table-column
+          v-for="(item, idx) in columns"
+          :key="idx"
+          :width="item.width"
+          :align="item.align"
+          :fixed="item.fixed"
+          :ellipsis="item.ellipsis"
+          :sortable="item.sortable"
+          :filterable="item.filterable"
+          :cell-class="item.cellClass"
+          :header-cell-class="item.headerCellClass"
+          :body-cell-class="item.bodyCellClass"
+          :summary-cell-class="item.summaryCellClass"
+          :cell-style="item.cellStyle"
+          :header-cell-style="item.headerCellStyle"
+          :body-cell-style="item.bodyCellStyle"
+          :summary-cell-style="item.summaryCellStyle"
+          :index="item.index"
+          :tooltip="item.tooltip"
+        >
           <template #title>
             <div v-if="attrs.showSetting && idx === columns.length - 1" class="column-selector">
               <div class="title">{{ t(item.title as string) }}</div>
@@ -56,7 +75,7 @@
   } from './type';
   import BatchAction from './batchAction.vue';
 
-  import type { TableData } from '@arco-design/web-vue';
+  import type { TableColumnData, TableData } from '@arco-design/web-vue';
   import ColumnSelector from './columnSelector.vue';
 
   const batchleft = ref('10px');
diff --git a/frontend/src/enums/menuEnum.ts b/frontend/src/enums/menuEnum.ts
new file mode 100644
index 0000000000..4aea2e3e88
--- /dev/null
+++ b/frontend/src/enums/menuEnum.ts
@@ -0,0 +1,13 @@
+enum menuEnum {
+  APITEST = 'apiTest',
+  BUGMANAGEMENT = 'bugManagement',
+  FEATURETEST = 'featureTest',
+  PERFORMANCETEST = 'performanceTest',
+  PROJECTMANAGEMENT = 'projectManagement',
+  SETTING = 'setting',
+  TESTPLAN = 'testPlan',
+  UITEST = 'uiTest',
+  WORKPLACE = 'workplace',
+}
+
+export default menuEnum;
diff --git a/frontend/src/locale/en-US/index.ts b/frontend/src/locale/en-US/index.ts
index ca2da161b1..24d8bd39fe 100644
--- a/frontend/src/locale/en-US/index.ts
+++ b/frontend/src/locale/en-US/index.ts
@@ -17,7 +17,14 @@ Object.keys(_Vmodules).forEach((key) => {
 });
 export default {
   message: {
-    'menu.apiTest': 'Api Test',
+    'menu.workplace': 'Workplace',
+    'menu.testPlan': 'Test plan',
+    'menu.bugManagement': 'Bug management',
+    'menu.featureTest': 'Feature test',
+    'menu.apiTest': 'API test',
+    'menu.uiTest': 'UI test',
+    'menu.performanceTest': 'Performance test',
+    'menu.projectManagement': 'Project management',
     'menu.settings': 'System Settings',
     'menu.settings.system': 'System',
     'menu.settings.organization': 'Organization',
diff --git a/frontend/src/locale/zh-CN/index.ts b/frontend/src/locale/zh-CN/index.ts
index beb46fb43d..07f063bf12 100644
--- a/frontend/src/locale/zh-CN/index.ts
+++ b/frontend/src/locale/zh-CN/index.ts
@@ -17,7 +17,14 @@ Object.keys(_Vmodules).forEach((key) => {
 });
 export default {
   message: {
+    'menu.workplace': '工作台',
+    'menu.testPlan': '测试计划',
+    'menu.bugManagement': '缺陷管理',
+    'menu.featureTest': '功能测试',
     'menu.apiTest': '接口测试',
+    'menu.uiTest': 'UI测试',
+    'menu.performanceTest': '性能测试',
+    'menu.projectManagement': '项目管理',
     'menu.settings': '系统设置',
     'menu.settings.system': '系统',
     'menu.settings.organization': '组织',
diff --git a/frontend/src/router/routes/modules/api-test.ts b/frontend/src/router/routes/modules/apiTest.ts
similarity index 67%
rename from frontend/src/router/routes/modules/api-test.ts
rename to frontend/src/router/routes/modules/apiTest.ts
index 6d0dda9e39..0d3195f8a2 100644
--- a/frontend/src/router/routes/modules/api-test.ts
+++ b/frontend/src/router/routes/modules/apiTest.ts
@@ -1,26 +1,25 @@
 import { DEFAULT_LAYOUT } from '../base';
 import { AppRouteRecordRaw } from '../types';
+import menuEnum from '@/enums/menuEnum';
 
 const ApiTest: AppRouteRecordRaw = {
   path: '/api-test',
-  name: 'apiTest',
-  redirect: '/api-test/list',
+  name: menuEnum.APITEST,
+  redirect: '/api-test/index',
   component: DEFAULT_LAYOUT,
   meta: {
     locale: 'menu.apiTest',
-    icon: 'icon-dashboard',
-    order: 0,
+    icon: 'icon_api-test-filled',
+    order: 4,
     hideChildrenInMenu: true,
   },
   children: [
     {
-      path: 'list',
-      name: 'apiTestList',
+      path: 'index',
+      name: 'ApiTestIndex',
       component: () => import('@/views/api-test/index.vue'),
       meta: {
-        locale: 'menu.apiTest',
         roles: ['*'],
-        icon: 'icon-computer',
       },
     },
   ],
diff --git a/frontend/src/router/routes/modules/bugManagement.ts b/frontend/src/router/routes/modules/bugManagement.ts
new file mode 100644
index 0000000000..4f4300186e
--- /dev/null
+++ b/frontend/src/router/routes/modules/bugManagement.ts
@@ -0,0 +1,28 @@
+import { DEFAULT_LAYOUT } from '../base';
+import { AppRouteRecordRaw } from '../types';
+import menuEnum from '@/enums/menuEnum';
+
+const BugManagement: AppRouteRecordRaw = {
+  path: '/bug-management',
+  name: menuEnum.BUGMANAGEMENT,
+  redirect: '/bug-management/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.bugManagement',
+    icon: 'icon_defect',
+    order: 2,
+    hideChildrenInMenu: true,
+  },
+  children: [
+    {
+      path: 'index',
+      name: 'BugManagementIndex',
+      component: () => import('@/views/bug-management/index.vue'),
+      meta: {
+        roles: ['*'],
+      },
+    },
+  ],
+};
+
+export default BugManagement;
diff --git a/frontend/src/router/routes/modules/featureTest.ts b/frontend/src/router/routes/modules/featureTest.ts
new file mode 100644
index 0000000000..a27721eb27
--- /dev/null
+++ b/frontend/src/router/routes/modules/featureTest.ts
@@ -0,0 +1,28 @@
+import { DEFAULT_LAYOUT } from '../base';
+import { AppRouteRecordRaw } from '../types';
+import menuEnum from '@/enums/menuEnum';
+
+const FeatureTest: AppRouteRecordRaw = {
+  path: '/feature-test',
+  name: menuEnum.FEATURETEST,
+  redirect: '/feature-test/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.featureTest',
+    icon: 'icon_functional_testing',
+    order: 3,
+    hideChildrenInMenu: true,
+  },
+  children: [
+    {
+      path: 'index',
+      name: 'FeatureTestIndex',
+      component: () => import('@/views/feature-test/index.vue'),
+      meta: {
+        roles: ['*'],
+      },
+    },
+  ],
+};
+
+export default FeatureTest;
diff --git a/frontend/src/router/routes/modules/performanceTest.ts b/frontend/src/router/routes/modules/performanceTest.ts
new file mode 100644
index 0000000000..2a4ded05e6
--- /dev/null
+++ b/frontend/src/router/routes/modules/performanceTest.ts
@@ -0,0 +1,28 @@
+import { DEFAULT_LAYOUT } from '../base';
+import { AppRouteRecordRaw } from '../types';
+import menuEnum from '@/enums/menuEnum';
+
+const PerformanceTest: AppRouteRecordRaw = {
+  path: '/performtest-test',
+  name: menuEnum.PERFORMANCETEST,
+  redirect: '/performtest-test/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.performanceTest',
+    icon: 'icon_performance-test-filled',
+    order: 6,
+    hideChildrenInMenu: true,
+  },
+  children: [
+    {
+      path: 'index',
+      name: 'apiTestList',
+      component: () => import('@/views/performance-test/index.vue'),
+      meta: {
+        roles: ['*'],
+      },
+    },
+  ],
+};
+
+export default PerformanceTest;
diff --git a/frontend/src/router/routes/modules/projectManagement.ts b/frontend/src/router/routes/modules/projectManagement.ts
new file mode 100644
index 0000000000..1d44b8b50a
--- /dev/null
+++ b/frontend/src/router/routes/modules/projectManagement.ts
@@ -0,0 +1,28 @@
+import { DEFAULT_LAYOUT } from '../base';
+import { AppRouteRecordRaw } from '../types';
+import menuEnum from '@/enums/menuEnum';
+
+const ProjectManagement: AppRouteRecordRaw = {
+  path: '/project-management',
+  name: menuEnum.PROJECTMANAGEMENT,
+  redirect: '/project-management/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.projectManagement',
+    icon: 'icon_project-settings-filled',
+    order: 7,
+    hideChildrenInMenu: true,
+  },
+  children: [
+    {
+      path: 'index',
+      name: 'ProjectManagementIndex',
+      component: () => import('@/views/project-management/index.vue'),
+      meta: {
+        roles: ['*'],
+      },
+    },
+  ],
+};
+
+export default ProjectManagement;
diff --git a/frontend/src/router/routes/modules/setting.ts b/frontend/src/router/routes/modules/setting.ts
index 775ff909d4..20a9841c85 100644
--- a/frontend/src/router/routes/modules/setting.ts
+++ b/frontend/src/router/routes/modules/setting.ts
@@ -8,7 +8,7 @@ const Setting: AppRouteRecordRaw = {
   meta: {
     locale: 'menu.settings',
     icon: 'icon-a-icon_system_settings',
-    order: 0,
+    order: 8,
   },
   children: [
     {
diff --git a/frontend/src/router/routes/modules/testPlan.ts b/frontend/src/router/routes/modules/testPlan.ts
new file mode 100644
index 0000000000..d67694f127
--- /dev/null
+++ b/frontend/src/router/routes/modules/testPlan.ts
@@ -0,0 +1,28 @@
+import { DEFAULT_LAYOUT } from '../base';
+import { AppRouteRecordRaw } from '../types';
+import menuEnum from '@/enums/menuEnum';
+
+const TestPlan: AppRouteRecordRaw = {
+  path: '/test-plan',
+  name: menuEnum.TESTPLAN,
+  redirect: '/test-plan/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.testPlan',
+    icon: 'icon_test-tracking_filled',
+    order: 1,
+    hideChildrenInMenu: true,
+  },
+  children: [
+    {
+      path: 'index',
+      name: 'testPlanIndex',
+      component: () => import('@/views/test-plan/index.vue'),
+      meta: {
+        roles: ['*'],
+      },
+    },
+  ],
+};
+
+export default TestPlan;
diff --git a/frontend/src/router/routes/modules/uiTest.ts b/frontend/src/router/routes/modules/uiTest.ts
new file mode 100644
index 0000000000..2df0255bff
--- /dev/null
+++ b/frontend/src/router/routes/modules/uiTest.ts
@@ -0,0 +1,28 @@
+import { DEFAULT_LAYOUT } from '../base';
+import { AppRouteRecordRaw } from '../types';
+import menuEnum from '@/enums/menuEnum';
+
+const UiTest: AppRouteRecordRaw = {
+  path: '/ui-test',
+  name: menuEnum.UITEST,
+  redirect: '/ui-test/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.uiTest',
+    icon: 'icon_ui-test-filled',
+    order: 5,
+    hideChildrenInMenu: true,
+  },
+  children: [
+    {
+      path: 'index',
+      name: 'UiTestIndex',
+      component: () => import('@/views/ui-test/index.vue'),
+      meta: {
+        roles: ['*'],
+      },
+    },
+  ],
+};
+
+export default UiTest;
diff --git a/frontend/src/router/routes/modules/workplace.ts b/frontend/src/router/routes/modules/workplace.ts
new file mode 100644
index 0000000000..e2ffad9bbc
--- /dev/null
+++ b/frontend/src/router/routes/modules/workplace.ts
@@ -0,0 +1,28 @@
+import { DEFAULT_LAYOUT } from '../base';
+import { AppRouteRecordRaw } from '../types';
+import menuEnum from '@/enums/menuEnum';
+
+const WorkPlace: AppRouteRecordRaw = {
+  path: '/workplace',
+  name: menuEnum.WORKPLACE,
+  redirect: '/workplace/index',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.workplace',
+    icon: 'icon_pc_filled',
+    order: 0,
+    hideChildrenInMenu: true,
+  },
+  children: [
+    {
+      path: 'index',
+      name: 'WorkPlaceIndex',
+      component: () => import('@/views/workplace/index.vue'),
+      meta: {
+        roles: ['*'],
+      },
+    },
+  ],
+};
+
+export default WorkPlace;
diff --git a/frontend/src/views/bug-management/index.vue b/frontend/src/views/bug-management/index.vue
new file mode 100644
index 0000000000..e440b9fad7
--- /dev/null
+++ b/frontend/src/views/bug-management/index.vue
@@ -0,0 +1,3 @@
+<template> loding... </template>
+
+<script setup></script>
diff --git a/frontend/src/views/feature-test/index.vue b/frontend/src/views/feature-test/index.vue
new file mode 100644
index 0000000000..60dd1cbc99
--- /dev/null
+++ b/frontend/src/views/feature-test/index.vue
@@ -0,0 +1,3 @@
+<template> Loading ... </template>
+
+<script></script>
diff --git a/frontend/src/views/login/components/login-form.vue b/frontend/src/views/login/components/login-form.vue
index 2f3ec71dd2..2f788af895 100644
--- a/frontend/src/views/login/components/login-form.vue
+++ b/frontend/src/views/login/components/login-form.vue
@@ -2,7 +2,7 @@
   <div class="login-form flex flex-col items-center">
     <div class="title">
       <div class="mt-40 flex justify-center">
-        <svg-icon :width="'290px'" :height="'60px'" :name="'login-logo'" />
+        <svg-icon width="290px" height="60px" name="login-logo" />
       </div>
       <div class="title-0 flex justify-center">
         <span class="title-welcome">{{ $t('login.form.title') }}</span>
@@ -112,7 +112,7 @@
         const { redirect, ...othersQuery } = router.currentRoute.value.query;
         setLoginExpires();
         router.push({
-          name: (redirect as string) || 'apiTest',
+          name: (redirect as string) || 'setting',
           query: {
             ...othersQuery,
           },
diff --git a/frontend/src/views/performance-test/index.vue b/frontend/src/views/performance-test/index.vue
new file mode 100644
index 0000000000..60dd1cbc99
--- /dev/null
+++ b/frontend/src/views/performance-test/index.vue
@@ -0,0 +1,3 @@
+<template> Loading ... </template>
+
+<script></script>
diff --git a/frontend/src/views/project-management/index.vue b/frontend/src/views/project-management/index.vue
new file mode 100644
index 0000000000..60dd1cbc99
--- /dev/null
+++ b/frontend/src/views/project-management/index.vue
@@ -0,0 +1,3 @@
+<template> Loading ... </template>
+
+<script></script>
diff --git a/frontend/src/views/test-plan/index.vue b/frontend/src/views/test-plan/index.vue
new file mode 100644
index 0000000000..60dd1cbc99
--- /dev/null
+++ b/frontend/src/views/test-plan/index.vue
@@ -0,0 +1,3 @@
+<template> Loading ... </template>
+
+<script></script>
diff --git a/frontend/src/views/ui-test/index.vue b/frontend/src/views/ui-test/index.vue
new file mode 100644
index 0000000000..60dd1cbc99
--- /dev/null
+++ b/frontend/src/views/ui-test/index.vue
@@ -0,0 +1,3 @@
+<template> Loading ... </template>
+
+<script></script>
diff --git a/frontend/src/views/workplace/index.vue b/frontend/src/views/workplace/index.vue
new file mode 100644
index 0000000000..60dd1cbc99
--- /dev/null
+++ b/frontend/src/views/workplace/index.vue
@@ -0,0 +1,3 @@
+<template> Loading ... </template>
+
+<script></script>