托书-单据日期改为区间查询

src/views/book/book-list.vue

@@ -61,7 +61,14 @@
 
               <a-col :md="5" :sm="8">
               <a-form-item label="单据日期" has-feedback>
-                <a-date-picker style="width: 100%" v-model="queryParam.shippingOrderDate" @change="orderDataChange" > </a-date-picker>
+                <a-range-picker
+                  :placeholder="['开始时间', '结束时间']"
+                  format="YYYY-MM-DD"
+                  style="width: 100%"
+                  v-model="shippingOrderDate"
+                  @change="orderDataChange"
+                />
+                <!-- <a-date-picker style="width: 100%" v-model="queryParam.shippingOrderDate" @change="orderDataChange" > </a-date-picker> -->
               </a-form-item>
             </a-col>
             
@@ -312,6 +319,7 @@ export default {
         }
       ],
       bookListData: [],
+      shippingOrderDate:[], //单据日期区间
       id: '',
       selectedRowKeys:[],//选中行id
       loading: false, // 表格加载
@@ -373,6 +381,7 @@ export default {
     },
     // 重置
     searchReset() {
+      this.shippingOrderDate=[]
       this.queryParam = {
         pageNo:'',
         pageSize:this.pagination.pageSize
@@ -599,7 +608,8 @@ export default {
     },
     // 单据日期发生改变时
     orderDataChange(data){
-       this.queryParam.shippingOrderDate = (data!=''&&data)?(moment( this.queryParam.shippingOrderDate)).format('YYYY-MM-DD'):''
+       this.queryParam.shippingOrderDateB = (data.length==2&&data)?(moment( data[0]).format('YYYY-MM-DD')):''
+       this.queryParam.shippingOrderDateE = (data.length==2&&data)?(moment( data[1]).format('YYYY-MM-DD')):''
     },
 
     // // 分页、排序、筛选变化时触发