From 192bb68f228702c84e212aae33b82c53792ba43a Mon Sep 17 00:00:00 2001
From: yziiy <15979918+mayday-yziiy@user.noreply.gitee.com>
Date: Mon, 10 Nov 2025 10:19:54 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=BF=E9=97=B4=E8=AF=A6=E6=83=85=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E6=B5=81=E6=B0=B4=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/room/roomList/detail.vue | 66 ++++++++++++++++++++++++++++--
 1 file changed, 63 insertions(+), 3 deletions(-)

diff --git a/src/views/room/roomList/detail.vue b/src/views/room/roomList/detail.vue
index c8bd6eb..a1cef99 100644
--- a/src/views/room/roomList/detail.vue
+++ b/src/views/room/roomList/detail.vue
@@ -1,11 +1,13 @@
 <script setup lang="ts">
-import { ref, onMounted } from "vue";
-const props = defineProps(["tableData"]);
+import { ref, h, onMounted } from "vue";
+import { utils, writeFile } from "xlsx";
+import { message } from "@/utils/message";
 import {
   getRoomDetail,
   getRoomWaterFlow,
   getRoomEnterByUser
 } from "@/api/modules/room";
+const props = defineProps(["tableData"]);
 const dataBytable = ref({ ...props.tableData })
 const roomDetail = ref(null)
 const activeIndex = ref("1")
@@ -78,6 +80,28 @@ const getFlowData = async (index) => {
     }
   }
 }
+const getExportData = async (index) => {
+  if (index === 1) {
+    const { data, code } = await getRoomWaterFlow({
+      room_id: dataBytable.value.room_id,
+      page: 1,
+      page_limit: 10000,
+      type: tagValue.value
+    })
+    if (code) {
+      return data
+    }
+  } else {
+    const { data, code } = await getRoomEnterByUser({
+      room_id: dataBytable.value.room_id,
+      page: 1,
+      page_limit: 10000,
+    })
+    if (code) {
+      return data
+    }
+  }
+}
 const flowTableList = ref([])
 const dynamicflowColumns = ref([
   {
@@ -150,6 +174,38 @@ const changeType = (val) => {
   flowTableList.value = []
   getFlowData(activeIndex.value == '1' ? 1 : 2)
 }
+const exportExcal = async () => {
+  let exportTableList = []
+  const data = await getExportData(activeIndex.value == '1' ? 1 : 2)
+  console.log(data)
+  if (data) {
+    exportTableList = data.lists;
+    const res = exportTableList.map(item => {
+      const arr = [];
+      dynamicflowColumns.value.forEach(column => {
+        arr.push(item[column.prop as string]);
+      });
+      return arr;
+    });
+    const titleList = [];
+    dynamicflowColumns.value.forEach(column => {
+      titleList.push(column.label);
+    });
+    res.unshift(titleList);
+    const workSheet = utils.aoa_to_sheet(res);
+    const workBook = utils.book_new();
+    utils.book_append_sheet(workBook, workSheet, "数据报表");
+    const TagName = tagList.value.filter(ele => { return ele.value == tagValue.value })
+    writeFile(workBook, `房间${TagName.length ? TagName.value.label : '流水'}信息.xlsx`);
+    message("导出成功", {
+      type: "success"
+    });
+  } else {
+    message("获取数据失败，请重试！", {
+      type: "error"
+    });
+  }
+}
 // 
 </script>
 <template>
@@ -185,7 +241,11 @@ const changeType = (val) => {
                 :type="tagValue === item.value ? '' : 'info'" v-for="item in tagList" :key="item.value">{{
                   item.label }}</el-tag>
             </div>
-            <div>总计：{{ PriceTotal }}金币</div>
+
+            <div style="display: inline-flex;align-items: center;">
+              <div class="mr-5"><el-button size="small" type="primary" @click="exportExcal">导出当前数据</el-button></div>
+              总计：{{ PriceTotal }}金币
+            </div>
           </div>
           <pure-table class="mt-5" ref="tableRef" align-whole="center" showOverflowTooltip table-layout="auto"
             default-expand-all row-key="id" :adaptiveConfig="{ offsetBottom: 108 }" :data="flowTableList"