From 7e6bbd05a75b07cb0717812d0b51aad128361012 Mon Sep 17 00:00:00 2001 From: Helius <wangdoubleone@gmail.com> Date: Thu, 19 May 2022 18:43:42 +0800 Subject: [PATCH] fix some problem --- src/main/resources/templates/febs/views/modules/goods/goodsUpdateNew.html | 112 +++++++++++++++++++++++++++++++++++-------------------- 1 files changed, 71 insertions(+), 41 deletions(-) diff --git a/src/main/resources/templates/febs/views/modules/goods/goodsUpdateNew.html b/src/main/resources/templates/febs/views/modules/goods/goodsUpdateNew.html index 66094a8..3174f0f 100644 --- a/src/main/resources/templates/febs/views/modules/goods/goodsUpdateNew.html +++ b/src/main/resources/templates/febs/views/modules/goods/goodsUpdateNew.html @@ -1,8 +1,8 @@ <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"> @@ -36,9 +36,10 @@ <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> @@ -163,8 +164,11 @@ <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> @@ -245,8 +249,8 @@ </div> </div> - </div> - </div> +<!-- </div>--> +<!-- </div>--> </div> </div> <style> @@ -277,7 +281,7 @@ </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, @@ -300,6 +304,42 @@ }); 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({ @@ -490,25 +530,6 @@ } }); - 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(","); @@ -531,6 +552,11 @@ "thumbs": thumbs }); + console.log(goodsInfo.categoryId); + var arr = []; + arr.push(goodsInfo.categoryId) + category.setValue(arr); + if (goodsInfo.isNormal == 2) { $(".tc-set").show(); } @@ -549,25 +575,29 @@ } $('#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', -- Gitblit v1.9.1