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>&nbsp;上传
-                        </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>&nbsp;上传-->
+<!--                        </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