<div class="layui-card layadmin-header">
</div>
<div class="layui-fluid">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md12">
      <div class="layui-card">
        <div class="layui-card-body">
          <form class="layui-form" id="searchForm" style="margin-bottom: 20px;">
            <div class="layui-input-inline" style="width:145px; margin: 8px 0 0 0;">
              <input type="text" name="name" value="" placeholder="名称" class="layui-input search_input">
            </div>
            <a class="layui-btn layui-btn-normal" style="margin: 8px 0 0 0" id="search_btn">
              <i class="layui-icon larry-icon">&#xe615;</i>查询
            </a>
            <button type="reset" id="reset_btn" class="layui-btn" style="margin: 8px 0 0 0"><i class="layui-icon larry-icon">&#xe666;</i>
              重置
            </button>
            <% if (modifyPermission) { %>
            <a class="layui-btn layui-btn-primary" id="add_btn" style="margin: 8px 0 0 0">
              <i class="layui-icon larry-icon">&#xe654;</i>添加
            </a>
            <% } %>
          </form>
          <table style="margin-top: 20px;" class="layui-hide" id="table" lay-filter="table"></table>
          <script type="text/html" id="operation">
            <% if (modifyPermission) { %>
            <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
            <% } %>
            <% if (removePermission) { %>
            {{#  if(d.deleted === 0){ }}
            <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete">删除</a>
            {{#  } else { }}
            {{#  } }}
            <% } %>
          </script>
          <script type="text/html" id="deleted">
            {{#  if(d.deleted === 0){ }}
            正常
            {{#  } else { }}
            <span style="color: #F581B1;">已删除</span>
            {{#  } }}
          </script>
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
  layui.config({
    base: '/admin/js/'
  }).use(['table', 'form', 'adminUtils'], function () {
    var table = layui.table;
    var form = layui.form;
    var $ = layui.$;
    var adminUtils = layui.adminUtils;

    var tableRender = table.render({
      elem: '#table',
      url: '/sys/user/index',
      method: 'post',
      cellMinWidth: 80,
      cols: [[
        {field:'name', title: '姓名'},
        {field:'loginName', title: '登录名'},
        // {field:'password', title: 'password'},
        // {field:'headIcon', title: 'headIcon'},
        // {field:'language', title: 'language'},
        {field:'description', title: '简介'},
        {field:'sex', title: '性别', templet: '<div><i class="layui-icon">{{d.sex === 0 ? "&#xe662;" : "&#xe661;"}}</i></div>'},
        // {field: 'deleted', title: '是否删除', templet: "#deleted"},
        {fixed: 'right', title: '操作', align: 'center', toolbar: '#operation'}
      ]],
      page: true,
      done: function(res, curr, count) {
        if (curr > 1 && res.data.length === 0) { //不是第一页并且没有数据的时候，跳转到前一页
          adminUtils.search(tableRender, curr - 1); //跳转到前一页
        }
      }
    });

    adminUtils.bindClick('#add_btn', parent.window.addTab, [{
      title: '添加管理员',
      href: '/sys/user/modify'
    }]);
    adminUtils.bindClick('#search_btn', adminUtils.search, [tableRender, 1]);

    table.on('tool(table)', function(obj) {
      if (obj.event === 'edit') {
        //标签页打开编辑页面
        parent.window.addTab({
          title: '编辑管理员',
          href: '/sys/user/modify?id=' + obj.data.id
        });
      } else if (obj.event === 'delete') {
        layer.confirm('是否确定删除？', {icon: 3, title: '提示'}, function (index) {
          layer.close(index);
          adminUtils.fetch({
            url: '/sys/user/remove',
            data: { id: obj.data.id },
            success: function(data) {
              adminUtils.search(tableRender);
            }
          })
        });
      }
    });

  });
</script>
