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:
BugKing 2021-06-30 18:44:16 +08:00
parent 5e9b66b38d
commit 9470cec489
82 changed files with 131 additions and 278 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/business/components/api/automation/report/ApiReportList.vue
View File

@ -4,7 +4,6 @@
<el-card class="table-card" v-loading="result.loading"> <el-card class="table-card" v-loading="result.loading">
<template v-slot:header> <template v-slot:header>
<ms-table-header :condition.sync="condition" @search="search" <ms-table-header :condition.sync="condition" @search="search"
:title="$t('api_report.title')"
:show-create="false"/> :show-create="false"/>
</template> </template>
<el-table ref="reportListTable" border :data="tableData" class="adjust-table table-content" @sort-change="sort" <el-table ref="reportListTable" border :data="tableData" class="adjust-table table-content" @sort-change="sort"
@ -133,7 +132,7 @@ export default {
selectAll: false, selectAll: false,
unSelection: [], unSelection: [],
selectDataCounts: 0, selectDataCounts: 0,
screenHeight: 'calc(100vh - 295px)', screenHeight: 'calc(100vh - 200px)',
} }
}, },

2
frontend/src/business/components/api/automation/report/components/MetricChart.vue
View File

@ -224,7 +224,7 @@
<style scoped> <style scoped>
.metric-container { .metric-container {
padding: 20px; padding: 5px 10px;
} }
.metric-container #chart { .metric-container #chart {

2
frontend/src/business/components/api/automation/report/components/RequestMetric.vue
View File

@ -35,7 +35,7 @@
<style scoped> <style scoped>
.metric-container { .metric-container {
padding: 20px; padding: 5px 10px;
} }
.metric { .metric {

2
frontend/src/business/components/api/automation/report/components/RequestText.vue
View File

@ -62,7 +62,7 @@
.text-container .pane { .text-container .pane {
background-color: #F9F9F9; background-color: #F9F9F9;
padding: 10px; padding: 1px 0;
height: 250px; height: 250px;
overflow-y: auto; overflow-y: auto;
} }

2
frontend/src/business/components/api/automation/report/components/ResponseText.vue
View File

@ -142,7 +142,7 @@ export default {
.text-container .pane { .text-container .pane {
background-color: #F5F5F5; background-color: #F5F5F5;
padding: 0 10px; padding: 1px 0;
height: 250px; height: 250px;
overflow-y: auto; overflow-y: auto;
} }

7
frontend/src/business/components/api/automation/scenario/ApiCustomize.vue
View File

@ -84,12 +84,5 @@
</script> </script>
<style scoped> <style scoped>
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 20px 0;
}
</style> </style>

6
frontend/src/business/components/api/automation/scenario/ApiScenarioList.vue
View File

@ -288,7 +288,7 @@ export default {
type: API_SCENARIO_LIST, type: API_SCENARIO_LIST,
fields: getCustomTableHeader('API_SCENARIO'), fields: getCustomTableHeader('API_SCENARIO'),
fieldsWidth: getCustomTableWidth('API_SCENARIO'), fieldsWidth: getCustomTableWidth('API_SCENARIO'),
screenHeight: 'calc(100vh - 275px)',//屏幕高度, screenHeight: 'calc(100vh - 220px)',//屏幕高度,
condition: { condition: {
components: API_SCENARIO_CONFIGS components: API_SCENARIO_CONFIGS
}, },
@ -942,7 +942,7 @@ export default {
padding: 10px; padding: 10px;
} }
/deep/ .el-table__fixed-body-wrapper { /* /deep/ .el-table__fixed-body-wrapper {
top: 60px !important; top: 60px !important;
} } */
</style> </style>

11
frontend/src/business/components/api/automation/scenario/EditApiScenario.vue
View File

@ -1259,7 +1259,7 @@ export default {
<style scoped> <style scoped>
.card-content { .card-content {
height: calc(100vh - 196px); height: calc(100vh - 156px);
overflow-y: auto; overflow-y: auto;
} }
@ -1282,13 +1282,6 @@ export default {
padding: 7px; padding: 7px;
} }
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
}
.ms-api-col { .ms-api-col {
background-color: #7C3985; background-color: #7C3985;
border-color: #7C3985; border-color: #7C3985;
@ -1318,7 +1311,7 @@ export default {
} }
/deep/ .el-card__body { /deep/ .el-card__body {
padding: 10px; padding: 6px 10px;
} }
/deep/ .el-drawer__body { /deep/ .el-drawer__body {

10
frontend/src/business/components/api/automation/scenario/component/ApiComponent.vue
View File

@ -431,15 +431,7 @@ export default {
} }
/deep/ .el-card__body { /deep/ .el-card__body {
padding: 10px; padding: 6px 10px;
}
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 20px 0;
} }
.icon.is-active { .icon.is-active {

2
frontend/src/business/components/api/automation/scenario/component/ApiScenarioComponent.vue
View File

@ -171,7 +171,7 @@
<style scoped> <style scoped>
/deep/ .el-card__body { /deep/ .el-card__body {
padding: 15px; padding: 6px 10px;
} }
.icon.is-active { .icon.is-active {

9
frontend/src/business/components/api/automation/scenario/maximize/MaximizeScenario.vue
View File

@ -1041,13 +1041,6 @@ export default {
padding: 7px; padding: 7px;
} }
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
}
.ms-api-col { .ms-api-col {
background-color: #7C3985; background-color: #7C3985;
border-color: #7C3985; border-color: #7C3985;
@ -1077,7 +1070,7 @@ export default {
} }
/deep/ .el-card__body { /deep/ .el-card__body {
padding: 5px; padding: 6px 10px;
} }
/deep/ .el-drawer__body { /deep/ .el-drawer__body {

2
frontend/src/business/components/api/definition/components/assertion/ApiAssertions.vue
View File

@ -187,6 +187,6 @@
} }
/deep/ .el-card__body { /deep/ .el-card__body {
padding: 15px; padding: 6px 10px;
} }
</style> </style>

8
frontend/src/business/components/api/definition/components/case/ApiCaseItem.vue
View File

@ -432,14 +432,6 @@
color: white; color: white;
} }
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 20px 0;
}
.is-selected { .is-selected {
background: #EFF7FF; background: #EFF7FF;
} }

2
frontend/src/business/components/api/definition/components/case/ApiCaseList.vue
View File

@ -447,7 +447,7 @@ export default {
<style scoped> <style scoped>
.ms-drawer >>> .ms-drawer-body { .ms-drawer >>> .ms-drawer-body {
margin-top: 80px; margin-top: 40px;
} }
</style> </style>

8
frontend/src/business/components/api/definition/components/complete/EditCompleteDubboApi.vue
View File

@ -117,11 +117,5 @@
</script> </script>
<style scoped> <style scoped>
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 0px 20px 0px;
}
</style> </style>

8
frontend/src/business/components/api/definition/components/complete/EditCompleteHTTPApi.vue
View File

@ -365,14 +365,6 @@
width: 100%; width: 100%;
} }
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 20px 0;
}
.ms-http-textarea { .ms-http-textarea {
width: 100%; width: 100%;
} }

8
frontend/src/business/components/api/definition/components/complete/EditCompleteSQLApi.vue
View File

@ -114,11 +114,5 @@ export default {
</script> </script>
<style scoped> <style scoped>
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 0px 20px 0px;
}
</style> </style>

8
frontend/src/business/components/api/definition/components/complete/EditCompleteTCPApi.vue
View File

@ -194,11 +194,5 @@ export default {
</script> </script>
<style scoped> <style scoped>
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 0px 20px 0px;
}
</style> </style>

8
frontend/src/business/components/api/definition/components/debug/DebugDubboPage.vue
View File

@ -159,11 +159,5 @@
</script> </script>
<style scoped> <style scoped>
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 0px;
}
</style> </style>

8
frontend/src/business/components/api/definition/components/debug/DebugHttpPage.vue
View File

@ -247,12 +247,4 @@
width: 500px; width: 500px;
margin-top: 5px; margin-top: 5px;
} }
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 20px 0;
}
</style> </style>

8
frontend/src/business/components/api/definition/components/debug/DebugJdbcPage.vue
View File

@ -162,11 +162,5 @@
</script> </script>
<style scoped> <style scoped>
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 0px;
}
</style> </style>

8
frontend/src/business/components/api/definition/components/debug/DebugTcpPage.vue
View File

@ -169,11 +169,5 @@
</script> </script>
<style scoped> <style scoped>
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 0px;
}
</style> </style>

13
frontend/src/business/components/api/definition/components/document/ApiDocumentAnchor.vue
View File

@ -27,7 +27,7 @@
<api-document-batch-share v-xpack v-if="showXpackCompnent" @shareApiDocument="shareApiDocument" :project-id="projectId" :share-url="batchShareUrl" style="float: right;margin: 6px;font-size: 17px"/> <api-document-batch-share v-xpack v-if="showXpackCompnent" @shareApiDocument="shareApiDocument" :project-id="projectId" :share-url="batchShareUrl" style="float: right;margin: 6px;font-size: 17px"/>
</el-row> </el-row>
<el-row v-else <el-row v-else
style="margin-top: 0px;position: fixed;float: right;margin-right: 0px;margin-left: 400px;top: 150px; right: 90px; z-index: 9999"> style="margin-top: 0px;position: fixed;float: right;margin-right: 0px;margin-left: 400px;top: 135px; right: 90px; z-index: 9999">
<el-select size="small" :placeholder="$t('api_test.definition.document.order')" <el-select size="small" :placeholder="$t('api_test.definition.document.order')"
v-model="apiSearch.orderCondition" style="float: right;width: 180px;margin-right: 5px" v-model="apiSearch.orderCondition" style="float: right;width: 180px;margin-right: 5px"
class="ms-api-header-select" @change="initApiDocSimpleList" clearable> class="ms-api-header-select" @change="initApiDocSimpleList" clearable>
@ -304,7 +304,7 @@
</div> </div>
</el-main> </el-main>
<!-- 右侧列表 --> <!-- 右侧列表 -->
<el-aside width="200px" style="margin-top: 70px;"> <el-aside width="200px" style="margin-top: 30px;">
<div ref="apiDocList" > <div ref="apiDocList" >
<el-steps style="height: 40%" direction="vertical" :active="apiStepIndex"> <el-steps style="height: 40%" direction="vertical" :active="apiStepIndex">
<el-step v-for="(apiInfo) in apiInfoArray" :key="apiInfo.id" @click.native="clickStep(apiInfo.id)"> <el-step v-for="(apiInfo) in apiInfoArray" :key="apiInfo.id" @click.native="clickStep(apiInfo.id)">
@ -454,7 +454,7 @@ export default {
}, },
changeFixed(clientHeight) { changeFixed(clientHeight) {
if (this.$refs.apiDocInfoDiv) { if (this.$refs.apiDocInfoDiv) {
let countPageHeight = 300; let countPageHeight = 210;
if(this.pageHeaderHeight!=0 && this.pageHeaderHeight != null){ if(this.pageHeaderHeight!=0 && this.pageHeaderHeight != null){
countPageHeight = this.pageHeaderHeight countPageHeight = this.pageHeaderHeight
} }
@ -869,13 +869,6 @@ export default {
margin: 20px 5px; margin: 20px 5px;
} }
.tip {
padding: 3px 5px;
font-size: 14px;
border-radius: 4px;
border-left: 4px solid #783887;
}
.apiInfoRow { .apiInfoRow {
margin: 10px 10px; margin: 10px 10px;
} }

7
frontend/src/business/components/api/definition/components/document/ApiDocumentItem.vue
View File

@ -647,13 +647,6 @@ export default {
margin: 20px 10px; margin: 20px 10px;
} }
.tip {
padding: 3px 5px;
font-size: 14px;
border-radius: 4px;
border-left: 4px solid #783887;
}
.apiInfoRow { .apiInfoRow {
margin: 20px 10px; margin: 20px 10px;
} }

2
frontend/src/business/components/api/definition/components/environment/EnvironmentTcpConfig.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<el-form class="tcp" :model="config" :rules="rules" ref="config" label-width="120px" :disabled="isReadOnly" <el-form class="tcp" :model="config" :rules="rules" ref="config" label-width="100px" :disabled="isReadOnly"
size="small"> size="small">
<el-row :gutter="10"> <el-row :gutter="10">

2
frontend/src/business/components/api/definition/components/extract/ApiExtract.vue
View File

@ -174,6 +174,6 @@
} }
/deep/ .el-card__body { /deep/ .el-card__body {
padding: 15px; padding: 6px 10px;
} }
</style> </style>

2
frontend/src/business/components/api/definition/components/import/ApiSchedule.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<el-main> <el-main>
<div class="api-schedule-form"> <div class="api-schedule-form">
<el-form :model="formData" :rules="rules" v-loading="result.loading" label-width="140px" ref="form"> <el-form :model="formData" :rules="rules" v-loading="result.loading" label-width="80px" ref="form">
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item :label="'Swagger URL'" prop="swaggerUrl" class="swagger-url"> <el-form-item :label="'Swagger URL'" prop="swaggerUrl" class="swagger-url">

2
frontend/src/business/components/api/definition/components/list/ApiCaseSimpleList.vue
View File

@ -254,7 +254,7 @@ export default {
currentPage: 1, currentPage: 1,
pageSize: 10, pageSize: 10,
total: 0, total: 0,
screenHeight: 'calc(100vh - 320px)',//屏幕高度 screenHeight: 'calc(100vh - 250px)',//屏幕高度
environmentId: undefined, environmentId: undefined,
selectAll: false, selectAll: false,
unSelection: [], unSelection: [],

6
frontend/src/business/components/api/definition/components/list/ApiList.vue
View File

@ -358,7 +358,7 @@ export default {
currentPage: 1, currentPage: 1,
pageSize: 10, pageSize: 10,
total: 0, total: 0,
screenHeight: 'calc(100vh - 320px)',//屏幕高度, screenHeight: 'calc(100vh - 250px)',//屏幕高度,
environmentId: undefined, environmentId: undefined,
selectDataCounts: 0, selectDataCounts: 0,
}; };
@ -867,8 +867,8 @@ export default {
top: -2px; top: -2px;
} }
/deep/ .el-table__fixed-body-wrapper { /* /deep/ .el-table__fixed-body-wrapper {
top: 60px !important; top: 60px !important;
} } */
</style> </style>

8
frontend/src/business/components/api/definition/components/mock/MockConfig.vue
View File

@ -370,14 +370,6 @@ export default {
</script> </script>
<style scoped> <style scoped>
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 20px 0;
}
.search-input { .search-input {
float: right; float: right;
width: 300px; width: 300px;

8
frontend/src/business/components/api/definition/components/request/database/BasisParameters.vue
View File

@ -292,12 +292,4 @@
/deep/ .el-form-item { /deep/ .el-form-item {
margin-bottom: 15px; margin-bottom: 15px;
} }
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 0px 20px 0px;
}
</style> </style>

2
frontend/src/business/components/api/definition/components/request/tcp/TcpConfig.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<el-form class="tcp" :model="config" :rules="rules" ref="config" label-width="120px" :disabled="isReadOnly" <el-form class="tcp" :model="config" :rules="rules" ref="config" label-width="100px" :disabled="isReadOnly"
size="small"> size="small">
<el-form-item label="TCPClient" prop="classname"> <el-form-item label="TCPClient" prop="classname">

2
frontend/src/business/components/api/definition/components/response/RequestMetric.vue
View File

@ -41,7 +41,7 @@
<style scoped> <style scoped>
.metric-container { .metric-container {
padding-bottom: 20px; padding-bottom: 10px;
} }
.node-title { .node-title {

2
frontend/src/business/components/api/definition/components/response/ResponseResult.vue
View File

@ -160,7 +160,7 @@
.text-container .pane { .text-container .pane {
background-color: #F5F5F5; background-color: #F5F5F5;
padding: 0 10px; padding: 1px 0;
height: 250px; height: 250px;
overflow-y: auto; overflow-y: auto;
} }

2
frontend/src/business/components/api/definition/components/response/ResponseText.vue
View File

@ -85,7 +85,7 @@
.text-container .pane { .text-container .pane {
background-color: white; background-color: white;
padding: 0 10px; padding: 1px 0;
height: 250px; height: 250px;
overflow-y: auto; overflow-y: auto;
} }

7
frontend/src/business/components/api/definition/components/runtest/RunTestDubboPage.vue
View File

@ -256,13 +256,6 @@ export default {
padding: 7px; padding: 7px;
} }
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
}
/deep/ .el-drawer { /deep/ .el-drawer {
overflow: auto; overflow: auto;
} }

7
frontend/src/business/components/api/definition/components/runtest/RunTestHTTPPage.vue
View File

@ -253,13 +253,6 @@
width: 350px; width: 350px;
} }
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
}
/deep/ .el-drawer { /deep/ .el-drawer {
overflow: auto; overflow: auto;
} }

7
frontend/src/business/components/api/definition/components/runtest/RunTestSQLPage.vue
View File

@ -249,13 +249,6 @@ export default {
</script> </script>
<style scoped> <style scoped>
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
}
/deep/ .el-drawer { /deep/ .el-drawer {
overflow: auto; overflow: auto;
} }

7
frontend/src/business/components/api/definition/components/runtest/RunTestTCPPage.vue
View File

@ -257,13 +257,6 @@ export default {
padding: 7px; padding: 7px;
} }
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
}
/deep/ .el-drawer { /deep/ .el-drawer {
overflow: auto; overflow: auto;
} }

8
frontend/src/business/components/api/definition/components/step/JmxStep.vue
View File

@ -239,12 +239,4 @@
border: #E6EEF2; border: #E6EEF2;
} }
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 20px 0;
}
</style> </style>

4
frontend/src/business/components/api/report/components/MetricChart.vue
View File

@ -163,7 +163,7 @@ export default {
<style scoped> <style scoped>
.metric-container { .metric-container {
padding: 20px; padding: 5px 10px;
} }
.metric-container #chart { .metric-container #chart {
@ -173,7 +173,7 @@ export default {
} }
.metric-container .split { .metric-container .split {
margin: 20px; margin: 10px;
height: 100px; height: 100px;
border-left: 1px solid #D8DBE1; border-left: 1px solid #D8DBE1;
} }

4
frontend/src/business/components/api/report/components/RequestMetric.vue
View File

@ -51,11 +51,11 @@
<style scoped> <style scoped>
.metric-container { .metric-container {
padding: 20px; padding: 5px 10px;
} }
.metric { .metric {
padding: 20px; padding: 10px;
border: 1px solid #EBEEF5; border: 1px solid #EBEEF5;
min-width: 120px; min-width: 120px;
height: 114px; height: 114px;

2
frontend/src/business/components/api/report/components/RequestText.vue
View File

@ -62,7 +62,7 @@
.text-container .pane { .text-container .pane {
background-color: #F9F9F9; background-color: #F9F9F9;
padding: 10px; padding: 1px 0;
height: 250px; height: 250px;
overflow-y: auto; overflow-y: auto;
} }

2
frontend/src/business/components/api/report/components/ResponseText.vue
View File

@ -122,7 +122,7 @@ export default {
.text-container .pane { .text-container .pane {
background-color: #F5F5F5; background-color: #F5F5F5;
padding: 0 10px; padding: 1px 0;
height: 250px; height: 250px;
overflow-y: auto; overflow-y: auto;
} }

2
frontend/src/business/components/api/test/OneClickOperation.vue
View File

@ -7,7 +7,7 @@
:destroy-on-close="true" :destroy-on-close="true"
show-close show-close
@closed="handleClose"> @closed="handleClose">
<el-form :model="ruleForm" label-position="right" label-width="120px" size="small" :rules="rule"> <el-form :model="ruleForm" label-position="right" label-width="100px" size="small" :rules="rule">
<el-form-item :label="$t('test_track.case.test_name')" prop="testName"> <el-form-item :label="$t('test_track.case.test_name')" prop="testName">
<el-input v-model="ruleForm.testName" autocomplete="off" clearable show-word-limit></el-input> <el-input v-model="ruleForm.testName" autocomplete="off" clearable show-word-limit></el-input>
</el-form-item> </el-form-item>

7
frontend/src/business/components/api/test/components/environment/EnvironmentSSLConfig.vue
View File

@ -194,11 +194,4 @@
.ms-el-form-item__content >>> .el-form-item__content { .ms-el-form-item__content >>> .el-form-item__content {
line-height: 20px; line-height: 20px;
} }
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
}
</style> </style>

2
frontend/src/business/components/api/test/components/request/tcp/TcpConfig.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<el-form class="tcp" :model="config" :rules="rules" ref="config" label-width="120px" :disabled="isReadOnly" <el-form class="tcp" :model="config" :rules="rules" ref="config" label-width="100px" :disabled="isReadOnly"
size="small"> size="small">
<el-form-item label="TCPClient" prop="classname"> <el-form-item label="TCPClient" prop="classname">

4
frontend/src/business/components/common/components/MsFormDivider.vue
View File

@ -13,9 +13,9 @@ export default {
p { p {
padding: 3px 5px; padding: 3px 5px;
font-size: 16px; font-size: 16px;
border-radius: 4px; border-radius: 0px;
border-left: 4px solid #783887; border-left: 4px solid #783887;
margin: 20px 0; margin: 5px 5px 10px 5px;
} }
</style> </style>

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

@ -13,7 +13,7 @@
<style scoped> <style scoped>
.ms-main-container { .ms-main-container {
padding: 15px; padding: 5px 10px;
height: calc(100vh - 80px); height: calc(100vh - 80px);
} }

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

@ -84,7 +84,7 @@ export default {
} }
}, },
created() { created() {
this.height = document.body.clientHeight - 340; this.height = document.body.clientHeight - 285;
}, },
mounted() { mounted() {
this.defaultMode = 3; this.defaultMode = 3;

3
frontend/src/business/components/common/components/search/MsTableAdvSearchBar.vue
View File

@ -128,9 +128,6 @@
</style> </style>
<style scoped> <style scoped>
.adv-search-bar {
margin-left: 5px;
}
.dialog-footer { .dialog-footer {
text-align: center; text-align: center;

7
frontend/src/business/components/common/json-schema/schema/editor/main.vue
View File

@ -386,13 +386,6 @@
cursor: pointer; cursor: pointer;
} }
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 0px 0px 10px;
}
.ms-transform { .ms-transform {
transform: rotate(-180deg); transform: rotate(-180deg);
transition: 0ms; transition: 0ms;

2
frontend/src/business/components/common/pagination/TablePagination.vue
View File

@ -54,6 +54,6 @@
<style scoped> <style scoped>
.table-page { .table-page {
padding-top: 20px; padding-top: 10px;
} }
</style> </style>

7
frontend/src/business/components/history/HistoryDetail.vue
View File

@ -58,11 +58,4 @@
<style scoped> <style scoped>
@import "~jsondiffpatch/dist/formatters-styles/html.css"; @import "~jsondiffpatch/dist/formatters-styles/html.css";
@import "~jsondiffpatch/dist/formatters-styles/annotated.css"; @import "~jsondiffpatch/dist/formatters-styles/annotated.css";
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
}
</style> </style>

3
frontend/src/business/components/performance/report/PerformanceTestReportList.vue
View File

@ -4,7 +4,6 @@
<el-card class="table-card"> <el-card class="table-card">
<template v-slot:header> <template v-slot:header>
<ms-table-header :condition.sync="condition" @search="search" <ms-table-header :condition.sync="condition" @search="search"
:title="$t('commons.report')"
:show-create="false"/> :show-create="false"/>
</template> </template>
@ -174,7 +173,7 @@ export default {
total: 0, total: 0,
loading: false, loading: false,
testId: null, testId: null,
screenHeight: 'calc(100vh - 295px)', screenHeight: 'calc(100vh - 200px)',
statusFilters: [ statusFilters: [
{text: 'Starting', value: 'Starting'}, {text: 'Starting', value: 'Starting'},
{text: 'Running', value: 'Running'}, {text: 'Running', value: 'Running'},

4
frontend/src/business/components/performance/test/EditPerformanceTest.vue
View File

@ -412,7 +412,7 @@ export default {
<style scoped> <style scoped>
.testplan-config { .testplan-config {
margin-top: 15px; margin-top: 5px;
} }
.el-select { .el-select {
@ -424,7 +424,7 @@ export default {
} }
.advanced-config { .advanced-config {
height: calc(100vh - 265px); height: calc(100vh - 210px);
overflow: auto; overflow: auto;
} }

3
frontend/src/business/components/performance/test/PerformanceTestList.vue
View File

@ -4,7 +4,6 @@
<el-card class="table-card" v-loading="result.loading"> <el-card class="table-card" v-loading="result.loading">
<template v-slot:header> <template v-slot:header>
<ms-table-header :condition.sync="condition" @search="search" <ms-table-header :condition.sync="condition" @search="search"
:title="$t('commons.test')"
:create-permission="['PROJECT_PERFORMANCE_TEST:READ+CREATE']" :create-permission="['PROJECT_PERFORMANCE_TEST:READ+CREATE']"
@create="create" :createTip="$t('load_test.create')"/> @create="create" :createTip="$t('load_test.create')"/>
</template> </template>
@ -153,7 +152,7 @@ export default {
{text: 'Error', value: 'Error'} {text: 'Error', value: 'Error'}
], ],
userFilters: [], userFilters: [],
screenHeight: 'calc(100vh - 295px)', screenHeight: 'calc(100vh - 200px)',
}; };
}, },
watch: { watch: {

2
frontend/src/business/components/performance/test/components/EditMonitor.vue
View File

@ -8,7 +8,7 @@
:destroy-on-close="true" :destroy-on-close="true"
v-loading="result.loading" v-loading="result.loading"
> >
<el-form :model="form" label-position="right" label-width="140px" size="small" :rules="rule" ref="monitorForm"> <el-form :model="form" label-position="right" label-width="80px" size="small" :rules="rule" ref="monitorForm">
<el-form-item :label="$t('commons.name')" prop="name"> <el-form-item :label="$t('commons.name')" prop="name">
<el-input v-model="form.name" autocomplete="off"/> <el-input v-model="form.name" autocomplete="off"/>
</el-form-item> </el-form-item>

1
frontend/src/business/components/performance/test/components/PerformancePressureConfig.vue
View File

@ -739,7 +739,6 @@ export default {
} }
.el-col { .el-col {
margin-top: 5px;
text-align: left; text-align: left;
} }

7
frontend/src/business/components/settings/operatinglog/LogDetail.vue
View File

@ -159,11 +159,4 @@
<style scoped> <style scoped>
@import "~jsondiffpatch/dist/formatters-styles/html.css"; @import "~jsondiffpatch/dist/formatters-styles/html.css";
@import "~jsondiffpatch/dist/formatters-styles/annotated.css"; @import "~jsondiffpatch/dist/formatters-styles/annotated.css";
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
}
</style> </style>

2
frontend/src/business/components/settings/organization/components/JiraSetting.vue
View File

@ -2,7 +2,7 @@
<div> <div>
<div style="width: 500px"> <div style="width: 500px">
<div style="margin-top: 20px;margin-bottom: 10px">{{ $t('organization.integration.basic_auth_info') }}</div> <div style="margin-top: 20px;margin-bottom: 10px">{{ $t('organization.integration.basic_auth_info') }}</div>
<el-form :model="form" ref="form" label-width="120px" size="small" :disabled="show" :rules="rules"> <el-form :model="form" ref="form" label-width="100px" size="small" :disabled="show" :rules="rules">
<el-form-item :label="$t('organization.integration.account')" prop="account"> <el-form-item :label="$t('organization.integration.account')" prop="account">
<el-input v-model="form.account" :placeholder="$t('organization.integration.input_api_account')"/> <el-input v-model="form.account" :placeholder="$t('organization.integration.input_api_account')"/>
</el-form-item> </el-form-item>

2
frontend/src/business/components/settings/organization/components/TapdSetting.vue
View File

@ -2,7 +2,7 @@
<div> <div>
<div style="width: 500px"> <div style="width: 500px">
<div style="margin-top: 20px;margin-bottom: 10px">{{ $t('organization.integration.basic_auth_info') }}</div> <div style="margin-top: 20px;margin-bottom: 10px">{{ $t('organization.integration.basic_auth_info') }}</div>
<el-form :model="form" ref="form" label-width="120px" size="small" :disabled="show" :rules="rules"> <el-form :model="form" ref="form" label-width="100px" size="small" :disabled="show" :rules="rules">
<el-form-item :label="$t('organization.integration.api_account')" prop="account"> <el-form-item :label="$t('organization.integration.api_account')" prop="account">
<el-input v-model="form.account" :placeholder="$t('organization.integration.input_api_account')"/> <el-input v-model="form.account" :placeholder="$t('organization.integration.input_api_account')"/>
</el-form-item> </el-form-item>

2
frontend/src/business/components/settings/organization/components/ZentaoSetting.vue
View File

@ -2,7 +2,7 @@
<div> <div>
<div style="width: 500px"> <div style="width: 500px">
<div style="margin-top: 20px;margin-bottom: 10px">{{ $t('organization.integration.basic_auth_info') }}</div> <div style="margin-top: 20px;margin-bottom: 10px">{{ $t('organization.integration.basic_auth_info') }}</div>
<el-form :model="form" ref="form" label-width="120px" size="small" :disabled="show" :rules="rules"> <el-form :model="form" ref="form" label-width="100px" size="small" :disabled="show" :rules="rules">
<el-form-item :label="$t('organization.integration.account')" prop="account"> <el-form-item :label="$t('organization.integration.account')" prop="account">
<el-input v-model="form.account" :placeholder="$t('organization.integration.input_api_account')"/> <el-input v-model="form.account" :placeholder="$t('organization.integration.input_api_account')"/>
</el-form-item> </el-form-item>

2
frontend/src/business/components/settings/personal/PersonSetting.vue
View File

@ -63,7 +63,7 @@
<!--Change personal password--> <!--Change personal password-->
<el-dialog :close-on-click-modal="false" :title="$t('member.edit_password')" :visible.sync="editPasswordVisible" width="35%" <el-dialog :close-on-click-modal="false" :title="$t('member.edit_password')" :visible.sync="editPasswordVisible" width="35%"
:destroy-on-close="true" @close="handleClose" left> :destroy-on-close="true" @close="handleClose" left>
<el-form :model="ruleForm" :rules="rules" ref="editPasswordForm" label-width="120px" class="demo-ruleForm"> <el-form :model="ruleForm" :rules="rules" ref="editPasswordForm" label-width="100px" class="demo-ruleForm">
<el-form-item :label="$t('member.old_password')" prop="password" style="margin-bottom: 29px"> <el-form-item :label="$t('member.old_password')" prop="password" style="margin-bottom: 29px">
<el-input v-model="ruleForm.password" autocomplete="off" show-password/> <el-input v-model="ruleForm.password" autocomplete="off" show-password/>
</el-form-item> </el-form-item>

2
frontend/src/business/components/settings/project/ProjectList.vue
View File

@ -83,7 +83,7 @@
<el-dialog :close-on-click-modal="false" :title="title" :visible.sync="createVisible" destroy-on-close <el-dialog :close-on-click-modal="false" :title="title" :visible.sync="createVisible" destroy-on-close
@close="handleClose"> @close="handleClose">
<el-form :model="form" :rules="rules" ref="form" label-position="right" label-width="140px" size="small"> <el-form :model="form" :rules="rules" ref="form" label-position="right" label-width="80px" size="small">
<el-form-item :label="$t('commons.name')" prop="name"> <el-form-item :label="$t('commons.name')" prop="name">
<el-input v-model="form.name" autocomplete="off"></el-input> <el-input v-model="form.name" autocomplete="off"></el-input>
</el-form-item> </el-form-item>

2
frontend/src/business/components/settings/system/EditUser.vue
View File

@ -4,7 +4,7 @@
@closed="handleClose" class="edit-user-dialog" @closed="handleClose" class="edit-user-dialog"
:destroy-on-close="true"> :destroy-on-close="true">
<div v-loading="result.loading"> <div v-loading="result.loading">
<el-form :model="form" label-position="right" label-width="120px" size="small" :rules="rule" ref="createUserForm"> <el-form :model="form" label-position="right" label-width="100px" size="small" :rules="rule" ref="createUserForm">
<el-form-item label="ID" prop="id"> <el-form-item label="ID" prop="id">
<el-input v-model="form.id" autocomplete="off" :placeholder="$t('user.input_id_placeholder')" :disabled="type === 'Edit'"/> <el-input v-model="form.id" autocomplete="off" :placeholder="$t('user.input_id_placeholder')" :disabled="type === 'Edit'"/>
</el-form-item> </el-form-item>

2
frontend/src/business/components/settings/system/TestResourcePool.vue
View File

@ -62,7 +62,7 @@
v-loading="result.loading" v-loading="result.loading"
> >
<div style="height: 60vh;overflow: auto;"> <div style="height: 60vh;overflow: auto;">
<el-form :model="form" label-position="right" label-width="140px" size="small" :rules="rule" <el-form :model="form" label-position="right" label-width="80px" size="small" :rules="rule"
ref="testResourcePoolForm"> ref="testResourcePoolForm">
<el-form-item :label="$t('commons.name')" prop="name"> <el-form-item :label="$t('commons.name')" prop="name">
<el-input v-model="form.name" autocomplete="off"/> <el-input v-model="form.name" autocomplete="off"/>

11
frontend/src/business/components/settings/system/User.vue
View File

@ -79,7 +79,7 @@
<el-dialog :close-on-click-modal="false" :title="$t('member.edit_password')" :visible.sync="editPasswordVisible" <el-dialog :close-on-click-modal="false" :title="$t('member.edit_password')" :visible.sync="editPasswordVisible"
width="30%" width="30%"
:destroy-on-close="true" @close="handleClose" left> :destroy-on-close="true" @close="handleClose" left>
<el-form :model="ruleForm" label-position="right" label-width="120px" size="small" :rules="rule" <el-form :model="ruleForm" label-position="right" label-width="100px" size="small" :rules="rule"
ref="editPasswordForm" class="demo-ruleForm"> ref="editPasswordForm" class="demo-ruleForm">
<el-form-item :label="$t('member.new_password')" prop="newpassword"> <el-form-item :label="$t('member.new_password')" prop="newpassword">
<el-input type="password" v-model="ruleForm.newpassword" autocomplete="off" show-password></el-input> <el-input type="password" v-model="ruleForm.newpassword" autocomplete="off" show-password></el-input>
@ -488,7 +488,10 @@ export default {
/* height: 110px !important;*/ /* height: 110px !important;*/
/*}*/ /*}*/
/*/deep/ .ms-select-all-fixed th:nth-child(2) .el-icon-arrow-down {*/ /deep/ .ms-select-all-fixed th:first-child.el-table-column--selection {
/* top: -5px;*/ margin-top: 0px;
/*}*/ }
/deep/ .ms-select-all-fixed th:nth-child(2) .table-select-icon {
top: -8px;
}
</style> </style>

2
frontend/src/business/components/settings/system/group/GroupMember.vue
View File

@ -54,7 +54,7 @@
</el-dialog> </el-dialog>
<el-dialog :close-on-click-modal="false" :visible.sync="memberVisible" width="45%" <el-dialog :close-on-click-modal="false" :visible.sync="memberVisible" width="45%"
:title="title" :destroy-on-close="true" v-loading="memberResult.loading" @close="memberDialogClose"> :title="title" :destroy-on-close="true" v-loading="memberResult.loading" @close="memberDialogClose">
<el-form ref="memberFrom" label-position="right" :model="form" size="small" :rules="rules" label-width="120px" <el-form ref="memberFrom" label-position="right" :model="form" size="small" :rules="rules" label-width="100px"
style="margin-right: 40px;"> style="margin-right: 40px;">
<el-form-item :label="$t('commons.member')" prop="userIds"> <el-form-item :label="$t('commons.member')" prop="userIds">
<el-select <el-select

2
frontend/src/business/components/settings/workspace/MsProject.vue
View File

@ -89,7 +89,7 @@
<el-dialog :close-on-click-modal="false" :title="title" :visible.sync="createVisible" destroy-on-close <el-dialog :close-on-click-modal="false" :title="title" :visible.sync="createVisible" destroy-on-close
@close="handleClose"> @close="handleClose">
<el-form :model="form" :rules="rules" ref="form" label-position="right" label-width="140px" size="small"> <el-form :model="form" :rules="rules" ref="form" label-position="right" label-width="80px" size="small">
<el-form-item :label="$t('commons.name')" prop="name"> <el-form-item :label="$t('commons.name')" prop="name">
<el-input v-model="form.name" autocomplete="off"></el-input> <el-input v-model="form.name" autocomplete="off"></el-input>
</el-form-item> </el-form-item>

2
frontend/src/business/components/settings/workspace/template/FieldTemplateEdit.vue
View File

@ -17,7 +17,7 @@
<el-scrollbar> <el-scrollbar>
<ms-form-divider :title="$t('test_track.plan_view.base_info')"/> <ms-form-divider :title="$t('test_track.plan_view.base_info')"/>
<el-form :model="form" :rules="rules" label-position="right" label-width="140px" size="small" ref="form"> <el-form :model="form" :rules="rules" label-position="right" label-width="80px" size="small" ref="form">
<el-form-item :label="$t('commons.name')" prop="name" :label-width="labelWidth"> <el-form-item :label="$t('commons.name')" prop="name" :label-width="labelWidth">
<el-input :disabled="isSystem" v-model="form.name" autocomplete="off"></el-input> <el-input :disabled="isSystem" v-model="form.name" autocomplete="off"></el-input>
</el-form-item> </el-form-item>

2
frontend/src/business/components/track/case/TestCase.vue
View File

@ -407,7 +407,7 @@ export default {
<style scoped> <style scoped>
.el-main { .el-main {
padding: 15px; padding: 5px 10px;
} }
/deep/ .el-button-group > .el-button:first-child { /deep/ .el-button-group > .el-button:first-child {

2
frontend/src/business/components/track/case/components/TestCaseEdit.vue
View File

@ -234,7 +234,7 @@
}, },
customFieldRules: {}, customFieldRules: {},
customFieldForm: {}, customFieldForm: {},
formLabelWidth: "120px", formLabelWidth: "100px",
operationType: '', operationType: '',
isCreateContinue: false, isCreateContinue: false,
isStepTableAlive: true, isStepTableAlive: true,

4
frontend/src/business/components/track/case/components/TestCaseList.vue
View File

@ -219,7 +219,7 @@ export default {
return { return {
type: TEST_CASE_LIST, type: TEST_CASE_LIST,
tableHeaderKey:"TRACK_TEST_CASE", tableHeaderKey:"TRACK_TEST_CASE",
screenHeight: 'calc(100vh - 310px)', screenHeight: 'calc(100vh - 250px)',
tableLabel: [], tableLabel: [],
deletePath: "/test/case/delete", deletePath: "/test/case/delete",
condition: { condition: {
@ -638,7 +638,7 @@ export default {
<style scoped> <style scoped>
.table-page { .table-page {
padding-top: 20px; padding-top: 10px;
margin-right: -9px; margin-right: -9px;
float: right; float: right;
} }

4
frontend/src/business/components/track/issue/IssueEditDetail.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<el-main v-loading="result.loading" class="container" :style="isPlan ? '' : 'height: calc(100vh - 62px)'"> <el-main v-loading="result.loading" class="container" :style="isPlan ? '' : 'height: calc(100vh - 62px)'">
<el-scrollbar> <el-scrollbar>
<el-form :model="form" :rules="rules" label-position="right" label-width="140px" ref="form"> <el-form :model="form" :rules="rules" label-position="right" label-width="80px" ref="form">
<el-form-item :label="$t('commons.title')" prop="title"> <el-form-item :label="$t('commons.title')" prop="title">
<el-input v-model="form.title" autocomplete="off"></el-input> <el-input v-model="form.title" autocomplete="off"></el-input>
@ -96,7 +96,7 @@ export default {
result: {}, result: {},
relateFields: [], relateFields: [],
isFormAlive: true, isFormAlive: true,
formLabelWidth: "120px", formLabelWidth: "100px",
issueTemplate: {}, issueTemplate: {},
customFieldForm: {}, customFieldForm: {},
customFieldRules: {}, customFieldRules: {},

4
frontend/src/business/components/track/issue/IssueList.vue
View File

@ -4,7 +4,7 @@
<el-card class="table-card"> <el-card class="table-card">
<template v-slot:header> <template v-slot:header>
<ms-table-header :create-permission="['PROJECT_TRACK_ISSUE:READ+CREATE']" :condition.sync="page.condition" @search="getIssues" @create="handleCreate" <ms-table-header :create-permission="['PROJECT_TRACK_ISSUE:READ+CREATE']" :condition.sync="page.condition" @search="getIssues" @create="handleCreate"
:create-tip="$t('test_track.issue.create_issue')" :title="$t('test_track.issue.issue_list')" :create-tip="$t('test_track.issue.create_issue')"
:tip="$t('commons.search_by_name_or_id')"> :tip="$t('commons.search_by_name_or_id')">
<template v-slot:button> <template v-slot:button>
<el-tooltip v-if="isThirdPart" :content="'更新第三方平台的缺陷'"> <el-tooltip v-if="isThirdPart" :content="'更新第三方平台的缺陷'">
@ -181,7 +181,7 @@ export default {
fields: [], fields: [],
tableHeaderKey:"ISSUE_LIST", tableHeaderKey:"ISSUE_LIST",
fieldsWidth: getCustomTableWidth('ISSUE_LIST'), fieldsWidth: getCustomTableWidth('ISSUE_LIST'),
screenHeight: 'calc(100vh - 290px)', screenHeight: 'calc(100vh - 200px)',
operators: [ operators: [
{ {
tip: this.$t('commons.edit'), icon: "el-icon-edit", tip: this.$t('commons.edit'), icon: "el-icon-edit",

2
frontend/src/business/components/track/plan/components/TestPlanEdit.vue
View File

@ -166,7 +166,7 @@ export default {
stage: [{required: true, message: this.$t('test_track.plan.input_plan_stage'), trigger: 'change'}], stage: [{required: true, message: this.$t('test_track.plan.input_plan_stage'), trigger: 'change'}],
description: [{max: 200, message: this.$t('test_track.length_less_than') + '200', trigger: 'blur'}] description: [{max: 200, message: this.$t('test_track.length_less_than') + '200', trigger: 'blur'}]
}, },
formLabelWidth: "120px", formLabelWidth: "100px",
operationType: '', operationType: '',
principalOptions: [] principalOptions: []
}; };

6
frontend/src/business/components/track/plan/components/TestPlanList.vue
View File

@ -3,9 +3,7 @@
<template v-slot:header> <template v-slot:header>
<ms-table-header :create-permission="['PROJECT_TRACK_PLAN:READ+CREATE']" :condition.sync="condition" <ms-table-header :create-permission="['PROJECT_TRACK_PLAN:READ+CREATE']" :condition.sync="condition"
@search="initTableData" @create="testPlanCreate" @search="initTableData" @create="testPlanCreate"
:create-tip="$t('test_track.plan.create_plan')" :create-tip="$t('test_track.plan.create_plan')"/>
:title="$t('test_track.plan.test_plan')"
/>
</template> </template>
@ -289,7 +287,7 @@ export default {
hasEditPermission: false, hasEditPermission: false,
total: 0, total: 0,
tableData: [], tableData: [],
screenHeight: 'calc(100vh - 295px)', screenHeight: 'calc(100vh - 200px)',
statusFilters: [ statusFilters: [
{text: this.$t('test_track.plan.plan_status_prepare'), value: 'Prepare'}, {text: this.$t('test_track.plan.plan_status_prepare'), value: 'Prepare'},
{text: this.$t('test_track.plan.plan_status_running'), value: 'Underway'}, {text: this.$t('test_track.plan.plan_status_running'), value: 'Underway'},

5
frontend/src/business/components/track/report/components/TestPlanReportList.vue
View File

@ -2,8 +2,7 @@
<el-card class="table-card" v-loading="result.loading"> <el-card class="table-card" v-loading="result.loading">
<template v-slot:header> <template v-slot:header>
<ms-table-header :condition.sync="condition" :show-create="false" <ms-table-header :condition.sync="condition" :show-create="false"
@search="initTableData" @search="initTableData"/>
:title="$t('test_track.report.name')"/>
</template> </template>
<el-table border :data="tableData" <el-table border :data="tableData"
@select-all="handleSelectAll" @select-all="handleSelectAll"
@ -116,7 +115,7 @@ export default {
pageSize: 10, pageSize: 10,
isTestManagerOrTestUser: false, isTestManagerOrTestUser: false,
selectRows: new Set(), selectRows: new Set(),
screenHeight: 'calc(100vh - 295px)', //屏幕高度 screenHeight: 'calc(100vh - 200px)', //屏幕高度
total: 0, total: 0,
tableData: [], tableData: [],
statusFilters: [ statusFilters: [

2
frontend/src/business/components/track/review/components/TestCaseReviewEdit.vue
View File

@ -133,7 +133,7 @@ export default {
description: [{max: 200, message: this.$t('test_track.length_less_than') + '200', trigger: 'blur'}], description: [{max: 200, message: this.$t('test_track.length_less_than') + '200', trigger: 'blur'}],
endTime: [{required: true, message: '请选择截止时间', trigger: 'blur'}] endTime: [{required: true, message: '请选择截止时间', trigger: 'blur'}]
}, },
formLabelWidth: "120px", formLabelWidth: "100px",
operationType: '', operationType: '',
reviewerOptions: [] reviewerOptions: []
}; };

5
frontend/src/business/components/track/review/components/TestCaseReviewList.vue
View File

@ -3,8 +3,7 @@
<template v-slot:header> <template v-slot:header>
<ms-table-header :create-permission="['PROJECT_TRACK_REVIEW:READ+CREATE']" :condition.sync="condition" <ms-table-header :create-permission="['PROJECT_TRACK_REVIEW:READ+CREATE']" :condition.sync="condition"
@search="initTableData" @create="testCaseReviewCreate" @search="initTableData" @create="testCaseReviewCreate"
:create-tip="$t('test_track.review.create_review')" :create-tip="$t('test_track.review.create_review')"/>
:title="$t('test_track.review.test_review')"/>
</template> </template>
<el-table <el-table
@ -162,7 +161,7 @@ export default {
currentPage: 1, currentPage: 1,
pageSize: 10, pageSize: 10,
total: 0, total: 0,
screenHeight: 'calc(100vh - 295px)', screenHeight: 'calc(100vh - 200px)',
statusFilters: [ statusFilters: [
{text: this.$t('test_track.plan.plan_status_prepare'), value: 'Prepare'}, {text: this.$t('test_track.plan.plan_status_prepare'), value: 'Prepare'},
{text: this.$t('test_track.plan.plan_status_running'), value: 'Underway'}, {text: this.$t('test_track.plan.plan_status_running'), value: 'Underway'},

46
frontend/src/common/css/main.css
View File

@ -10,6 +10,50 @@
width: 100%; width: 100%;
} }
/* <-- 使布局更加紧凑 */
.el-main {
padding: 5px 10px;
}
.el-card__header {
padding: 8px 16px;
}
.el-card__body {
padding: 6px 10px;
}
.el-table td, .el-table th {
padding: 6px 0;
}
.el-tabs__header {
margin: 0 0 5px;
}
.el-tabs__item {
padding: 0 10px;
}
.el-form-item {
margin-bottom: 18px;
}
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 0;
border-left: 4px solid #783887;
margin: 5px 5px 10px 5px;
}
.el-divider--horizontal {
margin: 10px 0 5px 0;
}
/* --> */
body { body {
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
font-size: 14px; font-size: 14px;
@ -215,7 +259,7 @@ textarea {
.ms-select-all-fixed th:nth-child(2) .table-select-icon { .ms-select-all-fixed th:nth-child(2) .table-select-icon {
position: absolute; position: absolute;
display: inline-block; display: inline-block;
top: -9px; top: -4px;
left: -30px; left: -30px;
width: 30px; width: 30px;
} }