月合计功能

src/views/wms/basicDataManage/customerManage/customerDeliveryForecast/index.vue

@@ -1,7 +1,15 @@
 <template>
   <ContentWrap>
     <!-- 搜索工作栏 -->
-    <Search ref="seachRef" :showSearchTableQueryFields="['schdPart','schdRlseId']" :hiddenFilterBtnFields="['schdPart','schdRlseId']"  :schema="CustomerDeliveryForecast.allSchemas.searchSchema" @searchTableSuccess="searchQueryTableSuccess" @search="searchClick" @reset="searchClick" />
+    <Search ref="searchRef" :showSearchTableQueryFields="['schdPart','schdRlseId']" :hiddenFilterBtnFields="['schdPart','schdRlseId']"  :schema="CustomerDeliveryForecast.allSchemas.searchSchema" @searchTableSuccess="searchQueryTableSuccess" @search="searchClick" @reset="searchClick" >
+      <template #actionMore>
+        <el-button type="primary" class="updateBtn" @click="toMonthSearchClick">
+          <Icon class="mr-5px" icon="ep:" />
+          月合计
+          <Icon class="ml-5px" icon="ep:" />
+        </el-button>
+      </template>
+    </Search>
   </ContentWrap>
 
     <!-- 列表头部 -->
@@ -16,7 +24,27 @@
 
   <!-- 列表 -->
   <ContentWrap>
-    <Table
+    <Table v-if="isToMonth"
+      :columns="tableColumns"
+      :data="tableObjectToMonth.tableList"
+      :loading="tableObjectToMonth.loading"
+      :pagination="{
+        total: tableObjectToMonth.total
+      }"
+      v-model:pageSize="tableObjectToMonth.pageSize"
+      v-model:currentPage="tableObjectToMonth.currentPage"
+      v-model:sort="tableObjectToMonth.sort"
+    >
+      <template #code="{row}">
+        <el-button type="primary" link @click="openDetail(row, '代码', row.code)">
+          <span>{{ row.code }}</span>
+        </el-button>
+      </template>
+      <template #action="{ row }">
+        <ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event,row)" />
+      </template>
+    </Table>
+    <Table v-else
       :columns="tableColumns"
       :data="tableObject.tableList"
       :loading="tableObject.loading"
@@ -36,6 +64,7 @@
         <ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event,row)" />
       </template>
     </Table>
+    
   </ContentWrap>
 
   <!-- 表单弹窗：添加/修改 -->
@@ -94,6 +123,38 @@ const updataTableColumns = (val) => {
   orginTableColumns.value = val
 }
 
+// 月合计--列表头部
+const isToMonth = ref(false)
+const toMonthSearchClick = async ()=>{
+  isToMonth.value = true
+  console.log('data',searchRef.value.getSearchFormData())
+  let data = searchRef.value.getSearchFormData()
+  await setSearchParamsHeadToMonth(data)
+  // updateDateTableColumns()
+  setSearchParamsToMonth(data)
+}
+const { tableObject:tableObjectHeadToMonth, tableMethods:tableMethodsHeadToMonth } = useTable({
+  getListApi: CustomerDeliveryForecastApi.getPageTableHeadToMonth // 分页接口
+})
+
+// 获得表格的各种操作
+const { getList:getListHeadToMonth, setSearchParams:setSearchParamsHeadToMonth } = tableMethodsHeadToMonth
+
+watch(()=>tableObjectHeadToMonth.tableList,()=>{
+  updateDateTableColumns(true)
+},{deep:true})
+
+// 月合计-列表 
+const { tableObject:tableObjectToMonth, tableMethods:tableMethodsToMonth } = useTable({
+  getListApi: CustomerDeliveryForecastApi.getCustomerDeliveryForecastPageToMonth // 分页接口
+})
+
+// 获得表格的各种操作
+const { getList:getListToMonth, setSearchParams:setSearchParamsToMonth } = tableMethodsToMonth
+
+
+
+// 要货预测--列表头部
 const { tableObject:tableObjectHead, tableMethods:tableMethodsHead } = useTable({
   getListApi: CustomerDeliveryForecastApi.getPageTableHead // 分页接口
 })
@@ -102,18 +163,29 @@ const { tableObject:tableObjectHead, tableMethods:tableMethodsHead } = useTable(
 const { getList:getListHead, setSearchParams:setSearchParamsHead } = tableMethodsHead
 
 watch(()=>tableObjectHead.tableList,()=>{
-  updateDateTableColumns()
+  updateDateTableColumns(false)
 },{deep:true})
-const updateDateTableColumns = ()=>{
+const updateDateTableColumns = (toMonth)=>{
   console.log('tableObjectHead',tableObjectHead)
   let dateColumns = []
-  tableObjectHead.tableList.forEach(item=>{
+  if(toMonth){
-    dateColumns.push({
+    // 月合计
-      width:120,
+    tableObjectHeadToMonth.tableList.forEach(item=>{
-      field: item,
+      dateColumns.push({
-      label: item
+        width:120,
+        field: item,
+        label: item
+      })
     })
-  })
+  }else{
+    tableObjectHead.tableList.forEach(item=>{
+      dateColumns.push({
+        width:120,
+        field: item,
+        label: item
+      })
+    })
+  }
   tableColumns.value  = [...orginTableColumns.value,...dateColumns]
   console.log('tableColumns',tableColumns.value)
 }
@@ -137,8 +209,9 @@ const searchQueryTableSuccess = (formField, searchField, val, formRef, type, row
     }
   })
 }
-const seachRef = ref()
+const searchRef = ref()
 const searchClick = async (data)=>{
+  isToMonth.value = false
   await setSearchParamsHead(data)
   // updateDateTableColumns()
   setSearchParams(data)
@@ -182,6 +255,7 @@ const buttonBaseClick = async (val, item) => {
         filters: tableObject.params.filters
       })
     } else {
+      isToMonth.value = false
       await getListHead()
       // updateDateTableColumns()
       getList()
@@ -310,7 +384,7 @@ const searchFormClick = (searchData) => {
 
 /** 初始化 **/
 onMounted(async () => {
-  seachRef.value.search()
+  searchRef.value.search()
   // getList()
   importTemplateData.templateUrl = await CustomerDeliveryForecastApi.importTemplate()
 })