diff --git a/src/components/drawers/AddLive.vue b/src/components/drawers/AddLive.vue index a1f5ef83..1cd5585f 100644 --- a/src/components/drawers/AddLive.vue +++ b/src/components/drawers/AddLive.vue @@ -129,36 +129,36 @@ alt="" /> - 直播封面: + 直播封面:
- - - - - - - - - - - - - - - - - - - - - - - - - - - + + avatar +
+
+
+
+
+
+
+
+
+ 支持图片格式为jpg/jpeg/png 图片最大为2MB +
+
@@ -319,6 +319,7 @@ import dayjs from "dayjs"; import ProjectManager from "@/components/project/ProjectManagerNew"; import AddInvistRoot from "@/components/drawers/AddInvistRoot.vue"; import {Form, message} from "ant-design-vue"; +import { fileUp } from "../../api/indexEval"; const removePG = () => { formData.value.assessmentId = '' @@ -426,8 +427,10 @@ const range = (start, end) => { }; function timeChange(time, timeStr) { + formData.value.liveStartTime = timeStr[0] formData.value.submitStartTime = timeStr[0] formData.value.submitEndTime = timeStr[1] + formData.value.liveEndTime = timeStr[1] } const disabledDate = (current) => { @@ -465,6 +468,40 @@ function openDrawer(i, row) { } defineExpose({openDrawer}) + +const imageUrl = ref('') +const beforeUpload = (file) => { + const isJpgOrPng = + file.type === "image/jpg" || + file.type === "image/jpeg" || + file.type === "image/png" || + file.type === "image/svg" || + file.type === "image/bmp" || + file.type === "image/gif"; + if (!isJpgOrPng) { + message.error("仅支持jpg、gif、png、jpeg、svg、bmp格式!"); + return false; + } + + let isLt1M = file.size / 10240 / 10240 <= 1; + if (!isLt1M) { + this.$message.error("图片大小超过10MB!"); + return false; + } + + const formDatas = new FormData(); + formDatas.append("file", file); + fileUp(formDatas).then((res) => { + if (res.data.code === 200) { + console.log(res) + imageUrl.value = res.data + formData.value.liveCover = res.data + // state.hasImgName = file.name; + // emit("src", { id: curItem.value.id, src: res.data.data }); + } + }); + return false; +};