面损表汇总-筛选条件修改

src/views/cost-allocation-total/fabricLossesSummary.vue

@@ -7,10 +7,9 @@
         <a-form layout="inline" @keyup.enter.native="searchQuery">
           <a-row :gutter="24">
             
-
             <a-col :md="6" :sm="8">
-              <a-form-item label="保存日期" has-feedback>
-                <a-date-picker style="width: 100%" v-model="queryParam.createTime"  @change="onChange" :format="dateFormat"> </a-date-picker>
+              <a-form-item label="制单人">
+                <a-input placeholder="请输入" v-model="queryParam.makingPeople"></a-input>
               </a-form-item>
             </a-col>
             <a-col :md="6" :sm="8">
@@ -19,14 +18,35 @@
               </a-form-item>
             </a-col>
             <a-col :md="6" :sm="8">
-              <a-form-item label="审核日期" has-feedback>
-                <a-date-picker style="width: 100%" v-model="queryParam.approvalDate" @change="onChange" :format="dateFormat"> </a-date-picker>
+              <a-form-item label="计划单号">
+                <a-input placeholder="请输入" v-model="queryParam.cCode"></a-input>
               </a-form-item>
             </a-col>
+           
             <template v-if="toggleSearchStatus">
               <a-col :md="6" :sm="8">
-              <a-form-item label="计划单号">
-                <a-input placeholder="请输入" v-model="queryParam.cCode"></a-input>
+              <a-form-item label="保存日期" has-feedback>
+                <a-range-picker
+                  :placeholder="['开始时间', '结束时间']"
+                  format="YYYY-MM-DD"
+                  style="width: 100%"
+                  v-model="createTime"
+                  @change="changeCreateTime"
+                />
+                <!-- <a-date-picker style="width: 100%" v-model="queryParam.createTime"  @change="onChange" :format="dateFormat"> </a-date-picker> -->
+              </a-form-item>
+            </a-col>
+            
+            <a-col :md="6" :sm="8">
+              <a-form-item label="审核日期" has-feedback>
+                <a-range-picker
+                  :placeholder="['开始时间', '结束时间']"
+                  format="YYYY-MM-DD"
+                  style="width: 100%"
+                  v-model="approvalDate"
+                  @change="changeApprovalDate"
+                />
+                <!-- <a-date-picker style="width: 100%" v-model="queryParam.approvalDate" @change="onChange" :format="dateFormat"> </a-date-picker> -->
               </a-form-item>
             </a-col>
             <a-col :md="6" :sm="8">
@@ -44,26 +64,12 @@
                 <a-input placeholder="请输入" v-model="queryParam.contractNo"></a-input>
               </a-form-item>
             </a-col>
-            <a-col :md="6" :sm="8">
-              <a-form-item label="排单数量">
-                <a-input placeholder="请输入" v-model="queryParam.number"></a-input>
-              </a-form-item>
-            </a-col>
             <a-col :md="6" :sm="8">
               <a-form-item label="业务员">
                 <a-input placeholder="请输入" v-model="queryParam.cPersonName"></a-input>
               </a-form-item>
             </a-col>
-            <a-col :md="6" :sm="8">
-              <a-form-item label="实际出库数量">
-                <a-input placeholder="请输入" v-model="queryParam.outboundNumber"></a-input>
-              </a-form-item>
-            </a-col>
-            <a-col :md="6" :sm="8">
-              <a-form-item label="制单人">
-                <a-input placeholder="请输入" v-model="queryParam.makingPeople"></a-input>
-              </a-form-item>
-            </a-col>
+            
             </template>
 
             <a-col :md="6" :sm="8">
@@ -122,6 +128,8 @@ export default {
   data() {
     let ellipsis = (v, l = 20) => <j-ellipsis value={v} length={l} />
     return {
+      createTime:[],
+      approvalDate:[],
       fabricLossesColumns: [
         {
           title: '保存日期',
@@ -258,6 +266,14 @@ export default {
       this.queryParam.pageNo = pagination.current
       this.getCostList()
     },
+    changeCreateTime(){
+       this.queryParam.createTimeE=this.createTime[0].format('YYYY-MM-DD')
+       this.queryParam.createTimeB=this.createTime[1].format('YYYY-MM-DD')
+    },
+    changeApprovalDate(){
+      this.queryParam.approvalDateE=this.approvalDate[0].format('YYYY-MM-DD')
+       this.queryParam.approvalDateB=this.approvalDate[1].format('YYYY-MM-DD')
+    },
     handleApply(record){
       var data = {
         type:"面损表",