scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
							{extend name="public/layout" /}
{block name="title"}人员管理{/block}
{block name="body"}
<style>
    .cardheader{
        padding-left:10px;
    }
</style>

<body>

<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-form layui-card-header layuiadmin-card-header-auto">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <p class="cardheader"><span>人员管理</span></p>
                </div>
            </div>
        </div>

        <div class="layui-card-body">
            <div style="padding-bottom: 10px;">
                <button class="layui-btn layuiadmin-btn-admin" data-type="invite">邀请</button>
            </div>
            <table id="LAY-employee-list" lay-filter="LAY-employee-list"></table>
        </div>
    </div>
</div>
{/block}
{block name="js"}
<script type="text/html" id="strucTpl">
    <span>{{d.org.info}}</span>
</script>
<script type="text/html" id="grantTpl">
    {{# if(d.grant){ }}
    <span>{{d.grant.name}}</span>
    {{# }else{ }}
    <span>未绑定</span>
    {{# } }}
</script>
<script type="text/html" id="operateTpl">
      <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
    {auth:check name="employee/grant"}
      <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="grant"><i class="layui-icon layui-icon-notice"></i>权限</a>
    {/auth:check}
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
</script>
<script>
  layui.config({
    base: '__LAYUI__/' //静态资源所在路径
    ,

  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'table','tree'], function () {
    var table = layui.table,
        $ = layui.jquery,
        tree = layui.tree,
        form = layui.form;

    var orgstrucUrl = '{:url("employee/list")}';
    table.render({
      elem  : '#LAY-employee-list',
      url   : orgstrucUrl,
      cols  : [
        [{
          type : 'numbers',
          width: 80,
          title: '序号',
          sort : true
        }, {
          field: 'phone',
          title: '电话',
          width: 150
        }, {
          field  : 'name',
          title  : '姓名',
          width : 100
        }, {
          field  : 'org_id',
          title  : '部门',
          templet: '#strucTpl'
        }, {
          field  : 'grant_id',
          title  : '权限组',
          templet: '#grantTpl'
        },{
          field  : 'org_id',
          title  : '操作',
          templet: '#operateTpl',
          width:220
        }]
      ],
      page  : false,
      limit : 10,
      limits: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
      text  : '对不起，加载出现异常！'
    });

    //事件
    var active = {
      invite: function() {
        layer.open({
          type: 2,
          title: '邀请人员',
          content: '{:url("employee/invite.html")}',
          area: ['800px', '600px']
        });
      }
    }
    $('.layui-btn.layuiadmin-btn-admin').on('click', function() {
      var type = $(this).data('type');
      active[type] ? active[type].call(this) : '';
    });

    //////
    table.on('tool(LAY-employee-list)', function(obj) {

      var data = obj.data;
      console.log(data.id);
      if(obj.event === 'grant') {

        layer.open({
          type: 2,
          title: '关联权限组',
          content: '{:url("employee/grant")}?employeeid='+data.id,
          area: ['600px', '400px']
        });

      }
    });

  });

</script>
</body>
{/block}