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

<!--
 * @Author: YwxApp <ywx@ywxapp.cn>
 * @Date: 2026-04-29 02:32:33
 * @LastEditors: YwxApp <ywx@ywxapp.cn>
 * @LastEditTime: 2026-08-03 13:02:39
 * @Description: 
 * @FilePath: \ywxapp_dev\app\backend\view\power\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="power: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="power: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="power: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="power: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="power: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="power: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="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>
                    <option value="4" {{ d.type == 4 ? 'selected' : '' }}>API</option>
                    <option value="5" {{ d.type == 5 ? 'selected' : '' }}>分组标题</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item layui-form-item-url {{ (d.type == 3 || d.type == 5) ? '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="statusTpl">
        <input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="statusSwitch" {{ d.status == 1 ? 'checked' : '' }}>
    </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('power', function () { });
</script>