<div class="layui-fluid">
    <div class="layui-card">
      <div class="layui-card-body" style="padding: 15px;">
        <form class="layui-form" method="post" id="dis_form">
          <input type="hidden" value="<%= role_id %>" name="role_id">
          <div id="tree-resource"></div>
          <div class="layui-form-item layui-layout-admin">
            <div class="layui-input-block">
              <div class="layui-footer" style="left: 0;">
                <a class="layui-btn" id="btn-save">保存</a>
                <button id="reset" type="reset" class="layui-btn layui-btn-primary">重置</button>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
  <script>
    var resources = null;
    layui.use(['tree', 'form'], function () {
  
      var tree = layui.tree, $ = layui.jquery, form = layui.form;
  
      resources = JSON.parse('<%- JSON.stringify(resources) %>');
  
      tree.render({
        elem: '#tree-resource',
        data: resources,
        showCheckbox: true,
        id: 'tree-resource',
        accordion: true
      });
  
      $('#btn-save').click(function() {
        var checkData = tree.getChecked('tree-resource');
        console.log(checkData);
        var loading = layer.load(1);
        $.post('/admin/xt_role/distribution_resource', {
          resources: JSON.stringify(checkData),
          role_id: <%= role_id %>
        }, function (data) {
          layer.close(loading);
          if (data.errCode === 0) {
            layer.msg(data.msg, {
              icon: 6,
              time: 2000
            }, function () {
  //            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  //            parent.layer.close(index); //再执行关闭
            });
          } else {
            layer.msg(data.msg, {icon: 5});
          }
        });
      });
  
      form.on('submit(submit_btn)', function (data) {
  
        // var checkData = tree.getChecked('demoId');
        // console.log(checkData);
        // return tree;
  
  //       var loading = layer.load(1);
  //       $.post('/admin/xt_role/distribution_resource', $('#dis_form').serialize(), function (data) {
  //         layer.close(loading);
  //         if (data.errCode === 0) {
  //           layer.msg(data.msg, {
  //             icon: 6,
  //             time: 2000
  //           }, function () {
  // //            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  // //            parent.layer.close(index); //再执行关闭
  //           });
  //         } else {
  //           layer.msg(data.msg, {icon: 5});
  //         }
  //       });
  
        return false;
      });
  
    });
  </script>
  