From 8c3eaeddeff2c9c5a92352e6bf830e5000ff5882 Mon Sep 17 00:00:00 2001 From: xiangpei <xiangpei@timesnew.cn> Date: 星期二, 03 十二月 2024 12:16:11 +0800 Subject: [PATCH] 附件最多上传10个 --- src/views/onlineStudy/file.vue | 29 +++++++++++++++++------------ 1 files changed, 17 insertions(+), 12 deletions(-) diff --git a/src/views/onlineStudy/file.vue b/src/views/onlineStudy/file.vue index c34d629..77cd704 100644 --- a/src/views/onlineStudy/file.vue +++ b/src/views/onlineStudy/file.vue @@ -32,7 +32,7 @@ <el-table-column prop="contentType" :formatter="typeFormatter" label="鏂囦欢绫诲瀷"> </el-table-column> <el-table-column label="鏂囦欢鍐呭" width="240"> - <template slot-scope="scope"> + <template slot-scope="scope" v-if="scope.row.contentUrl"> <video controls v-if="scope.row.contentType === 'video'" :src="'/api/files/' + scope.row.contentUrl.url" class="showContent" /> <el-image v-if="scope.row.contentType === 'img'" :src="'/api/files/' + scope.row.contentUrl.url" @@ -84,11 +84,11 @@ </el-select> </el-form-item> <el-form-item label="涓婁紶鏂囦欢(涓�涓�)" prop="contentUrl"> - <upload v-show="form.contentType" ref="upload" :fileUrl="form.contentUrl" :fileType="form.contentType" - :fileSizeLimitM="1024" :uploadNum="1" @getUploadUrl="getUploadUrl" @removeFile="removeFile" /> + <upload v-if="form.contentType" ref="upload" :fileUrl="form.contentUrl" :fileType="form.contentType" + :fileSizeLimitM="10" :uploadNum="1" @getUploadUrl="getUploadUrl" @removeFile="removeFile" /> </el-form-item> - <el-form-item label="闄勪欢(鏈�澶�3涓�)" prop="attachment"> - <upload :fileSizeLimitM="1024" :uploadNum="3" :fileUrl="form.attachment" + <el-form-item label="闄勪欢(鏈�澶�10涓�)" prop="attachment"> + <upload :fileSizeLimitM="10" :uploadNum="10" :fileUrl="form.attachment" @getUploadUrl="getUploadAttachmentUrl" @removeFile="removeAttachmentFile" /> </el-form-item> </el-form> @@ -98,7 +98,7 @@ </span> </el-dialog> - <el-dialog title="PDF鏌ョ湅" :visible.sync="pdfDialog" width="75%" :before-close="closePdfDialog"> + <el-dialog title="PDF鏌ョ湅" :visible.sync="pdfDialog" width="80%" :before-close="closePdfDialog"> <vue-office-pdf :src="pdf" @rendered="rendered" style="min-height: 400px; max-height: 800px;"/> </el-dialog> </div> @@ -143,9 +143,9 @@ temp: [] }, rules: { - contentUrl: [ - { required: true, message: '璇蜂笂浼犳枃浠�', trigger: 'blur' }, - ], + // contentUrl: [ + // { required: true, message: '璇蜂笂浼犳枃浠�', trigger: 'blur' }, + // ], subject: [ { required: true, message: '璇疯緭鍏ヤ富棰樺唴瀹�', trigger: 'blur' }, ], @@ -197,10 +197,15 @@ this.form.attachment = fileList.filter(item => item.name !== fileName); }, getUploadAttachmentUrl(uploadData) { - this.form.attachment = uploadData; + if (uploadData) { + this.form.attachment = uploadData; + } }, getUploadUrl(uploadData) { - this.form.contentUrl = uploadData; + console.log("鏀跺埌锛�", uploadData) + if (uploadData) { + this.form.contentUrl = uploadData; + } }, remove(id) { OnlineStudyAPI.remove([id]).then(res => { @@ -280,7 +285,7 @@ handleUpdate(row) { this.form.id = row.id; this.form.contentType = row.contentType; - this.form.contentUrl = [row.contentUrl] || []; + this.form.contentUrl = row.contentUrl ? [row.contentUrl] : []; this.form.attachment = row.attachment || []; this.form.subject = row.subject; this.form.belongType = row.belongType; -- Gitblit v1.8.0