style: 调整系统设置中表格的高度适配紧凑布局 (#4273)

* style: 修改用例评审及测试计划编辑用例样式问题

* style: 调整系统设置中表格的高度适配紧凑布局

Co-authored-by: BugKing <wangzhen@fit2cloud.com>
This commit is contained in:
metersphere-bot 2021-07-01 18:26:58 +08:00 committed by GitHub
parent 5b68fdb4e0
commit 7a036915d7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
21 changed files with 37 additions and 24 deletions

View File

@ -139,7 +139,7 @@
condition: {}, condition: {},
tableData: [], tableData: [],
userList: [], userList: [],
screenHeight: 'calc(100vh - 275px)', screenHeight: 'calc(100vh - 215px)',
LOG_TYPE: [ LOG_TYPE: [
{id: 'CREATE', label: this.$t('api_test.definition.request.create_info')}, {id: 'CREATE', label: this.$t('api_test.definition.request.create_info')},
{id: 'DELETE', label: this.$t('commons.delete')}, {id: 'DELETE', label: this.$t('commons.delete')},

View File

@ -121,7 +121,7 @@
result: {}, result: {},
createVisible: false, createVisible: false,
updateVisible: false, updateVisible: false,
screenHeight: 'calc(100vh - 255px)', screenHeight: 'calc(100vh - 195px)',
form: {}, form: {},
queryPath: "/user/org/member/list", queryPath: "/user/org/member/list",
condition: {}, condition: {},

View File

@ -422,7 +422,7 @@ export default {
dialogTotal: 0, dialogTotal: 0,
memberLineData: [], memberLineData: [],
memberForm: {}, memberForm: {},
screenHeight: 'calc(100vh - 255px)', screenHeight: 'calc(100vh - 195px)',
form: { form: {
// name: "", // name: "",
// description: "" // description: ""

View File

@ -149,7 +149,7 @@
total: 0, total: 0,
projectIds: [], //id projectIds: [], //id
projectFilters: [], projectFilters: [],
screenHeight: 'calc(100vh - 255px)', screenHeight: 'calc(100vh - 195px)',
} }
}, },
created() { created() {

View File

@ -105,7 +105,7 @@ export default {
result: {}, result: {},
dialogResult: {}, dialogResult: {},
tableData: [], tableData: [],
screenHeight: 'calc(100vh - 255px)', screenHeight: 'calc(100vh - 195px)',
currentPage: 1, currentPage: 1,
pageSize: 10, pageSize: 10,
total: 0, total: 0,

View File

@ -214,7 +214,7 @@ export default {
// caseTemplateId: [{required: true}], // caseTemplateId: [{required: true}],
// issueTemplateId: [{required: true}], // issueTemplateId: [{required: true}],
}, },
screenHeight: 'calc(100vh - 255px)', screenHeight: 'calc(100vh - 195px)',
labelWidth: '150px' labelWidth: '150px'
}; };
}, },

View File

@ -214,7 +214,7 @@ export default {
dialogPageSize: 10, dialogPageSize: 10,
dialogTotal: 0, dialogTotal: 0,
currentRow: {}, currentRow: {},
screenHeight: 'calc(100vh - 255px)', screenHeight: 'calc(100vh - 195px)',
condition: {}, condition: {},
dialogCondition: {}, dialogCondition: {},
tableData: [], tableData: [],

View File

@ -449,7 +449,7 @@ export default {
dialogTotal: 0, dialogTotal: 0,
memberLineData: [], memberLineData: [],
memberForm: {}, memberForm: {},
screenHeight: 'calc(100vh - 255px)', screenHeight: 'calc(100vh - 195px)',
form: { form: {
// name: "", // name: "",
// description: "" // description: ""

View File

@ -233,7 +233,7 @@ export default {
pageSize: 10, pageSize: 10,
total: 0, total: 0,
form: {}, form: {},
screenHeight: 'calc(100vh - 255px)', screenHeight: 'calc(100vh - 195px)',
requiredRules: [{required: true, message: this.$t('test_resource_pool.fill_the_data'), trigger: 'blur'}], requiredRules: [{required: true, message: this.$t('test_resource_pool.fill_the_data'), trigger: 'blur'}],
rule: { rule: {
name: [ name: [

View File

@ -189,7 +189,7 @@ export default {
id: '' id: ''
}] }]
}, },
screenHeight: 'calc(100vh - 255px)', screenHeight: 'calc(100vh - 195px)',
checkPasswordForm: {}, checkPasswordForm: {},
ruleForm: {}, ruleForm: {},
buttons: [ buttons: [

View File

@ -94,7 +94,7 @@ export default {
currentPage: 1, currentPage: 1,
pageSize: 10, pageSize: 10,
total: 0, total: 0,
screenHeight: 'calc(100vh - 275px)', screenHeight: 'calc(100vh - 200px)',
groups: [], groups: [],
currentGroup: {} currentGroup: {}
}; };

View File

@ -296,7 +296,7 @@ export default {
// caseTemplateId: [{required: true}], // caseTemplateId: [{required: true}],
// issueTemplateId: [{required: true}], // issueTemplateId: [{required: true}],
}, },
screenHeight: 'calc(100vh - 255px)', screenHeight: 'calc(100vh - 195px)',
dialogCondition: {}, dialogCondition: {},
memberVisible: false, memberVisible: false,
memberLineData: [], memberLineData: [],

View File

@ -136,7 +136,7 @@
{required: true, message: this.$t('group.please_select_group'), trigger: ['blur']} {required: true, message: this.$t('group.please_select_group'), trigger: ['blur']}
] ]
}, },
screenHeight: 'calc(100vh - 255px)', screenHeight: 'calc(100vh - 195px)',
multipleSelection: [], multipleSelection: [],
currentPage: 1, currentPage: 1,
pageSize: 10, pageSize: 10,

View File

@ -149,7 +149,7 @@
total: 0, total: 0,
projectIds: [], //id projectIds: [], //id
projectFilters: [], projectFilters: [],
screenHeight: 'calc(100vh - 255px)', screenHeight: 'calc(100vh - 195px)',
} }
}, },
created() { created() {

View File

@ -233,6 +233,6 @@ export default {
<style scoped> <style scoped>
/deep/ .el-table__fixed-body-wrapper { /deep/ .el-table__fixed-body-wrapper {
top: 58PX !IMPORTANT; top: 47PX !IMPORTANT;
} }
</style> </style>

View File

@ -179,6 +179,6 @@ export default {
<style scoped> <style scoped>
/deep/ .el-table__fixed-body-wrapper { /deep/ .el-table__fixed-body-wrapper {
top: 58PX !IMPORTANT; top: 47PX !IMPORTANT;
} }
</style> </style>

View File

@ -187,6 +187,6 @@ export default {
<style scoped> <style scoped>
/deep/ .el-table__fixed-body-wrapper { /deep/ .el-table__fixed-body-wrapper {
top: 58PX !IMPORTANT; top: 47PX !IMPORTANT;
} }
</style> </style>

View File

@ -38,7 +38,7 @@
<el-row class="head-bar"> <el-row class="head-bar">
<el-col> <el-col>
<el-divider content-position="left"> <el-divider content-position="left">
<el-button type="text" @click="openTestTestCase(testCase)">{{ testCase.name }}</el-button> <el-button class="test-case-name" type="text" @click="openTestTestCase(testCase)">{{ testCase.name }}</el-button>
</el-divider> </el-divider>
</el-col> </el-col>
</el-row> </el-row>
@ -501,7 +501,7 @@ export default {
} }
.container >>> .el-card__body { .container >>> .el-card__body {
height: calc(100vh - 70px); height: calc(100vh - 50px);
} }
.comment-card >>> .el-card__header { .comment-card >>> .el-card__header {
@ -509,7 +509,7 @@ export default {
} }
.comment-card >>> .el-card__body { .comment-card >>> .el-card__body {
height: calc(100vh - 120px); height: calc(100vh - 100px);
} }
.case_container > .el-row { .case_container > .el-row {
@ -543,4 +543,13 @@ p {
.save-btn { .save-btn {
margin-left: 10px; margin-left: 10px;
} }
.el-divider__text {
line-height: normal;
}
.test-case-name {
padding: 0;
}
</style> </style>

View File

@ -222,7 +222,7 @@
<style scoped> <style scoped>
.el-main { .el-main {
height: calc(100vh - 70px); height: calc(100vh - 50px);
width: 100%; width: 100%;
} }

View File

@ -494,7 +494,7 @@ export default {
} }
.container >>> .el-card__body { .container >>> .el-card__body {
height: calc(100vh - 70px); height: calc(100vh - 50px);
} }
.comment-card >>> .el-card__header { .comment-card >>> .el-card__header {
@ -502,7 +502,7 @@ export default {
} }
.comment-card >>> .el-card__body { .comment-card >>> .el-card__body {
height: calc(100vh - 120px); height: calc(100vh - 100px);
} }
.tb-edit >>> .el-textarea__inner { .tb-edit >>> .el-textarea__inner {
@ -515,4 +515,8 @@ export default {
padding-left: 40px; padding-left: 40px;
padding-right: 15px; padding-right: 15px;
} }
.el-divider__text {
line-height: normal;
}
</style> </style>

View File

@ -502,5 +502,5 @@ export function getNodePath(id, moduleOptions) {
} }
export function getDefaultTableHeight() { export function getDefaultTableHeight() {
return document.documentElement.clientHeight - 280; return document.documentElement.clientHeight - 200;
} }