scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
							{extend name="public/layout"}
{block name="body"}
<style>
  html,body {
    background-color: #fff;
  }
  .layui-table thead tr,
	.layui-table-header {
		background-color: #D8E6F1 !important;
	}
  .layui-table-tool {
    background-color: #F6FAFD;
  }
  .layui-btn-xs,.layui-btn-xs:hover {
		border: 1px solid #249EFB;
		background-color: #fff;
		color: #249EFB;
		padding: 0px 10px;
	}
  .layui-btn-danger,.layui-btn-danger:hover{
		color: #FF5722;
		background-color: #fff;
		border: 1px solid #FF5722;
		padding: 0px 10px;
	}
</style>
<body>
<div class="layui-fluid">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md12" style="background-color:#ffffff">
      <div class="tplay-body-div">
        <div class="layui-card-body">
          <table class="layui-hide" id="user" lay-filter="user"></table>
        </div>
      </div>
    </div>
  </div>
</div>
{/block}
{block name="js"}
<script src="__STATIC__/js/jquery.min.js"></script>
<script id="img" type="text/html">
  <img src="{{ d.headimgurl }}" style="height: 30px;width: 30px" class="show">
</script>
<script type="text/html" id="result">
  {{# if(d.state==1){ }}
  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">移除</a>
  {{# }else{ }}
  <a class="layui-btn layui-btn-xs" lay-event="join">通过</a>
  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">拒绝</a>
  {{# } }}
</script>
<script type="text/html" id="sex">
  {{# if(d.sex==1){ }}
  男
  {{# }else if(d.sex==2){ }}
  女
  {{# }else{ }}
  未知
  {{# } }}
</script>
<script type="text/html" id="toolbar">
  <div class="layui-btn-container">
    <button class="layui-btn layui-btn-sm" lay-event="join">通过</button>
    <button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="refresh">刷新</button>
  </div>
</script>
<script>
  var indexurl = '{:url("white_list_index")}';
  var joinurl = '{:url("white_list_join")}';
  var delurl = '{:url("white_list_del")}';
  var t;
  layui.use(['table'], function () {
    var form = layui.form,
        table = layui.table,
        $ = layui.jquery,
        t;
    active = {
      reload: function () {
        var name = $('#name');

        //执行重载
        table.reload('userTable', {
          page: {
            curr: 1 //重新从第 1 页开始
          },
          where: {
            name: name.val()
          }
        });
      },
      join: function () {
        var id = this.data.id;
        $.ajax({
          type: 'post',
          url: joinurl + '?id=' + id,
          data: {
            id: id
          },
          success: function (res) {
            var rs = JSON.parse(res);
            layer.msg(rs.msg);
            if (rs.code == 0) {
              t.reload();
            }
          }
        });
      },
      del: function () {
        var id = this.data.id;
        msg = '确定拒绝该白名单申请么？';
        if (this.data.state == 1) {
          msg = '确定移除该白名单用户么？';
        }
        layer.confirm(msg,{title: ['信息', 'color:#333333;background-color:#D8E6F1;'],}, function () {
          $.post(delurl, {
            id: id
          }, function (resp) {
            var res = JSON.parse(resp);
            if (res.code == 0) {
              layer.msg(res.msg, {
                anim: 0
              }, function () {
                t.reload();
              });
            } else {
              layer.msg(res.msg, {
                anim: 6
              });
            }
          });
        });
      }
    };


    //展示已知数据
    t = table.render({
      elem: '#user',
      url: indexurl,
      page: true,
      autoSort: true,
      toolbar: '#toolbar',
      defaultToolbar:[],
      cols: [
        [ //标题栏
          {
            type: 'checkbox',
            fixed: 'left',
            width: 50
          }, {
          type: 'numbers',
          title: '序号',
          fixed: 'left',
          width: 50
        }, {
          field: 'nickname',
          title: '昵称',
        }, {
          templet: '#img',
          title: '头像',
          width: 80
        }, {
          templet: '#sex',
          title: '性别',
          width: 80
        }, {
          field: 'addtime',
          title: '添加时间',
          width: 180,
          sort: true
        }, {
          fixed: 'right',
          title: '操作',
          toolbar: '#result',
          width: 150
        }
        ]
      ]
    });

    table.on('tool(user)', function (obj) {
      var type = obj.event;
      active[type] ? active[type].call(obj) : '';
    });
    table.on('toolbar(user)', function(obj){
      if(obj.event == 'join'){
        var checkStatus = table.checkStatus(obj.config.id);
        var data = checkStatus.data;
        var ids = [];
        for(i in data) ids.push(data[i]['id']);
        if(ids.length == 0) {
          layer.msg('请选择要通过的用户');
          return false;
        }
        $.ajax({
          type:'post',
          url:joinurl,
          data:{id:ids},
          success: function(res){
            var rs = JSON.parse(res);
            layer.msg(rs.msg);
            if (rs.code == 0) {
              t.reload();
            }
          }
        });
      }else{
        t.reload();
      }
    });
  });
</script>

{/block}