<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 (modify_permission) { %>
            <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="test-table-form" lay-filter="table"></table>
          <script type="text/html" id="operation">
            <% if (distribution_resource_permission) { %>
            <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="distribution_resource">分配资源</a>
            <% } %>
            <% if (modify_permission) { %>
            <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
            <% } %>
            <% if (delete_permission) { %>
            {{#  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.use(['table', 'form'], function () {
    var table = layui.table, form = layui.form, $ = layui.$;
    var tableRender = table.render({
      elem: '#test-table-form',
      url: '/admin/xt_role/index',
      method: 'post',
      cellMinWidth: 80,
      cols: [[
        {field:'name', title: '名称'},
        {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) { //不是第一页并且没有数据的时候，跳转到前一页
          var obj = {};
          var array = $('#searchForm').serializeArray();
          for (var i = 0; i < array.length; i++) {
            var item = array[i];
            obj[item.name] = item.value;
          }

          tableRender.reload({
            where: obj,
            page: {
              curr: curr - 1 //跳转到前一页
            }
          });
        }
      }
    });

    $('#add_btn').on('click', function () {
      parent.window.addTab({
        title: '添加角色',
        href: '/admin/xt_role/modify'
      });
    });

    $('#search_btn').on('click', function () {
      var obj = {};
      var array = $('#searchForm').serializeArray();
      for (var i = 0; i < array.length; i++) {
        var item = array[i];
        obj[item.name] = item.value;
      }

      tableRender.reload({
        where: obj,
        page: {
          curr: 1 //重新从第 1 页开始
        }
      });
    });

    table.on('tool(table)', function(obj) {
      if (obj.event === 'edit') {
        //标签页打开编辑页面
        parent.window.addTab({
          title: '编辑角色',
          href: '/admin/xt_role/modify?id=' + obj.data.id
        });
      } else if (obj.event === 'delete') {
        layer.confirm('是否确定删除？', {icon: 3, title: '提示'}, function (index) {
          layer.close(index);
          var loading = layer.load(1);
          $.post('/admin/xt_role/delete', obj.data, function (data) {
            layer.close(loading);
            if (data.errCode === 0) {
              layer.msg(data.msg, {
                icon: 6,
                time: 1000
              }, function () {

                var obj = {};
                var array = $('#searchForm').serializeArray();

                for (var i = 0; i < array.length; i++) {
                  var item = array[i];
                  obj[item.name] = item.value;
                }
                tableRender.reload({
                  where: obj
                });

              });
            }
            else {
              layer.msg(data.msg, {icon: 5});
            }
          });
        });
      } else if (obj.event === 'distribution_resource') {
        parent.window.addTab({
          title: '分配资源',
          href: '/admin/xt_role/distribution_resource?role_id=' + obj.data.id
        });
      }
    });

  });
</script>
