| | |
| | | <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', |