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-08-12 11:51:43 +08:00 committed by 刘瑞斌
parent be98b48492
commit 2dc7eb8675
8 changed files with 9 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/views/test-plan/testPlan/components/testPlanTree.vue
View File

@ -347,7 +347,7 @@
const virtualListProps = computed(() => { const virtualListProps = computed(() => {
return { return {
height: 'calc(100vh - 240px)', height: 'calc(100vh - 200px)',
threshold: 200, threshold: 200,
fixedSize: true, fixedSize: true,
buffer: 15, buffer: 15,

2
frontend/src/views/test-plan/testPlan/detail/apiCase/components/caseTable.vue
View File

@ -317,7 +317,7 @@
scroll: { x: '100%' }, scroll: { x: '100%' },
tableKey: TableKeyEnum.TEST_PLAN_DETAIL_API_CASE, tableKey: TableKeyEnum.TEST_PLAN_DETAIL_API_CASE,
showSetting: true, showSetting: true,
heightUsed: 460, heightUsed: 445,
showSubdirectory: true, showSubdirectory: true,
draggable: { type: 'handle' }, draggable: { type: 'handle' },
draggableCondition: true, draggableCondition: true,

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

@ -85,7 +85,7 @@
const virtualListProps = computed(() => { const virtualListProps = computed(() => {
return { return {
height: 'calc(100vh - 408px)', height: 'calc(100vh - 390px)',
threshold: 200, threshold: 200,
fixedSize: true, fixedSize: true,
buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题 buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题

2
frontend/src/views/test-plan/testPlan/detail/apiScenario/components/scenarioTable.vue
View File

@ -299,7 +299,7 @@
scroll: { x: '100%' }, scroll: { x: '100%' },
tableKey: TableKeyEnum.TEST_PLAN_DETAIL_API_CASE, tableKey: TableKeyEnum.TEST_PLAN_DETAIL_API_CASE,
showSetting: true, showSetting: true,
heightUsed: 460, heightUsed: 445,
showSubdirectory: true, showSubdirectory: true,
draggable: { type: 'handle' }, draggable: { type: 'handle' },
draggableCondition: true, draggableCondition: true,

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

@ -79,7 +79,7 @@
const virtualListProps = computed(() => { const virtualListProps = computed(() => {
return { return {
height: 'calc(100vh - 408px)', height: 'calc(100vh - 390px)',
threshold: 200, threshold: 200,
fixedSize: true, fixedSize: true,
buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题 buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题

7
frontend/src/views/test-plan/testPlan/detail/featureCase/components/caseTable.vue
View File

@ -373,7 +373,7 @@
scroll: { x: '100%' }, scroll: { x: '100%' },
tableKey: TableKeyEnum.TEST_PLAN_DETAIL_FEATURE_CASE_TABLE, tableKey: TableKeyEnum.TEST_PLAN_DETAIL_FEATURE_CASE_TABLE,
showSetting: true, showSetting: true,
heightUsed: 460, heightUsed: 445,
showSubdirectory: true, showSubdirectory: true,
draggable: { type: 'handle' }, draggable: { type: 'handle' },
draggableCondition: true, draggableCondition: true,
@ -800,24 +800,19 @@
:deep(.param-input:not(.arco-input-focus, .arco-select-view-focus)) { :deep(.param-input:not(.arco-input-focus, .arco-select-view-focus)) {
&:not(:hover) { &:not(:hover) {
border-color: transparent !important; border-color: transparent !important;
.arco-input::placeholder { .arco-input::placeholder {
@apply invisible; @apply invisible;
} }
.arco-select-view-icon { .arco-select-view-icon {
@apply invisible; @apply invisible;
} }
.arco-select-view-value { .arco-select-view-value {
color: var(--color-text-brand); color: var(--color-text-brand);
} }
} }
} }
.list-show-type { .list-show-type {
padding: 0; padding: 0;
:deep(.arco-radio-button-content) { :deep(.arco-radio-button-content) {
padding: 4px 6px; padding: 4px 6px;
} }

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

@ -80,7 +80,7 @@
const virtualListProps = computed(() => { const virtualListProps = computed(() => {
return { return {
height: 'calc(100vh - 408px)', height: 'calc(100vh - 390px)',
threshold: 200, threshold: 200,
fixedSize: true, fixedSize: true,
buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题 buffer: 15, // 缓冲区默认 10 的时候，虚拟滚动的底部 padding 计算有问题

4
frontend/src/views/test-plan/testPlan/detail/index.vue
View File

@ -103,8 +103,8 @@
class="relative mx-[16px] border-b" class="relative mx-[16px] border-b"
/> />
</MsCard> </MsCard>
<!-- special-height的174: 上面卡片高度158 + mt的16 --> <!-- special-height的169: 上面卡片高度153 + mt的16 -->
<MsCard class="mt-[16px]" :special-height="174" simple has-breadcrumb no-content-padding> <MsCard class="mt-[16px]" :special-height="169" simple has-breadcrumb no-content-padding>
<Plan v-if="activeTab === 'plan'" :plan-id="planId" :status="detail.status || 'PREPARED'" @refresh="initDetail" /> <Plan v-if="activeTab === 'plan'" :plan-id="planId" :status="detail.status || 'PREPARED'" @refresh="initDetail" />
<FeatureCase <FeatureCase
v-else-if="activeTab === 'featureCase'" v-else-if="activeTab === 'featureCase'"