scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279
							{extend name="public/layout"}
{block name="body"}
<style>
  .btn-bg-blue {
    background-color: #249efb;
    border: none;
  }

  .layui-table thead tr,
	.layui-table-header {
		background-color: #D8E6F1 !important;
	}
  
  .layui-tab-title .layui-this {
    background-color: #249EFB;
    color: #fff;
  }

  .layui-tab-title .layui-this:after {
    border-bottom: none;
    border: none;
  }

  .layui-tab-title li {
    background-color: #F2F2F2;
    margin: 0px 5px;
    padding: 0px 20px;
  }
  .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;
	}
  .layui-btn-border,.layui-btn-border:hover {
    background-color: #fff;
    color: #249EFB;
    border: 1px solid #249EFB;
  }
</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-tab">
          <ul class="layui-tab-title">
            <li class="layui-this" style="margin-left: 0px;">
              新建推广
            </li>
            <li>
              <a href="{:url('broad/promoter_scene')}">数据报表</a>
            </li>
          </ul>
        </div>
        <div class="layui-card-body">
          <div class="layui-form">
            <div class="layui-inline">
              <button class="layui-btn layui-btn-border" data-type="add"><i class="layui-icon layui-icon-add-circle-fine"></i>新建团队</button>
              <span style="color: #afb1b6;margin-left: 20px;">新建团队以及添加员工后，当前页面可统计出本公司人员推广的总数据。</span>
            </div>
            <div class="layui-inline" style="float:right;margin-right: 100px;margin-left: 5px;">
              <button class="layui-btn layui-btn-primary btn-bg-blue" data-type="reload"><i class="layui-icon layui-icon-search layuiadmin-button-btn" style="color: #ffffff;"></i></button>
            </div>
            <div class="layui-inline" style="float:right;">
              <select id="course">
                <option value="">选择某场活动</option>
                {volist name="course" id="c"}
                <option value="{$c.cid}">{$c.title}
                </option>
                {/volist}
              </select>
            </div>
            <div class="layui-row">
              <table class="layui-hide" id="data" lay-filter="dataTable"></table>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
</div>

{/block}
{block name="js"}
<script type="text/html" id="op">
  <a class="layui-btn layui-btn-xs" title="添加员工" lay-event="qrcode">添加员工</a>
  <a class="layui-btn layui-btn-xs" title="修改" lay-event="edit">修改</a>
  <a class="layui-btn layui-btn-xs layui-btn-danger" title="删除" lay-event="del">删除</a>
</script>
<script type="text/html" id="team">
  {{d.group_name}}（<i class="layui-icon">&#xe66f;</i><a lay-event="team">{{d.promoter}}</a>）
</script>
<script type="text/html" id="user">
  <a class="layui-btn layui-btn-primary layui-btn-xs" title="推广人" lay-event="user"><i class="layui-icon">&#xe770;</i>推广人</a>
</script>
<script type="text/html" id="appoint">
  <a class="layui-btn layui-btn-primary layui-btn-xs" title="预约用户" lay-event="appoint"><i class="layui-icon">&#xe68d;</i>预约用户</a>
</script>
<script type="text/html" id="join">
  <a class="layui-btn layui-btn-primary layui-btn-xs" title="观看人员" lay-event="join"><i class="layui-icon">&#xe6ed;</i>观看人员</a>
</script>
<script type="text/html" id="order">
  <a class="layui-btn layui-btn-primary layui-btn-xs" title="下订记录" lay-event="order"><i class="layui-icon">&#xe65e;</i>下订记录</a>
</script>
<script>
  var indexurl = '{:url("broad/promoter")}';
  var delurl = '{:url("broad/promoter_delgroup")}';
  var addurl = '{:url("broad/promoter_addgroup")}';
  var editurl = '{:url("broad/promoter_editgroup")}';
  var teamurl = '{:url("promoter/index")}';
  var qrcoderl = '{:url("broad/promoter_qrcode")}';
  var t;
  layui.use(['table', 'form'], function () {
    var form = layui.form
            , table = layui.table
            , $ = layui.jquery
            , active = {
      reload: function () {
        var cid = $('#course');

        //执行重载
        table.reload('dataTable', {
          where: {
            cid: cid.val()
          }
        });
      }
      , del: function () {
        var id = this.data.id;
        $.post(delurl, { id: id }, function (rs) {
          if (rs.code == 1) {
            layer.msg(rs.msg, { anim: 6 });
          } else {
            active.reload();
          }
        });
      }
      , add: function () {
        layer.prompt({ 'maxlength': 20, title: ['团队名称', 'color:#333333;background-color:#D8E6F1;'], }, function (value, index) {
          $.post(addurl, { name: value }, function (rs) {
            if (rs.code == 1) {
              layer.msg(rs.msg, { anim: 6 });
            } else {
              active.reload();
            }
            layer.close(index);
          });
        });
      }
      , edit: function () {
        var id = this.data.id;
        var oldName = this.data.group_name;
        layer.prompt({ 'maxlength': 20, title: ['团队名称', 'color:#333333;background-color:#D8E6F1;'], 'value': oldName }, function (value, index) {
          $.post(editurl, { id: id, name: value }, function (rs) {
            if (rs.code == 1) {
              layer.msg(rs.msg, { anim: 6 });
            } else {
              active.reload();
            }
            layer.close(index);
          });
        });
      }
      , team: function () {
        var id = this.data.id;
        layer.open({
          title: ['团队成员', 'color:#333333;background-color:#D8E6F1;'],
          type: 2,
          area: ['80%', '80%'],
          resize: false,
          content: teamurl + '?id=' + id
        });
      }
      , qrcode: function () {
        var index = layer.load();
        var id = this.data.id;
        $.post(qrcoderl, { groupId: id }, function (res) {
          var rs = JSON.parse(res);
          if (rs.code == 1) {
            layer.close(index);
            layer.msg(rs.msg, { anim: 6 });
          } else {
            layer.close(index);
            layer.open({
              type: 1,
              shadeClose: true,
              resize: false,
              closeBtn: 0,
              area: ['260px', '300px'],
              title: ['扫码成为推广员', 'color:#333333;background-color:#D8E6F1;'],
              content: '<img src="' + rs['data'] + '" style="width:250px;"/>'
            });
          }
        });
      }
      , user: function () {
        var id = this.data.id;
        var cid = $('#course').val();
        layer.open({
          title: ['推广用户', 'color:#333333;background-color:#D8E6F1;'],
          type: 2,
          area: ['80%', '80%'],
          resize: false,
          content: "{:url('broad/promoter_user')}" + '?id=' + id + '&cid=' + cid
        });
      }

      , join: function () {
        var id = this.data.id;
        var cid = $('#course').val();
        layer.open({
          title: ['用户观看', 'color:#333333;background-color:#D8E6F1;'],
          type: 2,
          area: ['80%', '80%'],
          resize: false,
          content: "{:url('broad/promoter_join')}" + '?id=' + id + '&cid=' + cid
        });
      }
      , order: function () {
        var id = this.data.id;
        var cid = $('#course').val();
        layer.open({
          title: ['用户下单', 'color:#333333;background-color:#D8E6F1;'],
          type: 2,
          area: ['80%', '80%'],
          resize: false,
          content: "{:url('broad/promoter_order')}" + '?id=' + id + '&cid=' + cid
        });
      }
      , appoint: function () {
        var id = this.data.id;
        var cid = $('#course').val();
        layer.open({
          title: ['用户预约', 'color:#333333;background-color:#D8E6F1;'],
          type: 2,
          area: ['80%', '80%'],
          resize: false,
          content: "{:url('broad/promoter_appoint')}" + '?id=' + id + '&cid=' + cid
        });
      }
    };
    //展示已知数据
    t = table.render({
      elem: '#data'
      , url: indexurl
      , page: true
      , height: 'full-180'
      , autoSort: true
      , cols: [[ //标题栏
        { field: 'group_name', templet: '#team', title: '团队名', fixed: 'left' }
        , { field: 'user', templet: '#user', title: '成功推广列表'}
        , { field: 'appoint', templet: '#appoint', title: '成功预约列表'}
        , { field: 'join', templet: '#join', title: '观看直播列表'}
        , { field: 'order', templet: '#order', title: '成功下单列表'}
        , { fixed: 'right', title: '操作', toolbar: '#op', width: 190 }
      ]]
      , id: 'dataTable'
    });

    $('.layui-form .layui-btn').on('click', function () {
      var type = $(this).data('type');
      active[type] ? active[type].call(this) : '';
    });
    table.on('tool(dataTable)', function (obj) {
      var type = obj.event;
      active[type] ? active[type].call(obj) : '';
    })
  });
</script>
{/block}