|  |  |  | 
|---|
|  |  |  | <div class="layui-tab-content"> | 
|---|
|  |  |  | <div class="layui-tab-item layui-show"> | 
|---|
|  |  |  | <blockquote class="layui-elem-quote blue-border">基本信息设置</blockquote> | 
|---|
|  |  |  | <div class="layui-form-mid layui-word-aux">商品新增后,会自动计算补贴金额,按商品现价计算</div> | 
|---|
|  |  |  | <div class="layui-form-mid layui-word-aux">商品新增后,会自动计算星级等级,按商品现价设置</div> | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-row layui-col-space10 layui-form-item"> | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <div class="layui-col-lg6"> | 
|---|
|  |  |  | <label class="layui-form-label febs-form-item-require">商品分类:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <!--                                                    <select name="categoryId" class="categary-addPeoduct" >--> | 
|---|
|  |  |  | <!--                                                        <option value="">请选择</option>--> | 
|---|
|  |  |  | <!--                                                    </select>--> | 
|---|
|  |  |  | <div id="goods-category"></div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-col-lg6"> | 
|---|
|  |  |  | <label class="layui-form-label">是否主推:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input type="radio" name="isHot" value="1" title="是" /> | 
|---|
|  |  |  | <input type="radio" name="isHot" value="2" title="否" checked /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <select name="isNormal" class="goods-type" lay-filter="goods-type-select"> | 
|---|
|  |  |  | <option value="1">普通商品区</option> | 
|---|
|  |  |  | <option value="2">套餐区</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 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 tc-set"> | 
|---|
|  |  |  | <label class="layui-form-label">静态占比(%)</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input type="text" name="staticProp" placeholder="请输入静态占比" autocomplete="off" class="layui-input"> | 
|---|
|  |  |  | <div class="layui-form-mid layui-word-aux">所有套餐静态占比相加应等于100%</div> | 
|---|
|  |  |  | </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="staticProp" placeholder="请输入静态占比" autocomplete="off" class="layui-input">--> | 
|---|
|  |  |  | <!--                                                <div class="layui-form-mid layui-word-aux">所有套餐静态占比相加应等于100%</div>--> | 
|---|
|  |  |  | <!--                                            </div>--> | 
|---|
|  |  |  | <!--                                        </div>--> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-tab-item"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;"> | 
|---|
|  |  |  | <div class="layui-upload-list" id="demo2"></div> | 
|---|
|  |  |  | </blockquote> | 
|---|
|  |  |  | <div class="layui-word-aux">双击图片删除</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;"> | 
|---|
|  |  |  | <div class="layui-upload-list" id="thumbsBanners"></div> | 
|---|
|  |  |  | </blockquote> | 
|---|
|  |  |  | <div class="layui-word-aux">双击图片删除</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | <label class="layui-form-label">缩略图链接:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input type="text" id="thumbs" lay-verify="required" 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"> | 
|---|
|  |  |  | <label> | 
|---|
|  |  |  | <textarea name="goodsParameter" rows="5" autocomplete="off" class="layui-textarea" ></textarea> | 
|---|
|  |  |  | </label> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!--                                        <div class="layui-form-item">--> | 
|---|
|  |  |  | <!--                                            <label class="layui-form-label">设置运费:</label>--> | 
|---|
|  |  |  | <!--                                            <div class="layui-input-block">--> | 
|---|
|  |  |  | <!--                                                <input type="radio" name="hasCarriage" value="1" title="开启" lay-filter="hasCarriage" />--> | 
|---|
|  |  |  | <!--                                                <input type="radio" name="hasCarriage" value="2" title="关闭" lay-filter="hasCarriage" checked />--> | 
|---|
|  |  |  | <!--                                            </div>--> | 
|---|
|  |  |  | <!--                                        </div>--> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!--                                        <div class="layui-form-item carriage-input febs-hide">--> | 
|---|
|  |  |  | <!--                                            <label class="layui-form-label">运费:</label>--> | 
|---|
|  |  |  | <!--                                            <div class="layui-input-block">--> | 
|---|
|  |  |  | <!--                                                <input type="text" name="carriage" placeholder="" autocomplete="off" class="layui-input">--> | 
|---|
|  |  |  | <!--                                            </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="1" title="是" lay-filter="isSku" />--> | 
|---|
|  |  |  | <input type="radio" name="isSku" value="2" title="否" lay-filter="isSku" checked /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .layui-table-cell { | 
|---|
|  |  |  | height:auto; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .layui-upload-list { | 
|---|
|  |  |  | margin: 0 !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .multi-images { | 
|---|
|  |  |  | margin: 0 5px !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|
|  |  |  | <script type="text/html" id="toolbar"> | 
|---|
|  |  |  | 
|---|
|  |  |  | prop : { | 
|---|
|  |  |  | value : 'id', | 
|---|
|  |  |  | children : 'child' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | iconfont: { | 
|---|
|  |  |  | parent: 'hidden', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | radio: true, | 
|---|
|  |  |  | clickClose: true, | 
|---|
|  |  |  | 
|---|
|  |  |  | $('.multi-sku-table').hide(); | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | $('.multi-sku-table').show(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | form.on('radio(hasCarriage)', function(data){ | 
|---|
|  |  |  | if (data.value == 2) { | 
|---|
|  |  |  | $('.carriage-input').hide(); | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | $('.carriage-input').show(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | ,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">') | 
|---|
|  |  |  | $('#thumbsBanners').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img multi-images" style="width: 130px">') | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ,done: function(res){ | 
|---|
|  |  |  | 
|---|
|  |  |  | }else{ | 
|---|
|  |  |  | $("#thumbs").val(thumbs + ',' + res.data.src); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | imgUnBind(".multi-images"); | 
|---|
|  |  |  | imgMultiBind(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function imgUnBind(className) { | 
|---|
|  |  |  | $(className).each(function() { | 
|---|
|  |  |  | $(this).unbind('dblclick'); | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function imgMultiBind() { | 
|---|
|  |  |  | $(".multi-images").each(function(index, element) { | 
|---|
|  |  |  | $(this).on("dblclick", function() { | 
|---|
|  |  |  | var imgThumb = $(".multi-images")[index]; | 
|---|
|  |  |  | $(imgThumb).remove(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | var images = $("#thumbs").val(); | 
|---|
|  |  |  | var imagesArr; | 
|---|
|  |  |  | if (images) { | 
|---|
|  |  |  | imagesArr = images.split(","); | 
|---|
|  |  |  | imagesArr.splice(index, 1); | 
|---|
|  |  |  | images = imagesArr.join(","); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | $("#thumbs").val(images); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | imgUnBind(".multi-images"); | 
|---|
|  |  |  | imgMultiBind(); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //图片上传 | 
|---|
|  |  |  | upload.render({ | 
|---|
|  |  |  | 
|---|
|  |  |  | ,before: function(obj){ | 
|---|
|  |  |  | //预读本地文件示例,不支持ie8 | 
|---|
|  |  |  | obj.preview(function(index, file, result){ | 
|---|
|  |  |  | $('#demo2').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img" style="width: 100px">') | 
|---|
|  |  |  | if ($("#thumb").val()) { | 
|---|
|  |  |  | $('#demo2').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image" style="width: 130px">') | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | $('#demo2').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image" style="width: 130px">') | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ,done: function(res){ | 
|---|
|  |  |  | $("#thumb").val(res.data.src); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | imgUnBind(".single-image"); | 
|---|
|  |  |  | imgSingleBind(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // layedit.set({   //设置图片接口 | 
|---|
|  |  |  | //     uploadImage: { | 
|---|
|  |  |  | //         url: 'admin/goods/uploadFileBase64', //接口url | 
|---|
|  |  |  | //         type: 'post', | 
|---|
|  |  |  | //     } | 
|---|
|  |  |  | // }); | 
|---|
|  |  |  | // //创建一个编辑器 | 
|---|
|  |  |  | // var index = layedit.build('goodsDetailEdit', { height: '300px', }); | 
|---|
|  |  |  | // //提交时把值同步到文本域中 | 
|---|
|  |  |  | // form.verify({ | 
|---|
|  |  |  | //     //content富文本域中的lay-verify值 | 
|---|
|  |  |  | //     goodsDetails: function(value) { | 
|---|
|  |  |  | //         return layedit.sync(index); | 
|---|
|  |  |  | //     } | 
|---|
|  |  |  | // }); | 
|---|
|  |  |  | function imgSingleBind() { | 
|---|
|  |  |  | $(".single-image").each(function(index, element) { | 
|---|
|  |  |  | $(this).on("dblclick", function() { | 
|---|
|  |  |  | var imgThumb = $(".single-image")[index]; | 
|---|
|  |  |  | $(imgThumb).remove(); | 
|---|
|  |  |  | $("#thumb").val(""); | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // upload.render({ | 
|---|
|  |  |  | //     elem: '#skuImg'+index | 
|---|
|  |  |  | //     ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口 | 
|---|
|  |  |  | //     ,done: function(res){ | 
|---|
|  |  |  | //         febs.alert.success(res.data.src); | 
|---|
|  |  |  | //         $('#imageUrls' + index).attr('src', res.data.src); | 
|---|
|  |  |  | //         $('#skuImage'+ index).val(res.data.src); | 
|---|
|  |  |  | //     } | 
|---|
|  |  |  | // }); | 
|---|
|  |  |  | imgUnBind(".single-image"); | 
|---|
|  |  |  | imgSingleBind(); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | form.on('submit(goods-add-form-submit)', function (data) { | 
|---|
|  |  |  | data.field.goodsType = 1; | 
|---|