chenjun 1 year ago
parent
commit
742acb7fa4
1 changed files with 12 additions and 10 deletions
  1. 12 10
      src/components/AdvancedQuery/index.vue

+ 12 - 10
src/components/AdvancedQuery/index.vue

@@ -10,7 +10,7 @@
                   col.prop === 'comparisonOperator' ||
                   col.inputType[rowIndex] === 'select'
                 ">
-                  <el-select style="width: 120px;" v-model="row[col.prop]" placeholder="请选择" @change="
+                  <el-select style="width: 120px;"  size="small" v-model="row[col.prop]" placeholder="请选择" @change="
                     value => {
                       selectChangeHandler(value, rowIndex, colIndex)
                     }
@@ -19,7 +19,7 @@
                   </el-select>
                 </template>
                 <template v-else-if="col.inputType === 'select'">
-                  <el-select style="width: 130px;" v-model="row[col.prop]" placeholder="请选择" @change="
+                  <el-select style="width: 130px;"  size="small" v-model="row[col.prop]" placeholder="请选择" @change="
                     value => {
                       selectChangeHandler(value, rowIndex, colIndex)
                     }
@@ -32,20 +32,20 @@
                     col.inputType[rowIndex]
                   )
                 ">
-                  <el-input v-model="row[col.prop]" placeholder="请输入" :disabled="
+                  <el-input v-model="row[col.prop]" size="small" placeholder="请输入" :disabled="
                     col.prop === 'paramValue' && paramsForm.disabled[rowIndex]
                   " />
                 </template>
                 <template v-else-if="col.inputType[rowIndex] === 'number'">
-                  <el-input v-model="row[col.prop]" placeholder="请输入" :disabled="
+                  <el-input v-model="row[col.prop]" size="small" placeholder="请输入" :disabled="
                     col.prop === 'paramValue' && paramsForm.disabled[rowIndex]
                   " @keydown.native="inputHold(row[col.prop])" @input="inputLimit(row[col.prop], rowIndex)" @blur="inputFix(row[col.prop], rowIndex)" />
                 </template>
                 <template v-else-if="col.inputType[rowIndex] === 'date'">
-                  <el-date-picker v-model="row[col.prop]" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择" :clearable="false" />
+                  <el-date-picker v-model="row[col.prop]" size="small" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择" :clearable="false" />
                 </template>
                 <template v-else-if="col.inputType[rowIndex] === 'datetime'">
-                  <el-date-picker v-model="row[col.prop]" type="datetime" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择" :clearable="false" />
+                  <el-date-picker v-model="row[col.prop]" size="small" type="datetime" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择" :clearable="false" />
                 </template>
                 <template v-else-if="col.inputType === 'delete'">
                   <i class="clickable-delete el-icon-error" @click="deleteParam(rowIndex)" />
@@ -480,10 +480,11 @@ export default {
   }
   .clickable-delete {
     width: 39px;
-    height: 40px;
+    height: 32px;
     text-align: center;
-    line-height: 40px;
+    line-height: 32px;
     font-size: 20px;
+    margin-top: 4px;
     border: 1px solid #dcdfe6;
     border-left: none;
     border-top-left-radius: 0;
@@ -499,8 +500,9 @@ export default {
     cursor: pointer;
   }
   .clickable-add {
-    height: 40px;
+    height: 32px;
     text-align: center;
+    margin-top: 4px;
     font-size: 20px;
     cursor: pointer;
     display: flex;
@@ -520,4 +522,4 @@ export default {
     }
   }
 }
-</style>
+</style>