Forráskód Böngészése

feat: 优化表单布局,调整列宽和间距,确保输入框全宽显示

xieyong 2 napja
szülő
commit
616fb2e7dc
1 módosított fájl, 26 hozzáadás és 7 törlés
  1. 26 7
      src/views/bpm/collaborative/index.vue

+ 26 - 7
src/views/bpm/collaborative/index.vue

@@ -70,19 +70,24 @@
                 @keyup.enter.native="handleSearch"
                 @submit.native.prevent
               >
-                <el-row :gutter="15" style="display: flex; align-items: center">
-                  <el-col v-bind="{ span: 4 }">
+                <el-row :gutter="[20, 20]" style="row-gap: 20px">
+                  <el-col v-bind="{ span: 5 }">
                     <el-form-item
                       label="关键字:"
                       prop="keyword"
                       label-width="70px"
                     >
-                      <el-input placeholder="请输入" v-model="params.keyword"></el-input>
+                      <el-input
+                        style="width: 100%"
+                        placeholder="请输入"
+                        v-model="params.keyword"
+                      ></el-input>
                     </el-form-item>
                   </el-col>
-                  <el-col v-bind="{ span: 4 }">
+                  <el-col v-bind="{ span: 5 }">
                     <el-form-item label="分类:" label-width="60px">
                       <el-select
+                        style="width: 100%"
                         v-model="params.dictType"
                         @change="changeDictTypeChange"
                         clearable
@@ -98,9 +103,10 @@
                       </el-select>
                     </el-form-item>
                   </el-col>
-                  <el-col v-bind="{ span: 4 }">
+                  <el-col v-bind="{ span: 5 }">
                     <el-form-item label="单据:" label-width="60px">
                       <el-select
+                        style="width: 100%"
                         v-model="params.formId"
                         @change="changeFormIdChange"
                         clearable
@@ -121,6 +127,7 @@
                       label-width="60px"
                     >
                       <DictSelection
+                        style="width: 100%; display: block"
                         dictName="流程实例的结果"
                         clearable
                         v-model="params.result"
@@ -128,19 +135,20 @@
                       </DictSelection>
                     </el-form-item>
                   </el-col>
-                  <el-col v-bind="{ span: 4 }">
+                  <el-col v-bind="{ span: 5 }">
                     <el-form-item
                       label="发起人:"
                       prop="startUserName"
                       label-width="70px"
                     >
                       <el-input
+                        style="width: 100%"
                         v-model="params.startUserName"
                         clearable
                       ></el-input>
                     </el-form-item>
                   </el-col>
-                  <el-col v-bind="{ span: 6 }">
+                  <el-col v-bind="{ span: 7 }">
                     <el-form-item
                       label="创建时间:"
                       prop="createTime1"
@@ -819,6 +827,17 @@
   .filter-container {
     margin-bottom: 10px;
     margin-top: 10px;
+
+    ::v-deep .el-form-item {
+      margin-bottom: 15px;
+    }
+
+    ::v-deep .el-form-item .el-input,
+    ::v-deep .el-form-item .el-select,
+    ::v-deep .el-form-item .el-date-editor,
+    ::v-deep .el-form-item .ele-select {
+      width: 100%;
+    }
   }
 
   .content-box {