YwxAppThink/app/backend/view/admin/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="tableBar">
    <div class="layui-btn-group">
        <a class="layui-btn layui-btn-sm layui-btn-primary" title="新建节点"  lay-event="dataCreate"> <i class="layui-icon layui-icon-add-1"></i> </a>
        <a class="layui-btn layui-btn-sm layui-btn-primary" title="删除资源"  lay-event="dataDelete"><i class="layui-icon layui-icon-delete"></i> </a>
        <a class="layui-btn layui-btn-sm layui-btn-primary" title="资源回收站" lay-event="dataRecybin"><i class="layui-icon layui-icon-home"></i> </a>
    </div>
    </script>
<script type="text/html" id="dataBar">
    <div class="layui-btn-group">
        <a class="layui-btn layui-btn-sm layui-btn-primary" title="编辑节点"  lay-event="update" data-perm="admin:edit"><i class="layui-icon layui-icon-edit"></i> </a> 
        {{# if(!d.is_super) { }}
         <a class="layui-btn layui-btn-sm layui-btn-primary" title="删除节点"  lay-event="delete" data-perm="admin: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="dataRecybinBarTpl">
    <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 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="roleTpl">
        {{# if(d.is_super == 1) { }}
          <span class="role-super">超级管理员</span>
        {{# } else if(d.role_id == 1) { }}
          <span class="role-super">超级管理员</span>
        {{# } else if(d.role_id == 2) { }}
          <span>普通管理员</span>
        {{# } else { }}
          <span>未知角色</span>
        {{# } }}
      </script>
<!-- 登录信息 -->
<script type="text/html" id="loginInfoTpl">
        <div>登录次数：{{d.login_count}}</div>
        <div>最后登录：{{ d.login_time }}</div>
      </script>


<!-- 添加/编辑管理员表单 -->
<script type="text/html" id="dataFormTpl">
    <form class="layui-form" style="padding: 20px 20px 0;">
      <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="account" required lay-verify="required|account" placeholder="请输入用户名" autocomplete="off" class="layui-input" value="{{d.account||''}}">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">昵称</label>
        <div class="layui-input-block">
          <input type="text" name="nickname" required lay-verify="required" placeholder="请输入真实姓名" autocomplete="off" class="layui-input" value="{{d.nickname||''}}">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">角色</label>
        <div class="layui-input-block">
          <select name="role_id" lay-verify="required">
            <option value="">请选择角色</option>
            <option value="1" {{ (d.role_id==1||d.is_super==1) ? 'selected' : '' }}>超级管理员</option>
            <option value="2" {{ d.role_id==2 ? 'selected' : '' }}>普通管理员</option>
          </select>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">邮箱</label>
        <div class="layui-input-block">
          <input type="text" name="email" lay-verify="email" placeholder="请输入邮箱" autocomplete="off" class="layui-input" value="{{d.email||''}}">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">手机号</label>
        <div class="layui-input-block">
          <input type="text" name="mobile" lay-verify="phone" placeholder="请输入手机号" autocomplete="off" class="layui-input" value="{{d.mobile||''}}">
        </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" id="passwordGroup" {{ d.id ? 'style="display:none;"' : '' }}>
        <label class="layui-form-label">密码</label>
        <div class="layui-input-block">
          <input type="password" name="password" required lay-verify="required|pass" placeholder="请输入密码" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item layui-hide" id="resetPwdGroup">
        <label class="layui-form-label">新密码</label>
        <div class="layui-input-block">
          <input type="password" name="new_password" required lay-verify="required|pass" placeholder="请输入新密码" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">备注</label>
        <div class="layui-input-block">
          <textarea name="remark" placeholder="请输入备注信息" class="layui-textarea">{{d.remark||''}}</textarea>
        </div>
      </div>
    </form>
    </script>
<script>
  layui.use('admin', function () { });
</script>