style: 调整多处样式使布局更加紧凑
This commit is contained in:
BugKing
parent
5e9b66b38d
commit
9470cec489
|
|
@ -4,7 +4,6 @@
|
|||
<el-card class="table-card" v-loading="result.loading">
|
||||
<template v-slot:header>
|
||||
<ms-table-header :condition.sync="condition" @search="search"
|
||||
:title="$t('api_report.title')"
|
||||
:show-create="false"/>
|
||||
</template>
|
||||
<el-table ref="reportListTable" border :data="tableData" class="adjust-table table-content" @sort-change="sort"
|
||||
|
|
@ -133,7 +132,7 @@ export default {
|
|||
selectAll: false,
|
||||
unSelection: [],
|
||||
selectDataCounts: 0,
|
||||
screenHeight: 'calc(100vh - 295px)',
|
||||
screenHeight: 'calc(100vh - 200px)',
|
||||
}
|
||||
},
|
||||
|
||||
|
|
|
|||
|
|
@ -224,7 +224,7 @@
|
|||
|
||||
<style scoped>
|
||||
.metric-container {
|
||||
padding: 20px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.metric-container #chart {
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@
|
|||
|
||||
<style scoped>
|
||||
.metric-container {
|
||||
padding: 20px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.metric {
|
||||
|
|
|
|||
|
|
@ -62,7 +62,7 @@
|
|||
|
||||
.text-container .pane {
|
||||
background-color: #F9F9F9;
|
||||
padding: 10px;
|
||||
padding: 1px 0;
|
||||
height: 250px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -142,7 +142,7 @@ export default {
|
|||
|
||||
.text-container .pane {
|
||||
background-color: #F5F5F5;
|
||||
padding: 0 10px;
|
||||
padding: 1px 0;
|
||||
height: 250px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -84,12 +84,5 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -288,7 +288,7 @@ export default {
|
|||
type: API_SCENARIO_LIST,
|
||||
fields: getCustomTableHeader('API_SCENARIO'),
|
||||
fieldsWidth: getCustomTableWidth('API_SCENARIO'),
|
||||
screenHeight: 'calc(100vh - 275px)',//屏幕高度,
|
||||
screenHeight: 'calc(100vh - 220px)',//屏幕高度,
|
||||
condition: {
|
||||
components: API_SCENARIO_CONFIGS
|
||||
},
|
||||
|
|
@ -942,7 +942,7 @@ export default {
|
|||
padding: 10px;
|
||||
}
|
||||
|
||||
/deep/ .el-table__fixed-body-wrapper {
|
||||
/* /deep/ .el-table__fixed-body-wrapper {
|
||||
top: 60px !important;
|
||||
}
|
||||
} */
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1259,7 +1259,7 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.card-content {
|
||||
height: calc(100vh - 196px);
|
||||
height: calc(100vh - 156px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
|
|
@ -1282,13 +1282,6 @@ export default {
|
|||
padding: 7px;
|
||||
}
|
||||
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
}
|
||||
|
||||
.ms-api-col {
|
||||
background-color: #7C3985;
|
||||
border-color: #7C3985;
|
||||
|
|
@ -1318,7 +1311,7 @@ export default {
|
|||
}
|
||||
|
||||
/deep/ .el-card__body {
|
||||
padding: 10px;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
/deep/ .el-drawer__body {
|
||||
|
|
|
|||
|
|
@ -431,15 +431,7 @@ export default {
|
|||
}
|
||||
|
||||
/deep/ .el-card__body {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
margin: 20px 0;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
.icon.is-active {
|
||||
|
|
|
|||
|
|
@ -171,7 +171,7 @@
|
|||
<style scoped>
|
||||
|
||||
/deep/ .el-card__body {
|
||||
padding: 15px;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
.icon.is-active {
|
||||
|
|
|
|||
|
|
@ -1041,13 +1041,6 @@ export default {
|
|||
padding: 7px;
|
||||
}
|
||||
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
}
|
||||
|
||||
.ms-api-col {
|
||||
background-color: #7C3985;
|
||||
border-color: #7C3985;
|
||||
|
|
@ -1077,7 +1070,7 @@ export default {
|
|||
}
|
||||
|
||||
/deep/ .el-card__body {
|
||||
padding: 5px;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
/deep/ .el-drawer__body {
|
||||
|
|
|
|||
|
|
@ -187,6 +187,6 @@
|
|||
}
|
||||
|
||||
/deep/ .el-card__body {
|
||||
padding: 15px;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -432,14 +432,6 @@
|
|||
color: white;
|
||||
}
|
||||
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.is-selected {
|
||||
background: #EFF7FF;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -447,7 +447,7 @@ export default {
|
|||
<style scoped>
|
||||
|
||||
.ms-drawer >>> .ms-drawer-body {
|
||||
margin-top: 80px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -117,11 +117,5 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
margin: 0px 20px 0px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -365,14 +365,6 @@
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.ms-http-textarea {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -114,11 +114,5 @@ export default {
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
margin: 0px 20px 0px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -194,11 +194,5 @@ export default {
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
margin: 0px 20px 0px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -159,11 +159,5 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -247,12 +247,4 @@
|
|||
width: 500px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
margin: 20px 0;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -162,11 +162,5 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -169,11 +169,5 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -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"/>
|
||||
</el-row>
|
||||
<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')"
|
||||
v-model="apiSearch.orderCondition" style="float: right;width: 180px;margin-right: 5px"
|
||||
class="ms-api-header-select" @change="initApiDocSimpleList" clearable>
|
||||
|
|
@ -304,7 +304,7 @@
|
|||
</div>
|
||||
</el-main>
|
||||
<!-- 右侧列表 -->
|
||||
<el-aside width="200px" style="margin-top: 70px;">
|
||||
<el-aside width="200px" style="margin-top: 30px;">
|
||||
<div ref="apiDocList" >
|
||||
<el-steps style="height: 40%" direction="vertical" :active="apiStepIndex">
|
||||
<el-step v-for="(apiInfo) in apiInfoArray" :key="apiInfo.id" @click.native="clickStep(apiInfo.id)">
|
||||
|
|
@ -454,7 +454,7 @@ export default {
|
|||
},
|
||||
changeFixed(clientHeight) {
|
||||
if (this.$refs.apiDocInfoDiv) {
|
||||
let countPageHeight = 300;
|
||||
let countPageHeight = 210;
|
||||
if(this.pageHeaderHeight!=0 && this.pageHeaderHeight != null){
|
||||
countPageHeight = this.pageHeaderHeight
|
||||
}
|
||||
|
|
@ -869,13 +869,6 @@ export default {
|
|||
margin: 20px 5px;
|
||||
}
|
||||
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 14px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
}
|
||||
|
||||
.apiInfoRow {
|
||||
margin: 10px 10px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -647,13 +647,6 @@ export default {
|
|||
margin: 20px 10px;
|
||||
}
|
||||
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 14px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
}
|
||||
|
||||
.apiInfoRow {
|
||||
margin: 20px 10px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<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">
|
||||
|
||||
<el-row :gutter="10">
|
||||
|
|
|
|||
|
|
@ -174,6 +174,6 @@
|
|||
}
|
||||
|
||||
/deep/ .el-card__body {
|
||||
padding: 15px;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<el-main>
|
||||
<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-col :span="12">
|
||||
<el-form-item :label="'Swagger URL'" prop="swaggerUrl" class="swagger-url">
|
||||
|
|
|
|||
|
|
@ -254,7 +254,7 @@ export default {
|
|||
currentPage: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
screenHeight: 'calc(100vh - 320px)',//屏幕高度
|
||||
screenHeight: 'calc(100vh - 250px)',//屏幕高度
|
||||
environmentId: undefined,
|
||||
selectAll: false,
|
||||
unSelection: [],
|
||||
|
|
|
|||
|
|
@ -358,7 +358,7 @@ export default {
|
|||
currentPage: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
screenHeight: 'calc(100vh - 320px)',//屏幕高度,
|
||||
screenHeight: 'calc(100vh - 250px)',//屏幕高度,
|
||||
environmentId: undefined,
|
||||
selectDataCounts: 0,
|
||||
};
|
||||
|
|
@ -867,8 +867,8 @@ export default {
|
|||
top: -2px;
|
||||
}
|
||||
|
||||
/deep/ .el-table__fixed-body-wrapper {
|
||||
/* /deep/ .el-table__fixed-body-wrapper {
|
||||
top: 60px !important;
|
||||
}
|
||||
} */
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -370,14 +370,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
float: right;
|
||||
width: 300px;
|
||||
|
|
|
|||
|
|
@ -292,12 +292,4 @@
|
|||
/deep/ .el-form-item {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
margin: 0px 20px 0px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<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">
|
||||
|
||||
<el-form-item label="TCPClient" prop="classname">
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@
|
|||
|
||||
<style scoped>
|
||||
.metric-container {
|
||||
padding-bottom: 20px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.node-title {
|
||||
|
|
|
|||
|
|
@ -160,7 +160,7 @@
|
|||
|
||||
.text-container .pane {
|
||||
background-color: #F5F5F5;
|
||||
padding: 0 10px;
|
||||
padding: 1px 0;
|
||||
height: 250px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -85,7 +85,7 @@
|
|||
|
||||
.text-container .pane {
|
||||
background-color: white;
|
||||
padding: 0 10px;
|
||||
padding: 1px 0;
|
||||
height: 250px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -256,13 +256,6 @@ export default {
|
|||
padding: 7px;
|
||||
}
|
||||
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
}
|
||||
|
||||
/deep/ .el-drawer {
|
||||
overflow: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -253,13 +253,6 @@
|
|||
width: 350px;
|
||||
}
|
||||
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
}
|
||||
|
||||
/deep/ .el-drawer {
|
||||
overflow: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -249,13 +249,6 @@ export default {
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
}
|
||||
|
||||
/deep/ .el-drawer {
|
||||
overflow: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -257,13 +257,6 @@ export default {
|
|||
padding: 7px;
|
||||
}
|
||||
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
}
|
||||
|
||||
/deep/ .el-drawer {
|
||||
overflow: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -239,12 +239,4 @@
|
|||
border: #E6EEF2;
|
||||
}
|
||||
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -163,7 +163,7 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.metric-container {
|
||||
padding: 20px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.metric-container #chart {
|
||||
|
|
@ -173,7 +173,7 @@ export default {
|
|||
}
|
||||
|
||||
.metric-container .split {
|
||||
margin: 20px;
|
||||
margin: 10px;
|
||||
height: 100px;
|
||||
border-left: 1px solid #D8DBE1;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -51,11 +51,11 @@
|
|||
|
||||
<style scoped>
|
||||
.metric-container {
|
||||
padding: 20px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.metric {
|
||||
padding: 20px;
|
||||
padding: 10px;
|
||||
border: 1px solid #EBEEF5;
|
||||
min-width: 120px;
|
||||
height: 114px;
|
||||
|
|
|
|||
|
|
@ -62,7 +62,7 @@
|
|||
|
||||
.text-container .pane {
|
||||
background-color: #F9F9F9;
|
||||
padding: 10px;
|
||||
padding: 1px 0;
|
||||
height: 250px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -122,7 +122,7 @@ export default {
|
|||
|
||||
.text-container .pane {
|
||||
background-color: #F5F5F5;
|
||||
padding: 0 10px;
|
||||
padding: 1px 0;
|
||||
height: 250px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
:destroy-on-close="true"
|
||||
show-close
|
||||
@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-input v-model="ruleForm.testName" autocomplete="off" clearable show-word-limit></el-input>
|
||||
</el-form-item>
|
||||
|
|
|
|||
|
|
@ -194,11 +194,4 @@
|
|||
.ms-el-form-item__content >>> .el-form-item__content {
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<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">
|
||||
|
||||
<el-form-item label="TCPClient" prop="classname">
|
||||
|
|
|
|||
|
|
@ -13,9 +13,9 @@ export default {
|
|||
p {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-radius: 0px;
|
||||
border-left: 4px solid #783887;
|
||||
margin: 20px 0;
|
||||
margin: 5px 5px 10px 5px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<style scoped>
|
||||
|
||||
.ms-main-container {
|
||||
padding: 15px;
|
||||
padding: 5px 10px;
|
||||
height: calc(100vh - 80px);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -84,7 +84,7 @@ export default {
|
|||
}
|
||||
},
|
||||
created() {
|
||||
this.height = document.body.clientHeight - 340;
|
||||
this.height = document.body.clientHeight - 285;
|
||||
},
|
||||
mounted() {
|
||||
this.defaultMode = 3;
|
||||
|
|
|
|||
|
|
@ -128,9 +128,6 @@
|
|||
</style>
|
||||
|
||||
<style scoped>
|
||||
.adv-search-bar {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.dialog-footer {
|
||||
text-align: center;
|
||||
|
|
|
|||
|
|
@ -386,13 +386,6 @@
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
margin: 0px 0px 10px;
|
||||
}
|
||||
.ms-transform {
|
||||
transform: rotate(-180deg);
|
||||
transition: 0ms;
|
||||
|
|
|
|||
|
|
@ -54,6 +54,6 @@
|
|||
|
||||
<style scoped>
|
||||
.table-page {
|
||||
padding-top: 20px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -58,11 +58,4 @@
|
|||
<style scoped>
|
||||
@import "~jsondiffpatch/dist/formatters-styles/html.css";
|
||||
@import "~jsondiffpatch/dist/formatters-styles/annotated.css";
|
||||
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@
|
|||
<el-card class="table-card">
|
||||
<template v-slot:header>
|
||||
<ms-table-header :condition.sync="condition" @search="search"
|
||||
:title="$t('commons.report')"
|
||||
:show-create="false"/>
|
||||
</template>
|
||||
|
||||
|
|
@ -174,7 +173,7 @@ export default {
|
|||
total: 0,
|
||||
loading: false,
|
||||
testId: null,
|
||||
screenHeight: 'calc(100vh - 295px)',
|
||||
screenHeight: 'calc(100vh - 200px)',
|
||||
statusFilters: [
|
||||
{text: 'Starting', value: 'Starting'},
|
||||
{text: 'Running', value: 'Running'},
|
||||
|
|
|
|||
|
|
@ -412,7 +412,7 @@ export default {
|
|||
<style scoped>
|
||||
|
||||
.testplan-config {
|
||||
margin-top: 15px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.el-select {
|
||||
|
|
@ -424,7 +424,7 @@ export default {
|
|||
}
|
||||
|
||||
.advanced-config {
|
||||
height: calc(100vh - 265px);
|
||||
height: calc(100vh - 210px);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@
|
|||
<el-card class="table-card" v-loading="result.loading">
|
||||
<template v-slot:header>
|
||||
<ms-table-header :condition.sync="condition" @search="search"
|
||||
:title="$t('commons.test')"
|
||||
:create-permission="['PROJECT_PERFORMANCE_TEST:READ+CREATE']"
|
||||
@create="create" :createTip="$t('load_test.create')"/>
|
||||
</template>
|
||||
|
|
@ -153,7 +152,7 @@ export default {
|
|||
{text: 'Error', value: 'Error'}
|
||||
],
|
||||
userFilters: [],
|
||||
screenHeight: 'calc(100vh - 295px)',
|
||||
screenHeight: 'calc(100vh - 200px)',
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
:destroy-on-close="true"
|
||||
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-input v-model="form.name" autocomplete="off"/>
|
||||
</el-form-item>
|
||||
|
|
|
|||
|
|
@ -739,7 +739,6 @@ export default {
|
|||
}
|
||||
|
||||
.el-col {
|
||||
margin-top: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -159,11 +159,4 @@
|
|||
<style scoped>
|
||||
@import "~jsondiffpatch/dist/formatters-styles/html.css";
|
||||
@import "~jsondiffpatch/dist/formatters-styles/annotated.css";
|
||||
|
||||
.tip {
|
||||
padding: 3px 5px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #783887;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<div>
|
||||
<div style="width: 500px">
|
||||
<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-input v-model="form.account" :placeholder="$t('organization.integration.input_api_account')"/>
|
||||
</el-form-item>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<div>
|
||||
<div style="width: 500px">
|
||||
<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-input v-model="form.account" :placeholder="$t('organization.integration.input_api_account')"/>
|
||||
</el-form-item>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<div>
|
||||
<div style="width: 500px">
|
||||
<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-input v-model="form.account" :placeholder="$t('organization.integration.input_api_account')"/>
|
||||
</el-form-item>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
<!--Change personal password-->
|
||||
<el-dialog :close-on-click-modal="false" :title="$t('member.edit_password')" :visible.sync="editPasswordVisible" width="35%"
|
||||
: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-input v-model="ruleForm.password" autocomplete="off" show-password/>
|
||||
</el-form-item>
|
||||
|
|
|
|||
|
|
@ -83,7 +83,7 @@
|
|||
|
||||
<el-dialog :close-on-click-modal="false" :title="title" :visible.sync="createVisible" destroy-on-close
|
||||
@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-input v-model="form.name" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
@closed="handleClose" class="edit-user-dialog"
|
||||
:destroy-on-close="true">
|
||||
<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-input v-model="form.id" autocomplete="off" :placeholder="$t('user.input_id_placeholder')" :disabled="type === 'Edit'"/>
|
||||
</el-form-item>
|
||||
|
|
|
|||
|
|
@ -62,7 +62,7 @@
|
|||
v-loading="result.loading"
|
||||
>
|
||||
<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">
|
||||
<el-form-item :label="$t('commons.name')" prop="name">
|
||||
<el-input v-model="form.name" autocomplete="off"/>
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@
|
|||
<el-dialog :close-on-click-modal="false" :title="$t('member.edit_password')" :visible.sync="editPasswordVisible"
|
||||
width="30%"
|
||||
: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">
|
||||
<el-form-item :label="$t('member.new_password')" prop="newpassword">
|
||||
<el-input type="password" v-model="ruleForm.newpassword" autocomplete="off" show-password></el-input>
|
||||
|
|
@ -488,7 +488,10 @@ export default {
|
|||
/* height: 110px !important;*/
|
||||
/*}*/
|
||||
|
||||
/*/deep/ .ms-select-all-fixed th:nth-child(2) .el-icon-arrow-down {*/
|
||||
/* top: -5px;*/
|
||||
/*}*/
|
||||
/deep/ .ms-select-all-fixed th:first-child.el-table-column--selection {
|
||||
margin-top: 0px;
|
||||
}
|
||||
/deep/ .ms-select-all-fixed th:nth-child(2) .table-select-icon {
|
||||
top: -8px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@
|
|||
</el-dialog>
|
||||
<el-dialog :close-on-click-modal="false" :visible.sync="memberVisible" width="45%"
|
||||
: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;">
|
||||
<el-form-item :label="$t('commons.member')" prop="userIds">
|
||||
<el-select
|
||||
|
|
|
|||
|
|
@ -89,7 +89,7 @@
|
|||
|
||||
<el-dialog :close-on-click-modal="false" :title="title" :visible.sync="createVisible" destroy-on-close
|
||||
@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-input v-model="form.name" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
<el-scrollbar>
|
||||
<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-input :disabled="isSystem" v-model="form.name" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
|
|
|||
|
|
@ -407,7 +407,7 @@ export default {
|
|||
<style scoped>
|
||||
|
||||
.el-main {
|
||||
padding: 15px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
/deep/ .el-button-group > .el-button:first-child {
|
||||
|
|
|
|||
|
|
@ -234,7 +234,7 @@
|
|||
},
|
||||
customFieldRules: {},
|
||||
customFieldForm: {},
|
||||
formLabelWidth: "120px",
|
||||
formLabelWidth: "100px",
|
||||
operationType: '',
|
||||
isCreateContinue: false,
|
||||
isStepTableAlive: true,
|
||||
|
|
|
|||
|
|
@ -219,7 +219,7 @@ export default {
|
|||
return {
|
||||
type: TEST_CASE_LIST,
|
||||
tableHeaderKey:"TRACK_TEST_CASE",
|
||||
screenHeight: 'calc(100vh - 310px)',
|
||||
screenHeight: 'calc(100vh - 250px)',
|
||||
tableLabel: [],
|
||||
deletePath: "/test/case/delete",
|
||||
condition: {
|
||||
|
|
@ -638,7 +638,7 @@ export default {
|
|||
<style scoped>
|
||||
|
||||
.table-page {
|
||||
padding-top: 20px;
|
||||
padding-top: 10px;
|
||||
margin-right: -9px;
|
||||
float: right;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<el-main v-loading="result.loading" class="container" :style="isPlan ? '' : 'height: calc(100vh - 62px)'">
|
||||
<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-input v-model="form.title" autocomplete="off"></el-input>
|
||||
|
|
@ -96,7 +96,7 @@ export default {
|
|||
result: {},
|
||||
relateFields: [],
|
||||
isFormAlive: true,
|
||||
formLabelWidth: "120px",
|
||||
formLabelWidth: "100px",
|
||||
issueTemplate: {},
|
||||
customFieldForm: {},
|
||||
customFieldRules: {},
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<el-card class="table-card">
|
||||
<template v-slot:header>
|
||||
<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')">
|
||||
<template v-slot:button>
|
||||
<el-tooltip v-if="isThirdPart" :content="'更新第三方平台的缺陷'">
|
||||
|
|
@ -181,7 +181,7 @@ export default {
|
|||
fields: [],
|
||||
tableHeaderKey:"ISSUE_LIST",
|
||||
fieldsWidth: getCustomTableWidth('ISSUE_LIST'),
|
||||
screenHeight: 'calc(100vh - 290px)',
|
||||
screenHeight: 'calc(100vh - 200px)',
|
||||
operators: [
|
||||
{
|
||||
tip: this.$t('commons.edit'), icon: "el-icon-edit",
|
||||
|
|
|
|||
|
|
@ -166,7 +166,7 @@ export default {
|
|||
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'}]
|
||||
},
|
||||
formLabelWidth: "120px",
|
||||
formLabelWidth: "100px",
|
||||
operationType: '',
|
||||
principalOptions: []
|
||||
};
|
||||
|
|
|
|||
|
|
@ -3,9 +3,7 @@
|
|||
<template v-slot:header>
|
||||
<ms-table-header :create-permission="['PROJECT_TRACK_PLAN:READ+CREATE']" :condition.sync="condition"
|
||||
@search="initTableData" @create="testPlanCreate"
|
||||
:create-tip="$t('test_track.plan.create_plan')"
|
||||
:title="$t('test_track.plan.test_plan')"
|
||||
/>
|
||||
:create-tip="$t('test_track.plan.create_plan')"/>
|
||||
|
||||
</template>
|
||||
|
||||
|
|
@ -289,7 +287,7 @@ export default {
|
|||
hasEditPermission: false,
|
||||
total: 0,
|
||||
tableData: [],
|
||||
screenHeight: 'calc(100vh - 295px)',
|
||||
screenHeight: 'calc(100vh - 200px)',
|
||||
statusFilters: [
|
||||
{text: this.$t('test_track.plan.plan_status_prepare'), value: 'Prepare'},
|
||||
{text: this.$t('test_track.plan.plan_status_running'), value: 'Underway'},
|
||||
|
|
|
|||
|
|
@ -2,8 +2,7 @@
|
|||
<el-card class="table-card" v-loading="result.loading">
|
||||
<template v-slot:header>
|
||||
<ms-table-header :condition.sync="condition" :show-create="false"
|
||||
@search="initTableData"
|
||||
:title="$t('test_track.report.name')"/>
|
||||
@search="initTableData"/>
|
||||
</template>
|
||||
<el-table border :data="tableData"
|
||||
@select-all="handleSelectAll"
|
||||
|
|
@ -116,7 +115,7 @@ export default {
|
|||
pageSize: 10,
|
||||
isTestManagerOrTestUser: false,
|
||||
selectRows: new Set(),
|
||||
screenHeight: 'calc(100vh - 295px)', //屏幕高度
|
||||
screenHeight: 'calc(100vh - 200px)', //屏幕高度
|
||||
total: 0,
|
||||
tableData: [],
|
||||
statusFilters: [
|
||||
|
|
|
|||
|
|
@ -133,7 +133,7 @@ export default {
|
|||
description: [{max: 200, message: this.$t('test_track.length_less_than') + '200', trigger: 'blur'}],
|
||||
endTime: [{required: true, message: '请选择截止时间', trigger: 'blur'}]
|
||||
},
|
||||
formLabelWidth: "120px",
|
||||
formLabelWidth: "100px",
|
||||
operationType: '',
|
||||
reviewerOptions: []
|
||||
};
|
||||
|
|
|
|||
|
|
@ -3,8 +3,7 @@
|
|||
<template v-slot:header>
|
||||
<ms-table-header :create-permission="['PROJECT_TRACK_REVIEW:READ+CREATE']" :condition.sync="condition"
|
||||
@search="initTableData" @create="testCaseReviewCreate"
|
||||
:create-tip="$t('test_track.review.create_review')"
|
||||
:title="$t('test_track.review.test_review')"/>
|
||||
:create-tip="$t('test_track.review.create_review')"/>
|
||||
</template>
|
||||
|
||||
<el-table
|
||||
|
|
@ -162,7 +161,7 @@ export default {
|
|||
currentPage: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
screenHeight: 'calc(100vh - 295px)',
|
||||
screenHeight: 'calc(100vh - 200px)',
|
||||
statusFilters: [
|
||||
{text: this.$t('test_track.plan.plan_status_prepare'), value: 'Prepare'},
|
||||
{text: this.$t('test_track.plan.plan_status_running'), value: 'Underway'},
|
||||
|
|
|
|||
|
|
@ -10,6 +10,50 @@
|
|||
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 {
|
||||
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
|
|
@ -215,7 +259,7 @@ textarea {
|
|||
.ms-select-all-fixed th:nth-child(2) .table-select-icon {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
top: -9px;
|
||||
top: -4px;
|
||||
left: -30px;
|
||||
width: 30px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue