订单剩下相关列表搜索框未重新排版的修改

src/views/ecw/order/index.vue

@@ -146,7 +146,7 @@
       <el-form-item :label="$t('提货率')" v-show="showSearch">
         <el-input type="number" v-model.trim="pickRatio.value" :placeholder="$t('请输入数字')" clearable @keyup.enter.native="handleQuery" class="w-200">
           <template slot="prepend">
-            <dict-selector :type="DICT_TYPE.PICK_RATIO_FIELD" defaultable v-model="pickRatio.key" class="w-50" />
+            <dict-selector :type="DICT_TYPE.PICK_RATIO_FIELD" defaultable v-model="pickRatio.key" />
           </template>
         </el-input>
       </el-form-item>

src/views/ecw/order/stockingList.vue

@@ -2,12 +2,13 @@
 <template>
   <div class="app-container">
     <!-- 搜索工作栏 -->
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px" class="search-z">
       <el-form-item :label="$t('编号')" prop="orderNo">
         <el-input
           v-model.trim="queryParams.numberKey"
           :placeholder="$t('请输入订单号、唛头、提单号')"
           clearable
+          class="w-200"
           @keyup.enter.native="handleQuery"
           @input="replaceSpace(queryParams, 'numberKey')"
         />
@@ -19,6 +20,7 @@
           :placeholder="$t('发货人')"
           clearable
           @keyup.enter.native="handleQuery"
+          class="w-200"
         />
       </el-form-item>
       <el-form-item :label="$t('收货人')" prop="consigneeKey">
@@ -27,6 +29,7 @@
           :placeholder="$t('收货人')"
           clearable
           @keyup.enter.native="handleQuery"
+          class="w-200"
         />
       </el-form-item>
       <el-form-item :label="$t('客户经理')">
@@ -37,11 +40,12 @@
           clearable
           @change="handleQuery"
           :prepend="{ id: 0, nickname: $t('未分配客户经理') }"
+          class="w-200"
         />
       </el-form-item>
       <div>
         <el-form-item :label="$t('始发仓')" prop="startWarehouseIds">
-          <el-select v-model="queryParams.startWarehouseIds" multiple :placeholder="$t('请选择始发仓')" clearable @change="handleQuery">
+          <el-select v-model="queryParams.startWarehouseIds" multiple :placeholder="$t('请选择始发仓')" clearable @change="handleQuery" class="w-200">
             <el-option v-for="item in exportWarehouseList" :label="$l(item, 'title')" :value="item.id" :key="item.id"></el-option>
           </el-select>
         </el-form-item>
@@ -53,6 +57,7 @@
             :placeholder="$t('请选择目的国')"
             clearable
             @change="handleQuery"
+            class="w-200"
           >
             <el-option
               v-for="item in AddressProvince"
@@ -67,9 +72,9 @@
             v-model="objectiveId"
             multiple
             :placeholder="$t('请选择目的城市')"
-            style="width: 200px"
             clearable
             @change="handleQuery"
+            class="w-200"
           >
             <el-option
               v-for="item in AddressCity"
@@ -84,9 +89,9 @@
             v-model="destWarehouseId"
             multiple
             :placeholder="$t('请选择目的仓')"
-            style="width: 200px"
             clearable
             @change="handleQuery"
+            class="w-200"
           >
             <el-option
               v-for="item in AddressTown"
@@ -103,7 +108,7 @@
       </el-form-item>-->
 
       <el-form-item :label="$t('商品类型')" prop="goodsTypes" v-show="showSearch">
-        <selector v-model="queryParams.goodsTypes" multiple :options="productAttrList" label-field="attrName" value-field="id">
+        <selector v-model="queryParams.goodsTypes" multiple :options="productAttrList" label-field="attrName" value-field="id" class="w-200">
         </selector>
       </el-form-item>
 
@@ -113,6 +118,7 @@
           :placeholder="$t('请输入商品类型、品名或品牌')"
           clearable
           @keyup.enter.native="handleQuery"
+          class="w-200"
         />
       </el-form-item>
 
@@ -121,6 +127,7 @@
           :type="DICT_TYPE.ECW_WAREHOUSING_TYPE"
           v-model="queryParams.warehouseType"
           clearable
+          class="w-200"
         />
       </el-form-item>
 
@@ -130,6 +137,7 @@
           :type="DICT_TYPE.INFRA_BOOLEAN_STRING"
           fomatter="bool"
           clearable
+          class="w-200"
         />
       </el-form-item>
 
@@ -139,6 +147,7 @@
           v-model="queryParams.status"
           @keyup.enter.native="handleQuery"
           clearable
+          class="w-200"
         />
       </el-form-item>
       <el-form-item :label="$t('报关方式')" prop="customsType" v-show="showSearch">
@@ -147,6 +156,7 @@
           v-model="queryParams.customsType"
           clearable
           @change="handleQuery"
+          class="w-200"
         />
       </el-form-item>
       <el-form-item :label="$t('是否齐货')" v-show="showSearch">
@@ -157,6 +167,7 @@
           fomatter="bool"
           clearable
           @change="handleQuery"
+          class="w-200"
         />
       </el-form-item>
 
@@ -167,6 +178,7 @@
           multiple
           clearable
           @change="handleQuery"
+          class="w-200"
         />
       </el-form-item>
       <el-form-item :label="$t('快递单号')" prop="number" v-show="showSearch">
@@ -176,6 +188,7 @@
           clearable
           @keyup.enter.native="handleQuery"
           onkeyup="this.value=this.value.replace(/\s+/g, '')"
+          class="w-200"
         />
       </el-form-item>
       <el-form-item :label="$t('外部仓')" prop="isExternalWarehouse" v-show="showSearch">
@@ -184,6 +197,7 @@
           :placeholder="$t('请选择')"
           clearable
           @change="handleQuery"
+          class="w-200"
         >
           <el-option :label="$t('外部仓')" :value="1"></el-option>
           <el-option :label="$t('自有仓')" :value="0"></el-option>
@@ -196,6 +210,7 @@
           v-model="queryParams.abnormalState"
           @keyup.enter.native="handleQuery"
           clearable
+          class="w-200"
         />
       </el-form-item>
       <el-form-item :label="$t('审核状态')" prop="status" v-show="showSearch">
@@ -204,6 +219,7 @@
           v-model="queryParams.auditType"
           @keyup.enter.native="handleQuery"
           clearable
+          class="w-200"
         />
       </el-form-item>
       <el-form-item :label="$t('增值服务')" prop="types" v-show="showSearch">
@@ -212,6 +228,7 @@
           multiple
           :placeholder="$t('请选择')"
           clearable
+          class="w-200"
         >
           <el-option :label="$t('普通订单')" :value="0"></el-option>
           <el-option :label="$t('集运服务')" :value="1"></el-option>
@@ -225,6 +242,7 @@
           value-field="channelId"
           v-model="queryParams.channelIds"
           multiple
+          class="w-200"
         ></selector>
       </el-form-item>
       <el-form-item :label="$t('特需')" prop="packageType" v-show="showSearch">
@@ -233,6 +251,7 @@
           multiple
           :placeholder="$t('请选择')"
           clearable
+          class="w-200"
         >
           <template v-for="item in getDictDatas(DICT_TYPE.ORDER_SPECIAL_NEEDS)">
             <el-option
@@ -242,33 +261,12 @@
           </template>
         </el-select>
       </el-form-item>
-      <el-form-item label="">
-        <dict-selector
-          :type="DICT_TYPE.ECW_BEGINTIME_TYPE_ENDTIME"
-          :filter="(item) => item.value != 'PickTime'"
-          v-model="dateFilterType"
-          defaultable
-          style="width: 150px; margin-right: 5px"
-        />
-        <el-date-picker
-          v-model="dateFilter"
-          type="datetimerange"
-          range-separator="-"
-          :start-placeholder="$t('开始日期')"
-          :end-placeholder="$t('结束日期')"
-          value-format="yyyy-MM-dd HH:mm:ss"
-          @change="handleQuery"
-        >
-        </el-date-picker>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery">{{
-          $t("搜索")
-        }}</el-button>
-        <el-button icon="el-icon-refresh" @click="resetQuery">{{
-          $t("重置")
-        }}</el-button>
-      </el-form-item>
+      <div class="flex pb-20">
+        <dict-selector :type="DICT_TYPE.ECW_BEGINTIME_TYPE_ENDTIME" :filter="(item) => item.value != 'PickTime'" v-model="dateFilterType" defaultable class="w-200 mr-5" />
+        <el-date-picker v-model="dateFilter" type="datetimerange" range-separator="-" :start-placeholder="$t('开始日期')" :end-placeholder="$t('结束日期')" value-format="yyyy-MM-dd HH:mm:ss" @change="handleQuery"> </el-date-picker>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery" :loading="loading" class="ml-10">{{ $t("搜索") }}</el-button>
+        <el-button icon="el-icon-refresh" @click="resetQuery">{{ $t("重置") }}</el-button>
+      </div>
     </el-form>
 
     <!-- 操作工具栏 -->