增加游戏模块

app/admin/view/resources/add.php

@@ -22,12 +22,20 @@
         <div class="layui-form-item">
             <label class="layui-form-label">分类</label>
             <div class="layui-input-block">
-                <select name="cate" lay-verify="required">
+                <select name="cate" lay-verify="required" lay-filter="cate">
                     <option value="">请选择分类</option>
                 </select>
             </div>
         </div>
 
+        <div class="layui-form-item">
+            <label class="layui-form-label">资源编号</label>
+            <div class="layui-input-block">
+                <input type="text" name="number" required lay-verify="required" placeholder="选取分类后系统自动生成" autocomplete="off"
+                    class="layui-input" lay-affix="clear" disabled>
+            </div>
+        </div>
+
         <div class="layui-form-item">
             <label class="layui-form-label">描述</label>
             <div class="layui-input-block">
@@ -39,7 +47,7 @@
             <label class="layui-form-label">上传者</label>
             <div class="layui-input-block">
                 <input type="text" name="uploader" required lay-verify="required" placeholder="请输入上传者"
-                    autocomplete="off" class="layui-input" lay-affix="clear">
+                    autocomplete="off" class="layui-input" lay-affix="clear" value="{$aUser['name']}">
             </div>
         </div>
 
@@ -111,6 +119,16 @@
             </div>
         </div>
 
+        <div class="layui-form-item layui-form-text">
+            <label class="layui-form-label">内容</label>
+            <div class="layui-input-block">
+                <div id="editor—wrapper" id="content" name="content" style="border: 1px solid #ccc;">
+                    <div id="toolbar-container" style="border-bottom: 1px solid #ccc;"><!-- 工具栏 --></div>
+                    <div id="editor-container" style="height: 800px;"><!-- 编辑器 --></div>
+                </div>
+            </div>
+        </div>
+
         <div class="layui-form-item">
             <div class="layui-input-block">
                 <button class="layui-btn" lay-submit lay-filter="formSubmit">立即提交</button>
@@ -120,6 +138,7 @@
     </form>
 </div>
 
+<script src="/static/js/wangeditor.js"></script>
 <script>
     layui.use(['form', 'layer'], function () {
         var form = layui.form;
@@ -220,14 +239,92 @@
                 });
                 $('select[name="cate"]').html(html);
                 form.render('select');
+
+                // 存储分类数据供后续使用
+                window.categoryData = res.data;
             } else {
                 layer.msg(res.msg, { icon: 2 });
             }
         });
 
+        // 监听分类选择变化
+        form.on('select(cate)', function(data) {
+            var selectedId = data.value;
+            if (!selectedId) {
+                $('input[name="number"]').val('');
+                return;
+            }
+
+            // 递归查找分类信息的函数
+            function findCategory(categories, targetId) {
+                for (let category of categories) {
+                    // 检查当前分类
+                    if (category.id == targetId) {
+                        return {
+                            parent: null,
+                            current: category,
+                            total: category.total || 0
+                        };
+                    }
+                    // 检查子分类
+                    if (category.children && category.children.length > 0) {
+                        for (let child of category.children) {
+                            if (child.id == targetId) {
+                                return {
+                                    parent: category,
+                                    current: child,
+                                    total: child.total || 0
+                                };
+                            }
+                            // 递归检查更深层级的子分类
+                            if (child.children && child.children.length > 0) {
+                                const result = findCategory([child], targetId);
+                                if (result) {
+                                    return result;
+                                }
+                            }
+                        }
+                    }
+                }
+                return null;
+            }
+
+            // 查找选中的分类信息
+            const categoryInfo = findCategory(window.categoryData, selectedId);
+
+            if (categoryInfo) {
+                // 生成资源编号
+                var nextNumber = categoryInfo.total + 1;
+                var numberStr = nextNumber.toString().padStart(5, '0');
+                var resourceNumber = '';
+                
+                // 构建编号前缀
+                if (categoryInfo.parent) {
+                    resourceNumber = categoryInfo.parent.number + categoryInfo.current.number;
+                } else {
+                    resourceNumber = categoryInfo.current.number;
+                }
+                
+                // 添加序号
+                resourceNumber += numberStr;
+                
+                // 设置资源编号
+                $('input[name="number"]').val(resourceNumber);
+            }
+        });
+
         // 表单提交
         form.on('submit(formSubmit)', function (data) {
+            // 获取编辑器内容
+            var content = editor.getHtml();
+            if (!content || content === '<p><br></p>') {
+                layer.msg('请输入文章内容', { icon: 2 });
+                return false;
+            }
+
             var loadIndex = layer.load(2);
+            data.field.content = content;
+            
             $.ajax({
                 url: '{:url("resources/add")}',
                 type: 'POST',
@@ -272,6 +369,80 @@
     });
 </script>
 
+<!-- wangeditor编辑器脚本 -->
+<script>
+    const { createEditor, createToolbar } = window.wangEditor
+
+    const editorConfig = {
+        MENU_CONF: {},
+        placeholder: '请输入内容...',
+        onChange(editor) {
+            const html = editor.getHtml()
+        },
+    }
+
+    // 配置图片上传
+    editorConfig.MENU_CONF['uploadImage'] = {
+        server: '{:url("index/upload_img")}',
+        fieldName: 'file',
+        maxFileSize: 10 * 1024 * 1024, // 10M
+        maxNumberOfFiles: 10,
+        allowedFileTypes: ['image/*'],
+        meta: {
+            token: 'xxx'
+        },
+        metaWithUrl: true,
+        headers: {
+            Accept: 'text/x-json'
+        },
+        timeout: 5 * 1000, // 5s
+
+        onBeforeUpload(file) {
+            console.log('准备上传图片', file)
+            return file
+        },
+        onProgress(progress) {
+            console.log('上传进度', progress)
+        },
+        onSuccess(file, res) {
+            console.log('上传成功', file, res)
+        },
+        onFailed(file, res) {
+            layer.msg('上传失败：' + res.msg, { icon: 2 })
+            console.log('上传失败', file, res)
+        },
+        onError(file, err, res) {
+            layer.msg('上传出错：' + err.message, { icon: 2 })
+            console.error('上传出错', file, err, res)
+        },
+        customInsert(res, insertFn) {
+            // res 即服务端的返回结果
+            if (res.code === 0 && res.data) {
+                // 直接使用res.data作为图片地址
+                insertFn(res.data);
+            } else {
+                layer.msg('图片上传失败', { icon: 2 });
+            }
+        }
+    }
+
+    const editor = createEditor({
+        selector: '#editor-container',
+        html: '<p><br></p>',
+        config: editorConfig,
+        mode: 'default', // or 'simple'
+    })
+
+    const toolbarConfig = {}
+
+    const toolbar = createToolbar({
+        editor,
+        selector: '#toolbar-container',
+        config: toolbarConfig,
+        mode: 'default', // or 'simple'
+    })
+</script>
+
 <script>
     //返回资源列表
     function goBack() {