فهرست منبع

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

wu.jian2 1 سال پیش
والد
کامیت
855b277266

+ 6 - 0
data-room-ui/packages/DataSetManagement/src/CustomEditForm.vue

@@ -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>

+ 17 - 4
data-room-ui/packages/DataSetManagement/src/HttpEditForm.vue

@@ -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>

+ 7 - 0
data-room-ui/packages/DataSetManagement/src/JsEditForm.vue

@@ -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>

+ 7 - 0
data-room-ui/packages/DataSetManagement/src/JsonEditForm.vue

@@ -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>

+ 18 - 4
data-room-ui/packages/DataSetManagement/src/ScriptEditForm.vue

@@ -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>

+ 6 - 0
data-room-ui/packages/DataSetManagement/src/StoredProcedureEditForm.vue

@@ -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>