| | |
| | | <div class="layui-fluid layui-anim febs-anim" id="febs-goods" lay-title="新增商品"> |
| | | <div class="layui-fluid layui-anim febs-anim" id="febs-goods-add" 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-add"> |
| | | <form class="layui-form" action="" lay-filter="goods-add-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"> |
| | | <select name="goodsType" class="goods-type" lay-filter="goods-type-select"> |
| | | <select name="isNormal" class="goods-type" lay-filter="goods-type-select"> |
| | | <option value="1">普通商品区</option> |
| | | <option value="2">套餐区</option> |
| | | </select> |
| | |
| | | <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="goodsDetailEdit" 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: 450px;"></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | |
| | | |
| | | <div class="layui-form-item" style="text-align:center"> |
| | | <div class="layui-form-item febs-hide"> |
| | | <button class="layui-btn" lay-submit="" lay-filter="goods-add-form-submit" id="submit">保存</button> |
| | | <button class="layui-btn layui-btn-danger" lay-submit="" lay-filter="goods-add-form-cancel" id="cancel">取消</button> |
| | | <!-- <button class="layui-btn layui-btn-danger" lay-submit="" lay-filter="goods-add-form-cancel" id="cancel">取消</button>--> |
| | | </div> |
| | | </form> |
| | | </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, |
| | |
| | | form = layui.form, |
| | | laydate = layui.laydate, |
| | | eleTree = layui.eleTree, |
| | | member = [[${member}]], |
| | | $view = $('#goods-add'), |
| | | layedit = layui.layedit, |
| | | upload = layui.upload, |
| | |
| | | element = layui.element; |
| | | |
| | | 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', |
| | | config : editorConfig, |
| | | mode: 'default' |
| | | }); |
| | | |
| | | const toolbar = E.createToolbar({ |
| | | editor, |
| | | selector: '#toolbar-container', |
| | | mode: 'default' |
| | | }); |
| | | |
| | | laydate.render({ |
| | | elem: '#febs-form-group-date' |
| | | }); |
| | | |
| | | formSelects.render(); |
| | | |
| | | 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, |
| | | }); |
| | | }) |
| | | |
| | | var tableSkuData=[]; |
| | | var tableIns = table.render({ |
| | |
| | | for (let i = 0; i < hasData.length; i++) { |
| | | hasData[i].index = i + 1; |
| | | } |
| | | |
| | | tableSkuData=hasData; |
| | | reloadTable(hasData); |
| | | } |
| | | }); |
| | |
| | | |
| | | var data = {}; |
| | | data.styleName = attrNameVal; |
| | | var index = addTableDate(data); |
| | | addTableDate(data); |
| | | }); |
| | | |
| | | function bindUpload(index) { |
| | |
| | | tableSkuData[i].skuImage = res.data.src; |
| | | } |
| | | } |
| | | |
| | | reloadTable(tableSkuData); |
| | | } |
| | | }); |
| | | } |
| | |
| | | } |
| | | }); |
| | | |
| | | 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); |
| | | } |
| | | }); |
| | | // 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); |
| | | // } |
| | | // }); |
| | | |
| | | |
| | | 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); |
| | | } |
| | | }); |
| | | // 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-add-form-submit)', function (data) { |
| | | data.field.goodsType = 1; |
| | | data.field.addMallGoodsSkuDtos = tableSkuData; |
| | | data.field.categoryId = category.getValue('valueStr'); |
| | | data.field.goodsDetails = editor.getHtml(); |
| | | $.ajax({ |
| | | 'url':ctx + 'admin/goods/addMallGoods', |
| | | 'type':'post', |
| | |
| | | 'traditional': true,//ajax传递数组必须添加属性 |
| | | 'data':JSON.stringify(data.field), |
| | | 'success':function (data) { |
| | | if(data.code==0){ |
| | | if(data.code==200){ |
| | | layer.closeAll(); |
| | | febs.alert.success(data.message); |
| | | var index = parent.layer.getFrameIndex(window.name); |
| | | parent.layer.close(index); |
| | | $('#febs-goods').find('#reset').click(); |
| | | }else{ |
| | | febs.alert.warn(data.message); |
| | | } |