预装箱单增加筛选条件

src/views/advance-packingList/adPaList-clothes.vue

@@ -23,8 +23,8 @@
                 <a-input placeholder="请输入品名" v-model="queryParam.productName"></a-input>
               </a-form-item>
             </a-col>
-            <!-- <template v-if="toggleSearchStatus">
-              <a-col :md="6" :sm="8">
+            <template v-if="toggleSearchStatus">
+              <!-- <a-col :md="6" :sm="8">
               <a-form-item label="单据日期">
                 <a-range-picker
                   style="width: 100%"
@@ -35,8 +35,35 @@
                   @ok="onDateOk"
                 />
               </a-form-item>
+            </a-col> -->
+
+            <a-col :md="6" :sm="8">
+              <a-form-item label="小po">
+                <a-input placeholder="请输入小po" v-model="queryParam.smallPo"></a-input>
+              </a-form-item>
+            </a-col>
+
+            <a-col :md="6" :sm="8">
+              <a-form-item label="分销点">
+                <a-input placeholder="请输入分销点" v-model="queryParam.distributionPoint"></a-input>
+              </a-form-item>
             </a-col>
-            </template> -->
+
+
+            <a-col :md="6" :sm="8">
+               <a-form-item label="预发货日期">
+                  <a-range-picker
+                    style="width: 100%"
+                    :mode="rangeMode"
+                    :placeholder="['开始日期', '结束日期']"
+                    :value="range"
+                    format = "YYYY-MM-DD"
+                    @change="rangeSelectChange"
+                  />
+                </a-form-item>
+            </a-col>
+
+            </template>
 
             <a-col :md="6" :sm="8">
               <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
@@ -215,6 +242,8 @@ export default {
     return {
       loading: false, // 表格加载
       id: '',
+      range:[],//预发货日期数组
+      rangeMode:['date','date'],
       timeRange:'',
       // 表头
       adPaListClothesColumns: [
@@ -410,6 +439,8 @@ export default {
   methods: {
     // 分页查询 预装箱单-成衣
     getadPaListClothes() {
+      console.log(this.queryParam)
+      debugger
       this.$nextTick(() => {
         getadPaList(this.queryParam).then(res => {
           if (res.success) {
@@ -550,6 +581,7 @@ export default {
     },
 
     searchReset() {
+      this.range = []
       this.queryParam = {}
       this.getadPaListClothes()
     },
@@ -601,6 +633,19 @@ export default {
       this.queryParam.startTime = dateString[0]
       this.queryParam.endTime = dateString[1]
     },
+    
+    rangeSelectChange(value) {
+      this.range = value
+            debugger
+        if (value.length == 0){
+        this.queryParam.stratDate = "";
+        this.queryParam.endDate = "";
+      }else{
+        this.queryParam.stratDate = value[0].format('YYYY-MM-DD');
+        this.queryParam.endDate  = value[1].format('YYYY-MM-DD');
+        debugger
+      }
+    }
   },
 
   computed: {