增加游戏模块

app/admin/view/resources/edit.php

@@ -23,11 +23,19 @@
         <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" value="{$resource.number|default=''}" lay-affix="clear" disabled>
+            </div>
+        </div>
 
         <div class="layui-form-item">
             <label class="layui-form-label">描述</label>
@@ -112,6 +120,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>
@@ -121,6 +139,7 @@
     </form>
 </div>
 
+<script src="/static/js/wangeditor.js"></script>
 <script>
     layui.use(['form', 'layer'], function () {
         var form = layui.form;
@@ -245,6 +264,9 @@
         // 获取分类列表
         $.get('{:url("resources/getcate")}', function (res) {
             if (res.code == 0) {
+                // 存储分类数据供后续使用
+                window.categoryData = res.data;
+                
                 var html = '<option value="">请选择分类</option>';
                 res.data.forEach(function (item) {
                     html += '<option value="' + item.id + '">' + item.name + '</option>';
@@ -269,9 +291,50 @@
             }
         });
 
+        // 监听分类选择变化
+        form.on('select(cate)', function(data) {
+            var selectedId = data.value;
+            if (!selectedId) {
+                $('input[name="number"]').val('');
+                return;
+            }
+
+            // 查找选中的分类信息
+            var parentCategory = null;
+            var childCategory = null;
+
+            window.categoryData.forEach(function(parent) {
+                if (parent.children) {
+                    parent.children.forEach(function(child) {
+                        if (child.id == selectedId) {
+                            parentCategory = parent;
+                            childCategory = child;
+                        }
+                    });
+                }
+            });
+
+            if (parentCategory && childCategory) {
+                // 生成资源编号
+                var total = childCategory.total || 0;
+                // 判断是否是初始化时的分类
+                var isInitialCategory = resourceData && resourceData.cate == selectedId;
+                var nextNumber = isInitialCategory ? total : total + 1;
+                var numberStr = nextNumber.toString().padStart(5, '0');
+                var resourceNumber = parentCategory.number + childCategory.number + numberStr;
+                
+                // 设置资源编号
+                $('input[name="number"]').val(resourceNumber);
+            }
+        });
+
         // 表单提交
         form.on('submit(formSubmit)', function (data) {
+            // 获取编辑器内容
+            var content = editor.getHtml();
             var loadIndex = layer.load(2);
+            data.field.content = content;
+            
             $.ajax({
                 url: '{:url("resources/edit")}',
                 type: 'POST',
@@ -324,6 +387,85 @@
     });
 </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中获取src字段
+                const url = String(res.data.src || '');
+                if (url) {
+                    insertFn(url);
+                } else {
+                    layer.msg('图片地址无效', { icon: 2 });
+                }
+            } else {
+                layer.msg('图片上传失败', { icon: 2 });
+            }
+        }
+    }
+
+    const editor = createEditor({
+        selector: '#editor-container',
+        html: `{$resource.content|raw|default=''}`,
+        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() {