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

<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="group: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="group: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="group: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="group:edit"
      ><i class="layui-icon layui-icon-edit"></i>
    </a>
    <a
      class="layui-btn layui-btn-sm layui-btn-primary"
      title="权限分配"
      lay-event="permission"
      data-perm="group:*"
      ><i class="layui-icon layui-icon-auz"></i>
    </a>
    {{# if(d.id > 1) { }}
    <a
      class="layui-btn layui-btn-sm layui-btn-primary"
      title="删除数据"
      lay-event="delete"
      data-perm="group:delete"
      ><i class="layui-icon layui-icon-delete"></i>
    </a>
    {{# } }}
  </div>
</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 type="text/html" id="statusTpl">
  {{# if(d.status == 1) { }}
  <span class="layui-badge layui-bg-green">正常</span>
  {{# } else { }}
  <span class="layui-badge layui-bg-orange">禁用</span>
  {{# } }}
</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||''}}">
    <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="请输入角色名称" autocomplete="off" class="layui-input" value="{{d.title||''}}">
      </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="请输入分组编码" autocomplete="off" class="layui-input" value="{{d.name||''}}">
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">角色描述</label>
      <div class="layui-input-block">
        <textarea name="description" placeholder="请输入角色描述" class="layui-textarea">{{d.description||''}}</textarea>
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">状态</label>
      <div class="layui-input-block">
        <input type="radio" name="status" value="1" title="启用" {{ d.status==undefined || d.status==1 ? 'checked' : '' }}>
        <input type="radio" name="status" value="0" title="禁用" {{ d.status==0 ? '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="permissionFormTpl">
  <div class="layui-card">
    <div class="layui-card-header">
      角色：{{d.name}}
      <span style="color:#999;font-weight:normal;">(ID: {{d.id}})</span>
    </div>
    <div class="layui-card-body">
      <div id="permissionTree"></div>
    </div>
  </div>
</script>
<script>
  layui.use(["group"], function () {});
</script>