Helius
2021-09-25 c8df15c5d52874b0cb1b53e27091ce1cc4cd6634
src/main/resources/templates/febs/views/modules/goods/goodsAddNew.html
@@ -24,6 +24,7 @@
                                    <label class="layui-form-label febs-form-item-require">所属分类:</label>
                                    <div class="layui-input-block">
                                        <select name="categoryId"
                                                value="categoryId"
                                                lay-verify="required"
                                                xm-select-direction="down"
                                                xm-select="user-add-goods"
@@ -70,7 +71,6 @@
                                </div>
                            </div>
                            <div id="attrWrap"></div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">缩略图:</label>
                                <div class="layui-input-block">
@@ -88,6 +88,25 @@
                                    <input type="text" id="thumb" name="thumb" autocomplete="off" class="layui-input" readonly>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">轮播图:</label>
                                <div class="layui-input-block">
                                    <div class="layui-upload">
                                        <button type="button" class="layui-btn layui-btn-normal layui-btn-xs" id="thumbsBanner">上传</button>
                                        <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                                            <div class="layui-upload-list" id="thumbsBanners"></div>
                                        </blockquote>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item febs-hide">
                                <label class="layui-form-label">缩略图链接:</label>
                                <div class="layui-input-block">
                                    <input type="text" id="thumbs" name="thumbs" autocomplete="off" class="layui-input" readonly>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">商品详情:</label>
                                <div class="layui-input-block">
@@ -117,7 +136,7 @@
</div>
<!-- 表格操作栏 end -->
<script data-th-inline="javascript">
    layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree', 'laydate','layedit','upload'], function () {
    layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree','dropdown', 'laydate','layedit','upload'], function () {
        var $ = layui.jquery,
            febs = layui.febs,
            layer = layui.layer,
@@ -154,10 +173,11 @@
                    })
                }
                result.data = tranData;
                console.log(result);
                return result;
            },
            success: function () {
                // formSelects.value('user-add-goods', result.id);
                formSelects.value('user-add-goods', result.id);
            },
            error: function (id, url, searchVal, err) {
                console.error(err);
@@ -166,22 +186,44 @@
        });
        //多图片上传
        upload.render({
            elem: '#thumbsBanner'
            ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
            ,multiple: true
            ,before: function(obj){
                //预读本地文件示例,不支持ie8
                obj.preview(function(index, file, result){
                    $('#thumbsBanners').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img" style="width: 100px">')
                });
            }
            ,done: function(res){
                var thumbs = $("#thumbs").val();
                if(thumbs == ''){
                    $("#thumbs").val(res.data.src);
                }else{
                    $("#thumbs").val(thumbs + ',' + res.data.src);
                }
                // alert($("#thumb").val());
            }
        });
        //多图片上传
        upload.render({
            elem: '#test2'
            ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
            ,multiple: true
            ,before: function(obj){
                //预读本地文件示例,不支持ie8
                obj.preview(function(index, file, result){
                    $('#demo2').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img">')
                    $('#demo2').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img" style="width: 100px">')
                });
            }
            ,done: function(res){
                var thumbs = $("#thumb").val();
                if(thumbs == ''){
                // var thumbs = $("#thumb").val();
                // if(thumbs == ''){
                    $("#thumb").val(res.data.src);
                }else{
                    $("#thumb").val(thumbs + ',' + res.data.src);
                }
                // }else{
                //     $("#thumb").val(thumbs + ',' + res.data.src);
                // }
                // alert($("#thumb").val());
            }
        });