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

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

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

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

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

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

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

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

Loading…
Cancel
Save