From ff01c82eb68f33ca5e76ad0ffc6d6147c2539f88 Mon Sep 17 00:00:00 2001
From: yufei_wang <2267742828@qq.com>
Date: Tue, 3 Sep 2024 16:36:44 +0800
Subject: [PATCH] =?UTF-8?q?HL-5809=E5=A2=9E=E5=8A=A0=E5=BA=93=E5=AD=98?=
 =?UTF-8?q?=E6=B1=87=E6=80=BB=E6=9F=A5=E8=AF=A2=E9=A1=B5=E9=9D=A2=EF=BC=8C?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=8F=82=E8=80=83=E5=A4=87=E6=B3=A8=E4=B8=AD?=
 =?UTF-8?q?=E7=9A=84=E6=88=AA=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/wms/balance/index.ts                  | 10 +++
 .../inventoryManage/balanceSummary/index.vue  | 67 ++++++++++++++++++-
 2 files changed, 76 insertions(+), 1 deletion(-)

diff --git a/src/api/wms/balance/index.ts b/src/api/wms/balance/index.ts
index c5db15323..9b538b113 100644
--- a/src/api/wms/balance/index.ts
+++ b/src/api/wms/balance/index.ts
@@ -53,6 +53,16 @@ export const getBalancePageAll = async (params) => {
   }
 }
 
+// 查询库存余额列表(包括已冻结，已失效的物料)
+export const getBalanceSummaryPageAll = async (params) => {
+  if (params.isSearch) {
+    delete params.isSearch
+    const data = {...params}
+    return await request.post({ url: '/wms/balance/seniorAll', data })
+  } else {
+    return await request.get({ url: `/wms/balance/pageAll`, params })
+  }
+}
 // 查询库存余额列表
 export const getBalancePageReturn= async (params) => {
   if (params.isSearch) {
diff --git a/src/views/wms/inventoryManage/balanceSummary/index.vue b/src/views/wms/inventoryManage/balanceSummary/index.vue
index a5e412529..98e0b4f49 100644
--- a/src/views/wms/inventoryManage/balanceSummary/index.vue
+++ b/src/views/wms/inventoryManage/balanceSummary/index.vue
@@ -3,6 +3,16 @@
     <!-- 搜索工作栏 -->
     <Search :schema="BalanceSummarySearch.allSchemas.searchSchema" @search="searchList" @reset="searchList" @searchTableSuccess="searchQueryTableSuccess"/>
   </ContentWrap>
+  <!-- 列表头部 -->
+  <TableHead
+   :HeadButttondata="HeadButttondata" 
+   @button-base-click="buttonBaseClick"
+   :route-name="routeName" 
+   :allSchemas="BalanceSummary.allSchemas"
+   />
+   
+   <!-- 用于查看前端页面的测试数据 -->
+   <!-- :data="tableData" -->
     <el-table
       :data="tableData"
       style="width: 100%"
@@ -16,7 +26,16 @@
     </el-table>
 </template>
 <script setup lang="ts">
+import * as BalanceApi from '@/api/wms/balance'
+import * as defaultButtons from '@/utils/disposition/defaultButtons'
 import { BalanceSummary,BalanceSummarySearch } from './balanceSummary.data'
+import { usePageLoading } from '@/hooks/web/usePageLoading'
+const { loadStart, loadDone } = usePageLoading()
+import download from '@/utils/download'
+const message = useMessage() // 消息弹窗
+const route = useRoute() //路由信息
+const routeName = ref()
+routeName.value = route.name
 const tableColumns = ref(BalanceSummary.allSchemas.tableColumns)
 console.log('tableColumns',tableColumns)
 const tableData= ref([
@@ -46,8 +65,23 @@ const tableData= ref([
     num: 4,
   },
 ])
+
+const { tableObject, tableMethods } = useTable({
+  getListApi: BalanceApi.getBalanceSummaryPageAll // 分页接口
+})
+
+// 获得表格的各种操作
+const { getList, setSearchParams } = tableMethods
+getList()
+
+/** 初始化 **/
+onMounted(async () => {
+  getList()
+})
+
 const load = ( row, treeNode,resolve) => {
   console.log('load',row, treeNode,resolve)
+  console.log('tableData',tableData.value)
   setTimeout(() => {
     resolve([
       {
@@ -69,7 +103,7 @@ const load = ( row, treeNode,resolve) => {
 
 const searchList = (model)=>{
   console.log('searchList',model)
-
+  setSearchParams(model)
 }
 
 const searchQueryTableSuccess = (formField, searchField, val, formRef, type, row ) => {
@@ -81,5 +115,36 @@ const searchQueryTableSuccess = (formField, searchField, val, formRef, type, row
     formRef.setValues(setV)
   })
 }
+
+
+// 列表头部按钮
+const HeadButttondata = [
+  defaultButtons.defaultExportBtn({hasPermi:'wms:balance:export'}), // 导出
+  defaultButtons.defaultFreshBtn(null),//刷新
+]
+// 头部按钮事件 
+const buttonBaseClick = (val, item) => {
+  if (val == 'export') { // 导出
+    handleExport()
+  } else if (val == 'refresh') { // 刷新
+    getList()
+  }
+}
+/** 导出按钮操作 */
+const handleExport = async () => {
+  try {
+    // 导出的二次确认
+    await message.exportConfirm()
+    // 发起导出
+    loadStart()
+    const excelTitle = ref(route.meta.title)
+    const data = await BalanceApi.exportBalance(tableObject.params)
+    download.excel(data, `【${excelTitle.value}】【${formatDate(new Date())}】.xlsx`)
+  } catch {
+  } finally {
+    loadDone()
+  }
+}
+
 </script>
 <style lang="scss" scoped></style>
\ No newline at end of file