|  |  |  | 
|---|
|  |  |  | <div class="layui-fluid layui-anim febs-anim" id="febs-update" lay-title="编辑商品"> | 
|---|
|  |  |  | <div class="layui-row febs-container"> | 
|---|
|  |  |  | <div class="layui-col-md12"> | 
|---|
|  |  |  | <div class="layui-card"> | 
|---|
|  |  |  | <div class="layui-card-body febs-table-full"> | 
|---|
|  |  |  | <!--            <div class="layui-card">--> | 
|---|
|  |  |  | <!--                <div class="layui-card-body febs-table-full">--> | 
|---|
|  |  |  | <div class="layui-fluid" id="goods-update"> | 
|---|
|  |  |  | <form class="layui-form" action="" lay-filter="goods-update-form"> | 
|---|
|  |  |  | <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | <!--                                                    <select name="categoryId" class="categary-addPeoduct">--> | 
|---|
|  |  |  | <!--                                                        <option value="">请选择</option>--> | 
|---|
|  |  |  | <!--                                                    </select>--> | 
|---|
|  |  |  | <div id="goods-category"></div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label febs-form-item-require">商品详情:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <textarea id="lay_edit" lay-verify="goodsDetails" name="goodsDetails" | 
|---|
|  |  |  | class="layui-textarea"></textarea> | 
|---|
|  |  |  | <!--                                                <textarea id="lay_edit" lay-verify="goodsDetails" name="goodsDetails" class="layui-textarea"></textarea>--> | 
|---|
|  |  |  | <div style="border: 1px solid #ccc;"> | 
|---|
|  |  |  | <div id="toolbar-container" style="border-bottom: 1px solid #ccc;"></div> | 
|---|
|  |  |  | <div id="editor-container" style="height: 300px;"></div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!--            </div>--> | 
|---|
|  |  |  | <!--        </div>--> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <style> | 
|---|
|  |  |  | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  | <!-- 表格操作栏 end --> | 
|---|
|  |  |  | <script data-th-inline="javascript"> | 
|---|
|  |  |  | layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree', 'dropdown', 'laydate', 'layedit', 'upload', 'element', 'table'], function () { | 
|---|
|  |  |  | layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree', 'dropdown', 'laydate', 'layedit', 'upload', 'element', 'table', 'xmSelect'], function () { | 
|---|
|  |  |  | var $ = layui.jquery, | 
|---|
|  |  |  | febs = layui.febs, | 
|---|
|  |  |  | layer = layui.layer, | 
|---|
|  |  |  | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | formSelects.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, '') | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | var category = xmSelect.render({ | 
|---|
|  |  |  | el: '#goods-category', | 
|---|
|  |  |  | language: 'zn', | 
|---|
|  |  |  | prop : { | 
|---|
|  |  |  | value : 'id', | 
|---|
|  |  |  | children : 'child' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | radio: true, | 
|---|
|  |  |  | clickClose: true, | 
|---|
|  |  |  | tree: { | 
|---|
|  |  |  | show: true, | 
|---|
|  |  |  | //非严格模式 | 
|---|
|  |  |  | strict: false, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | data: [] | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | febs.get(ctx + 'admin/goodsCategory/categoryTree', null, function(res) { | 
|---|
|  |  |  | category.update({ | 
|---|
|  |  |  | data : res.data, | 
|---|
|  |  |  | autoRow: true, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | initValue(); | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | var tableSkuData = []; | 
|---|
|  |  |  | var tableIns = table.render({ | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | initValue(); | 
|---|
|  |  |  | layedit.set({   //设置图片接口 | 
|---|
|  |  |  | uploadImage: { | 
|---|
|  |  |  | url: 'admin/goods/uploadFileBase64', //接口url | 
|---|
|  |  |  | type: 'post', | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | //创建一个编辑器 | 
|---|
|  |  |  | var index = layedit.build('lay_edit', { | 
|---|
|  |  |  | height: 300 | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | //提交时把值同步到文本域中 | 
|---|
|  |  |  | form.verify({ | 
|---|
|  |  |  | //content富文本域中的lay-verify值 | 
|---|
|  |  |  | goodsDetails: function (value) { | 
|---|
|  |  |  | return layedit.sync(index); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function initValue() { | 
|---|
|  |  |  | var images = goodsInfo.images; | 
|---|
|  |  |  | var thumbs = images.join(","); | 
|---|
|  |  |  | 
|---|
|  |  |  | "thumbs": thumbs | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | console.log(goodsInfo.categoryId); | 
|---|
|  |  |  | var arr = []; | 
|---|
|  |  |  | arr.push(goodsInfo.categoryId) | 
|---|
|  |  |  | category.setValue(arr); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | if (goodsInfo.isNormal == 2) { | 
|---|
|  |  |  | $(".tc-set").show(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | $('#demo2').append('<img src="' + goodsInfo.thumb + '" alt="" class="layui-upload-img" style="width: 100px">') | 
|---|
|  |  |  | layedit.setContent(index, "1234", false); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | window.editor = E.createEditor({ | 
|---|
|  |  |  | html: goodsInfo.goodsDetails, | 
|---|
|  |  |  | selector: '#editor-container', | 
|---|
|  |  |  | config : editorConfig, | 
|---|
|  |  |  | mode: 'default' | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | window.toolbar = E.createToolbar({ | 
|---|
|  |  |  | editor, | 
|---|
|  |  |  | selector: '#toolbar-container', | 
|---|
|  |  |  | mode: 'default' | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | tableSkuData = skus; | 
|---|
|  |  |  | reloadTable(skus); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 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); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | form.on('submit(goods-update-form-submit)', function (data) { | 
|---|
|  |  |  | console.log(tableSkuData); | 
|---|
|  |  |  | data.field.goodsType=1; | 
|---|
|  |  |  | data.field.mailGoodsSkuDto = tableSkuData; | 
|---|
|  |  |  | data.field.delSkuId=delSku; | 
|---|
|  |  |  | data.field.categoryId = category.getValue('valueStr'); | 
|---|
|  |  |  | data.field.goodsDetails = editor.getHtml(); | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | 'url': ctx + 'admin/goods/updateMallGoods', | 
|---|
|  |  |  | 'type': 'post', | 
|---|