From 91321faa07728c40422c95c2a736a81170ae6000 Mon Sep 17 00:00:00 2001
From: "xinxin.wu" <xinxin.wu@fit2cloud.com>
Date: Mon, 9 Dec 2024 19:04:59 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E8=A1=A8=E6=A0=BC):=20=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E8=AE=B0=E4=BD=8F=E6=89=8B=E5=8A=A8=E8=B0=83=E6=95=B4=E7=9A=84?=
 =?UTF-8?q?=E5=AD=97=E6=AE=B5=E5=88=97=E5=AE=BD&=20=E5=85=B3=E8=81=94?=
 =?UTF-8?q?=E7=94=A8=E4=BE=8B=E5=A2=9E=E5=8A=A0=E5=88=9B=E5=BB=BA=E4=BA=BA?=
 =?UTF-8?q?=E7=AD=9B=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ms-associate-case/apiCaseTable.vue        | 187 +++++++++--------
 .../business/ms-associate-case/apiTable.vue   | 167 +++++++--------
 .../business/ms-associate-case/caseTable.vue  | 198 ++++++++++--------
 .../ms-associate-case/scenarioCaseTable.vue   | 181 ++++++++--------
 .../business/ms-case-associate/index.vue      | 116 +++++-----
 .../components/pure/ms-table/base-table.vue   |  14 +-
 .../pure/ms-table/comp/defaultFilter.vue      | 169 ++++++++++-----
 frontend/src/components/pure/ms-table/type.ts |   1 -
 frontend/src/hooks/useTableStore.ts           |  33 +++
 .../components/management/api/apiTable.vue    |   1 -
 .../management/api/shareListDrawer.vue        |   1 -
 .../components/management/case/caseTable.vue  |   1 -
 .../components/recycle/case/caseTable.vue     |   1 -
 .../api-test/report/component/reportList.vue  |   1 -
 .../common/importApiDrawer/table.vue          |   1 -
 .../scenario/components/scenarioTable.vue     |   2 -
 .../scenario/recycle/recycleTable.vue         |   2 +-
 .../bug-management/components/bugCaseTab.vue  |   4 -
 .../components/caseTable.vue                  |   3 -
 .../components/recycleCaseTable.vue           |   4 -
 .../tabContent/tabBug/tabDefect.vue           |   1 -
 .../tabContent/tabCase/tabCaseTable.vue       |   3 -
 .../tabDemand/thirdDemandDrawer.vue           |   2 -
 .../tabDependency/tabDependency.vue           |   4 -
 .../components/detail/caseTable.vue           |   1 -
 .../components/index/reviewTable.vue          |   1 -
 .../components/envParams/DatabaseTab.vue      |   2 -
 .../setting/system/resourcePool/index.vue     |   1 -
 .../test-plan/report/detail/exportPDF.vue     |   2 -
 .../detail/apiCase/components/caseTable.vue   |   1 -
 .../apiScenario/components/scenarioTable.vue  |   1 -
 .../testPlan/detail/bugManagement/index.vue   |   4 -
 .../featureCase/components/caseTable.vue      |   1 -
 .../detail/featureCase/detail/bug/index.vue   |   4 -
 .../workbench/components/testCaseTable.vue    |   1 -
 35 files changed, 612 insertions(+), 504 deletions(-)

diff --git a/frontend/src/components/business/ms-associate-case/apiCaseTable.vue b/frontend/src/components/business/ms-associate-case/apiCaseTable.vue
index 6a06c2448d..f972eab530 100644
--- a/frontend/src/components/business/ms-associate-case/apiCaseTable.vue
+++ b/frontend/src/components/business/ms-associate-case/apiCaseTable.vue
@@ -1,8 +1,8 @@
 <template>
   <MsBaseTable
     ref="tableRef"
-    class="mt-[16px]"
     v-bind="propsRes"
+    class="mt-[16px]"
     :action-config="{
       baseAction: [],
       moreAction: [],
@@ -80,7 +80,7 @@
   import { ReportEnum } from '@/enums/reportEnum';
   import { ApiTestRouteEnum } from '@/enums/routeEnum';
   import { SpecialColumnEnum, TableKeyEnum } from '@/enums/tableEnum';
-  import { FilterSlotNameEnum } from '@/enums/tableFilterEnum';
+  import { FilterRemoteMethodsEnum, FilterSlotNameEnum } from '@/enums/tableFilterEnum';
 
   import type { moduleKeysType } from './types';
   import useModuleSelection from './useModuleSelection';
@@ -127,97 +127,105 @@
 
   const tableStore = useTableStore();
 
-  const columns: MsTableColumn = [
-    {
-      title: 'ID',
-      dataIndex: 'num',
-      slotName: 'num',
-      sortIndex: 1,
-      sortable: {
-        sortDirections: ['ascend', 'descend'],
-        sorter: true,
+  const columns = computed<MsTableColumn>(() => {
+    return [
+      {
+        title: 'ID',
+        dataIndex: 'num',
+        slotName: 'num',
+        sortIndex: 1,
+        sortable: {
+          sortDirections: ['ascend', 'descend'],
+          sorter: true,
+        },
+        fixed: 'left',
+        width: 100,
+        showTooltip: true,
+        columnSelectorDisabled: true,
       },
-      fixed: 'left',
-      width: 100,
-      showTooltip: true,
-      columnSelectorDisabled: true,
-    },
-    {
-      title: 'case.caseName',
-      dataIndex: 'name',
-      showTooltip: true,
-      sortable: {
-        sortDirections: ['ascend', 'descend'],
-        sorter: true,
+      {
+        title: 'case.caseName',
+        dataIndex: 'name',
+        showTooltip: true,
+        sortable: {
+          sortDirections: ['ascend', 'descend'],
+          sorter: true,
+        },
+        width: 180,
+        columnSelectorDisabled: true,
       },
-      width: 180,
-      columnSelectorDisabled: true,
-    },
-    {
-      title: 'case.caseLevel',
-      dataIndex: 'priority',
-      slotName: 'caseLevel',
-      filterConfig: {
-        options: casePriorityOptions,
-        filterSlotName: FilterSlotNameEnum.CASE_MANAGEMENT_CASE_LEVEL,
+      {
+        title: 'case.caseLevel',
+        dataIndex: 'priority',
+        slotName: 'caseLevel',
+        filterConfig: {
+          options: casePriorityOptions,
+          filterSlotName: FilterSlotNameEnum.CASE_MANAGEMENT_CASE_LEVEL,
+        },
+        width: 150,
+        showDrag: true,
       },
-      width: 150,
-      showDrag: true,
-    },
-    {
-      title: 'case.lastReportStatus',
-      dataIndex: 'lastReportStatus',
-      slotName: 'lastReportStatus',
-      filterConfig: {
-        options: lastReportStatusListOptions.value,
-        filterSlotName: FilterSlotNameEnum.API_TEST_CASE_API_LAST_EXECUTE_STATUS,
+      {
+        title: 'case.lastReportStatus',
+        dataIndex: 'lastReportStatus',
+        slotName: 'lastReportStatus',
+        filterConfig: {
+          options: lastReportStatusListOptions.value,
+          filterSlotName: FilterSlotNameEnum.API_TEST_CASE_API_LAST_EXECUTE_STATUS,
+        },
+        showInTable: false,
+        width: 150,
+        showDrag: true,
       },
-      showInTable: false,
-      width: 150,
-      showDrag: true,
-    },
-    {
-      title: 'apiTestManagement.path',
-      dataIndex: 'path',
-      showTooltip: true,
-      width: 200,
-      showDrag: true,
-    },
-    {
-      title: 'common.tag',
-      slotName: 'tags',
-      dataIndex: 'tags',
-      isTag: true,
-      width: 300,
-    },
-    {
-      title: 'caseManagement.featureCase.tableColumnCreateUser',
-      slotName: 'createName',
-      dataIndex: 'createName',
-      showTooltip: true,
-      width: 200,
-      showDrag: true,
-    },
-    {
-      title: 'caseManagement.featureCase.tableColumnCreateTime',
-      slotName: 'createTime',
-      dataIndex: 'createTime',
-      sortable: {
-        sortDirections: ['ascend', 'descend'],
-        sorter: true,
+      {
+        title: 'apiTestManagement.path',
+        dataIndex: 'path',
+        showTooltip: true,
+        width: 200,
+        showDrag: true,
       },
-      width: 200,
-      showDrag: true,
-    },
-    {
-      title: '',
-      dataIndex: 'action',
-      width: 24,
-      slotName: SpecialColumnEnum.ACTION,
-      fixed: 'right',
-      cellClass: 'operator-class',
-    },
-  ];
+      {
+        title: 'common.tag',
+        slotName: 'tags',
+        dataIndex: 'tags',
+        isTag: true,
+        width: 300,
+      },
+      {
+        title: 'caseManagement.featureCase.tableColumnCreateUser',
+        slotName: 'createName',
+        dataIndex: 'createUser',
+        filterConfig: {
+          mode: 'remote',
+          loadOptionParams: {
+            projectId: props.currentProject,
+          },
+          remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
+        },
+        width: 200,
+        showDrag: true,
+      },
+      {
+        title: 'caseManagement.featureCase.tableColumnCreateTime',
+        slotName: 'createTime',
+        dataIndex: 'createTime',
+        sortable: {
+          sortDirections: ['ascend', 'descend'],
+          sorter: true,
+        },
+        width: 200,
+        showDrag: true,
+      },
+      {
+        title: '',
+        dataIndex: 'action',
+        width: 24,
+        slotName: SpecialColumnEnum.ACTION,
+        fixed: 'right',
+        cellClass: 'operator-class',
+      },
+    ];
+  });
 
   const getPageList = computed(() => {
     return props.activeSourceType !== 'API'
@@ -443,6 +451,7 @@
       setPagination({
         current: 1,
       });
+      tableRef.value?.initColumn(columns.value);
       resetFilterParams();
       loadCaseList();
     },
@@ -537,7 +546,7 @@
     setCaseAdvanceFilter,
   });
 
-  await tableStore.initColumn(TableKeyEnum.ASSOCIATE_CASE_API_CASE, columns, 'drawer');
+  await tableStore.initColumn(TableKeyEnum.ASSOCIATE_CASE_API_CASE, columns.value, 'drawer');
 </script>
 
 <style lang="less" scoped>
diff --git a/frontend/src/components/business/ms-associate-case/apiTable.vue b/frontend/src/components/business/ms-associate-case/apiTable.vue
index 72ed4af0ed..a6afbaf1ea 100644
--- a/frontend/src/components/business/ms-associate-case/apiTable.vue
+++ b/frontend/src/components/business/ms-associate-case/apiTable.vue
@@ -112,89 +112,90 @@
     });
   });
 
-  const columns: MsTableColumn = [
-    {
-      title: 'ID',
-      dataIndex: 'num',
-      slotName: 'num',
-      sortIndex: 1,
-      sortable: {
-        sortDirections: ['ascend', 'descend'],
-        sorter: true,
-      },
-      fixed: 'left',
-      width: 100,
-      columnSelectorDisabled: true,
-    },
-    {
-      title: 'apiTestManagement.apiName',
-      dataIndex: 'name',
-      showTooltip: true,
-      sortable: {
-        sortDirections: ['ascend', 'descend'],
-        sorter: true,
-      },
-      width: 200,
-      columnSelectorDisabled: true,
-    },
-    {
-      title: 'apiTestManagement.apiType',
-      dataIndex: 'method',
-      slotName: 'method',
-      width: 140,
-      showDrag: true,
-      filterConfig: {
-        options: requestMethodsOptions.value,
-        filterSlotName: FilterSlotNameEnum.API_TEST_API_REQUEST_METHODS,
-      },
-    },
-    {
-      title: 'apiTestManagement.path',
-      dataIndex: 'path',
-      showTooltip: true,
-      width: 200,
-      showDrag: true,
-    },
-    {
-      title: 'common.tag',
-      dataIndex: 'tags',
-      isTag: true,
-      isStringTag: true,
-      showDrag: true,
-    },
-    {
-      title: 'apiTestManagement.caseTotal',
-      dataIndex: 'caseTotal',
-      showTooltip: true,
-      width: 100,
-      showDrag: true,
-      slotName: 'caseTotal',
-    },
-    {
-      title: 'common.creator',
-      slotName: 'createUserName',
-      dataIndex: 'createUser',
-      filterConfig: {
-        mode: 'remote',
-        loadOptionParams: {
-          projectId: appStore.currentProjectId,
+  const columns = computed<MsTableColumn>(() => {
+    return [
+      {
+        title: 'ID',
+        dataIndex: 'num',
+        slotName: 'num',
+        sortIndex: 1,
+        sortable: {
+          sortDirections: ['ascend', 'descend'],
+          sorter: true,
         },
-        remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
-        placeholderText: t('caseManagement.featureCase.PleaseSelect'),
+        fixed: 'left',
+        width: 100,
+        columnSelectorDisabled: true,
       },
-      showInTable: true,
-      width: 200,
-      showDrag: true,
-    },
-    {
-      title: '',
-      dataIndex: 'action',
-      width: 24,
-      slotName: SpecialColumnEnum.ACTION,
-      fixed: 'right',
-      cellClass: 'operator-class',
-    },
-  ];
+      {
+        title: 'apiTestManagement.apiName',
+        dataIndex: 'name',
+        showTooltip: true,
+        sortable: {
+          sortDirections: ['ascend', 'descend'],
+          sorter: true,
+        },
+        width: 200,
+        columnSelectorDisabled: true,
+      },
+      {
+        title: 'apiTestManagement.apiType',
+        dataIndex: 'method',
+        slotName: 'method',
+        width: 140,
+        showDrag: true,
+        filterConfig: {
+          options: requestMethodsOptions.value,
+          filterSlotName: FilterSlotNameEnum.API_TEST_API_REQUEST_METHODS,
+        },
+      },
+      {
+        title: 'apiTestManagement.path',
+        dataIndex: 'path',
+        showTooltip: true,
+        width: 200,
+        showDrag: true,
+      },
+      {
+        title: 'common.tag',
+        dataIndex: 'tags',
+        isTag: true,
+        isStringTag: true,
+        showDrag: true,
+      },
+      {
+        title: 'apiTestManagement.caseTotal',
+        dataIndex: 'caseTotal',
+        showTooltip: true,
+        width: 100,
+        showDrag: true,
+        slotName: 'caseTotal',
+      },
+      {
+        title: 'common.creator',
+        slotName: 'createUserName',
+        dataIndex: 'createUser',
+        filterConfig: {
+          mode: 'remote',
+          loadOptionParams: {
+            projectId: appStore.currentProjectId,
+          },
+          remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
+        },
+        showInTable: true,
+        width: 200,
+        showDrag: true,
+      },
+      {
+        title: '',
+        dataIndex: 'action',
+        width: 24,
+        slotName: SpecialColumnEnum.ACTION,
+        fixed: 'right',
+        cellClass: 'operator-class',
+      },
+    ];
+  });
 
   const {
     propsRes,
@@ -363,6 +364,7 @@
   function setCaseAdvanceFilter(filter: FilterResult, id: string) {
     setAdvanceFilter(filter, id);
   }
+  const apiTableRef = ref<InstanceType<typeof MsBaseTable>>();
 
   watch(
     [() => props.currentProject, () => props.protocols],
@@ -370,6 +372,7 @@
       setPagination({
         current: 1,
       });
+      apiTableRef.value?.initColumn(columns.value);
       resetFilterParams();
       loadApiList();
     },
@@ -466,7 +469,7 @@
     setCaseAdvanceFilter,
   });
 
-  await tableStore.initColumn(TableKeyEnum.ASSOCIATE_CASE_API, columns, 'drawer');
+  await tableStore.initColumn(TableKeyEnum.ASSOCIATE_CASE_API, columns.value, 'drawer');
 </script>
 
 <style lang="less" scoped>
diff --git a/frontend/src/components/business/ms-associate-case/caseTable.vue b/frontend/src/components/business/ms-associate-case/caseTable.vue
index 4f222709a8..f8b1201ba2 100644
--- a/frontend/src/components/business/ms-associate-case/caseTable.vue
+++ b/frontend/src/components/business/ms-associate-case/caseTable.vue
@@ -42,6 +42,11 @@
     <template #lastExecResult="{ record }">
       <ExecuteResult :execute-result="record.lastExecResult" />
     </template>
+    <template #createUserName="{ record }">
+      <a-tooltip :content="`${record.createUserName}`" position="tl">
+        <div class="one-line-text">{{ record.createUserName }}</div>
+      </a-tooltip>
+    </template>
     <template #count>
       <slot></slot>
     </template>
@@ -72,7 +77,7 @@
   import { CaseLinkEnum } from '@/enums/caseEnum';
   import { CaseManagementRouteEnum } from '@/enums/routeEnum';
   import { SpecialColumnEnum, TableKeyEnum } from '@/enums/tableEnum';
-  import { FilterSlotNameEnum } from '@/enums/tableFilterEnum';
+  import { FilterRemoteMethodsEnum, FilterSlotNameEnum } from '@/enums/tableFilterEnum';
 
   import type { moduleKeysType } from './types';
   import useModuleSelection from './useModuleSelection';
@@ -134,102 +139,110 @@
     });
   });
 
-  const columns: MsTableColumn = [
-    {
-      title: 'ID',
-      dataIndex: 'num',
-      slotName: 'num',
-      sortIndex: 1,
-      sortable: {
-        sortDirections: ['ascend', 'descend'],
-        sorter: true,
+  const columns = computed<MsTableColumn>(() => {
+    return [
+      {
+        title: 'ID',
+        dataIndex: 'num',
+        slotName: 'num',
+        sortIndex: 1,
+        sortable: {
+          sortDirections: ['ascend', 'descend'],
+          sorter: true,
+        },
+        fixed: 'left',
+        width: 150,
+        showTooltip: true,
       },
-      fixed: 'left',
-      width: 150,
-      showTooltip: true,
-    },
-    {
-      title: 'case.caseName',
-      dataIndex: 'name',
-      showTooltip: true,
-      sortable: {
-        sortDirections: ['ascend', 'descend'],
-        sorter: true,
+      {
+        title: 'case.caseName',
+        dataIndex: 'name',
+        showTooltip: true,
+        sortable: {
+          sortDirections: ['ascend', 'descend'],
+          sorter: true,
+        },
+        width: 180,
+        columnSelectorDisabled: true,
       },
-      width: 180,
-      columnSelectorDisabled: true,
-    },
-    {
-      title: 'case.caseLevel',
-      dataIndex: 'caseLevel',
-      slotName: 'caseLevel',
-      filterConfig: {
-        options: casePriorityOptions,
-        filterSlotName: FilterSlotNameEnum.CASE_MANAGEMENT_CASE_LEVEL,
+      {
+        title: 'case.caseLevel',
+        dataIndex: 'caseLevel',
+        slotName: 'caseLevel',
+        filterConfig: {
+          options: casePriorityOptions,
+          filterSlotName: FilterSlotNameEnum.CASE_MANAGEMENT_CASE_LEVEL,
+        },
+        width: 150,
+        showDrag: true,
       },
-      width: 150,
-      showDrag: true,
-    },
-    {
-      title: 'caseManagement.featureCase.tableColumnReviewResult',
-      dataIndex: 'reviewStatus',
-      slotName: 'reviewStatus',
-      filterConfig: {
-        options: reviewResultOptions.value,
-        filterSlotName: FilterSlotNameEnum.CASE_MANAGEMENT_REVIEW_RESULT,
+      {
+        title: 'caseManagement.featureCase.tableColumnReviewResult',
+        dataIndex: 'reviewStatus',
+        slotName: 'reviewStatus',
+        filterConfig: {
+          options: reviewResultOptions.value,
+          filterSlotName: FilterSlotNameEnum.CASE_MANAGEMENT_REVIEW_RESULT,
+        },
+        showInTable: true,
+        width: 150,
+        showDrag: true,
       },
-      showInTable: true,
-      width: 150,
-      showDrag: true,
-    },
-    {
-      title: 'caseManagement.featureCase.tableColumnExecutionResult',
-      dataIndex: 'lastExecuteResult',
-      slotName: 'lastExecuteResult',
-      filterConfig: {
-        options: executeResultOptions.value,
-        filterSlotName: FilterSlotNameEnum.CASE_MANAGEMENT_EXECUTE_RESULT,
+      {
+        title: 'caseManagement.featureCase.tableColumnExecutionResult',
+        dataIndex: 'lastExecuteResult',
+        slotName: 'lastExecuteResult',
+        filterConfig: {
+          options: executeResultOptions.value,
+          filterSlotName: FilterSlotNameEnum.CASE_MANAGEMENT_EXECUTE_RESULT,
+        },
+        showInTable: true,
+        width: 150,
+        showDrag: true,
       },
-      showInTable: true,
-      width: 150,
-      showDrag: true,
-    },
-    {
-      title: 'common.tag',
-      dataIndex: 'tags',
-      isTag: true,
-      isStringTag: true,
-      width: 400,
-      showDrag: true,
-    },
-    {
-      title: 'caseManagement.featureCase.tableColumnCreateUser',
-      slotName: 'createUserName',
-      dataIndex: 'createUserName',
-      showTooltip: true,
-      width: 150,
-      showDrag: true,
-    },
-    {
-      title: 'caseManagement.featureCase.tableColumnCreateTime',
-      slotName: 'createTime',
-      dataIndex: 'createTime',
-      sortable: {
-        sortDirections: ['ascend', 'descend'],
-        sorter: true,
+      {
+        title: 'common.tag',
+        dataIndex: 'tags',
+        isTag: true,
+        isStringTag: true,
+        width: 400,
+        showDrag: true,
       },
-      width: 200,
-      showDrag: true,
-    },
-    {
-      title: '',
-      dataIndex: 'action',
-      width: 24,
-      slotName: SpecialColumnEnum.ACTION,
-      fixed: 'right',
-      cellClass: 'operator-class',
-    },
-  ];
+      {
+        title: 'caseManagement.featureCase.tableColumnCreateUser',
+        slotName: 'createUserName',
+        dataIndex: 'createUserName',
+        width: 150,
+        filterConfig: {
+          mode: 'remote',
+          loadOptionParams: {
+            projectId: props.currentProject,
+          },
+          remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
+        },
+        showDrag: true,
+      },
+      {
+        title: 'caseManagement.featureCase.tableColumnCreateTime',
+        slotName: 'createTime',
+        dataIndex: 'createTime',
+        sortable: {
+          sortDirections: ['ascend', 'descend'],
+          sorter: true,
+        },
+        width: 200,
+        showDrag: true,
+      },
+      {
+        title: '',
+        dataIndex: 'action',
+        width: 24,
+        slotName: SpecialColumnEnum.ACTION,
+        fixed: 'right',
+        cellClass: 'operator-class',
+      },
+    ];
+  });
 
   const getPageList = computed(() => {
     return getPublicLinkCaseListMap[props.getPageApiType][props.activeSourceType];
@@ -478,6 +491,7 @@
   watch(
     () => props.currentProject,
     () => {
+      tableRef.value?.initColumn(columns.value);
       resetFilterParams();
       loadCaseList();
       initFilter();
@@ -508,7 +522,7 @@
     setCaseAdvanceFilter,
   });
 
-  await tableStore.initColumn(TableKeyEnum.ASSOCIATE_CASE, columns, 'drawer');
+  await tableStore.initColumn(TableKeyEnum.ASSOCIATE_CASE, columns.value, 'drawer');
 </script>
 
 <style lang="less" scoped>
diff --git a/frontend/src/components/business/ms-associate-case/scenarioCaseTable.vue b/frontend/src/components/business/ms-associate-case/scenarioCaseTable.vue
index acfe738ad4..88b8e765fa 100644
--- a/frontend/src/components/business/ms-associate-case/scenarioCaseTable.vue
+++ b/frontend/src/components/business/ms-associate-case/scenarioCaseTable.vue
@@ -119,96 +119,98 @@
     });
   });
 
-  const columns: MsTableColumn = [
-    {
-      title: 'ID',
-      dataIndex: 'num',
-      slotName: 'num',
-      sortIndex: 1,
-      sortable: {
-        sortDirections: ['ascend', 'descend'],
-        sorter: true,
-      },
-      fixed: 'left',
-      width: 160,
-      showTooltip: false,
-      columnSelectorDisabled: true,
-    },
-    {
-      title: 'apiScenario.table.columns.name',
-      dataIndex: 'name',
-      slotName: 'name',
-      sortable: {
-        sortDirections: ['ascend', 'descend'],
-        sorter: true,
-      },
-      width: 134,
-      showTooltip: true,
-      columnSelectorDisabled: true,
-    },
-    {
-      title: 'apiScenario.table.columns.level',
-      dataIndex: 'priority',
-      slotName: 'priority',
-      showDrag: true,
-      sortable: {
-        sortDirections: ['ascend', 'descend'],
-        sorter: true,
-      },
-      filterConfig: {
-        options: casePriorityOptions,
-        filterSlotName: FilterSlotNameEnum.CASE_MANAGEMENT_CASE_LEVEL,
-      },
-      width: 140,
-    },
-    {
-      title: 'apiScenario.table.columns.runResult',
-      dataIndex: 'lastReportStatus',
-      slotName: 'lastReportStatus',
-      showTooltip: false,
-      showDrag: true,
-      filterConfig: {
-        options: statusList.value,
-        filterSlotName: FilterSlotNameEnum.API_TEST_CASE_API_REPORT_EXECUTE_RESULT,
-      },
-      width: 200,
-    },
-    {
-      title: 'apiScenario.table.columns.passRate',
-      dataIndex: 'requestPassRate',
-      showDrag: true,
-      width: 100,
-    },
-    {
-      title: 'apiScenario.table.columns.tags',
-      dataIndex: 'tags',
-      isTag: true,
-      isStringTag: true,
-      showDrag: true,
-    },
-    {
-      title: 'apiScenario.table.columns.createUser',
-      dataIndex: 'createUser',
-      slotName: 'createUserName',
-      width: 109,
-      filterConfig: {
-        mode: 'remote',
-        loadOptionParams: {
-          projectId: appStore.currentProjectId,
+  const columns = computed<MsTableColumn>(() => {
+    return [
+      {
+        title: 'ID',
+        dataIndex: 'num',
+        slotName: 'num',
+        sortIndex: 1,
+        sortable: {
+          sortDirections: ['ascend', 'descend'],
+          sorter: true,
         },
-        remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
-        placeholderText: t('caseManagement.featureCase.PleaseSelect'),
+        fixed: 'left',
+        width: 160,
+        showTooltip: false,
+        columnSelectorDisabled: true,
       },
-    },
-    {
-      title: '',
-      dataIndex: 'action',
-      width: 24,
-      slotName: SpecialColumnEnum.ACTION,
-      fixed: 'right',
-      cellClass: 'operator-class',
-    },
-  ];
+      {
+        title: 'apiScenario.table.columns.name',
+        dataIndex: 'name',
+        slotName: 'name',
+        sortable: {
+          sortDirections: ['ascend', 'descend'],
+          sorter: true,
+        },
+        width: 134,
+        showTooltip: true,
+        columnSelectorDisabled: true,
+      },
+      {
+        title: 'apiScenario.table.columns.level',
+        dataIndex: 'priority',
+        slotName: 'priority',
+        showDrag: true,
+        sortable: {
+          sortDirections: ['ascend', 'descend'],
+          sorter: true,
+        },
+        filterConfig: {
+          options: casePriorityOptions,
+          filterSlotName: FilterSlotNameEnum.CASE_MANAGEMENT_CASE_LEVEL,
+        },
+        width: 140,
+      },
+      {
+        title: 'apiScenario.table.columns.runResult',
+        dataIndex: 'lastReportStatus',
+        slotName: 'lastReportStatus',
+        showTooltip: false,
+        showDrag: true,
+        filterConfig: {
+          options: statusList.value,
+          filterSlotName: FilterSlotNameEnum.API_TEST_CASE_API_REPORT_EXECUTE_RESULT,
+        },
+        width: 200,
+      },
+      {
+        title: 'apiScenario.table.columns.passRate',
+        dataIndex: 'requestPassRate',
+        showDrag: true,
+        width: 100,
+      },
+      {
+        title: 'apiScenario.table.columns.tags',
+        dataIndex: 'tags',
+        isTag: true,
+        isStringTag: true,
+        showDrag: true,
+      },
+      {
+        title: 'apiScenario.table.columns.createUser',
+        dataIndex: 'createUser',
+        slotName: 'createUserName',
+        width: 109,
+        filterConfig: {
+          mode: 'remote',
+          loadOptionParams: {
+            projectId: props.currentProject,
+          },
+          remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
+        },
+      },
+      {
+        title: '',
+        dataIndex: 'action',
+        width: 24,
+        slotName: SpecialColumnEnum.ACTION,
+        fixed: 'right',
+        cellClass: 'operator-class',
+      },
+    ];
+  });
+
   const getPageList = computed(() => {
     return getPublicLinkCaseListMap[props.getPageApiType][props.activeSourceType];
   });
@@ -457,6 +459,7 @@
   watch(
     () => props.currentProject,
     () => {
+      tableRef.value?.initColumn(columns.value);
       resetFilterParams();
       loadScenarioList();
     }
@@ -483,7 +486,7 @@
     loadScenarioList,
   });
 
-  await tableStore.initColumn(TableKeyEnum.ASSOCIATE_CASE_API_SCENARIO, columns, 'drawer');
+  await tableStore.initColumn(TableKeyEnum.ASSOCIATE_CASE_API_SCENARIO, columns.value, 'drawer');
 </script>
 
 <style lang="less" scoped>
diff --git a/frontend/src/components/business/ms-case-associate/index.vue b/frontend/src/components/business/ms-case-associate/index.vue
index 277ac3c0d7..3ae8b67956 100644
--- a/frontend/src/components/business/ms-case-associate/index.vue
+++ b/frontend/src/components/business/ms-case-associate/index.vue
@@ -117,6 +117,7 @@
         />
         <ms-base-table
           v-bind="propsRes"
+          :columns="columns"
           :action-config="{
             baseAction: [],
             moreAction: [],
@@ -154,6 +155,11 @@
           <template #[FilterSlotNameEnum.CASE_MANAGEMENT_EXECUTE_RESULT]="{ filterContent }">
             <ExecuteStatusTag :execute-result="filterContent.value" />
           </template>
+          <template #createUserName="{ record }">
+            <a-tooltip :content="`${record.createUserName}`" position="tl">
+              <div class="one-line-text">{{ record.createUserName }}</div>
+            </a-tooltip>
+          </template>
         </ms-base-table>
         <div class="footer">
           <div class="flex flex-1 items-center">
@@ -211,7 +217,7 @@
   import { CaseLinkEnum } from '@/enums/caseEnum';
   import { CaseManagementRouteEnum } from '@/enums/routeEnum';
   import { TableKeyEnum } from '@/enums/tableEnum';
-  import { FilterSlotNameEnum } from '@/enums/tableFilterEnum';
+  import { FilterRemoteMethodsEnum, FilterSlotNameEnum } from '@/enums/tableFilterEnum';
 
   import { initGetModuleCountFunc, type RequestModuleEnum } from './utils';
   import { casePriorityOptions } from '@/views/api-test/components/config';
@@ -425,57 +431,66 @@
     return [];
   }
 
-  const columns: MsTableColumn = [
-    {
-      title: 'ID',
-      dataIndex: 'num',
-      slotName: 'num',
-      sortIndex: 1,
-      showTooltip: true,
-      sortable: {
-        sortDirections: ['ascend', 'descend'],
-        sorter: true,
+  const columns = computed<MsTableColumn>(() => {
+    return [
+      {
+        title: 'ID',
+        dataIndex: 'num',
+        slotName: 'num',
+        sortIndex: 1,
+        showTooltip: true,
+        sortable: {
+          sortDirections: ['ascend', 'descend'],
+          sorter: true,
+        },
+        width: 120,
+        fixed: 'left',
       },
-      width: 120,
-      fixed: 'left',
-    },
-    {
-      title: 'ms.case.associate.caseName',
-      dataIndex: 'name',
-      sortable: {
-        sortDirections: ['ascend', 'descend'],
-        sorter: true,
+      {
+        title: 'ms.case.associate.caseName',
+        dataIndex: 'name',
+        sortable: {
+          sortDirections: ['ascend', 'descend'],
+          sorter: true,
+        },
+        showTooltip: true,
+        width: 250,
       },
-      showTooltip: true,
-      width: 250,
-    },
-    ...getCaseLevelColumn(),
-    ...getReviewStatus(),
-    {
-      title: 'ms.case.associate.tags',
-      dataIndex: 'tags',
-      isTag: true,
-    },
-    {
-      title: 'caseManagement.featureCase.tableColumnCreateUser',
-      slotName: 'createUserName',
-      dataIndex: 'createUserName',
-      showTooltip: true,
-      width: 200,
-      showDrag: true,
-    },
-    {
-      title: 'caseManagement.featureCase.tableColumnCreateTime',
-      slotName: 'createTime',
-      dataIndex: 'createTime',
-      sortable: {
-        sortDirections: ['ascend', 'descend'],
-        sorter: true,
+      ...getCaseLevelColumn(),
+      ...getReviewStatus(),
+      {
+        title: 'ms.case.associate.tags',
+        dataIndex: 'tags',
+        isTag: true,
       },
-      width: 200,
-      showDrag: true,
-    },
-  ];
+      {
+        title: 'caseManagement.featureCase.tableColumnCreateUser',
+        slotName: 'createUserName',
+        dataIndex: 'createUser',
+        showTooltip: true,
+        width: 200,
+        filterConfig: {
+          mode: 'remote',
+          loadOptionParams: {
+            projectId: innerProject.value,
+          },
+          remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
+        },
+        showDrag: true,
+      },
+      {
+        title: 'caseManagement.featureCase.tableColumnCreateTime',
+        slotName: 'createTime',
+        dataIndex: 'createTime',
+        sortable: {
+          sortDirections: ['ascend', 'descend'],
+          sorter: true,
+        },
+        width: 200,
+        showDrag: true,
+      },
+    ];
+  });
 
   watchEffect(() => {
     getCaseLevelColumn();
@@ -495,7 +510,7 @@
   } = useTable(
     props.getTableFunc,
     {
-      columns,
+      columns: columns.value,
       tableKey: TableKeyEnum.CASE_MANAGEMENT_ASSOCIATED_TABLE,
       scroll: { x: '100%' },
       showSetting: false,
@@ -820,6 +835,7 @@
     value: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[]
   ) {
     innerProject.value = value as string;
+    resetFilterParams();
     await initModules();
     setAllSelectModule();
     initFilter();
diff --git a/frontend/src/components/pure/ms-table/base-table.vue b/frontend/src/components/pure/ms-table/base-table.vue
index 3dc403516d..02869cdf01 100644
--- a/frontend/src/components/pure/ms-table/base-table.vue
+++ b/frontend/src/components/pure/ms-table/base-table.vue
@@ -310,7 +310,7 @@
 
 <script lang="ts" setup>
   import { Message } from '@arco-design/web-vue';
-  import { debounce } from 'lodash-es';
+  import { debounce, throttle } from 'lodash-es';
 
   import MsIcon from '@/components/pure/ms-icon-font/index.vue';
   import MsPagination from '@/components/pure/ms-pagination/index';
@@ -964,8 +964,18 @@
     batchLeft.value = getBatchLeft();
   });
 
-  function columnResize(dataIndex: string) {
+  const updateColumnWidth = throttle(async (dataIndex: string, width: number) => {
     if (dataIndex) {
+      const [index] = dataIndex.split('_').slice(-1);
+      const lastIndex = attrs.selectable ? Number(index) - 1 : Number(index);
+      currentColumns.value[lastIndex].width = width;
+      await tableStore.updateColumnWidth(attrs.tableKey as TableKeyEnum, currentColumns.value);
+    }
+  }, 200);
+
+  function columnResize(dataIndex: string, width: number) {
+    if (dataIndex) {
+      updateColumnWidth(dataIndex, width);
       updateAllTagVisibility();
     }
   }
diff --git a/frontend/src/components/pure/ms-table/comp/defaultFilter.vue b/frontend/src/components/pure/ms-table/comp/defaultFilter.vue
index 69f710a7be..c0151c8c4b 100644
--- a/frontend/src/components/pure/ms-table/comp/defaultFilter.vue
+++ b/frontend/src/components/pure/ms-table/comp/defaultFilter.vue
@@ -34,25 +34,54 @@
               </a-checkbox>
             </a-checkbox-group>
           </div>
-          <div v-else class="w-[200px] p-[12px] pb-[8px]">
-            <MsSelect
-              v-model:model-value="checkedList"
-              mode="remote"
-              :options="[]"
-              :placeholder="props.placeholderText"
-              multiple
-              :value-key="props.valueKey || 'id'"
-              :label-key="props.labelKey || 'name'"
-              :filter-option="false"
+          <div v-if="props.mode === 'remote'" class="w-[190px] p-[12px] py-[8px]">
+            <a-input
+              v-model:model-value="filterKeyword"
+              class="mb-[8px]"
+              :placeholder="t('common.pleaseInput')"
               allow-clear
-              :search-keys="['name']"
-              :loading="loading"
-              :remote-func="loadList"
-              :remote-extra-params="{ ...props.loadOptionParams }"
-              :option-label-render="optionLabelRender"
-              :should-calculate-max-tag="false"
             >
-            </MsSelect>
+              <template #prefix>
+                <MsIcon
+                  type="icon-icon_search-outline_outlined"
+                  class="text-[var(--color-text-input-border)]"
+                  size="16"
+                />
+              </template>
+            </a-input>
+            <a-spin class="w-full" :loading="loading">
+              <MsList
+                v-model:data="filterListOptions"
+                mode="remote"
+                item-key-field="id"
+                :item-border="false"
+                class="w-full rounded-[var(--border-radius-small)]"
+                :no-more-data="false"
+                :virtual-list-props="{
+                  height: '160px',
+                }"
+              >
+                <template #title="{ item }">
+                  <div class="w-full" @click.stop="checkItem(item.value)">
+                    <a-checkbox
+                      :model-value="checkedList.includes(item.value)"
+                      :value="item.value"
+                      @click.stop="checkItem(item.value)"
+                    >
+                      <a-tooltip
+                        :content="item[props.labelKey || 'label']"
+                        :mouse-enter-delay="300"
+                        :disabled="!item[props.labelKey || 'label']"
+                      >
+                        <div class="one-line-text max-w-[120px]" @click.stop="checkItem(item.value)">
+                          <div class="one-line-text max-w-[120px]">{{ item.label }}</div>
+                        </div>
+                      </a-tooltip>
+                    </a-checkbox>
+                  </div>
+                </template>
+              </MsList>
+            </a-spin>
           </div>
           <div
             :class="`${
@@ -74,8 +103,9 @@
 
 <script lang="ts" setup>
   import { SelectOptionData } from '@arco-design/web-vue';
+  import { debounce } from 'lodash-es';
 
-  import MsSelect from '@/components/business/ms-select/index';
+  import MsList from '@/components/pure/ms-list/index.vue';
 
   import { useI18n } from '@/hooks/useI18n';
 
@@ -96,7 +126,6 @@
       mode?: 'static' | 'remote';
       remoteMethod?: FilterRemoteMethodsEnum; // 加载选项方法
       loadOptionParams?: Record<string, any>; // 请求下拉的参数
-      placeholderText?: string;
       dataIndex?: string | undefined;
       filter: Record<string, any>;
       emptyFilter?: boolean; // 增加-空选项查询
@@ -129,36 +158,6 @@
 
   const loading = ref(true);
 
-  const optionLabelRender = (option: SelectOptionData) => {
-    return `<span class='text-[var(--color-text-1)]'>${option.name}</span>`;
-  };
-
-  const loadList = async (params: Record<string, any>) => {
-    try {
-      loading.value = true;
-      const { keyword, ...rest } = params;
-      if (props.remoteMethod) {
-        const list = (await initRemoteOptionsFunc(props.remoteMethod, { keyword, ...rest })) || [];
-        list.forEach((item: any) => {
-          if (props.valueKey) {
-            item.id = item[props.valueKey || 'id'] as string;
-          }
-          if (props.labelKey) {
-            item.name = (item[props.labelKey] as string) || '';
-          }
-        });
-        return list;
-      }
-      return [];
-    } catch (error) {
-      // eslint-disable-next-line no-console
-      console.log(error);
-      return [];
-    } finally {
-      loading.value = false;
-    }
-  };
-
   const isHighlight = computed(() => {
     if (props.filter && props.dataIndex) {
       return (props.filter[props.dataIndex] || []).length > 0;
@@ -175,6 +174,43 @@
     return true;
   });
 
+  const originFilterList = ref<SelectOptionData[]>([]);
+  const filterListOptions = ref<SelectOptionData[]>([]);
+
+  const filterKeyword = ref('');
+
+  async function initOptions() {
+    try {
+      loading.value = true;
+      if (props.remoteMethod) {
+        const list =
+          (await initRemoteOptionsFunc(props.remoteMethod, {
+            keyword: filterKeyword.value,
+            ...props.loadOptionParams,
+          })) || [];
+        list.forEach((item: any) => {
+          item.value = item[props.valueKey || 'id'] as string;
+          item.label = (item[props.labelKey || 'name'] as string) || '';
+        });
+        filterListOptions.value = list;
+        originFilterList.value = list;
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function checkItem(value: string) {
+    if (checkedList.value.includes(value)) {
+      checkedList.value = checkedList.value.filter((e) => e !== value);
+    } else {
+      checkedList.value.push(value);
+    }
+  }
+
   // 用于切换的时候重置清空上一次的选择
   watch(
     () => isNoFilter.value,
@@ -188,11 +224,44 @@
   watch(
     () => props.filter,
     (val) => {
-      if (val[props.dataIndex as string] && val[props.dataIndex as string]?.length) {
+      if (!val[props.dataIndex as string] || val[props.dataIndex as string]?.length === 0) {
+        checkedList.value = []; // 清空选择
+      } else {
+        // 如果有过滤条件，更新 checkedList
         checkedList.value = val[props.dataIndex as string];
       }
     }
   );
+
+  const searchItem = debounce(() => {
+    filterListOptions.value = originFilterList.value.filter((item: SelectOptionData) =>
+      item.label?.includes(filterKeyword.value)
+    );
+  }, 300);
+
+  watch(
+    () => visible.value,
+    (val) => {
+      if (val && props.mode === 'remote') {
+        filterKeyword.value = '';
+        initOptions();
+      }
+    }
+  );
+
+  watch(
+    () => filterKeyword.value,
+    () => {
+      if (filterKeyword.value === '') {
+        filterListOptions.value = [...originFilterList.value];
+      }
+      searchItem();
+    }
+  );
+
+  onBeforeUnmount(() => {
+    checkedList.value = [];
+  });
 </script>
 
 <style scoped lang="less">
diff --git a/frontend/src/components/pure/ms-table/type.ts b/frontend/src/components/pure/ms-table/type.ts
index 66190fb9ec..6df8fd5f6d 100644
--- a/frontend/src/components/pure/ms-table/type.ts
+++ b/frontend/src/components/pure/ms-table/type.ts
@@ -33,7 +33,6 @@ export interface MsTableColumnFilterConfig {
   emptyFilter?: boolean; // 是否空选项查询（包含未执行和排队中无状态）
   remoteMethod?: FilterRemoteMethodsEnum; // 加载选项的类型
   loadOptionParams?: Record<string, any>; // 请求下拉的参数
-  placeholderText?: string;
   firstLabelKey?: string;
   secondLabelKey?: string;
   disabledTooltip?: boolean;
diff --git a/frontend/src/hooks/useTableStore.ts b/frontend/src/hooks/useTableStore.ts
index 6326961b97..5c5f9f11e7 100644
--- a/frontend/src/hooks/useTableStore.ts
+++ b/frontend/src/hooks/useTableStore.ts
@@ -76,7 +76,14 @@ export default function useTableStore() {
         const { columnBackup: oldColumn, pageSize } = tableColumnsMap;
         // 比较页面上定义的 column 和 浏览器备份的column 是否相同
         const isEqual = isArraysEqualWithOrder(oldColumn, column);
+
         if (!isEqual) {
+          column.forEach((col) => {
+            const storedCol = oldColumn.find((sc) => sc.dataIndex === col.dataIndex);
+            if (storedCol) {
+              col.width = storedCol.width; // 使用上一次拖拽存储的宽度，避免组件里边使用时候初始化到最初的列宽
+            }
+          });
           // 如果不相等，说明有变动将新的column存入indexDB
           setItem(
             tableKey,
@@ -274,6 +281,31 @@ export default function useTableStore() {
     }
   }
 
+  async function updateColumnWidth(tableKey: TableKeyEnum, column: MsTableColumn) {
+    try {
+      // 从 IndexedDB 获取当前存储的列配置
+      const tableColumnsMap = await getItem<MsTableSelectorItem>(
+        tableKey,
+        tableKey.startsWith('SYSTEM') || tableKey.startsWith('ORGANIZATION')
+      );
+
+      if (tableColumnsMap) {
+        // 存储更新后的列配置到 IndexedDB
+        await setItem(
+          tableKey,
+          {
+            ...tableColumnsMap,
+            column,
+          },
+          tableKey.startsWith('SYSTEM') || tableKey.startsWith('ORGANIZATION')
+        );
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Error updating column width:', error);
+    }
+  }
+
   return {
     initColumn,
     setMode,
@@ -286,5 +318,6 @@ export default function useTableStore() {
     getShowInTableColumns,
     getPageSize,
     getStoreColumns,
+    updateColumnWidth,
   };
 }
diff --git a/frontend/src/views/api-test/management/components/management/api/apiTable.vue b/frontend/src/views/api-test/management/components/management/api/apiTable.vue
index 9572aff451..caa64e8960 100644
--- a/frontend/src/views/api-test/management/components/management/api/apiTable.vue
+++ b/frontend/src/views/api-test/management/components/management/api/apiTable.vue
@@ -512,7 +512,6 @@
           projectId: appStore.currentProjectId,
         },
         remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
-        placeholderText: t('caseManagement.featureCase.PleaseSelect'),
       },
       showInTable: true,
       width: 200,
diff --git a/frontend/src/views/api-test/management/components/management/api/shareListDrawer.vue b/frontend/src/views/api-test/management/components/management/api/shareListDrawer.vue
index 0d96b1fea0..cfbfb03974 100644
--- a/frontend/src/views/api-test/management/components/management/api/shareListDrawer.vue
+++ b/frontend/src/views/api-test/management/components/management/api/shareListDrawer.vue
@@ -161,7 +161,6 @@
           projectId: appStore.currentProjectId,
         },
         remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
-        placeholderText: t('common.pleaseSelect'),
       },
     },
     {
diff --git a/frontend/src/views/api-test/management/components/management/case/caseTable.vue b/frontend/src/views/api-test/management/components/management/case/caseTable.vue
index bf62967bff..6df669d416 100644
--- a/frontend/src/views/api-test/management/components/management/case/caseTable.vue
+++ b/frontend/src/views/api-test/management/components/management/case/caseTable.vue
@@ -548,7 +548,6 @@
           projectId: appStore.currentProjectId,
         },
         remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
-        placeholderText: t('caseManagement.featureCase.PleaseSelect'),
       },
       showInTable: true,
       width: 180,
diff --git a/frontend/src/views/api-test/management/components/recycle/case/caseTable.vue b/frontend/src/views/api-test/management/components/recycle/case/caseTable.vue
index 2af97462a3..59ae4bec4b 100644
--- a/frontend/src/views/api-test/management/components/recycle/case/caseTable.vue
+++ b/frontend/src/views/api-test/management/components/recycle/case/caseTable.vue
@@ -317,7 +317,6 @@
           projectId: appStore.currentProjectId,
         },
         remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
-        placeholderText: t('caseManagement.featureCase.PleaseSelect'),
       },
     },
     {
diff --git a/frontend/src/views/api-test/report/component/reportList.vue b/frontend/src/views/api-test/report/component/reportList.vue
index a636fe17f4..3a74c2ebaa 100644
--- a/frontend/src/views/api-test/report/component/reportList.vue
+++ b/frontend/src/views/api-test/report/component/reportList.vue
@@ -185,7 +185,6 @@
         sortDirections: ['ascend', 'descend'],
         sorter: true,
       },
-      ellipsis: true,
       showDrag: false,
       columnSelectorDisabled: true,
     },
diff --git a/frontend/src/views/api-test/scenario/components/common/importApiDrawer/table.vue b/frontend/src/views/api-test/scenario/components/common/importApiDrawer/table.vue
index d89c6ce7e9..0aafc3b986 100644
--- a/frontend/src/views/api-test/scenario/components/common/importApiDrawer/table.vue
+++ b/frontend/src/views/api-test/scenario/components/common/importApiDrawer/table.vue
@@ -295,7 +295,6 @@
         },
         fixed: 'left',
         width: 130,
-        ellipsis: true,
         showTooltip: true,
       },
       {
diff --git a/frontend/src/views/api-test/scenario/components/scenarioTable.vue b/frontend/src/views/api-test/scenario/components/scenarioTable.vue
index d50f27f77d..04b00d5b86 100644
--- a/frontend/src/views/api-test/scenario/components/scenarioTable.vue
+++ b/frontend/src/views/api-test/scenario/components/scenarioTable.vue
@@ -789,7 +789,6 @@
           projectId: appStore.currentProjectId,
         },
         remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
-        placeholderText: t('caseManagement.featureCase.PleaseSelect'),
       },
     },
     {
@@ -804,7 +803,6 @@
           projectId: appStore.currentProjectId,
         },
         remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
-        placeholderText: t('caseManagement.featureCase.PleaseSelect'),
       },
     },
     {
diff --git a/frontend/src/views/api-test/scenario/recycle/recycleTable.vue b/frontend/src/views/api-test/scenario/recycle/recycleTable.vue
index f918e1d407..f840e1ed6a 100644
--- a/frontend/src/views/api-test/scenario/recycle/recycleTable.vue
+++ b/frontend/src/views/api-test/scenario/recycle/recycleTable.vue
@@ -250,6 +250,7 @@
       dataIndex: 'modulePath',
       width: 176,
       showDrag: true,
+      showTooltip: true,
     },
     {
       title: 'apiScenario.table.columns.createTime',
@@ -297,7 +298,6 @@
           projectId: appStore.currentProjectId,
         },
         remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
-        placeholderText: t('caseManagement.featureCase.PleaseSelect'),
       },
     },
     {
diff --git a/frontend/src/views/bug-management/components/bugCaseTab.vue b/frontend/src/views/bug-management/components/bugCaseTab.vue
index dd98cf9e5b..af91c53f2a 100644
--- a/frontend/src/views/bug-management/components/bugCaseTab.vue
+++ b/frontend/src/views/bug-management/components/bugCaseTab.vue
@@ -145,7 +145,6 @@
       width: 200,
       showInTable: true,
       showTooltip: true,
-      ellipsis: true,
       showDrag: false,
     },
     {
@@ -154,7 +153,6 @@
       showInTable: true,
       showTooltip: true,
       width: 300,
-      ellipsis: true,
       showDrag: false,
     },
     {
@@ -164,7 +162,6 @@
       showInTable: true,
       showTooltip: true,
       width: 300,
-      ellipsis: true,
       showDrag: false,
     },
     {
@@ -173,7 +170,6 @@
       showInTable: true,
       showTooltip: true,
       width: 300,
-      ellipsis: true,
       showDrag: false,
     },
     {
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/caseTable.vue b/frontend/src/views/case-management/caseManagementFeature/components/caseTable.vue
index 77e3176dba..d4e28af5e5 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/caseTable.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/caseTable.vue
@@ -591,7 +591,6 @@
         sortDirections: ['ascend', 'descend'],
         sorter: true,
       },
-      ellipsis: true,
       showDrag: false,
       columnSelectorDisabled: true,
     },
@@ -685,7 +684,6 @@
           projectId: appStore.currentProjectId,
         },
         remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
-        placeholderText: t('caseManagement.featureCase.PleaseSelect'),
       },
       showInTable: true,
       width: 200,
@@ -713,7 +711,6 @@
           projectId: appStore.currentProjectId,
         },
         remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
-        placeholderText: t('caseManagement.featureCase.PleaseSelect'),
       },
       showInTable: true,
       showTooltip: true,
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/recycleCaseTable.vue b/frontend/src/views/case-management/caseManagementFeature/components/recycleCaseTable.vue
index b80c05996f..712b8e6120 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/recycleCaseTable.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/recycleCaseTable.vue
@@ -280,7 +280,6 @@
         sortDirections: ['ascend', 'descend'],
         sorter: true,
       },
-      ellipsis: true,
       showDrag: false,
       columnSelectorDisabled: true,
     },
@@ -356,7 +355,6 @@
           projectId: appStore.currentProjectId,
         },
         remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
-        placeholderText: t('caseManagement.featureCase.PleaseSelect'),
       },
       showInTable: true,
       showTooltip: true,
@@ -386,7 +384,6 @@
           projectId: appStore.currentProjectId,
         },
         remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
-        placeholderText: t('caseManagement.featureCase.PleaseSelect'),
       },
       showInTable: true,
       width: 200,
@@ -413,7 +410,6 @@
           projectId: appStore.currentProjectId,
         },
         remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
-        placeholderText: t('caseManagement.featureCase.PleaseSelect'),
       },
       showInTable: true,
       showTooltip: true,
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/tabDefect.vue b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/tabDefect.vue
index be2fa54f10..9c9e67b6e5 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/tabDefect.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/tabDefect.vue
@@ -236,7 +236,6 @@
       width: 100,
       showInTable: true,
       showTooltip: true,
-      ellipsis: true,
       showDrag: false,
     },
     {
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCase/tabCaseTable.vue b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCase/tabCaseTable.vue
index f9f895ecd8..2beaa8d43a 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCase/tabCaseTable.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCase/tabCaseTable.vue
@@ -128,7 +128,6 @@
       width: 200,
       showInTable: true,
       showTooltip: true,
-      ellipsis: true,
     },
     {
       title: 'caseManagement.featureCase.tableColumnName',
@@ -153,7 +152,6 @@
     //   showInTable: true,
     //   showTooltip: true,
     //   width: 300,
-    //   ellipsis: true,
     // },
     {
       title: 'caseManagement.featureCase.changeType',
@@ -162,7 +160,6 @@
       showInTable: true,
       showTooltip: true,
       width: 300,
-      ellipsis: true,
     },
     {
       title: 'caseManagement.featureCase.tableColumnActions',
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/thirdDemandDrawer.vue b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/thirdDemandDrawer.vue
index f4c9f3fb5e..0d7670f86a 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/thirdDemandDrawer.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/thirdDemandDrawer.vue
@@ -99,14 +99,12 @@
     //   width: 300,
     //   dataIndex: 'status',
     //   showTooltip: true,
-    //   ellipsis: true,
     // },
     // {
     //   title: 'caseManagement.featureCase.platformDemandHandler',
     //   width: 300,
     //   dataIndex: 'handler',
     //   showTooltip: true,
-    //   ellipsis: true,
     // },
   ];
 
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/tabDependency.vue b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/tabDependency.vue
index 24caf9dcfe..2fe94e3a9b 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/tabDependency.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/tabDependency.vue
@@ -116,7 +116,6 @@
       width: 200,
       showInTable: true,
       showTooltip: true,
-      ellipsis: true,
     },
     {
       title: 'caseManagement.featureCase.tableColumnName',
@@ -125,7 +124,6 @@
       showInTable: true,
       showTooltip: true,
       width: 300,
-      ellipsis: true,
     },
     // {
     //   title: 'caseManagement.featureCase.tableColumnVersion',
@@ -134,7 +132,6 @@
     //   showInTable: true,
     //   showTooltip: true,
     //   width: 300,
-    //   ellipsis: true,
     // },
     {
       title: 'caseManagement.featureCase.tableColumnCreateUser',
@@ -143,7 +140,6 @@
       showInTable: true,
       showTooltip: true,
       width: 300,
-      ellipsis: true,
     },
     {
       title: 'caseManagement.featureCase.tableColumnActions',
diff --git a/frontend/src/views/case-management/caseReview/components/detail/caseTable.vue b/frontend/src/views/case-management/caseReview/components/detail/caseTable.vue
index fcef402e83..f4f27d041c 100644
--- a/frontend/src/views/case-management/caseReview/components/detail/caseTable.vue
+++ b/frontend/src/views/case-management/caseReview/components/detail/caseTable.vue
@@ -526,7 +526,6 @@
           projectId: appStore.currentProjectId,
         },
         remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
-        placeholderText: t('caseManagement.featureCase.PleaseSelect'),
       },
     },
     {
diff --git a/frontend/src/views/case-management/caseReview/components/index/reviewTable.vue b/frontend/src/views/case-management/caseReview/components/index/reviewTable.vue
index a1f4ae57a2..98414f68cb 100644
--- a/frontend/src/views/case-management/caseReview/components/index/reviewTable.vue
+++ b/frontend/src/views/case-management/caseReview/components/index/reviewTable.vue
@@ -443,7 +443,6 @@
           projectId: appStore.currentProjectId,
         },
         remoteMethod: FilterRemoteMethodsEnum.PROJECT_PERMISSION_MEMBER,
-        placeholderText: t('caseManagement.caseReview.reviewerPlaceholder'),
       },
       showDrag: true,
       width: 150,
diff --git a/frontend/src/views/project-management/environmental/components/envParams/DatabaseTab.vue b/frontend/src/views/project-management/environmental/components/envParams/DatabaseTab.vue
index 03ad0d77d3..ed9a28825c 100644
--- a/frontend/src/views/project-management/environmental/components/envParams/DatabaseTab.vue
+++ b/frontend/src/views/project-management/environmental/components/envParams/DatabaseTab.vue
@@ -97,7 +97,6 @@
       showDrag: true,
       showInTable: true,
       showTooltip: true,
-      ellipsis: true,
     },
     {
       title: 'URL',
@@ -105,7 +104,6 @@
       showDrag: true,
       showInTable: true,
       showTooltip: true,
-      ellipsis: true,
     },
     {
       title: 'project.environmental.database.username',
diff --git a/frontend/src/views/setting/system/resourcePool/index.vue b/frontend/src/views/setting/system/resourcePool/index.vue
index 021a1abc15..078d1ce9ea 100644
--- a/frontend/src/views/setting/system/resourcePool/index.vue
+++ b/frontend/src/views/setting/system/resourcePool/index.vue
@@ -167,7 +167,6 @@
       return {
         mode: 'remote',
         remoteMethod: FilterRemoteMethodsEnum.SYSTEM_ORGANIZATION_LIST,
-        placeholderText: t('common.pleaseSelect'),
       };
     }
     return {
diff --git a/frontend/src/views/test-plan/report/detail/exportPDF.vue b/frontend/src/views/test-plan/report/detail/exportPDF.vue
index aedc1eabfd..faac6e4e33 100644
--- a/frontend/src/views/test-plan/report/detail/exportPDF.vue
+++ b/frontend/src/views/test-plan/report/detail/exportPDF.vue
@@ -449,7 +449,6 @@
       title: 'ID',
       dataIndex: 'num',
       width: 80,
-      ellipsis: true,
     },
     {
       title: 'case.caseName',
@@ -466,7 +465,6 @@
     {
       title: 'common.belongModule',
       dataIndex: 'moduleName',
-      ellipsis: true,
       width: 200,
     },
     {
diff --git a/frontend/src/views/test-plan/testPlan/detail/apiCase/components/caseTable.vue b/frontend/src/views/test-plan/testPlan/detail/apiCase/components/caseTable.vue
index 2be7370f14..e863b7fec7 100644
--- a/frontend/src/views/test-plan/testPlan/detail/apiCase/components/caseTable.vue
+++ b/frontend/src/views/test-plan/testPlan/detail/apiCase/components/caseTable.vue
@@ -385,7 +385,6 @@
           projectId: appStore.currentProjectId,
         },
         remoteMethod: FilterRemoteMethodsEnum.EXECUTE_USER,
-        placeholderText: t('caseManagement.featureCase.PleaseSelect'),
       },
     },
     {
diff --git a/frontend/src/views/test-plan/testPlan/detail/apiScenario/components/scenarioTable.vue b/frontend/src/views/test-plan/testPlan/detail/apiScenario/components/scenarioTable.vue
index 0fa9256929..ed0bb49612 100644
--- a/frontend/src/views/test-plan/testPlan/detail/apiScenario/components/scenarioTable.vue
+++ b/frontend/src/views/test-plan/testPlan/detail/apiScenario/components/scenarioTable.vue
@@ -364,7 +364,6 @@
           projectId: appStore.currentProjectId,
         },
         remoteMethod: FilterRemoteMethodsEnum.EXECUTE_USER,
-        placeholderText: t('caseManagement.featureCase.PleaseSelect'),
       },
     },
     {
diff --git a/frontend/src/views/test-plan/testPlan/detail/bugManagement/index.vue b/frontend/src/views/test-plan/testPlan/detail/bugManagement/index.vue
index 15b5636292..d9887a67a9 100644
--- a/frontend/src/views/test-plan/testPlan/detail/bugManagement/index.vue
+++ b/frontend/src/views/test-plan/testPlan/detail/bugManagement/index.vue
@@ -108,7 +108,6 @@
       dataIndex: 'title',
       showInTable: true,
       width: 300,
-      ellipsis: true,
       showDrag: false,
     },
     {
@@ -120,7 +119,6 @@
       },
       showInTable: true,
       width: 150,
-      ellipsis: true,
       showDrag: false,
     },
     {
@@ -129,7 +127,6 @@
       dataIndex: 'linkCase',
       showInTable: true,
       width: 150,
-      ellipsis: true,
     },
     {
       title: 'caseManagement.featureCase.updateUser',
@@ -139,7 +136,6 @@
       showInTable: true,
       showTooltip: true,
       width: 300,
-      ellipsis: true,
     },
     {
       title: 'common.createTime',
diff --git a/frontend/src/views/test-plan/testPlan/detail/featureCase/components/caseTable.vue b/frontend/src/views/test-plan/testPlan/detail/featureCase/components/caseTable.vue
index 907bc239fb..d8dd621159 100644
--- a/frontend/src/views/test-plan/testPlan/detail/featureCase/components/caseTable.vue
+++ b/frontend/src/views/test-plan/testPlan/detail/featureCase/components/caseTable.vue
@@ -436,7 +436,6 @@
           projectId: appStore.currentProjectId,
         },
         remoteMethod: FilterRemoteMethodsEnum.EXECUTE_USER,
-        placeholderText: t('caseManagement.featureCase.PleaseSelect'),
       },
     },
     {
diff --git a/frontend/src/views/test-plan/testPlan/detail/featureCase/detail/bug/index.vue b/frontend/src/views/test-plan/testPlan/detail/featureCase/detail/bug/index.vue
index 6f55a86b39..9fbf860853 100644
--- a/frontend/src/views/test-plan/testPlan/detail/featureCase/detail/bug/index.vue
+++ b/frontend/src/views/test-plan/testPlan/detail/featureCase/detail/bug/index.vue
@@ -135,7 +135,6 @@
       showInTable: true,
       showTooltip: false,
       width: 300,
-      ellipsis: true,
       showDrag: false,
     },
     {
@@ -148,7 +147,6 @@
       },
       showInTable: true,
       width: 150,
-      ellipsis: true,
       showDrag: false,
     },
     {
@@ -158,7 +156,6 @@
       showInTable: true,
       showTooltip: true,
       width: 200,
-      ellipsis: true,
     },
     {
       title: 'caseManagement.featureCase.updateUser',
@@ -170,7 +167,6 @@
       },
       showInTable: true,
       width: 200,
-      ellipsis: true,
     },
     {
       title: 'caseManagement.featureCase.tableColumnActions',
diff --git a/frontend/src/views/workbench/components/testCaseTable.vue b/frontend/src/views/workbench/components/testCaseTable.vue
index 1e216323cb..f7bafc91a4 100644
--- a/frontend/src/views/workbench/components/testCaseTable.vue
+++ b/frontend/src/views/workbench/components/testCaseTable.vue
@@ -117,7 +117,6 @@
       showTooltip: true,
       fixed: 'left',
       width: 180,
-      ellipsis: true,
     },
     {
       title: 'caseManagement.featureCase.tableColumnLevel',