From 23a2fff92f73b9759849a8016601a6817d7470b1 Mon Sep 17 00:00:00 2001 From: zhangwei <1504152376@qq.com> Date: 星期一, 25 八月 2025 17:30:30 +0800 Subject: [PATCH] - --- src/views/system/dept/uploadform.vue | 67 +++++++++++++++++++++++++++++++-- 1 files changed, 62 insertions(+), 5 deletions(-) diff --git a/src/views/system/dept/uploadform.vue b/src/views/system/dept/uploadform.vue index ad52997..f21bd75 100644 --- a/src/views/system/dept/uploadform.vue +++ b/src/views/system/dept/uploadform.vue @@ -24,11 +24,13 @@ toubiaoEndDate: "", // 鎶曟爣鎶ュ悕缁撴潫鏃堕棿锛堝繀濉紝鏍煎紡锛歽yyy-MM-dd HH:mm:ss锛� kaibiaoDate: "", // 寮�鏍囨椂闂达紙蹇呭~锛屾牸寮忥細yyyy-MM-dd HH:mm:ss锛� zhaobiaowenjian: "", // 鎷涙爣鏂囦欢锛堝繀濉紝闀垮害1-512瀛楃锛� + zhaobiaowenjianName: "", biangengwenjian: "", fujian: "", // 闄勪欢锛堝彲閫夛紝鏈�澶ч暱搴�512瀛楃锛屽彲涓虹┖锛� kaibiaodidian: "" // 寮�鏍囧湴鐐癸紙蹇呭~锛岄暱搴�1-250瀛楃锛� }), - isChange: null + isChange: null, + changeDetail: null }); interface FormInlineType { // 椤圭洰鏍囬 @@ -41,8 +43,12 @@ kaibiaoDate: string | null | undefined; // 鎷涙爣鏂囦欢锛堝彲鑳芥槸鏂囦欢璺緞銆両D鎴栨枃浠跺璞★級 zhaobiaowenjian: string | null | undefined; + // 鎷涙爣鏂囦欢鍚嶏紙鍙兘鏄枃浠惰矾寰勩�両D鎴栨枃浠跺璞★級 + zhaobiaowenjianName?: string | null | undefined; // 鍙樻洿鏂囦欢 biangengwenjian: string | null | undefined; + // 鍙樻洿鏂囦欢 + biangengwenjianName?: string | null | undefined; // 闄勪欢锛堟枃鏈弿杩版垨璺緞锛� fujian: string | null | undefined; // 寮�鏍囧湴鐐� @@ -153,6 +159,23 @@ fetchCredentials(file); // upload.value!.submit(); }; +const handleChangeFile = file => { + console.log(file); + + if (file.status !== "ready") return; + // let suffName = file.name.substring(file.name.lastIndexOf(".") + 1); + // const extension = suffName === "pdf"; + // // const isLt10M = file.size / 1024 / 1024 < 10; + // if (!extension) { + // message(`浠呮敮鎸乸df鏍煎紡锛岃涓婁紶pdf`, { + // type: "error" + // }); + // validateForm.fileList = []; + // return false; + // } + // fetchCredentials(file); + // upload.value!.submit(); +}; // state.formDataNew = { // policy: res.result.policy, //琛ㄥ崟鍩� // "x-oss-signature-version": res.result.x_oss_signature_version, //鎸囧畾绛惧悕鐨勭増鏈拰绠楁硶 @@ -185,15 +208,18 @@ formData.append("key", keyVal); // 鏂囦欢鍚� formData.append("file", file.raw); // file 蹇呴』涓烘渶鍚庝竴涓〃鍗曞煙 uploadFileAli(formData, res.result.url).then(res => { - let path = `${upUrl}"/"${upPath}${upPath};`; + let path = `${upUrl}${keyVal}`; if (props.isChange) { newFormInline.value.biangengwenjian = path; + newFormInline.value.biangengwenjianName = file.name; } else { newFormInline.value.zhaobiaowenjian = path; + newFormInline.value.zhaobiaowenjianName = file.name; } }); } }; +const defaultTime = new Date(2000, 1, 1, 9, 30, 0); const beforeAvatarUpload: UploadProps["beforeUpload"] = rawFile => { isLoading.value = true; if (rawFile.type !== "application/pdf") { @@ -226,10 +252,21 @@ ref="ruleFormRef" :model="newFormInline" :rules="gonggaoRules" - label-width="140px" + :label-width="props.changeDetail ? '50px' : '140px'" > - <el-row :gutter="30"> - <div v-if="props.isChange"> + <el-row v-if="props.changeDetail" :gutter="10"> + <re-col :value="24" :xs="24" :sm="24"> + <el-form-item label="鏍囬" prop="projectName"> + <el-input + v-model="newFormInline.projectName" + clearable + placeholder="璇疯緭鍏ユ爣棰�" + /> + </el-form-item> + </re-col> + </el-row> + <el-row v-else :gutter="30"> + <div v-if="props.isChange" style="width: 100%"> <re-col :value="24" :xs="24" :sm="24"> <el-form-item label="鏍囬" prop="projectName"> <el-input @@ -270,6 +307,7 @@ v-model="newFormInline.toubiaoStartDate" type="datetime" clearable + :default-time="defaultTime" placeholder="璇烽�夋嫨鎶曟爣鎶ュ悕寮�濮嬫椂闂�" value-format="YYYY-MM-DD HH:mm:ss" /> @@ -281,6 +319,7 @@ v-model="newFormInline.toubiaoEndDate" type="datetime" clearable + :default-time="defaultTime" placeholder="璇烽�夋嫨鎶曟爣鎶ュ悕缁撴潫鏃堕棿" value-format="YYYY-MM-DD HH:mm:ss" /> @@ -292,6 +331,7 @@ v-model="newFormInline.kaibiaoDate" type="datetime" clearable + :default-time="defaultTime" placeholder="璇烽�夋嫨寮�鏍囨椂闂�" value-format="YYYY-MM-DD HH:mm:ss" /> @@ -318,6 +358,23 @@ </el-upload> </el-form-item> </re-col> + <re-col v-if="!props.isChange" :value="24" :xs="24" :sm="24"> + <el-form-item label="闄勪欢" prop=""> + <el-upload + ref="upload" + v-model:file-list="validateForm.fileList" + multiple + :on-exceed="handleExceed" + :auto-upload="false" + :on-success="handleAvatarSuccess" + :before-upload="beforeAvatarUpload" + :headers="state.headers" + @change="handleChangeFile" + > + <el-button type="primary">鐐瑰嚮涓婁紶</el-button> + </el-upload> + </el-form-item> + </re-col> <re-col :value="24" :xs="24" :sm="24"> <el-form-item label="寮�鏍囧湴鐐�" prop="kaibiaodidian"> <el-input -- Gitblit v1.9.1