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 70c907fdeb..1be7221d84 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
@@ -358,6 +358,7 @@
       slotName: 'method',
       titleSlotName: 'methodFilter',
       width: 140,
+      showDrag: true,
     },
     {
       title: 'apiTestManagement.apiStatus',
@@ -365,12 +366,14 @@
       slotName: 'status',
       titleSlotName: 'statusFilter',
       width: 130,
+      showDrag: true,
     },
     {
       title: 'apiTestManagement.path',
       dataIndex: 'path',
       showTooltip: true,
       width: 200,
+      showDrag: true,
     },
     {
       title: 'common.tag',
@@ -378,11 +381,13 @@
       isTag: true,
       isStringTag: true,
       width: 150,
+      showDrag: true,
     },
     {
       title: 'apiTestManagement.version',
       dataIndex: 'versionName',
       width: 100,
+      showDrag: true,
     },
     {
       title: 'apiTestManagement.createTime',
@@ -392,6 +397,7 @@
         sorter: true,
       },
       width: 180,
+      showDrag: true,
     },
     {
       title: 'apiTestManagement.updateTime',
@@ -401,11 +407,13 @@
         sorter: true,
       },
       width: 180,
+      showDrag: true,
     },
     {
       title: 'common.creator',
       dataIndex: 'createUserName',
       width: 180,
+      showDrag: true,
     },
     {
       title: hasOperationPermission.value ? 'common.operation' : '',
@@ -426,6 +434,7 @@
       showSelectAll: !props.readOnly,
       draggable: props.readOnly ? undefined : { type: 'handle', width: 32 },
       heightUsed: 308,
+      showSubdirectory: true,
     },
     (item) => ({
       ...item,
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 1d9259a756..0e246dc8fa 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
@@ -418,6 +418,7 @@
         sorter: true,
       },
       width: 150,
+      showDrag: true,
     },
     {
       title: 'apiTestManagement.apiStatus',
@@ -429,18 +430,21 @@
         sorter: true,
       },
       width: 150,
+      showDrag: true,
     },
     {
       title: 'apiTestManagement.path',
       dataIndex: 'path',
       showTooltip: true,
       width: 150,
+      showDrag: true,
     },
     {
       title: 'common.tag',
       dataIndex: 'tags',
       isTag: true,
       isStringTag: true,
+      showDrag: true,
     },
     {
       title: 'case.lastReportStatus',
@@ -449,6 +453,7 @@
       titleSlotName: 'lastReportStatusFilter',
       showInTable: false,
       width: 150,
+      showDrag: true,
     },
     {
       title: 'case.passRate',
@@ -457,6 +462,7 @@
       showInTable: false,
       showTooltip: true,
       width: 150,
+      showDrag: true,
     },
     {
       title: 'case.caseEnvironment',
@@ -464,6 +470,7 @@
       showTooltip: true,
       showInTable: false,
       width: 150,
+      showDrag: true,
     },
     {
       title: 'case.tableColumnUpdateUser',
@@ -471,6 +478,7 @@
       showInTable: false,
       showTooltip: true,
       width: 180,
+      showDrag: true,
     },
     {
       title: 'case.tableColumnUpdateTime',
@@ -482,12 +490,14 @@
         sorter: true,
       },
       width: 180,
+      showDrag: true,
     },
     {
       title: 'case.tableColumnCreateUser',
       dataIndex: 'createName',
       showTooltip: true,
       width: 180,
+      showDrag: true,
     },
     {
       title: 'case.tableColumnCreateTime',
@@ -499,6 +509,7 @@
         sorter: true,
       },
       width: 180,
+      showDrag: true,
     },
     {
       title: hasOperationPermission.value ? 'common.operation' : '',
@@ -517,6 +528,7 @@
     showSelectAll: true,
     draggable: { type: 'handle', width: 32 },
     heightUsed: props.isApi ? 356 : 308,
+    showSubdirectory: true,
   });
   const batchActions = {
     baseAction: [
diff --git a/frontend/src/views/api-test/management/components/management/mock/mockTable.vue b/frontend/src/views/api-test/management/components/management/mock/mockTable.vue
index a64ca0d8a6..cdf7c3f087 100644
--- a/frontend/src/views/api-test/management/components/management/mock/mockTable.vue
+++ b/frontend/src/views/api-test/management/components/management/mock/mockTable.vue
@@ -151,6 +151,7 @@
       selectable: true,
       showSelectAll: !props.readOnly,
       draggable: props.readOnly ? undefined : { type: 'handle', width: 32 },
+      showSubdirectory: true,
     },
     (item) => ({
       ...item,
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 636ac9aaa4..cc6ebbe7c5 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
@@ -168,6 +168,7 @@
       slotName: 'method',
       titleSlotName: 'methodFilter',
       width: 140,
+      showDrag: true,
     },
     {
       title: 'apiTestManagement.apiStatus',
@@ -175,12 +176,14 @@
       slotName: 'status',
       titleSlotName: 'statusFilter',
       width: 130,
+      showDrag: true,
     },
     {
       title: 'apiTestManagement.path',
       dataIndex: 'path',
       showTooltip: true,
       width: 200,
+      showDrag: true,
     },
     {
       title: 'common.tag',
@@ -188,11 +191,13 @@
       isTag: true,
       isStringTag: true,
       width: 150,
+      showDrag: true,
     },
     {
       title: 'apiTestManagement.version',
       dataIndex: 'versionName',
       width: 100,
+      showDrag: true,
     },
     {
       title: 'apiTestManagement.deleteTime',
@@ -202,6 +207,7 @@
         sorter: true,
       },
       width: 180,
+      showDrag: true,
     },
     {
       title: 'apiTestManagement.deleteUser',
@@ -212,6 +218,7 @@
         sorter: true,
       },
       width: 180,
+      showDrag: true,
     },
     {
       title: 'common.operation',
@@ -232,6 +239,7 @@
       showSelectAll: !props.readOnly,
       draggable: props.readOnly ? undefined : { type: 'handle', width: 32 },
       heightUsed: 374,
+      showSubdirectory: true,
     },
     (item) => ({
       ...item,
@@ -470,15 +478,12 @@
   :deep(.param-input:not(.arco-input-focus, .arco-select-view-focus)) {
     &:not(:hover) {
       border-color: transparent !important;
-
       .arco-input::placeholder {
         @apply invisible;
       }
-
       .arco-select-view-icon {
         @apply invisible;
       }
-
       .arco-select-view-value {
         color: var(--color-text-brand);
       }
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 caf71d95ff..2957103a93 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
@@ -215,6 +215,7 @@
         sorter: true,
       },
       width: 150,
+      showDrag: true,
     },
     {
       title: 'apiTestManagement.apiStatus',
@@ -226,12 +227,14 @@
         sorter: true,
       },
       width: 150,
+      showDrag: true,
     },
     {
       title: 'apiTestManagement.path',
       dataIndex: 'path',
       showTooltip: true,
       width: 150,
+      showDrag: true,
     },
     {
       title: 'common.tag',
@@ -239,6 +242,7 @@
       isTag: true,
       isStringTag: true,
       width: 150,
+      showDrag: true,
     },
     {
       title: 'case.lastReportStatus',
@@ -247,6 +251,7 @@
       showInTable: false,
       showTooltip: true,
       width: 150,
+      showDrag: true,
     },
     {
       title: 'case.passRate',
@@ -255,6 +260,7 @@
       showInTable: false,
       showTooltip: true,
       width: 150,
+      showDrag: true,
     },
     {
       title: 'case.caseEnvironment',
@@ -262,6 +268,7 @@
       showTooltip: true,
       showInTable: false,
       width: 150,
+      showDrag: true,
     },
     {
       title: 'case.tableColumnUpdateUser',
@@ -269,6 +276,7 @@
       showInTable: true,
       showTooltip: true,
       width: 180,
+      showDrag: true,
     },
     {
       title: 'case.tableColumnUpdateTime',
@@ -280,12 +288,14 @@
         sorter: true,
       },
       width: 180,
+      showDrag: true,
     },
     {
       title: 'case.tableColumnCreateUser',
       dataIndex: 'createName',
       showTooltip: true,
       width: 180,
+      showDrag: true,
     },
     {
       title: 'case.tableColumnCreateTime',
@@ -297,6 +307,7 @@
         sorter: true,
       },
       width: 180,
+      showDrag: true,
     },
     {
       title: 'apiTestManagement.deleteUser',
@@ -304,6 +315,7 @@
       showInTable: true,
       showTooltip: true,
       width: 180,
+      showDrag: true,
     },
     {
       title: 'apiTestManagement.deleteTime',
@@ -316,6 +328,7 @@
         sorter: true,
       },
       width: 180,
+      showDrag: true,
     },
     {
       title: 'common.operation',
@@ -334,6 +347,7 @@
     selectable: true,
     showSelectAll: true,
     draggable: { type: 'handle', width: 32 },
+    showSubdirectory: true,
   });
   const batchActions = {
     baseAction: [
diff --git a/frontend/src/views/api-test/scenario/components/scenarioTable.vue b/frontend/src/views/api-test/scenario/components/scenarioTable.vue
index 9822ca0514..64972d5766 100644
--- a/frontend/src/views/api-test/scenario/components/scenarioTable.vue
+++ b/frontend/src/views/api-test/scenario/components/scenarioTable.vue
@@ -526,6 +526,7 @@
       showSelectAll: !props.readOnly,
       draggable: props.readOnly ? undefined : { type: 'handle', width: 32 },
       heightUsed: 374,
+      showSubdirectory: true,
     },
     (item) => ({
       ...item,
diff --git a/frontend/src/views/api-test/scenario/recycle/recycleTable.vue b/frontend/src/views/api-test/scenario/recycle/recycleTable.vue
index 9d90eaf53a..956afa9f8b 100644
--- a/frontend/src/views/api-test/scenario/recycle/recycleTable.vue
+++ b/frontend/src/views/api-test/scenario/recycle/recycleTable.vue
@@ -310,6 +310,7 @@
       showSelectAll: !props.readOnly,
       draggable: props.readOnly ? undefined : { type: 'handle', width: 32 },
       heightUsed: 374,
+      showSubdirectory: true,
     },
     (item) => ({
       ...item,