YwxAppThink/app/backend/view/rule/index.html

<!--
 * @Author: YwxApp <ywx@ywxapp.cn>
 * @Date: 2026-04-29 02:32:33
 * @LastEditors: YwxApp <ywx@ywxapp.cn>
 * @LastEditTime: 2026-08-03 12:25:11
 * @Description: 
 * @FilePath: \ywxapp_dev\app\backend\view\rule\index.html
 * @CustomString: Copyright (c) 2026 YwxApp
-->
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-header"> </div>
        <div class="layui-card-body">
            <table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
        </div>
    </div>
</div>
    <script type="text/html" id="tableBarTpl">
    <div class="layui-btn-group">
        <a class="layui-btn layui-btn-sm layui-btn-primary" title="新建节点"  lay-event="dataCreate" data-perm="rule:add"> <i class="layui-icon layui-icon-add-1"></i> </a>
        <a class="layui-btn layui-btn-sm layui-btn-primary" title="删除资源"  lay-event="dataDelete" data-perm="rule:delete"><i class="layui-icon layui-icon-delete"></i> </a>
        <a class="layui-btn layui-btn-sm layui-btn-primary" title="资源回收站" lay-event="dataRecybin" data-perm="rule:recyclebin"><i class="layui-icon layui-icon-home"></i> </a>
    </div>
    </script>
    <script type="text/html" id="dataBarTpl">
    <div class="layui-btn-group">
        <a class="layui-btn layui-btn-sm layui-btn-primary" title="编辑节点"  lay-event="update" data-perm="rule:edit"><i class="layui-icon layui-icon-edit"></i> </a>
        <a class="layui-btn layui-btn-sm layui-btn-primary" title="添加子节点"  lay-event="create" data-perm="rule:add"><i class="layui-icon layui-icon-add-1"></i> </a>
        <a class="layui-btn layui-btn-sm layui-btn-primary" title="删除节点"  lay-event="delete" data-perm="rule:delete"><i class="layui-icon layui-icon-delete"></i> </a>
    </div>
    </script>
    <!-- 添加/编辑菜单表单模板 -->
    <script type="text/html" id="dataFormTpl">
    <form class="layui-form layui-form-pane" lay-filter="wxapp-form" id="wxapp-form">
        <input type="hidden" name="id" value="{{= d.id || '' }}">
        <input type="hidden" name="pid" value="{{= d.pid || 0 }}">
        <div class="layui-form-item">
            <label class="layui-form-label">名称</label>
            <div class="layui-input-block">
                <input type="text" name="title" required lay-verify="required" placeholder="请输入菜单名称" value="{{ d.title || '' }}" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">标识</label>
            <div class="layui-input-block">
                <input type="text" name="name" required lay-verify="required" placeholder="请输入菜单标识" value="{{ d.name || '' }}" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">菜单类型</label>
            <div class="layui-input-block">
                <select name="module" lay-filter="menuModule" lay-verify="required"> 
                    <option value="frontend" {{ d.module == 'frontend' ? 'selected' : '' }}>Frontend</option>
                    <option value="member" {{ d.module  == 'member' ? 'selected' : '' }}>Member</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">菜单类型</label>
            <div class="layui-input-block">
                <select name="type" lay-filter="menuType" lay-verify="required">
                    <option value="1" {{ (d.type == 1 || !d.type) ? 'selected' : '' }}>目录</option>
                    <option value="2" {{ d.type == 2 ? 'selected' : '' }}>菜单</option>
                    <option value="3" {{ d.type == 3 ? 'selected' : '' }}>按钮</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item layui-form-item-url {{ d.type == 3 ? 'layui-hide' : '' }}" id="urlField">
            <label class="layui-form-label">路由</label>
            <div class="layui-input-block">
                <input type="text" name="route" placeholder="请输入路由路径" value="{{ d.route || '' }}" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">图标</label>
            <div class="layui-input-block">
                <input type="text" name="icon" id="iconPicker" placeholder="请输入图标类名" value="{{ d.icon || '' }}" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">排序</label>
            <div class="layui-input-block">
                <input type="number" name="sort" value="{{ d.sort || 0 }}" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">状态</label>
            <div class="layui-input-block">
                <input type="checkbox" name="status" lay-skin="switch" lay-text="启用|禁用" {{ d.status != 0 ? 'checked' : (!d.id ? 'checked' : '') }}>
            </div>
        </div>
        <div class="layui-form-item layui-hide">
            <button class="layui-btn" lay-submit="" lay-filter="wxapp-form-submit" id="wxapp-form-submit">提交</button>
        </div>
    </form>
    </script>

    <script type="text/html" id="dataRecybinTpl">
    <div class="layui-card">
        <div class="layui-card-header"> </div>
        <div class="layui-card-body">
            <table class="layui-hide" id="dataRecybinTable" lay-filter="dataRecybinTable"></table>
        </div>
    </div>
    </script>

    </script>
    <script type="text/html" id="dataRecybinTpl">
    <div class="layui-btn-group">
        <a class="layui-btn layui-btn-sm layui-btn-primary" title="恢复数据"  lay-event="update"><i class="layui-icon layui-icon-edit"></i> </a>
         <a class="layui-btn layui-btn-sm layui-btn-primary" title="删除节点"  lay-event="delete"><i class="layui-icon layui-icon-delete"></i> </a>
    </div>
    </script>
    <script>
        layui.use(['rule'], function () { });
    </script>
    <script>

    </script>