From 4d349799730ac4d6c53ad59ee05f99e909caea93 Mon Sep 17 00:00:00 2001
From: Charles7c <charles7c@126.com>
Date: Thu, 11 Apr 2024 19:51:42 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=83=A8=E9=97=A8=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=AF=BC=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apis/system/dept.ts         |  5 +++++
 src/views/system/dept/index.vue | 10 ++++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/apis/system/dept.ts b/src/apis/system/dept.ts
index 873babf..97fbe86 100644
--- a/src/apis/system/dept.ts
+++ b/src/apis/system/dept.ts
@@ -27,3 +27,8 @@ export function updateDept(data: any, id: string) {
 export function deleteDept(id: string) {
   return http.del(`${BASE_URL}/${id}`)
 }
+
+/** @desc 导出部门 */
+export function exportDept(query: System.DeptQuery) {
+  return http.download<any>(`${BASE_URL}/export`, query)
+}
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index aebe163..87169a9 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -36,7 +36,7 @@
             <span>新增</span>
           </a-button>
           <a-tooltip content="导出">
-            <a-button>
+            <a-button @click="onExport">
               <template #icon>
                 <icon-download />
               </template>
@@ -81,11 +81,12 @@
 </template>
 
 <script setup lang="ts">
-import { listDept, deleteDept, type DeptResp, type DeptQuery } from '@/apis'
+import { listDept, deleteDept, exportDept, type DeptResp, type DeptQuery } from '@/apis'
 import { Message, type TableInstance } from '@arco-design/web-vue'
 import type GiTable from '@/components/GiTable/index.vue'
 import AddDeptModal from './AddDeptModal.vue'
 import { DisEnableStatusList } from '@/constant/common'
+import { useDownload } from '@/hooks'
 import { isMobile } from '@/utils'
 
 defineOptions({ name: 'Dept' })
@@ -145,6 +146,11 @@ const onDelete = async (item: DeptResp) => {
   search()
 }
 
+// 导出
+const onExport = ()=>{
+  useDownload(() => exportDept(queryForm))
+}
+
 const AddDeptModalRef = ref<InstanceType<typeof AddDeptModal>>()
 // 新增
 const onAdd = (id?: string) => {