style: 优化各个数据集的表单样式,输入框和选择器宽度保持一致

main
wu.jian2 2 years ago
parent 6421c6f1a7
commit 855b277266

@ -1425,4 +1425,10 @@ export default {
background: var(--bs-el-background-1);
}
}
.bs-el-select{
width: 100% !important;
}
::v-deep .el-input__inner{
width: 100% !important;
}
</style>

@ -149,16 +149,17 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="21">
<el-row>
<el-col :span="24">
<el-form-item
label="请求地址"
prop="config.url"
class="bs-el-input-url"
>
<el-input
v-model="dataForm.config.url"
autocomplete="off"
class="bs-el-input bs-el-input-url"
class="bs-el-input"
placeholder="请输入请求地址"
clearable
/>
@ -1438,9 +1439,21 @@ export default {
::v-deep .el-input__inner{
width: 230px !important;
}
.bs-el-select{
width: 100% !important;
}
::v-deep .el-input__inner{
width: 100% !important;
}
.bs-el-input-url{
// ::v-deep .el-form-item__content{
// width: calc(100%) !important;
// }
.bs-el-input-url{
width: 100% !important;
}
::v-deep .el-input__inner{
width:600px !important;
width:100% !important;
}
}
</style>

@ -933,4 +933,11 @@ export default {
.tree-box {
padding: 0;
}
.bs-el-select{
width: 100% !important;
}
::v-deep .el-input__inner{
width: 100% !important;
}
</style>

@ -843,4 +843,11 @@ export default {
height: 100% !important;
margin-bottom: 0 !important;
}
.bs-el-select{
width: 100% !important;
}
::v-deep .el-input__inner{
width: 100% !important;
}
</style>

@ -180,7 +180,14 @@
>
<div>
<el-button-group>
<el-button plain type="primary" class="bs-el-button-default" @click="example('es')">ES</el-button>
<el-button
plain
type="primary"
class="bs-el-button-default"
@click="example('es')"
>
ES案例
</el-button>
</el-button-group>
<div class="code-out">
<codemirror
@ -978,14 +985,14 @@ return ElasticsearchDsService.query(host, port, username, password, path, dsl);
/**
* 获取脚本案例
*/
example(type) {
example (type) {
this.exampleVisible = true
this.currentExample = this.exampleList[type]
},
useExample() {
useExample () {
this.dataForm.script = this.currentExample
this.exampleVisible = false
},
}
}
}
</script>
@ -1151,4 +1158,11 @@ return ElasticsearchDsService.query(host, port, username, password, path, dsl);
height: 100% !important;
margin-bottom: 0 !important;
}
.bs-el-select{
width: 100% !important;
}
::v-deep .el-input__inner{
width: 100% !important;
}
</style>

@ -1226,4 +1226,10 @@ export default {
height: 100% !important;
margin-bottom: 0 !important;
}
.bs-el-select{
width: 100% !important;
}
::v-deep .el-input__inner{
width: 100% !important;
}
</style>

Loading…
Cancel
Save