From 12112eaff727c3a4554b19840e735e2b60cbd1f2 Mon Sep 17 00:00:00 2001
From: KKSU <15274802129@163.com>
Date: Fri, 05 Jan 2024 11:19:07 +0800
Subject: [PATCH] 团队列表

---
 src/main/resources/templates/febs/views/modules/goods/goodsUpdateNew.html |   92 ++++++++++++++++++++++++++++++++-------------
 1 files changed, 65 insertions(+), 27 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 331d3c0..466fc2a 100644
--- a/src/main/resources/templates/febs/views/modules/goods/goodsUpdateNew.html
+++ b/src/main/resources/templates/febs/views/modules/goods/goodsUpdateNew.html
@@ -226,17 +226,26 @@
                                                 </label>
                                             </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="goodsDetailEditAdd" lay-verify="content" name = "goodsDetails" class="layui-textarea"></textarea>-->
                                                 <div style="border: 1px solid #ccc;">
-                                                    <div id="toolbar-container-good-update" style="border-bottom: 1px solid #ccc;"></div>
-                                                    <div id="editor-container-good-update" style="height: 300px;"></div>
+                                                    <div id="toolbar-container" class="toolbar"></div>
+                                                    <div id="text-container" class="text" style="height: 450px;"></div>
                                                 </div>
                                             </div>
                                         </div>
+<!--                                        <div class="layui-form-item">-->
+<!--                                            <label class="layui-form-label febs-form-item-require">商品详情:</label>-->
+<!--                                            <div class="layui-input-block">-->
+<!--&lt;!&ndash;                                                <textarea id="lay_edit" lay-verify="goodsDetails" name="goodsDetails" class="layui-textarea"></textarea>&ndash;&gt;-->
+<!--                                                <div style="border: 1px solid #ccc;">-->
+<!--                                                    <div id="toolbar-container-good-update" style="border-bottom: 1px solid #ccc;"></div>-->
+<!--                                                    <div id="editor-container-good-update" style="height: 300px;"></div>-->
+<!--                                                </div>-->
+<!--                                            </div>-->
+<!--                                        </div>-->
                                     </div>
                                     <div class="layui-tab-item">
                                         <blockquote class="layui-elem-quote blue-border">价格设置</blockquote>
@@ -456,16 +465,41 @@
         });
 
         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, '')
-            },
-        }
+        const E = window.wangEditor;
+        const editor = new E('#toolbar-container', '#text-container'); // 传入两个元素
+        editor.config.showLinkImg = false;
+        editor.config.uploadFileName = 'file';
+        editor.config.customUploadImg = function (files, insertImgFn) {
+            // files 是 input 中选中的文件列表
+            // insertImgFn 是获取图片 url 后,插入到编辑器的方法
+            // 上传图片,返回结果,将图片插入到编辑器中
+            for (let i = 0; i < files.length; i++){
+                var form = new FormData();
+                form.append("file", files[0]);
+                $.ajax({
+                    url:'/admin/goods/uploadFileBase64',
+                    type: "post",
+                    processData: false,
+                    contentType: false,
+                    data: form,
+                    dataType: 'json',
+                    success(res) {
+                        // 上传代码返回结果之后,将图片插入到编辑器中
+                        insertImgFn(res.data.src, res.data.title, '')
+                    }
+                })
+            }
+        };
+        editor.create();
+        // 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',
@@ -841,6 +875,7 @@
                 "carriageAmount": goodsInfo.carriageAmount,
                 "goodsWeight": goodsInfo.goodsWeight,
                 "orderNumber": goodsInfo.orderNumber,
+                "goodsDetails": goodsInfo.goodsDetails,
                 "thumbs": thumbs
             });
 
@@ -896,23 +931,25 @@
             imgSingleBind();
             imgMultiBind();
 
-            window.editor = E.createEditor({
-                html: goodsInfo.goodsDetails,
-                selector: '#editor-container-good-update',
-                config : editorConfig,
-                mode: 'default'
-            });
-
-            window.toolbar = E.createToolbar({
-                editor,
-                selector: '#toolbar-container-good-update',
-                mode: 'default'
-            });
+            // window.editor = E.createEditor({
+            //     html: goodsInfo.goodsDetails,
+            //     selector: '#editor-container-good-update',
+            //     config : editorConfig,
+            //     mode: 'default'
+            // });
+            //
+            // window.toolbar = E.createToolbar({
+            //     editor,
+            //     selector: '#toolbar-container-good-update',
+            //     mode: 'default'
+            // });
 
             if (skus) {
                 tableSkuData = skus;
                 reloadTable(skus);
             }
+            editor.txt.html(goodsInfo.goodsDetails);
+
         }
 
         form.on('submit(goods-update-form-submit)', function (data) {
@@ -922,7 +959,8 @@
             data.field.delSkuId=delSku;
             data.field.categoryId = category.getValue('valueStr');
             data.field.carriageRuleId = carriageRule.getValue('valueStr');
-            data.field.goodsDetails = editor.getHtml();
+            // data.field.goodsDetails = editor.getHtml();
+            data.field.goodsDetails = editor.txt.html();
             $.ajax({
                 'url': ctx + 'admin/goods/updateMallGoods',
                 'type': 'post',

--
Gitblit v1.9.1