From ecf98298a2dc526bd71b8c696629ec248cde3c84 Mon Sep 17 00:00:00 2001
From: xingyu <xingyu4j@vip.qq.com>
Date: Thu, 27 Apr 2023 12:56:25 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=87=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/infra/file/index.vue | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/views/infra/file/index.vue b/src/views/infra/file/index.vue
index 47b106b5..bb96e9ca 100644
--- a/src/views/infra/file/index.vue
+++ b/src/views/infra/file/index.vue
@@ -2,7 +2,15 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" :preIcon="IconEnum.UPLOAD" @click="handleAdd"> 上传文件 </a-button>
+        <BasicUpload
+          :maxSize="20"
+          :maxNumber="10"
+          @change="handleChange"
+          :uploadParams="uploadParams"
+          :api="uploadApi"
+          class="my-5"
+          :accept="['image/*']"
+        />
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
@@ -27,16 +35,25 @@
   </div>
 </template>
 <script lang="ts" setup name="InfraFile">
+import { ref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { IconEnum } from '@/enums/appEnum'
+import { BasicUpload } from '@/components/Upload'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteFile, getFilePage } from '@/api/infra/file'
 import { columns, searchFormSchema } from './file.data'
+import { getAccessToken, getTenantId } from '@/utils/auth'
+import { uploadApi } from '@/api/base/upload'
 
 const { t } = useI18n()
 const { createMessage } = useMessage()
 
+const uploadParams = ref({
+  Authorization: 'Bearer ' + getAccessToken(),
+  'tenant-id': getTenantId()
+})
+
 const [registerTable, { reload }] = useTable({
   title: '文件列表',
   api: getFilePage,
@@ -53,8 +70,8 @@ const [registerTable, { reload }] = useTable({
   }
 })
 
-function handleAdd() {
-  console.info(1)
+function handleChange() {
+  reload()
 }
 
 async function handleDelete(record: Recordable) {