付款单列表搜索修改

src/views/ecw/financial/paymentVoucher.vue

@@ -7,40 +7,23 @@
         :model="queryParams"
         ref="queryForm"
         size="small"
-        :inline="true"
         label-width="100px"
         class="card"
       >
-        <el-row :span="24">
-          <el-form-item :label="$t('柜号')">
+        <el-row :gutter="10">
+          <el-col :span="4"> <el-form-item :label="$t('付款单号')">
             <el-input
-              style="max-width: 188px"
-              v-model="queryParams.receiptNo"
-              :placeholder="$t('请输入收款单号')"
               clearable
-              @keyup.enter.native="handleQuery"
-            />
-          </el-form-item>
-          <el-form-item :label="$t('自编号')">
-            <el-input
-              style="max-width: 188px"
-              v-model="queryParams.receiptNo"
-              :placeholder="$t('请输入收款单号')"
-              clearable
-              @keyup.enter.native="handleQuery"
-            />
-          </el-form-item>
-          <el-form-item :label="$t('付款单号')">
-            <el-input
               style="max-width: 188px"
               v-model="queryParams.receiptNo"
               :placeholder="$t('请输入付款单号')"
               clearable
               @keyup.enter.native="handleQuery"
             />
-          </el-form-item>
-          <el-form-item :label="$t('供应商')">
+          </el-form-item></el-col>
+          <el-col :span="4"><el-form-item :label="$t('供应商')">
             <el-select
+              clearable
               v-model="queryParams.supplierId"
               :placeholder="$t('请选择供应商')"
             >
@@ -51,13 +34,8 @@
                 :value="supplier.id"
               ></el-option>
             </el-select>
-          </el-form-item>
-          <el-form-item :label="$t('状态')">
-            <dict-selector :type="DICT_TYPE.PAYMENT_STATE" v-model="queryParams.state"/>
-          </el-form-item>
-        </el-row>
-        <el-row :span="24">
-          <el-form-item :label="$t('业务员')">
+          </el-form-item></el-col>
+          <el-col :span="4"><el-form-item :label="$t('业务员')">
             <!--            <el-select v-model="form.salesmanId" :placeholder="$t('请选择业务员')">
                           <el-option
                             v-for="item in creatorData"
@@ -67,6 +45,7 @@
                           />
                         </el-select> -->
             <el-select v-model="form.salesmanId" filterable :placeholder="$t('请选择业务员')"
+                       clearable
                        @change="v => form.salesmanName = creatorData.find(t => t.id === v).nickname">
               <el-option
                 v-for="item in creatorData"
@@ -75,8 +54,8 @@
                 :value="item.id"
               />
             </el-select>
-          </el-form-item>
-          <el-form-item :label="$t('创建时间')">
+          </el-form-item> </el-col>
+          <el-col :span="6"><el-form-item :label="$t('创建时间')">
             <el-date-picker
               v-model="queryParams.beginCreateTime"
               type="datetimerange"
@@ -85,17 +64,25 @@
               :start-placeholder="$t('请选择日期')"
               :end-placeholder="$t('请选择日期')">
             </el-date-picker>
-          </el-form-item>
-          <el-form-item :label="$t('发票状态')">
+          </el-form-item></el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="4">
+            <el-form-item :label="$t('状态')">
+              <dict-selector   clearable :type="DICT_TYPE.ECW_PAYMENT_STATE" v-model="queryParams.state"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4"><el-form-item :label="$t('发票状态')">
             <el-select
+              clearable
               v-model="queryParams.invoiceStatus"
               :placeholder="$t('请选择是否开票')"
             >
               <el-option :label="$t('未开票')" value="0"/>
               <el-option :label="$t('已开票')" value="1"/>
             </el-select>
-          </el-form-item>
-          <el-form-item>
+          </el-form-item></el-col>
+          <el-col :span="6"><el-form-item>
             <el-button type="primary" @click="handleQuery">{{ $t('查找') }}</el-button>
             <el-button
               style="margin-left: 10px"
@@ -104,7 +91,7 @@
               @click="handleAdd(0)"
             >{{ $t('新增请款单') }}</el-button
             >
-          </el-form-item>
+          </el-form-item></el-col>
         </el-row>
       </el-form>
     </el-card>