From 7b9431f6d0c753ff797019cd4e67fc3a67f9a357 Mon Sep 17 00:00:00 2001
From: qianlishi <1432731663@qq.com>
Date: Mon, 13 Jan 2025 19:50:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E4=BB=B6=E7=AE=A1=E7=90=86=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E4=B8=8A=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/system/fileManage/index.vue     | 32 +++++++++++++++++--
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/Report-V3-TS/src/views/system/fileManage/index.vue b/Report-V3-TS/src/views/system/fileManage/index.vue
index 733f960f..c1096a78 100644
--- a/Report-V3-TS/src/views/system/fileManage/index.vue
+++ b/Report-V3-TS/src/views/system/fileManage/index.vue
@@ -3,24 +3,50 @@
  * @Author: qianlishi
  * @Date: 2024-12-08 17:38:28
  * @LastEditors: qianlishi
- * @LastEditTime: 2025-01-13 17:23:17
+ * @LastEditTime: 2025-01-13 19:49:39
 -->
 <template>
   <div class="view-container">
     <JsqCrud @register="register">
       <template #tabBtn-fileUpload>
-        <n-button class='111'>1111</n-button>
+        <n-upload
+          :show-file-list="false"
+          :action="uploadImgs"
+          :headers="headers"
+          @finish="uploadFinish"
+        >
+          <n-button type="primary" size="small">文件上传</n-button>
+        </n-upload>
       </template>
     </JsqCrud>
   </div>
 </template>
 <script lang="ts" setup>
+  import { ref } from 'vue'
   import { JsqCrud, useCrud } from '@/components/Base/Jsq-crud';
   import { getFormSchemas, getTableButtons, getDialogRecordingSchemas, getTableColumns } from './utils/schemas';
   import { toGetPageList, toAddApi, toUpdateApi, toDeleteApi, toGetDataDetailApi } from '@/api/system/fileManage'
   import { useMessage } from 'naive-ui'
+  import { useGlobSetting } from '@/hooks/setting';
+  import { useUserStore } from '@/store/modules/user';
   
   const messages = useMessage()
+  const userStore = useUserStore();
+
+  const globSetting = useGlobSetting();
+  const uploadImgs = globSetting.apiUrl + '/file/upload'
+  const headers = ref({
+    'authorization': userStore.token
+  })
+
+  const uploadFinish = ({ event: Event }) => {
+    const { code, message } = eval('(' + Event.target.response + ')');
+    if(code == 200){
+      toQuery()
+      return messages.success('文件上传成功')
+    }
+    return messages.success(message)
+  }
 
   // 批量删除
   const removeAll = () => {
@@ -55,7 +81,7 @@
   const { rowsButtons } = getTableButtons({ removeAll })
   const { columns } = getTableColumns({ toCopyUrl, removeSingle, toDownLoad })
 
-  const [register, { toRemoveAll, toRemove }] = useCrud({
+  const [register, { toRemoveAll, toRemove, toQuery }] = useCrud({
     searchFormOption: {
       schemas: getFormSchemas({}).value,
     },