From ea254245c70509755e2718b905111d484a9c09e4 Mon Sep 17 00:00:00 2001
From: caozehui <2427765068@qq.com>
Date: Wed, 6 Nov 2024 10:35:54 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../api/system/dictionary/dictData/index.ts   |  5 ++++
 .../system/dictionary/dictData/index.vue      | 24 +++++++++++--------
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/frontend/src/api/system/dictionary/dictData/index.ts b/frontend/src/api/system/dictionary/dictData/index.ts
index afa9c7c..f33754f 100644
--- a/frontend/src/api/system/dictionary/dictData/index.ts
+++ b/frontend/src/api/system/dictionary/dictData/index.ts
@@ -26,4 +26,9 @@ export const getDicDataById = (params: string) => {
     return http.post('/dictData/getDicDataById', params)
 }
 
+//导出字典数据
+export const exportDictData = (params: Dict.ReqDictDataParams) => {
+    return http.download(`/dictData/export`, params)
+}
+
 
diff --git a/frontend/src/views/system/dictionary/dictData/index.vue b/frontend/src/views/system/dictionary/dictData/index.vue
index 0e951b4..c3c3411 100644
--- a/frontend/src/views/system/dictionary/dictData/index.vue
+++ b/frontend/src/views/system/dictionary/dictData/index.vue
@@ -7,7 +7,7 @@
       <ProTable ref='proTable' :columns="columns" :request-api='getDictDataListByTypeId' :initParam="initParam">
         <template #tableHeader="scope">
           <el-button type="primary" :icon="CirclePlus" @click="openDialog('add')">新增</el-button>
-          <el-button type='primary' :icon='Download' plain>导出</el-button>
+          <el-button type='primary' :icon='Download' plain @click="downloadFile">导出</el-button>
           <el-button type="danger" :icon="Delete" plain :disabled="!scope.isSelected"
                      @click="batchDelete(scope.selectedListIds)">
             批量删除
@@ -27,13 +27,11 @@
 <script setup lang="tsx" name="dictData">
 import {CirclePlus, Delete, Download, EditPen} from '@element-plus/icons-vue'
 import {Dict} from '@/api/system/dictionary/interface'
-import {ProTableInstance, ColumnProps} from '@/components/ProTable/interface'
+import {ColumnProps, ProTableInstance} from '@/components/ProTable/interface'
 import {useHandleData} from '@/hooks/useHandleData'
-import DataPopup from '@/views/system/dictionary/dictData/components/dataPopup.vue'
-import {
-  getDictDataListByTypeId,
-  deleteDictData,
-} from "@/api/system/dictionary/dictData";
+import {deleteDictData, getDictDataListByTypeId, exportDictData} from "@/api/system/dictionary/dictData";
+import {useDownload} from "@/hooks/useDownload";
+import {exportDictType} from "@/api/system/dictionary/dictType";
 
 const proTable = ref<ProTableInstance>()
 const dialogVisible = ref(false)
@@ -89,9 +87,9 @@ const columns = reactive<ColumnProps<Dict.ResDictData>[]>([
       return (
           <>
             {
-                (<el-tag type={scope.row.level === 1 ? 'info' : scope.row.level === 2 ? 'warning' : 'danger'}>
-                  {scope.row.level === 1 ? '普通' : scope.row.level === 2 ? '中等' : '严重'}
-                </el-tag>)
+              (<el-tag type={scope.row.level === 1 ? 'info' : scope.row.level === 2 ? 'warning' : 'danger'}>
+                {scope.row.level === 1 ? '普通' : scope.row.level === 2 ? '中等' : '严重'}
+              </el-tag>)
             }
           </>
       )
@@ -136,4 +134,10 @@ const handleDelete = async (params: Dict.ResDictData) => {
   await useHandleData(deleteDictData, [params.id], `删除【${params.name}】字典数据`)
   proTable.value?.getTableList()
 }
+
+const downloadFile = async () => {
+  ElMessageBox.confirm('确认导出字典数据?', '温馨提示', {type: 'warning'}).then(() =>
+      useDownload(exportDictData, '字典数据导出数据', {typeId: dictTypeId.value, ...(proTable.value?.searchParam)}, false, '.xls'),
+  )
+}
 </script>