From d9f331e175611a68f00a50cab63ea35442a4b0e6 Mon Sep 17 00:00:00 2001 From: 44323 <443237572@qq.com> Date: 星期一, 16 十月 2023 09:29:34 +0800 Subject: [PATCH] bug修改 --- cloud-server-management/src/main/webapp/WEB-INF/view/system/coursePackage/coursePackage_add.html | 79 ++++++++++++++++++++++++++++++++++----- 1 files changed, 68 insertions(+), 11 deletions(-) diff --git a/cloud-server-management/src/main/webapp/WEB-INF/view/system/coursePackage/coursePackage_add.html b/cloud-server-management/src/main/webapp/WEB-INF/view/system/coursePackage/coursePackage_add.html index f66df1d..d75b1f7 100644 --- a/cloud-server-management/src/main/webapp/WEB-INF/view/system/coursePackage/coursePackage_add.html +++ b/cloud-server-management/src/main/webapp/WEB-INF/view/system/coursePackage/coursePackage_add.html @@ -141,20 +141,40 @@ <label class="col-sm-3 control-label head-scu-label"></label> <label>推荐像素:210x280px</label> </div> - <div class="form-group"> - <label class="col-sm-3 control-label head-scu-label">*详情页</label> - <div class="col-sm-2"> - <div id="detailDrawingPreId"> - <div><img width="100px" height="100px" src="${ctxPath}/img/NoPIC.png"></div> + <div class="row" id="app1"> + <div class="form-group"> + <label class="col-sm-3 control-label head-scu-label">*实景图片(请上传不超过五张图片): </label> + <div class="col-sm-2" style="width: 100%;margin-left: 11%;margin-top: 1%"> + <el-upload + :limit="5" + class="avatar-uploader" + action="/tCouponManage/uploadPic" + list-type="picture-card" + accept="." + :on-success="handleAvatarSuccess" + :on-remove="handleRemove"> + <i class="el-icon-plus"></i> + </el-upload> + <el-dialog :visible.sync="dialogVisible"> + <img width="100%" :src="imageUrl1" alt=""> + </el-dialog> </div> </div> - <div class="col-sm-2"> - <div class="head-scu-btn upload-btn" id="detailDrawingBtnId"> - <i class="fa fa-upload"></i> 上传 - </div> - </div> - <input type="hidden" id="detailDrawing" value=""/> </div> +<!-- <div class="form-group">--> +<!-- <label class="col-sm-3 control-label head-scu-label">*详情页</label>--> +<!-- <div class="col-sm-2">--> +<!-- <div id="detailDrawingPreId">--> +<!-- <div><img width="100px" height="100px" src="${ctxPath}/img/NoPIC.png"></div>--> +<!-- </div>--> +<!-- </div>--> +<!-- <div class="col-sm-2">--> +<!-- <div class="head-scu-btn upload-btn" id="detailDrawingBtnId">--> +<!-- <i class="fa fa-upload"></i> 上传--> +<!-- </div>--> +<!-- </div>--> +<!-- <input type="hidden" id="detailDrawing" value=""/>--> +<!-- </div>--> <div class="form-group"> <label class="col-sm-3 control-label head-scu-label"></label> <label>推荐像素:780x440px</label> @@ -223,7 +243,44 @@ </div> </div> <script src="${ctxPath}/modular/system/coursePackage/coursePackage_info.js"></script> + <script src="${ctxPath}/js/vue/vue.js"></script> + <script src="${ctxPath}/js/elementui/index.js"></script> + <link rel="stylesheet" href="${ctxPath}/js/elementui/index.css"> <script type="text/javascript"> + var vue2 = new Vue({ + el: '#app1', + props: { + // 数量限制 + limit: { + type: Number, + default: 2 + }, + }, + data: { + autoUpload: true,//自动上传 + imageUrl1: '',//模型数据,用于上传图片完成后图片预览 + dialogVisible: false + }, + methods: { + handleAvatarSuccess(res, file) { + CoursePackageInfo.goodsPicArray.push(file); + }, + beforeAvatarUpload(file) { + const isLt2M = file.size / 1024 / 1024 < 10; + if (!isLt2M) { + this.$message.error('上传图片大小不能超过 10MB!'); + } + return isLt2M; + }, + handleRemove(file, fileList) { + TSite.goodsPicArray = TSite.goodsPicArray.filter(item => { + return item.uid != file.uid; + }); + }, + }, + created() { + }, + }); laydate.render({ elem: '#classStartTime' ,type: 'time' -- Gitblit v1.7.1