diff --git a/src/components/DesignForm/formControlAttr.vue b/src/components/DesignForm/formControlAttr.vue index 9e6d340d7..e185c890e 100644 --- a/src/components/DesignForm/formControlAttr.vue +++ b/src/components/DesignForm/formControlAttr.vue @@ -14,6 +14,10 @@ import { PublicAtrr } from '@/api/DesignForm/types' import { chineseToPinyin } from '@/api/DesignForm/requestapi' +import { uploadUrl } from '@/api/DesignForm' +import { UploadFilled } from '@element-plus/icons-vue' +import { UploadFile, UploadFiles } from 'element-plus/es/components/upload/src/upload'; + const props = withDefaults( //接收父级参数 defineProps<{ formData: any @@ -584,6 +588,14 @@ const attrList = computed(() => { path: 'config.componentName', vShow: ['component'] }, + { + label: '上传视频', + value: config.disabledAdd, + path: 'config.disabledAdd', + type: 'uploadvideo', + vIf: state.isSearch, + vHide: ['uploadvideo'] + }, { label: '上传地址', value: control.action, @@ -1206,6 +1218,53 @@ const isNotWrite = (val:any) =>{ } return false } + +//liwenxuan 20240108 vidioupload start +import uselowcodevideoStore from '@/store/modules/lowcodevideo' +const lowcodevideoStore = uselowcodevideoStore(); + +//const emits = defineEmits(["addedVideo"]); +//上传成功钩子 +function videoUploadOk(response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) { + //更新pinia中的视频上传信息 + lowcodevideoStore.videoResource = response.data.url; + lowcodevideoStore.videoReady = true; + console.log(response) + console.log(lowcodevideoStore); + lowcodevideoStore.videoMsg.CreatedAt = response.data.CreatedAt; + lowcodevideoStore.videoMsg.UpdatedAt = response.data.UpdatedAt; + lowcodevideoStore.videoMsg.fileSize = response.data.fileSize; + lowcodevideoStore.videoMsg.id = response.data.id; + lowcodevideoStore.videoMsg.key = response.data.key; + lowcodevideoStore.videoMsg.name = response.data.name; + lowcodevideoStore.videoMsg.physicspath = response.data.physicspath; + lowcodevideoStore.videoMsg.size = response.data.size; + lowcodevideoStore.videoMsg.tag = response.data.tag; + lowcodevideoStore.videoMsg.type = response.data.type; + lowcodevideoStore.videoMsg.url = response.data.url; + //emits("addedVideo",videoArr) +} + +//删除钩子 禁止删除 +function beforeRemove(){ + return false; +} + +//上传失败钩子 +function videoUploadErr(error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles){ + alert("上传失败,请重试") + console.log("上传失败"+error); + +} +//点击文件列表中已上传的文件时的钩子,点击即替换video标签的src +/* function selectVideo(uploadFile: UploadFile){ + + const res:any = uploadFile.response; + const resd = res.data; + const resdurl = resd.url; + lowcodevideoStore.videoResource = resdurl; +} */ +//liwenxuan 20240108 vidioupload end +