From b503b85472aa53e2356e168d103d3d8bab7b94a8 Mon Sep 17 00:00:00 2001
From: lai <10633968+laiyujun1@user.noreply.gitee.com>
Date: Thu, 26 Dec 2024 16:07:31 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E6=97=A5=E5=BF=97=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/service/api/log.ts         |  6 ++-
 src/views/manage/log/index.vue | 70 ++++++++++++++--------------------
 2 files changed, 33 insertions(+), 43 deletions(-)

diff --git a/src/service/api/log.ts b/src/service/api/log.ts
index 479add8..daf042b 100644
--- a/src/service/api/log.ts
+++ b/src/service/api/log.ts
@@ -10,6 +10,10 @@ export function doGetlogList(params?: Api.SystemManage.UserSearchParams) {
 }
 
 export function doDeleteLog(userId: any) {
-  console.log(userId,+userId.join(','));
   return request({ url: `/system/operlog/${userId.join(',')}`, method: 'delete' });
 }
+
+
+export function doExportLog() {
+  return request({ url: `/system/operlog/export`, method: 'post', responseType: 'blob'});
+}
diff --git a/src/views/manage/log/index.vue b/src/views/manage/log/index.vue
index fe546f1..60a18c2 100644
--- a/src/views/manage/log/index.vue
+++ b/src/views/manage/log/index.vue
@@ -1,10 +1,11 @@
 <script setup lang="tsx">
-import { Button, Popconfirm, Tag } from 'ant-design-vue';
+import { message, Modal, Tag } from 'ant-design-vue';
 import type { Key } from 'ant-design-vue/es/_util/type';
 import { useTable, useTableOperate } from '@/hooks/common/table';
 import { SimpleScrollbar } from '~/packages/materials/src';
 import logSearch from './modules/log-search.vue';
 import { useI18n } from "vue-i18n";
+import { saveAs } from 'file-saver';
 const { t } = useI18n();
 
 
@@ -113,24 +114,6 @@ const { columns, columnChecks, data, loading, getData, mobilePagination, searchP
       },
 
     },
-    // {
-    //   key: 'operate',
-    //   title: t('common.operate'),
-    //   align: 'center',
-    //   width: 200,
-    //   customRender: ({ record }: any) =>
-    //     !record.admin && (
-    //       <div class="flex justify-around gap-8px">
-    //         {isShowBtn('system:user:remove') && (
-    //           <Popconfirm onConfirm={() => handleDelete(record.operId)} title={t('common.confirmDelete')} >
-    //             <Button danger size="small" >
-    //               {t('common.delete')}
-    //             </Button>
-    //           </Popconfirm>
-    //         )}
-    //       </div>
-    //     )
-    // }
   ]
 });
 
@@ -138,7 +121,6 @@ const {
   handleAdd,
   checkedRowKeys,
   onBatchDeleted,
-  onDeleted
   // closeDrawer
 } = useTableOperate(data, { getData, idKey: 'operId' });
 const deptTreeData = ref<Api.Common.CommonTree>([]);
@@ -154,31 +136,12 @@ async function handleBatchDelete() {
   }
 }
 
-async function handleDelete(id: number) {
-  const { error } = await doDeleteLog([id]);
-  if (!error) {
-    onDeleted();
-  }
-}
-
 
 function handleUserSelectChange(selectedRowKeys: Key[], selectedRows: any[]) {
   checkedRowKeys.value = selectedRowKeys as number[];
 }
 
-function fnTest() {
-  searchParams.value = {
 
-  };
-
-  resetSearchParams();
-  // 使用 nextTick 确保视图更新后检查
-  nextTick(() => {
-    console.log('视图更新后：', { ...searchParams.value });
-    console.log(searchParams.value);
-
-  });
-}
 
 async function getUserDeptTree() {
   const { error, data: tree } = await doGetUserDeptTree();
@@ -186,18 +149,41 @@ async function getUserDeptTree() {
     deptTreeData.value = tree;
   }
 }
+
+function handleExport() {
+  Modal.confirm({
+    title: t('common.tipTitle'),
+    content: t('common.exportTip'),
+    onOk() {
+      const key = 'exportJob';
+      message.loading({ content: t('common.loading'), key });
+      doExportLog().then(res => {
+        if (!res.error) {
+          message.success({
+            content: t('common.exportOk'),
+            key,
+            duration: 2,
+          });
+          saveAs(res.data, `oper_${Date.now()}.xlsx`);
+        }
+      });
+    },
+  });
+}
+
 </script>
 
 <template>
   <SimpleScrollbar>
     <div class="min-h-500px flex-col-stretch gap-16px overflow-hidden lt-sm:overflow-auto">
-      <logSearch v-model:model="searchParams" :dept-tree-data="deptTreeData" @reset="fnTest" @search="getData" />
+      <logSearch v-model:model="searchParams" :dept-tree-data="deptTreeData" @reset="resetSearchParams"
+        @search="getData" />
       <ACard :title="t('page.manage.user.title')" :bordered="false" :body-style="{ flex: 1, overflow: 'hidden' }"
         class="flex-col-stretch sm:flex-1-hidden card-wrapper">
         <template #extra>
           <TableHeaderOperation v-model:columns="columnChecks" :disabled-delete="checkedRowKeys.length === 0"
-            :loading="loading" :show-delete="true" @add="handleAdd" @delete="handleBatchDelete" @refresh="getData"
-             :not-show-add="true" />
+            :loading="loading" :show-delete="true" @add="handleAdd" @delete="handleBatchDelete" @export="handleExport"
+            @refresh="getData" :not-show-add="true" :show-export="true" />
         </template>
         <ATable ref="wrapperEl" row-key="operId" :columns="columns" :data-source="data" :loading="loading"
           :row-selection="{