feat base_bug修改
This commit is contained in:
@@ -16,6 +16,7 @@
|
|||||||
:action="uploadUrl"
|
:action="uploadUrl"
|
||||||
:on-change="handleChange"
|
:on-change="handleChange"
|
||||||
:before-upload="beforeUpload"
|
:before-upload="beforeUpload"
|
||||||
|
:on-exceed="handleExceed"
|
||||||
:auto-upload="false"
|
:auto-upload="false"
|
||||||
accept="image/jpeg,image/png"
|
accept="image/jpeg,image/png"
|
||||||
>
|
>
|
||||||
@@ -42,13 +43,11 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { ref, reactive } from 'vue';
|
import { ref, onMounted } from 'vue';
|
||||||
import type { UploadProps, UploadUserFile, UploadRequestOptions } from 'element-plus';
|
import type { UploadProps, UploadUserFile } from 'element-plus';
|
||||||
import { uploadDemo, getDemo, updateDemo } from '@/api/systemList/index';
|
import { uploadDemo, getDemo, updateDemo } from '@/api/systemList/index';
|
||||||
import { ElMessage } from 'element-plus';
|
import { ElMessage } from 'element-plus';
|
||||||
import { Plus } from '@element-plus/icons-vue';
|
import { Plus } from '@element-plus/icons-vue';
|
||||||
import { on } from 'node:cluster';
|
|
||||||
import { get } from 'node:http';
|
|
||||||
|
|
||||||
const uploadUrl = import.meta.env.VITE_BASE_API + '/system/logo/upload';
|
const uploadUrl = import.meta.env.VITE_BASE_API + '/system/logo/upload';
|
||||||
|
|
||||||
@@ -101,10 +100,14 @@ const dialogVisible = ref(false);
|
|||||||
|
|
||||||
const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
|
const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
|
||||||
// 清空 logo 字段
|
// 清空 logo 字段
|
||||||
form.value.name = '';
|
|
||||||
form.value.url = '';
|
form.value.url = '';
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// 处理超出限制的情况
|
||||||
|
const handleExceed: UploadProps['onExceed'] = () => {
|
||||||
|
ElMessage.warning('最多只能上传1张图片,请先删除现有图片后再上传');
|
||||||
|
};
|
||||||
|
|
||||||
// 自定义 change 处理函数
|
// 自定义 change 处理函数
|
||||||
const handleChange = (file: any) => {
|
const handleChange = (file: any) => {
|
||||||
// ⚠️ 核心点:必须使用 file.raw 才能获取到真实的原生 File 对象
|
// ⚠️ 核心点:必须使用 file.raw 才能获取到真实的原生 File 对象
|
||||||
|
|||||||
Reference in New Issue
Block a user