style: 模块树样式优化-去掉所有模块树的分割线

frontend/src/components/business/ms-associate-case/caseTree.vue

@@ -10,8 +10,7 @@
     @set-active-folder="setActiveFolder"
     @selected-protocols-change="selectedProtocolsChange"
   />
-  <a-divider class="my-[8px] mt-0" />
+  <div class="my-[8px] flex items-center gap-[8px]">
-  <div class="mb-[8px] flex items-center gap-[8px]">
     <a-input
       v-model:model-value="moduleKeyword"
       :placeholder="t('caseManagement.caseReview.folderSearchPlaceholder')"
@@ -275,36 +274,6 @@
 </script>
 
 <style scoped lang="less">
-  .folder {
-    @apply flex cursor-pointer items-center justify-between;
-
-    padding: 8px 4px;
-    border-radius: var(--border-radius-small);
-    &:hover {
-      background-color: rgb(var(--primary-1));
-    }
-    .folder-text {
-      @apply flex cursor-pointer items-center;
-      .folder-icon {
-        margin-right: 4px;
-        color: var(--color-text-4);
-      }
-      .folder-name {
-        color: var(--color-text-1);
-      }
-      .folder-count {
-        margin-left: 4px;
-        color: var(--color-text-4);
-      }
-    }
-    .folder-text--active {
-      .folder-icon,
-      .folder-name,
-      .folder-count {
-        color: rgb(var(--primary-5));
-      }
-    }
-  }
   .footer {
     @apply flex items-center justify-between;
 

frontend/src/components/business/ms-case-associate/index.vue

@@ -74,7 +74,6 @@
           @set-active-folder="setActiveFolder"
           @selected-protocols-change="selectedProtocolsChange"
         />
-        <a-divider class="my-[8px]" />
         <a-spin class="w-full" :loading="moduleLoading">
           <MsTree
             v-model:selected-keys="selectedModuleKeys"
@@ -837,36 +836,6 @@
 </script>
 
 <style lang="less" scoped>
-  .folder {
-    @apply flex cursor-pointer items-center justify-between;
-
-    padding: 8px 4px;
-    border-radius: var(--border-radius-small);
-    &:hover {
-      background-color: rgb(var(--primary-1));
-    }
-    .folder-text {
-      @apply flex cursor-pointer items-center;
-      .folder-icon {
-        margin-right: 4px;
-        color: var(--color-text-4);
-      }
-      .folder-name {
-        color: var(--color-text-1);
-      }
-      .folder-count {
-        margin-left: 4px;
-        color: var(--color-text-4);
-      }
-    }
-    .folder-text--active {
-      .folder-icon,
-      .folder-name,
-      .folder-count {
-        color: rgb(var(--primary-5));
-      }
-    }
-  }
   .footer {
     @apply flex items-center justify-between;
 

frontend/src/components/business/ms-common-script/formApiImportDrawer.vue

@@ -32,7 +32,6 @@
             <div class="folder-count">({{ modulesCount['all'] || 0 }})</div>
           </div>
         </div>
-        <a-divider class="my-[8px]" />
         <a-spin class="w-full" :loading="moduleLoading">
           <MsTree
             v-model:selected-keys="selectedModuleKeys"

frontend/src/components/business/ms-folder-all/index.vue

@@ -62,13 +62,15 @@
   .folder {
     @apply flex cursor-pointer items-center justify-between;
 
-    padding: 8px 4px;
+    padding: 4px;
     border-radius: var(--border-radius-small);
     &:hover {
       background-color: rgb(var(--primary-1));
     }
     .folder-text {
       @apply flex cursor-pointer items-center;
+
+      height: 26px;
       .folder-icon {
         margin-right: 4px;
         color: var(--color-text-4);

frontend/src/components/business/ms-link-file/associatedFileDrawer.vue

@@ -14,14 +14,13 @@
     <MsSplitBox>
       <template #first>
         <div class="p-[16px] pt-0">
-          <div class="folder" @click="setActiveFolder('all')">
+          <div class="folder mb-[8px]" @click="setActiveFolder('all')">
             <div class="folder-text" :class="getFolderClass('all')">
               <MsIcon type="icon-icon_folder_filled1" class="folder-icon" />
               <div class="folder-name">{{ t('project.fileManagement.allFile') }}</div>
               <div class="folder-count">({{ allFileCount }})</div>
             </div>
           </div>
-          <a-divider class="my-[8px]" />
           <a-radio-group v-model:model-value="showType" type="button" class="file-show-type" @change="changeShowType">
             <a-radio value="Module">{{ t('project.fileManagement.module') }}</a-radio>
             <a-radio value="Storage">{{ t('project.fileManagement.storage') }}</a-radio>

frontend/src/views/api-test/debug/components/moduleTree.vue

@@ -59,7 +59,6 @@
         </popConfirm>
       </div>
     </div>
-    <a-divider class="my-[8px]" />
     <a-spin class="max-h-[calc(100%-98px)] w-full" :loading="loading">
       <MsTree
         v-model:selected-keys="selectedKeys"

frontend/src/views/api-test/management/components/moduleTree.vue

@@ -76,7 +76,6 @@
           </popConfirm>
         </template>
       </TreeFolderAll>
-      <a-divider class="my-[8px]" />
     </template>
     <a-input
       v-else

frontend/src/views/api-test/scenario/components/common/importApiDrawer/moduleTree.vue

@@ -20,7 +20,6 @@
         <div class="folder-count">({{ allScenarioCount }})</div>
       </div>
     </div>
-    <a-divider class="my-[8px]" />
     <a-spin class="w-full" :loading="loading">
       <MsTree
         v-model:selected-keys="selectedKeys"

frontend/src/views/api-test/scenario/components/scenarioModuleTree.vue

@@ -49,8 +49,6 @@
         </popConfirm>
       </div>
     </div>
-    <a-divider class="my-[8px]" />
-
     <a-spin class="w-full" :style="{ height: `calc(100vh - 248px)` }" :loading="loading">
       <MsTree
         v-model:focus-node-key="focusNodeKey"

frontend/src/views/api-test/scenario/recycle/recycleTree.vue

@@ -14,7 +14,6 @@
         </a-tooltip>
       </div>
     </div>
-    <a-divider class="my-[8px]" />
     <div class="mb-[8px] flex items-center gap-[8px]">
       <a-input
         v-model:model-value="moduleKeyword"

frontend/src/views/case-management/caseManagementFeature/components/recycleCaseTable.vue

@@ -24,7 +24,6 @@
                 </a-tooltip>
               </div>
             </div>
-            <a-divider class="my-[8px]" />
             <a-spin class="h-[calc(100vh-274px)] w-full" :loading="loading">
               <MsTree
                 v-model:focus-node-key="focusNodeKey"

frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/preAndPostCaseDrawer.vue

@@ -24,7 +24,6 @@
             <div class="folder-count">({{ modulesCount['all'] }})</div>
           </div>
         </div>
-        <a-divider class="my-[8px]" />
         <a-spin class="w-full" :loading="moduleLoading">
           <MsTree
             v-model:focus-node-key="focusNodeKey"
@@ -543,13 +542,15 @@
   .folder {
     @apply flex cursor-pointer items-center justify-between;
 
-    padding: 8px 4px;
+    padding: 4px;
     border-radius: var(--border-radius-small);
     &:hover {
       background-color: rgb(var(--primary-1));
     }
     .folder-text {
       @apply flex cursor-pointer items-center;
+
+      height: 26px;
       .folder-icon {
         margin-right: 4px;
         color: var(--color-text-4);

frontend/src/views/case-management/caseManagementFeature/index.vue

@@ -88,7 +88,6 @@
                 </MsPopConfirm>
               </div>
             </div>
-            <a-divider class="my-[8px]" />
             <div class="h-[calc(100vh-236px)]">
               <FeatureCaseTree
                 ref="caseTreeRef"

frontend/src/views/case-management/caseReview/components/detail/caseTree.vue

@@ -13,7 +13,6 @@
       :all-count="allCount"
       @set-active-folder="setActiveFolder"
     />
-    <a-divider class="my-[8px]" />
     <a-spin class="min-h-[200px] w-full" :loading="loading">
       <MsTree
         :selected-keys="selectedKeys"

frontend/src/views/case-management/caseReview/components/index/moduleTree.vue

@@ -42,7 +42,6 @@
         </popConfirm>
       </template>
     </MsFolderAll>
-    <a-divider v-if="!props.isModal" class="my-[8px]" />
     <a-spin class="min-h-[400px] w-full" :loading="loading">
       <MsTree
         v-model:focus-node-key="focusNodeKey"

frontend/src/views/project-management/fileManagement/index.vue

@@ -10,7 +10,7 @@
               <div class="folder-count">({{ myFileCount }})</div>
             </div>
           </div>
-          <div class="folder" @click="setActiveFolder('all')">
+          <div class="folder mb-[8px]" @click="setActiveFolder('all')">
             <div :class="getFolderClass('all')">
               <MsIcon type="icon-icon_folder_filled1" class="folder-icon" />
               <div class="folder-name">{{ t('project.fileManagement.allFile') }}</div>
@@ -50,7 +50,6 @@
               </popConfirm>
             </div>
           </div>
-          <a-divider class="my-[8px]" />
           <a-radio-group v-model:model-value="showType" type="button" class="file-show-type" @change="changeShowType">
             <a-radio value="Module">{{ t('project.fileManagement.module') }}</a-radio>
             <a-radio value="Storage">{{ t('project.fileManagement.storage') }}</a-radio>

frontend/src/views/test-plan/testPlan/detail/apiCase/components/caseTree.vue

@@ -22,7 +22,6 @@
       @set-active-folder="setActiveFolder"
       @selected-protocols-change="selectedProtocolsChange"
     />
-    <a-divider class="my-[8px]" />
     <a-spin class="min-h-[200px] w-full" :loading="loading">
       <MsTree
         :selected-keys="selectedKeys"

frontend/src/views/test-plan/testPlan/detail/apiScenario/components/scenarioTree.vue

@@ -18,7 +18,6 @@
       :all-count="allCount"
       @set-active-folder="setActiveFolder"
     />
-    <a-divider class="my-[8px]" />
     <a-spin class="min-h-[200px] w-full" :loading="loading">
       <MsTree
         :selected-keys="selectedKeys"

frontend/src/views/test-plan/testPlan/detail/featureCase/components/caseTree.vue

@@ -18,7 +18,6 @@
       :all-count="allCount"
       @set-active-folder="setActiveFolder"
     />
-    <a-divider class="my-[8px]" />
     <a-spin class="min-h-[200px] w-full" :loading="loading">
       <MsTree
         :selected-keys="selectedKeys"