From 969725647117eb7ca148b2e8cfa9ec8b5eb432fa Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期二, 22 十月 2024 11:04:10 +0800
Subject: [PATCH] 工艺缓存优化
---
src/views/demo/comp/upload/index.vue | 66 +++++----------------------------
1 files changed, 10 insertions(+), 56 deletions(-)
diff --git a/src/views/demo/comp/upload/index.vue b/src/views/demo/comp/upload/index.vue
index d619681..4aedd1f 100644
--- a/src/views/demo/comp/upload/index.vue
+++ b/src/views/demo/comp/upload/index.vue
@@ -1,61 +1,15 @@
<template>
<PageWrapper title="涓婁紶缁勪欢绀轰緥">
- <a-alert message="鍩虹绀轰緥" />
- <BasicUpload
- :maxSize="20"
- :maxNumber="10"
- @change="handleChange"
- :api="uploadApi"
- class="my-5"
- :accept="['image/*']"
- />
-
- <a-alert message="宓屽叆琛ㄥ崟,鍔犲叆琛ㄥ崟鏍￠獙" />
-
- <BasicForm @register="register" class="my-5" />
+ <Upload1 />
+ <Upload2 />
+ <Upload3 />
+ <Upload4 />
</PageWrapper>
</template>
-<script lang="ts">
- import { defineComponent } from 'vue';
- import { BasicUpload } from '/@/components/Upload';
- import { useMessage } from '/@/hooks/web/useMessage';
- import { BasicForm, FormSchema, useForm } from '/@/components/Form/index';
- import { PageWrapper } from '/@/components/Page';
- import { Alert } from 'ant-design-vue';
- import { uploadApi } from '/@/api/sys/upload';
-
- const schemas: FormSchema[] = [
- {
- field: 'field1',
- component: 'Upload',
- label: '瀛楁1',
- colProps: {
- span: 8,
- },
- rules: [{ required: true, message: '璇烽�夋嫨涓婁紶鏂囦欢' }],
- componentProps: {
- api: uploadApi,
- },
- },
- ];
- export default defineComponent({
- components: { BasicUpload, BasicForm, PageWrapper, [Alert.name]: Alert },
- setup() {
- const { createMessage } = useMessage();
- const [register] = useForm({
- labelWidth: 120,
- schemas,
- actionColOptions: {
- span: 16,
- },
- });
- return {
- handleChange: (list: string[]) => {
- createMessage.info(`宸蹭笂浼犳枃浠�${JSON.stringify(list)}`);
- },
- uploadApi,
- register,
- };
- },
- });
+<script lang="ts" setup>
+ import Upload1 from './Upload1.vue';
+ import Upload2 from './Upload2.vue';
+ import Upload3 from './Upload3.vue';
+ import Upload4 from './Upload4.vue';
+ import { PageWrapper } from '@/components/Page';
</script>
--
Gitblit v1.9.3