init

src/views/admin/file/i18n/en.ts

@@ -0,0 +1,33 @@
+export default {
+	file: {
+		index: '#',
+		importsysFileTip: 'import SysFile',
+		id: 'id',
+		fileName: 'fileName',
+		bucketName: 'bucketName',
+		original: 'original',
+		type: 'type',
+		fileSize: 'fileSize',
+		createBy: 'createBy',
+		updateBy: 'updateBy',
+		createTime: 'createTime',
+		updateTime: 'updateTime',
+		delFlag: 'delFlag',
+		tenantId: 'tenantId',
+		inputidTip: 'input id',
+		inputfileNameTip: 'input fileName',
+		inputbucketNameTip: 'input bucketName',
+		inputoriginalTip: 'input original',
+		inputtypeTip: 'input type',
+		inputfileSizeTip: 'input fileSize',
+		inputcreateByTip: 'input createBy',
+		inputupdateByTip: 'input updateBy',
+		inputcreateTimeTip: 'input createTime',
+		inputupdateTimeTip: 'input updateTime',
+		inputdelFlagTip: 'input delFlag',
+		inputtenantIdTip: 'input tenantId',
+		image: 'image',
+		video: 'video',
+		file: 'file',
+	},
+};

src/views/admin/file/i18n/zh-cn.ts

@@ -0,0 +1,32 @@
+export default {
+	file: {
+		index: '#',
+		importsysFileTip: '导入文件管理表',
+		id: '编号',
+		fileName: '文件名称',
+		bucketName: '桶名称',
+		original: '原文件名',
+		type: '文件类型',
+		fileSize: '文件大小',
+		createBy: '创建人',
+		updateBy: '修改人',
+		createTime: '上传时间',
+		updateTime: '更新时间',
+		delFlag: '${field.fieldComment}',
+		tenantId: '所属租户',
+		inputidTip: '请输入编号',
+		inputfileNameTip: '请输入文件名称',
+		inputbucketNameTip: '请输入桶名称',
+		inputoriginalTip: '请输入原文件名',
+		inputtypeTip: '请输入文件类型',
+		inputfileSizeTip: '请输入文件大小',
+		inputcreateByTip: '请输入创建人',
+		inputupdateByTip: '请输入修改人',
+		inputcreateTimeTip: '请输入上传时间',
+		inputupdateTimeTip: '请输入更新时间',
+		inputtenantIdTip: '请输入所属租户',
+		image: '图片',
+		video: '视频',
+		file: '文件',
+	},
+};

src/views/admin/file/index.vue

@@ -0,0 +1,56 @@
+<template>
+	<div class="layout-padding">
+		<div class="material-index">
+			<el-card class="!border-none" shadow="never">
+				<el-tabs v-model="activeTab">
+					<el-tab-pane v-for="item in tabsMap" :label="item.name" :name="item.type" :index="item.type" :key="item.type" lazy>
+						<material :type="item.type" mode="page" file-size="120px" :limit="-1" :page-size="20" />
+					</el-tab-pane>
+				</el-tabs>
+			</el-card>
+		</div>
+	</div>
+</template>
+
+<script lang="ts" setup name="fileCenter">
+import { useI18n } from 'vue-i18n';
+
+const Material = defineAsyncComponent(() => import('/@/components/Material/index.vue'));
+const { t } = useI18n();
+const tabsMap = [
+	{
+		type: 'image',
+		name: t('file.image'),
+	},
+	{
+		type: 'video',
+		name: t('file.video'),
+	},
+	{
+		type: 'file',
+		name: t('file.file'),
+	},
+];
+const activeTab = ref('image');
+</script>
+
+<style lang="scss" scoped>
+.material-index {
+	min-width: 700px;
+	:deep(.el-tabs) {
+		height: calc(100vh - 180px);
+		display: flex;
+		flex-direction: column;
+		.el-tabs__header {
+			margin-bottom: 0 !important;
+		}
+		.el-tabs__content,
+		.el-tab-pane {
+			min-height: 0;
+			flex: 1;
+			display: flex;
+			flex-direction: column;
+		}
+	}
+}
+</style>