test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

This commit is contained in:
teukkk 2024-07-22 17:27:38 +08:00 committed by 刘瑞斌
parent 12a2a8eaba
commit ed6c61fb31
19 changed files with 9 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,8 +10,7 @@
@set-active-folder="setActiveFolder"
@selected-protocols-change="selectedProtocolsChange"
/>
<a-divider class="my-[8px] mt-0" />
<div class="mb-[8px] flex items-center gap-[8px]">
<div class="my-[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;

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

@ -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;

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

@ -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"

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

@ -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);

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

@ -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>

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

@ -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"

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

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

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

@ -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"

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

@ -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"

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

@ -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"

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

@ -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"

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

@ -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);

1
frontend/src/views/case-management/caseManagementFeature/index.vue
View File

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

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

@ -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"

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

@ -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"

3
frontend/src/views/project-management/fileManagement/index.vue
View File

@ -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>

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

@ -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"

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

@ -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"

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

@ -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"