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:
CaptainB 2021-11-22 12:22:55 +08:00 committed by 刘瑞斌
parent c17637eb19
commit 1f69bad623
4 changed files with 33 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/business/components/common/components/MsAsideContainer.vue
View File

@ -10,7 +10,7 @@
<i v-if="!asideHidden" class="el-icon-arrow-left"/>
<i v-if="asideHidden" class="el-icon-arrow-right"/>
</div>
<div style="overflow: scroll" :style="{'height': containerCalHeight }">
<div style="overflow: scroll" class="ms-aside-node-tree" :style="{'height': containerCalHeight }">
<slot></slot>
</div>
<ms-horizontal-drag-bar/>

9
frontend/src/business/components/track/plan/view/TestPlanView.vue
View File

@ -142,15 +142,6 @@ export default {
display: inline-block;
}
/*/deep/ .ms-main-container {*/
/* height: calc(100vh - 80px - 53px);*/
/*}*/
/*/deep/ .ms-aside-container {*/
/* height: calc(100vh - 80px - 53px);*/
/* margin-top: 1px;*/
/*}*/
.header-menu.el-menu--horizontal > li {
height: 49px;
line-height: 50px;

22
frontend/src/business/components/track/plan/view/comonents/base/TestPlanCommonComponent.vue
View File

@ -15,15 +15,27 @@
</template>
<script>
import MsMainContainer from "../../../../../common/components/MsMainContainer";
import MsAsideContainer from "../../../../../common/components/MsAsideContainer";
import MsContainer from "../../../../../common/components/MsContainer";
export default {
import MsMainContainer from "../../../../../common/components/MsMainContainer";
import MsAsideContainer from "../../../../../common/components/MsAsideContainer";
import MsContainer from "../../../../../common/components/MsContainer";
export default {
name: "MsTestPlanCommonComponent",
components: {MsContainer, MsAsideContainer, MsMainContainer}
}
};
</script>
<style scoped>
.ms-main-container {
height: calc(100vh - 132px) !important;
}
.ms-aside-container {
height: calc(100vh - 132px) !important;
}
.ms-aside-container >>> .ms-aside-node-tree {
height: calc(100vh - 145px) !important;
}
</style>

17
frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportContent.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="container">
<el-main>
<ms-container>
<ms-main-container>
<el-card v-loading="result ? result.loading : false">
<test-plan-report-buttons :is-db="isDb" :plan-id="planId" :is-share="isShare" :report="report"
v-if="!isTemplate && !isShare"/>
@ -10,7 +10,7 @@
<test-plan-api-report v-if="apiEnable" :is-db="isDb" :share-id="shareId" :is-share="isShare" :is-template="isTemplate" :report="report" :plan-id="planId"/>
<test-plan-load-report v-if="loadEnable" :is-db="isDb" :share-id="shareId" :is-share="isShare" :is-template="isTemplate" :report="report" :plan-id="planId"/>
</el-card>
</el-main>
</ms-main-container>
<test-plan-report-navigation-bar
:api-enable="apiEnable"
:summary-enable="summaryEnable"
@ -18,7 +18,7 @@
:load-enable="loadEnable"
:overview-enable="overviewEnable"
:is-template="isTemplate"/>
</div>
</ms-container>
</template>
<script>
@ -41,9 +41,13 @@ import TestPlanSummaryReport from "@/business/components/track/plan/view/comonen
import TestPlanReportButtons from "@/business/components/track/plan/view/comonents/report/detail/TestPlanReportButtons";
import TestPlanReportNavigationBar
from "@/business/components/track/plan/view/comonents/report/detail/TestPlanReportNavigationBar";
import MsContainer from "@/business/components/common/components/MsContainer";
import MsMainContainer from "@/business/components/common/components/MsMainContainer";
export default {
name: "TestPlanReportContent",
components: {
MsMainContainer,
MsContainer,
TestPlanReportNavigationBar,
TestPlanReportButtons,
TestPlanSummaryReport,
@ -224,6 +228,11 @@ export default {
</script>
<style scoped>
.ms-main-container {
height: calc(100vh - 132px);
}
.el-card {
/*width: 95% !important;*/
padding: 15px;