diff --git a/admin-client/src/services/Apps/T_Image_Configs/TImageConfigService.ts b/admin-client/src/services/Apps/T_Image_Configs/TImageConfigService.ts index a1cfd5a..6e38872 100644 --- a/admin-client/src/services/Apps/T_Image_Configs/TImageConfigService.ts +++ b/admin-client/src/services/Apps/T_Image_Configs/TImageConfigService.ts @@ -43,7 +43,15 @@ export default class TImageConfigService { static findForm(id?: string | undefined) { return Http.get(`${this.urlPrefix}/findForm${(id ? '/' + id : '')}`) } - + /** + * 获取上传key + * + * @param + * @returns + */ + static getCosSign() { + return Http.get(`${this.urlPrefix}/GetCosSign`) + } /** * 保存表单数据 * diff --git a/admin-client/src/views/Apps/T_Image_Configs/Info.vue b/admin-client/src/views/Apps/T_Image_Configs/Info.vue index c42de11..b0d8150 100644 --- a/admin-client/src/views/Apps/T_Image_Configs/Info.vue +++ b/admin-client/src/views/Apps/T_Image_Configs/Info.vue @@ -3,6 +3,10 @@ import { reactive, ref } from "vue"; import { FormInstance } from "ant-design-vue"; import Tools from "@/core/utils/Tools"; import TImageConfigService from "@/services/apps/T_Image_Configs/TImageConfigService"; +import { UploadOutlined } from '@ant-design/icons-vue'; +import { message } from 'ant-design-vue'; +import type { UploadProps } from 'ant-design-vue'; + //定义组件事件 const props = defineProps<{ onSuccess: () => void }>(); @@ -59,6 +63,24 @@ function save() { } }); } +const fileList = ref([]); +const uploading = ref(false); + +const handleRemove: UploadProps['onRemove'] = file => { + const index = fileList.value.indexOf(file); + const newFileList = fileList.value.slice(); + newFileList.splice(index, 1); + fileList.value = newFileList; +}; + +const beforeUpload: UploadProps['beforeUpload'] = file => { + fileList.value = [...(fileList.value || []), file]; +console.log(fileList.value); + + return false; +}; + +