需求 127后台-集运-包裹列表

src/views/ecw/cons/index.vue

@@ -24,16 +24,26 @@
         <el-input v-model="queryParams.customerName" placeholder="请输入客户名称" clearable
                   @keyup.enter.native="handleQuery"/>
       </el-form-item>
+      <el-form-item :label="$t('客户经理')">
+        <user-selector manage v-model="queryParams.salesmanIds" multiple clearable @change="handleQuery"
+                       :prepend="{ id: 0, nickname: $t('未分配客户经理') }" class="w-200"/>
+      </el-form-item>
+      <el-form-item :label="$t('包裹状态')" prop="statusList">
+        <dict-selector :type="DICT_TYPE.CONS_STATUS" multiple v-model="queryParams.statusList" @keyup.enter.native="handleQuery"  clearable @change="handleQuery" class="w-200" />
+      </el-form-item>
+      <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" />
+          </template>
+        </el-input>
+      </el-form-item>
       <el-form-item :label="$t('集运仓')">
         <el-select v-model="queryParams.wareId" :placeholder="$t('请选择仓库')" filterable>
           <el-option v-for="warehouse in this.warehouseList" :key="warehouse.id" :label="$l(warehouse,'title')"
                      :value="warehouse.id"></el-option>
         </el-select>
       </el-form-item>
-      <el-form-item :label="$t('客户经理')">
-        <user-selector manage v-model="queryParams.salesmanIds" multiple clearable @change="handleQuery"
-                       :prepend="{ id: 0, nickname: $t('未分配客户经理') }" class="w-200"/>
-      </el-form-item>
       <el-form-item :label="$t('运输方式')" prop="transportId">
         <dict-selector :type="DICT_TYPE.ECW_TRANSPORT_TYPE" v-model="queryParams.transportId" class="w-200"/>
       </el-form-item>
@@ -50,11 +60,14 @@
           <el-option v-for="item in AddressCity" :key="item.shi" :label="item.shiName" :value="item.shi"></el-option>
         </el-select>
       </el-form-item>
-      <el-form-item :label="$t('出货渠道')" prop="shippingChannelIdList">
-        <el-select v-model="queryParams.shippingChannelIdList" multiple :placeholder="$t('请选择出货渠道')" clearable>
-          <el-option v-for="item in channelList" :label="$l(item, 'name')" :value="item.channelId"
-                     :key="item.channelId"></el-option>
-        </el-select>
+      <el-form-item :label="$t('出货渠道')" prop="channelIds">
+        <selector clearable :options="channelList" :label-field="$l('name')" value-field="channelId" v-model="queryParams.channelIds" multiple class="w-200"></selector>
+      </el-form-item>
+      <el-form-item :label="$t('验货服务')" prop="needInspect" v-show="showSearch">
+        <dict-selector v-model="queryParams.needInspect" :type="DICT_TYPE.YES_OR_NO" fomatter="bool" clearable @change="handleQuery" class="w-200" />
+      </el-form-item>
+      <el-form-item :label="$t('验货状态')" prop="inspectStatus" v-show="showSearch">
+        <dict-selector v-model="queryParams.inspectStatus" :type="DICT_TYPE.CONS_INSPECT_STATUS" fomatter="bool" clearable @change="handleQuery" class="w-200" />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
@@ -393,10 +406,12 @@ import ConsWithdrawalExit from "@/views/ecw/cons/consWithdrawalExit.vue";
 import ConsWithdrawalDeal from "@/views/ecw/cons/consWithdrawalDeal.vue";
 import {DICT_TYPE} from "@/utils/dict";
 import {arrryToKeyedObjectBy} from "@/utils";
+import Selector from "@/components/Selector/index.vue";
 
 export default {
   name: "Cons",
   components: {
+    Selector,
     ConsWithdrawal,
     ConsWithdrawalExit,
     UserSelector,
@@ -412,6 +427,10 @@ export default {
   },
   data() {
     return {
+      pickRatio: {
+        key: "eqPickRatio",
+        value: ""
+      },
       // 遮罩层
       loading: true,
       // 导出遮罩层
@@ -491,8 +510,9 @@ export default {
   created() {
     this.getChannelList()
     this.getList();
+    getChannelList().then((res) => (this.channelList = res.data))
     getWarehouseList().then((r) => {
-      this.warehouseList = r.data;
+      this.warehouseList = r.data.filter(map => map.isConsService === 1);
     });
     this.getAddressProvince()
     this.getAddressCity()