scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
							{extend name="public/layout"}
{block name="body"}
<style>
  .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;
  }
</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 style="margin-left: 0px;">
              <a href="{:url('broad/chat')}">聊天记录</a>
            </li>
            <li>
              <a href="{:url('broad/blacklist')}">黑名单</a>
            </li>
            {if condition="$marketing_account eq 1"}
            <li class="layui-this">
              系统客服
            </li>
            {/if}
          </ul>
        </div>
        <div class="layui-card-body">
          <div class="layui-form">
            <div class="layui-inline" style="height:38px;">
              <div class="layui-btn" data-type="add" title="新建客服">新建客服</div>
              <span
                      style="color:#afb1b6;margin-left: 15px;">新建系统客服后，可在“直播控制台”内，点击右侧“系统客服”来控制发言和下单。</span>
            </div>
            <div class="layui-inline" style="float:right;margin-right: 100px;margin-left: 5px;">
              <button class="layui-btn layui-btn-primary" data-type="reload"><i class="layui-icon layui-icon-search layuiadmin-button-btn"></i></button>
            </div>
            <div class="layui-inline" style="float:right;">
              <input class="layui-input" name="name" id="name" autocomplete="off" placeholder="输入名称..">
            </div>

          </div>
          <div class="layui-row">
            <table class="layui-hide" id="user" lay-filter="user"></table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

{/block}
{block name="js"}
<script type="text/html" id="result">
  {{# if(d.cmid == 0){ }}
  系统客服
  {{# }else{ }}
  <!--<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="editword"><i class="layui-icon">&#xe654;</i></a>-->
  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del"><i class="layui-icon layui-icon-delete"></i></a>
  {{# } }}

</script>
<script id="headimg" type="text/html">
  <img src="{{ d.headimg }}?x-oss-process=image/resize,l_30" style="height: 30px;width: 30px" class="show">
</script>
<script>
  var indexurl = '{:url("broad/waistcoat")}';
  var addurl = '{:url("broad/waistcoat_add")}';
  var editurl = '{:url("broad/waistcoat_edit")}';
  var delurl = '{:url("broad/waistcoat_del")}';
  var editword = '{:url("waistcoat/editword")}';
  var t;
  layui.use(['table'], function () {
    var form = layui.form
            , table = layui.table
            , $ = layui.jquery
            , active = {
      reload: function () {
        var name = $('#name');

        //执行重载
        table.reload('userTable', {
          page: {
            curr: 1 //重新从第 1 页开始
          }
          , where: {
            name: name.val()
          }
        });
      }
      , add: function () {
        layer.open({
          title: ['添加客服', 'color:#333333;background-color:#D8E6F1;'],
          type: 2,
          content: addurl,
          resize: false,
          area: ['400px', '300px']
        });
      }
      , editword: function () {
        var id = this.data.id;
        layer.open({
          title: ['管理话术', 'color:#333333;background-color:#D8E6F1;'],
          type: 2,
          content: editword + '?id=' + id,
          resize: false,
          area: ['80%', '80%']
        });
      }
      , edit: function () {
        var id = this.data.id;
        layer.open({
          title: ['修改客服', 'color:#333333;background-color:#D8E6F1;'],
          type: 2,
          content: editurl + '?id=' + id,
          resize: false,
          area: ['400px', '300px']
        });
      }

      , del: function () {
        var id = this.data.id;
        $.post(delurl, { id: id }, function (resp) {
          var res = JSON.parse(resp);
          if (res.code == 0) {
            layer.msg(res.msg, { anim: 1, time: 1000 }, function () {
              t.reload();
            });
          } else {
            layer.msg(res.msg, { anim: 6 });
          }
        });
      }
    };


    //展示已知数据
    t = table.render({
      elem: '#user'
      , url: indexurl
      , page: true
      , autoSort: true
      , cols: [[ //标题栏
        { type: 'numbers', title: '序号', fixed: 'left', width: 80 }
        , { field: 'name', title: '客服名称', edit: 'text' }
        , { templet: '#headimg', title: '客服头像', width: 100 }
        , { field: 'addtime', title: '添加时间', width: 400, sort: true }
        , { fixed: 'right', title: '操作', toolbar: '#result', width: 180 }
      ]]
      , id: 'userTable'
    });

    $('.layui-form .layui-btn').on('click', function () {
      var type = $(this).data('type');
      active[type] ? active[type].call(this) : '';
    });


    table.on('toolbar(user)', function (obj) {
      var type = obj.event;
      active[type] ? active[type].call(this) : '';
    });

    table.on('tool(user)', function (obj) {
      var type = obj.event;
      active[type] ? active[type].call(obj) : '';
    });
    table.on('edit(user)', function (obj) {
      var id = obj.data.id,
          name = obj.value;
      $.post('{:url("broad/waistcoat_edit")}', { id: id, name: name }, function (resp) {
        var res = JSON.parse(resp);
        if (res.code == 0) {
          layer.msg(res.msg, { anim: 0 }, function () {
            parent.t.reload();
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
          });
          //layer.msg(res.msg, {anim: 0,time:1000});
        } else {
          layer.msg(res.msg, { anim: 6 });
        }
      });
    });

    $('#addrule').click(function () {
      var addr = '{:url("rule/index")}';
      layer.open({
        title: ['设置区间秒数内的随机发话时间', 'color:#333333;background-color:#D8E6F1;'],
        type: 2,
        content: addr,
        resize: false,
        area: ['500px', '200px']
      });
    });

  });
</script>
{/block}