NN2022081301/public/agent/pages/store/about.html

<!-- 正文开始 -->
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
        <!--            // 关于我们-->
            <form id="aboutForm" lay-filter="aboutForm" class="layui-form model-form">
                <div class="layui-form-item">
                    <textarea name="content" id="aboutCkEditor"></textarea>
                </div>
                <div class="layui-form-item">
                    <button class="layui-btn" perm-show="put:/store/about"  lay-filter="modelSubmitAbout" lay-submit>保存</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- js部分 -->
<script>
    layui.use(['layer', 'form', 'table', 'util', 'notice','md5', 'admin', 'setter','CKEDITOR'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var admin = layui.admin;
        var notice = layui.notice;
        var setter = layui.setter;
        var CKEDITOR = layui.CKEDITOR;

        var html = "";
        // 加载配置数据
        admin.req('store/about', (res) => {
            if (10000 == res.code) {
                form.val('aboutForm', res.data);
                form.render();
            }
        }, 'GET', {async: false});
        // 渲染富文本编辑器
        var aboutEdt = CKEDITOR.replace('aboutCkEditor', {height: 520,
            language: 'zh-cn', //简体中文
            toolbar : [
                //加粗     斜体，     下划线      穿过线      下标字        上标字
                ['Bold','Italic','Underline','Strike','Subscript','Superscript'],
                // 数字列表          实体列表            减小缩进    增大缩进
                ['NumberedList','BulletedList','-','Outdent','Indent'],
                //左对 齐             居中对齐          右对齐          两端对齐
                ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
                //超链接  取消超链接 锚点
                ['Link','Unlink','Anchor'],
                //图片    flash    表格       水平线            表情       特殊字符        分页符
                ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
                '/',
                // 样式       格式      字体    字体大小
                ['Styles','Format','Font','FontSize'],
                //文本颜色     背景颜色
                ['TextColor','BGColor'],
                //全屏           显示区块
                ['Maximize', 'ShowBlocks','-']
            ]
        });
        aboutEdt.on('fileUploadRequest', function (evt) {
            let xhr = evt.data.fileLoader.xhr;
            xhr.setRequestHeader('Authorization', setter.getToken());
        });
        CKEDITOR.instances.pageCkEditor;


        // 表单提交事件
        form.on('submit(modelSubmitAbout)', function (form) {
            // 追加数据
            var content = aboutEdt.getData();
            if (content === '') {
                notice.msg('内容不能为空',{icon:2});
                return false;
            }
            form.field.content = aboutEdt.getData();
            layer.load(2);
            admin.req('store/about', form.field, function (res) {
                layer.closeAll('loading');
                if (res.code === 10000) {
                    notice.msg(res.message, {icon: 1});
                } else {
                    notice.msg(res.message, {icon: 2});
                }
            },'POST');
            return false;
        });
    });
</script>