From dacdca90b0faed8a38d56b2bab0df3ad3b9982b1 Mon Sep 17 00:00:00 2001
From: KKSU <15274802129@163.com>
Date: Wed, 31 Jan 2024 10:38:14 +0800
Subject: [PATCH] 会员列表增加波卷功能

---
 src/main/resources/templates/febs/views/modules/goods/goodsAddNew.html |  287 +++++++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 219 insertions(+), 68 deletions(-)

diff --git a/src/main/resources/templates/febs/views/modules/goods/goodsAddNew.html b/src/main/resources/templates/febs/views/modules/goods/goodsAddNew.html
index ea89db7..e35df2c 100644
--- a/src/main/resources/templates/febs/views/modules/goods/goodsAddNew.html
+++ b/src/main/resources/templates/febs/views/modules/goods/goodsAddNew.html
@@ -105,14 +105,37 @@
                                                 </select>
                                             </div>
                                         </div>
+                                        <div class="layui-form-item">
+                                            <label class="layui-form-label febs-form-item-require">商品品类</label>
+                                            <div class="layui-input-block">
+                                                <select name="isUnreal" class="goods-type">
+                                                    <option value="1">【虚拟产品】。即购买结束,订单自动完成。</option>
+                                                    <option value="2">【实物】。需要收到发货,客户确认。</option>
+                                                </select>
+                                            </div>
+                                        </div>
 
-<!--                                        <div class="layui-form-item febs-hide tc-set">-->
-<!--                                            <label class="layui-form-label">静态倍数</label>-->
-<!--                                            <div class="layui-input-block">-->
-<!--                                                <input type="text" name="staticMulti" placeholder="请输入静态倍数" autocomplete="off" class="layui-input">-->
-<!--                                                <div class="layui-form-mid layui-word-aux">支付后,赠送(购买金额*静态倍数)的赠送积分</div>-->
-<!--                                            </div>-->
-<!--                                        </div>-->
+                                        <div class="layui-form-item febs-hide class-set">
+                                            <label class="layui-form-label">课程视频:</label>
+                                            <div class="layui-input-block">
+                                                <button type="button" class="layui-btn upload" id="uploadVideo" style="margin-bottom: 2px">上传文件</button>
+                                                <input type="text" name="videoUrl" autocomplete="off" value="" id="videoUrl" class="layui-input" readonly>
+                                            </div>
+                                        </div>
+
+                                        <div class="layui-form-item febs-hide house-set">
+                                            <label class="layui-form-label">酒店名称:</label>
+                                            <div class="layui-input-block">
+                                                <input type="text" name="houseName" autocomplete="off" class="layui-input">
+                                            </div>
+                                        </div>
+
+                                        <div class="layui-form-item febs-hide house-set">
+                                            <label class="layui-form-label">酒店地址:</label>
+                                            <div class="layui-input-block">
+                                                <input type="text" name="houseAddress" autocomplete="off" class="layui-input">
+                                            </div>
+                                        </div>
 
 <!--                                        <div class="layui-form-item febs-hide tc-set">-->
 <!--                                            <label class="layui-form-label">静态占比(%)</label>-->
@@ -172,17 +195,26 @@
                                                 </label>
                                             </div>
                                         </div>
-
                                         <div class="layui-form-item">
                                             <label class="layui-form-label febs-form-item-require">商品详情:</label>
                                             <div class="layui-input-block">
-<!--                                                <textarea id="goodsDetailEdit" lay-verify="goodsDetails" name = "goodsDetails" class="layui-textarea"></textarea>-->
+                                                <!--                                                <textarea id="goodsDetailEditAdd" lay-verify="content" name = "goodsDetails" class="layui-textarea"></textarea>-->
                                                 <div style="border: 1px solid #ccc;">
-                                                    <div id="toolbar-container-good-add" style="border-bottom: 1px solid #ccc;"></div>
-                                                    <div id="editor-container-good-add" style="height: 450px;"></div>
+                                                    <div id="toolbar-container" class="toolbar"></div>
+                                                    <div id="text-container" class="text" style="height: 450px;"></div>
                                                 </div>
                                             </div>
                                         </div>
+<!--                                        <div class="layui-form-item">-->
+<!--                                            <label class="layui-form-label febs-form-item-require">商品详情:</label>-->
+<!--                                            <div class="layui-input-block">-->
+<!--&lt;!&ndash;                                                <textarea id="goodsDetailEdit" lay-verify="goodsDetails" name = "goodsDetails" class="layui-textarea"></textarea>&ndash;&gt;-->
+<!--                                                <div style="border: 1px solid #ccc;">-->
+<!--                                                    <div id="toolbar-container-good-add" style="border-bottom: 1px solid #ccc;"></div>-->
+<!--                                                    <div id="editor-container-good-add" style="height: 450px;"></div>-->
+<!--                                                </div>-->
+<!--                                            </div>-->
+<!--                                        </div>-->
                                     </div>
                                     <div class="layui-tab-item">
                                         <blockquote class="layui-elem-quote blue-border">价格设置</blockquote>
@@ -231,6 +263,26 @@
 <!--                                                <input type="text" name="costPrice" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">-->
 <!--                                            </div>-->
 <!--                                        </div>-->
+                                        <blockquote class="layui-elem-quote blue-border">购买商品,赠送卷</blockquote>
+                                        <div class="layui-form-item">
+                                            <label class="layui-form-label">是否赠送:</label>
+                                            <div class="layui-input-block">
+                                                <input type="radio" name="levelTwoPrice" value="1" title="是" lay-filter="hasRoll" />
+                                                <input type="radio" name="levelTwoPrice" value="2" title="否" lay-filter="hasRoll" checked/>
+                                            </div>
+                                        </div>
+
+                                        <div class="layui-form-item roll-input febs-hide">
+                                            <div class="layui-col-lg6">
+                                                <label class="layui-form-label">类型:</label>
+                                                <div class="layui-input-block">
+                                                    <select name="levelThreePrice">
+                                                        <option value="1">课程卷</option>
+                                                        <option value="2">民宿卷</option>
+                                                    </select>
+                                                </div>
+                                            </div>
+                                        </div>
                                         <blockquote class="layui-elem-quote blue-border">运费设置</blockquote>
                                         <div class="layui-form-item">
                                             <label class="layui-form-label">运费:</label>
@@ -259,42 +311,42 @@
                                             </div>
                                         </div>
 
-                                        <blockquote class="layui-elem-quote blue-border">多规格设置</blockquote>
-                                        <div class="layui-col-lg6">
-                                            <label class="layui-form-label">开启多规格:</label>
-                                            <div class="layui-input-block">
-                                                <input type="radio" name="isSku" value="1" title="是" lay-filter="isSku" />
-                                                <input type="radio" name="isSku" value="2" title="否" lay-filter="isSku" checked />
-                                            </div>
-                                        </div>
-                                        <div class="layui-form-item multi-sku-table febs-hide">
-                                            <div class="layui-row layui-col-space10 layui-form-item">
-                                                <div class="layui-col-lg6">
-                                                    <label class="layui-form-label febs-form-item-require">样式:</label>
-                                                    <div class="layui-input-block">
-                                                        <input type="text" name="addMallGoodsSkuDtos" autocomplete="off" class="layui-input" id="attrName">
-                                                    </div>
-                                                </div>
-                                                <div class="layui-col-lg1">
-                                                    <button type="button"
-                                                            class="layui-btn layui-btn-normal layui-btn" id="test3">
-                                                        添加
-                                                    </button>
-                                                </div>
-                                                <div class="layui-col-lg1">
-                                                    <button type="button"
-                                                            class="layui-btn layui-btn-normal layui-btn" id="test4">
-                                                        新增样品
-                                                    </button>
-                                                </div>
-                                            </div>
+<!--                                        <blockquote class="layui-elem-quote blue-border">多规格设置</blockquote>-->
+<!--                                        <div class="layui-col-lg6">-->
+<!--                                            <label class="layui-form-label">开启多规格:</label>-->
+<!--                                            <div class="layui-input-block">-->
+<!--                                                <input type="radio" name="isSku" value="1" title="是" lay-filter="isSku" />-->
+<!--                                                <input type="radio" name="isSku" value="2" title="否" lay-filter="isSku" checked />-->
+<!--                                            </div>-->
+<!--                                        </div>-->
+<!--                                        <div class="layui-form-item multi-sku-table febs-hide">-->
+<!--                                            <div class="layui-row layui-col-space10 layui-form-item">-->
+<!--                                                <div class="layui-col-lg6">-->
+<!--                                                    <label class="layui-form-label febs-form-item-require">样式:</label>-->
+<!--                                                    <div class="layui-input-block">-->
+<!--                                                        <input type="text" name="addMallGoodsSkuDtos" autocomplete="off" class="layui-input" id="attrName">-->
+<!--                                                    </div>-->
+<!--                                                </div>-->
+<!--                                                <div class="layui-col-lg1">-->
+<!--                                                    <button type="button"-->
+<!--                                                            class="layui-btn layui-btn-normal layui-btn" id="test3">-->
+<!--                                                        添加-->
+<!--                                                    </button>-->
+<!--                                                </div>-->
+<!--                                                <div class="layui-col-lg1">-->
+<!--                                                    <button type="button"-->
+<!--                                                            class="layui-btn layui-btn-normal layui-btn" id="test4">-->
+<!--                                                        新增样品-->
+<!--                                                    </button>-->
+<!--                                                </div>-->
+<!--                                            </div>-->
 
-                                            <div class="layui-form-item">
-                                                <div class="layui-input-block">
-                                                    <table id="multiSku" lay-filter="multiSku"></table>
-                                                </div>
-                                            </div>
-                                        </div>
+<!--                                            <div class="layui-form-item">-->
+<!--                                                <div class="layui-input-block">-->
+<!--                                                    <table id="multiSku" lay-filter="multiSku"></table>-->
+<!--                                                </div>-->
+<!--                                            </div>-->
+<!--                                        </div>-->
                                     </div>
                                 </div>
                             </div>
@@ -359,27 +411,53 @@
 
         form.render();
 
-        var E = window.wangEditor;
-        const editorConfig = { MENU_CONF: {} };
-        editorConfig.MENU_CONF['uploadImage'] = {
-            server: '/admin/goods/uploadFileBase64',
-            fieldName : "file",
-            customInsert(res, insertFn) {
-                insertFn(res.data.src, res.data.title, '')
-            },
-        }
-
-        const editor = E.createEditor({
-            selector: '#editor-container-good-add',
-            config : editorConfig,
-            mode: 'default'
-        });
-
-        const toolbar = E.createToolbar({
-            editor,
-            selector: '#toolbar-container-good-add',
-            mode: 'default'
-        });
+        const E = window.wangEditor;
+        const editor = new E('#toolbar-container', '#text-container'); // 传入两个元素
+        editor.config.showLinkImg = false;
+        editor.config.uploadFileName = 'file';
+        editor.config.customUploadImg = function (files, insertImgFn) {
+            // files 是 input 中选中的文件列表
+            // insertImgFn 是获取图片 url 后,插入到编辑器的方法
+            // 上传图片,返回结果,将图片插入到编辑器中
+            for (let i = 0; i < files.length; i++){
+                var form = new FormData();
+                form.append("file", files[0]);
+                $.ajax({
+                    url:'/admin/goods/uploadFileBase64',
+                    type: "post",
+                    processData: false,
+                    contentType: false,
+                    data: form,
+                    dataType: 'json',
+                    success(res) {
+                        // 上传代码返回结果之后,将图片插入到编辑器中
+                        insertImgFn(res.data.src, res.data.title, '')
+                    }
+                })
+            }
+        };
+        editor.create();
+        // var E = window.wangEditor;
+        // const editorConfig = { MENU_CONF: {} };
+        // editorConfig.MENU_CONF['uploadImage'] = {
+        //     server: '/admin/goods/uploadFileBase64',
+        //     fieldName : "file",
+        //     customInsert(res, insertFn) {
+        //         insertFn(res.data.src, res.data.title, '')
+        //     },
+        // }
+        //
+        // const editor = E.createEditor({
+        //     selector: '#editor-container-good-add',
+        //     config : editorConfig,
+        //     mode: 'default'
+        // });
+        //
+        // const toolbar = E.createToolbar({
+        //     editor,
+        //     selector: '#toolbar-container-good-add',
+        //     mode: 'default'
+        // });
 
         laydate.render({
             elem: '#febs-form-group-date'
@@ -519,6 +597,14 @@
             }
         });
 
+        form.on('radio(hasRoll)', function(data){
+            if (data.value == 2) {
+                $('.roll-input').hide();
+            } else {
+                $('.roll-input').show();
+            }
+        });
+
         function addTableDate(data) {
             var hasData = table.cache['multiSku'];
 
@@ -595,6 +681,54 @@
                 }
             });
         }
+
+
+
+        //图片上传
+        // upload.render({
+        //     elem: '#test2'
+        //     ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
+        //     ,multiple: true
+        //     ,before: function(obj){
+        //         //预读本地文件示例,不支持ie8
+        //         layer.msg('上传中', {icon: 16, time: 0});
+        //     }
+        //     ,done: function(res){
+        //         var item = this.item;
+        //         //如果上传失败
+        //         if(res.code !== 0){
+        //             return layer.msg('上传失败');
+        //         }
+        //
+        //         // $(item).parent().prev().find('input').val(res.data[0]);
+        //         $("#videoUrl").val(res.data.src);
+        //         layer.msg('上传完毕', {icon: 1});
+        //     }
+        // });
+
+        upload.render({
+            elem: '#uploadVideo'
+            ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
+            ,accept: 'file'
+            // ,multiple: true
+            ,before: function(obj){
+                layer.msg('上传中', {icon: 16, time: 0});
+            }
+            ,done: function(res){
+                var item = this.item;
+                //如果上传失败
+                if(res.code !== 0){
+                    return layer.msg('上传失败');
+                }
+
+                // $(item).parent().prev().find('input').val(res.data[0]);
+                $("#videoUrl").val(res.data.src);
+                layer.msg('上传完毕', {icon: 1});
+            }
+            ,error: function(err){
+                return layer.msg('上传失败');
+            }
+        });
 
         //(下拉框)
         $.get(ctx + 'admin/goodsCategory/categorys/allTree', function (data) {
@@ -699,10 +833,13 @@
 
         form.on('submit(goods-add-form-submit)', function (data) {
             data.field.goodsType = 1;
+            data.field.isSku = 2;
             data.field.addMallGoodsSkuDtos = tableSkuData;
             data.field.categoryId = category.getValue('valueStr');
             data.field.carriageRuleId = carriageRule.getValue('valueStr');
-            data.field.goodsDetails = editor.getHtml();
+            // data.field.goodsDetails = editor.getHtml();
+            data.field.goodsDetails = editor.txt.html();
+
             $.ajax({
                 'url':ctx + 'admin/goods/addMallGoods',
                 'type':'post',
@@ -734,6 +871,20 @@
                     $(this).hide();
                 }
             })
+            $('.class-set').each(function() {
+                if (data.value == 4) {
+                    $(this).show();
+                } else {
+                    $(this).hide();
+                }
+            })
+            $('.house-set').each(function() {
+                if (data.value == 5) {
+                    $(this).show();
+                } else {
+                    $(this).hide();
+                }
+            })
         });
     });
 </script>
\ No newline at end of file

--
Gitblit v1.9.1