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) {