装箱单-状态筛选条件多选

src/views/packing-list/clothes-list.vue

@@ -109,8 +109,7 @@
               </a-col>
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="推送状态">
-                  <a-select v-model="queryParam.pushState">
-                    <a-select-option value="">请选择</a-select-option>
+                  <a-select v-model="pushState" mode="multiple"  @change = "handleChange">
                     <a-select-option value="0">未推送</a-select-option>
                     <a-select-option value="1">推送成功</a-select-option>
                     <a-select-option value="2">推送失败</a-select-option>
@@ -576,6 +575,7 @@ export default {
       ],
 
       clothesListData: [],
+      pushState:[],
       selectedNumber:0,//已选择条数
       selectedRowKeys: [], // 勾选航
       loading: false, // 表格加载
@@ -660,8 +660,13 @@ export default {
         pageSize:dd.pageSize
       }
       this.preDeliveryDate = []
+      this.pushState = []
       this.getSpltList()
     },
+    handleChange(data){
+      this.pushState = data
+      this.queryParam.pushState =data.length!==0? data.join():''
+    },
     // 推送
     push() {},
      // 导入

src/views/packing-list/fabric-list.vue

@@ -62,7 +62,7 @@
               </a-col>
                <a-col :md="6" :sm="8">
                 <a-form-model-item label="是否被参照">
-                  <a-select v-model="queryParam.isReference">
+                  <a-select v-model="queryParam.isReference"  >
                     <a-select-option value="">请选择</a-select-option>
                     <a-select-option value="1">是</a-select-option>
                     <a-select-option value="0">否</a-select-option>
@@ -80,8 +80,8 @@
             </a-col>
             <a-col :md="6" :sm="8">
                 <a-form-model-item label="推送状态">
-                  <a-select v-model="queryParam.pushState">
-                    <a-select-option value="">请选择</a-select-option>
+                  <a-select v-model:value="pushState" mode="multiple"  @change = "handleChange">
+                  <!-- <a-select v-model="queryParam.pushState"   @search="handleChange"> -->
                     <a-select-option value="0">未推送</a-select-option>
                     <a-select-option value="1">推送成功</a-select-option>
                     <a-select-option value="2">推送失败</a-select-option>
@@ -253,6 +253,7 @@ export default {
   data() {
     // let ellipsis = (v, l = 20) => <j-ellipsis value={v} length={l} />
     return {
+      pushState:[],
       // 表头
       fabricListColumns: [
         
@@ -388,7 +389,8 @@ export default {
       queryParam: {
         pageNo: '', // 初始页
         isReference:'0',
-        pageSize:'50'
+        pageSize:'50',
+        pushState:''
       },
       pagination:{
         pageSizeOptions: ["50", "100", "150"],
@@ -490,6 +492,8 @@ export default {
         isReference:'0',
         pageSize:this.pagination.pageSize
       }
+      this.pushState=[]
+      debugger
       this.getFabricList()
     },
     // ------------------------------------
@@ -804,6 +808,10 @@ export default {
         })
         this.selectedRowKeys = []
     },
+    handleChange(data){
+      this.pushState = data
+      this.queryParam.pushState =data.length!==0? data.join():''
+    },
     // --------------------------------------
     // ??
     modalFormOk() {},
@@ -833,6 +841,7 @@ export default {
     enclosureUrl: function() {
       return `${window._CONFIG['domianURL']}/${this.url.enclosureUrl}`
     },
+    
     // 选中项
     rowSelection() {
       return {