From 3011af0be5325b494a656918772d5bf3a9b85093 Mon Sep 17 00:00:00 2001
From: "xinxin.wu" <xinxin.wu@fit2cloud.com>
Date: Fri, 8 Nov 2024 09:57:11 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=B7=A5=E4=BD=9C=E5=8F=B0):=20=E5=B7=A5?=
 =?UTF-8?q?=E4=BD=9C=E5=8F=B0=E5=BE=85=E5=8A=9E=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/router/routes/modules/workbench.ts    |  3 +-
 .../views/workbench/components/bugTable.vue   |  2 +-
 .../workbench/components/caseReviewTable.vue  |  2 +-
 .../workbench/components/testPlanTable.vue    |  2 +-
 frontend/src/views/workbench/myToDo/index.vue | 74 +++++++++++++++++++
 5 files changed, 78 insertions(+), 5 deletions(-)
 create mode 100644 frontend/src/views/workbench/myToDo/index.vue

diff --git a/frontend/src/router/routes/modules/workbench.ts b/frontend/src/router/routes/modules/workbench.ts
index f7efdc7b07..e37525b773 100644
--- a/frontend/src/router/routes/modules/workbench.ts
+++ b/frontend/src/router/routes/modules/workbench.ts
@@ -28,12 +28,11 @@ const TestPlan: AppRouteRecordRaw = {
         isTopMenu: true,
       },
     },
-    // TODO 更换component 页面即可
     // 待办
     {
       path: 'wait',
       name: WorkbenchRouteEnum.WORKBENCH_INDEX_WAIT,
-      component: () => import('@/views/workbench/homePage/index.vue'),
+      component: () => import('@/views/workbench/myToDo/index.vue'),
       meta: {
         locale: 'menu.workbenchWaitSort',
         roles: ['*'],
diff --git a/frontend/src/views/workbench/components/bugTable.vue b/frontend/src/views/workbench/components/bugTable.vue
index 2d278b262f..c144d2bbb4 100644
--- a/frontend/src/views/workbench/components/bugTable.vue
+++ b/frontend/src/views/workbench/components/bugTable.vue
@@ -56,7 +56,7 @@
 
   const props = defineProps<{
     project: string;
-    type: 'my_follow' | 'my_create';
+    type: 'my_follow' | 'my_create' | 'my_todo';
   }>();
 
   const appStore = useAppStore();
diff --git a/frontend/src/views/workbench/components/caseReviewTable.vue b/frontend/src/views/workbench/components/caseReviewTable.vue
index 7c96fe209b..47c421e475 100644
--- a/frontend/src/views/workbench/components/caseReviewTable.vue
+++ b/frontend/src/views/workbench/components/caseReviewTable.vue
@@ -79,7 +79,7 @@
 
   const props = defineProps<{
     project: string;
-    type: 'my_follow' | 'my_create';
+    type: 'my_follow' | 'my_create' | 'my_todo';
   }>();
 
   const { t } = useI18n();
diff --git a/frontend/src/views/workbench/components/testPlanTable.vue b/frontend/src/views/workbench/components/testPlanTable.vue
index fa12d4ec4a..e3dbaa3dd8 100644
--- a/frontend/src/views/workbench/components/testPlanTable.vue
+++ b/frontend/src/views/workbench/components/testPlanTable.vue
@@ -135,7 +135,7 @@
 
   const props = defineProps<{
     project: string;
-    type: 'my_follow' | 'my_create';
+    type: 'my_follow' | 'my_create' | 'my_todo';
   }>();
 
   const { t } = useI18n();
diff --git a/frontend/src/views/workbench/myToDo/index.vue b/frontend/src/views/workbench/myToDo/index.vue
new file mode 100644
index 0000000000..9d18484acf
--- /dev/null
+++ b/frontend/src/views/workbench/myToDo/index.vue
@@ -0,0 +1,74 @@
+<template>
+  <div class="flex flex-col gap-[16px]">
+    <div class="flex items-center justify-end gap-[12px]">
+      <MsProjectSelect v-model:project="currentProject" class="w-[240px]" use-default-arrow-icon>
+        <template #prefix>
+          {{ t('menu.projectManagementShort') }}
+        </template>
+      </MsProjectSelect>
+      <a-select
+        v-model:model-value="features"
+        :options="featureOptions"
+        :max-tag-count="1"
+        multiple
+        class="w-[240px]"
+        @change="handleFeatureChange"
+      >
+        <template #prefix>
+          {{ t('project.messageManagement.function') }}
+        </template>
+        <template #header>
+          <a-checkbox v-model:model-value="featureAll" class="ml-[8px]" @change="handleFeatureAllChange">
+            {{ t('common.all') }}
+          </a-checkbox>
+        </template>
+      </a-select>
+      <a-button type="outline" class="arco-btn-outline--secondary p-[10px]" @click="handleRefresh">
+        <MsIcon type="icon-icon_reset_outlined" size="14" />
+      </a-button>
+    </div>
+    <testPlanTable v-if="features.includes(FeatureEnum.TEST_PLAN)" :project="currentProject" type="my_follow" />
+    <caseReviewTable v-if="features.includes(FeatureEnum.CASE_REVIEW)" :project="currentProject" type="my_follow" />
+    <bugTable v-if="features.includes(FeatureEnum.BUG)" :project="currentProject" type="my_follow" />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import MsIcon from '@/components/pure/ms-icon-font/index.vue';
+  import MsProjectSelect from '@/components/business/ms-project-select/index.vue';
+  import bugTable from '../components/bugTable.vue';
+  import caseReviewTable from '../components/caseReviewTable.vue';
+  import testPlanTable from '../components/testPlanTable.vue';
+
+  import { useI18n } from '@/hooks/useI18n';
+  import useAppStore from '@/store/modules/app';
+
+  import { FeatureEnum } from '@/enums/workbenchEnum';
+
+  const { t } = useI18n();
+  const appStore = useAppStore();
+
+  const currentProject = ref(appStore.currentProjectId);
+  const features = ref<FeatureEnum[]>(Object.values(FeatureEnum));
+  const featureOptions = Object.keys(FeatureEnum).map((key) => ({
+    label: t(`ms.workbench.myFollowed.feature.${key}`),
+    value: key as FeatureEnum,
+  }));
+  const featureAll = ref(true);
+
+  function handleFeatureAllChange(val: boolean | (string | number | boolean)[]) {
+    features.value = val ? featureOptions.map((item) => item.value) : [];
+  }
+
+  function handleFeatureChange(
+    val: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]
+  ) {
+    featureAll.value = (val as []).length === featureOptions.length;
+  }
+
+  function handleRefresh() {
+    console.log('refresh');
+  }
+</script>
+
+<style lang="less" scoped></style>