scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
							{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;
  }
  .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-tab">
          <ul class="layui-tab-title">
            <li class="layui-this" style="margin-left: 0px;">
              聊天记录
            </li>
            <li>
              <a href="{:url('broad/blacklist')}">黑名单</a>
            </li>
            {if condition="$marketing_account eq 1"}
            <li>
              <a href="{:url('broad/waistcoat')}">系统客服</a>
            </li>
            {/if}

          </ul>
        </div>
        <div class="layui-card-body">
          <div class="layui-form">
            <div class="layui-inline">
              <select id="course">
                {volist name="course" id="item"}
                {eq name="item.status" value="1"}
                <option selected value="{$item.cid}">{$item.title}</option>
                {else/}
                <option value="{$item.cid}">{$item.title}</option>
                {/eq}
                {/volist}
              </select>
            </div>
            <div class="layui-inline" style="width:300px;">
              <input type="text" class="layui-input" id="date" placeholder="开始 到 结束"
                     autocomplete="off">
            </div>
            <div class="layui-inline">
              <input type="text" class="layui-input" id="nickname" placeholder="昵称">
            </div>
            <div class="layui-inline">
              <input type="text" class="layui-input" id="msg" placeholder="消息内容">
            </div>
            <button class="layui-btn" data-type="reload"><i class="layui-icon layui-icon-search layuiadmin-button-btn"></i></button>
          </div>
          <table class="layui-hide" id="user" lay-filter="user"></table>
        </div>
      </div>
    </div>
  </div>
</div>

{/block}
{block name="js"}
<script type="text/html" id="result">
  <a class="layui-btn layui-btn-xs layui-btn-danger" title="删除" lay-event="del">删除</a>
  {{# if (d.user_type == 'u') { }}
  <a class="layui-btn layui-btn-xs layui-btn-danger" title="封禁" lay-event="black">封禁</a>
  {{# } }}
</script>
<script type="text/html" id="nicknameTpl">
  {{# if(d.user_type == 'u'){ }}
  {{d.nickname}}
  {{# }else if(d.user_type == 't'){ }}
  {{d.tname}}
  {{# }else{ }}
  {{d.wname}}
  {{# } }}
</script>
<script type="text/html" id="msgTpl">
  {{# if(d.fortype == 'chat'){ }}
  {{d.chat_msg}}
  {{# }else{ }}
  <img src="{{d.chat_msg}}" url="{{d.chat_msg}}" style="height: 30px;" class="show" onclick="showBigImage(this)">
  {{# } }}
</script>
<script>
  var indexurl = '{:url("broad/chat")}';
  var delurl = '{:url("live/chat_delete")}';
  var blackurl = '{:url("live/blacklist_add_two")}';
  var t;
  layui.use(['table', 'form', 'laydate'], function () {
    var form = layui.form
            , table = layui.table
            , $ = layui.jquery
            , laydate = layui.laydate
            , active = {
      reload: function () {
        var course = $('#course');
        var date = $('#date');
        var msg = $('#msg');
        var nickname = $('#nickname');

        //执行重载
        table.reload('userTable', {
          page: {
            curr: 1 //重新从第 1 页开始
          }
          , where: {
            cid: course.val(),
            date: date.val(),
            msg: msg.val(),
            nickname: nickname.val()
          }
        });
      }
      , del: function () {
        var id = this.data.id;
        layer.confirm('确定删除该条评论么？',{title: ['信息', 'color:#333333;background-color:#D8E6F1;']}, function (index) {
          $.post(delurl, { id: id }, function (res) {
            var resp = JSON.parse(res);
            if (resp.code == 0) {
              layer.msg(resp.msg, { anim: 0 });
              active.reload();
              layer.close(index);
            } else {
              layer.msg(resp.msg, { anim: 6 });
            }
          })
        });
      }
      , black: function () {
        var uuid = this.data.uuid;
        layer.confirm('确定要将该用户添加到黑名单么？',{title: ['信息', 'color:#333333;background-color:#D8E6F1;']}, function (index) {
          layer.close(index);
          $.post(blackurl, { uuid: uuid }, function (res) {
            var resp = JSON.parse(res);
            if (resp.code == 0) {
              layer.msg(resp.msg, { anim: 0 });
            } else {
              layer.msg(resp.msg, { anim: 6 });
            }
          })
        });
      }
    };
    laydate.render({
      elem: '#date'
      , range: true
      , type: 'datetime'
    });
    //展示已知数据
    t = table.render({
      elem: '#user'
      , url: indexurl
      , page: true
      , autoSort: true
      , cols: [[ //标题栏
        { type: 'numbers', title: '序号', fixed: 'left', width: 50 }
        , { field: 'addtime', title: '时间', width: 180 }
        , { title: '昵称', width: 150, templet: '#nicknameTpl'}
        , {
          field: 'user_type', title: '类型', width: 150, templet: function (d) {
            if (d.user_type == 't') {
              return '主持人';
            } else if (d.user_type == 'w') {
              return '系统客服';
            } else {
              return '用户发言';
            }
          }
        }
        , { title: '消息记录', templet: '#msgTpl'}
        , { fixed: 'right', title: '操作', toolbar: '#result', width: 130 }
      ]]
      , id: 'userTable'
    });

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

  //点击图片放大
  function showBigImage(e) {
    var width=$(e).width();
    var height=$(e).height();
    if(width>height*1.8){
      layer.open({
        type: 1,
        title: false,
        closeBtn: 0,
        shadeClose: true, //点击阴影关闭
        area: ['80%','auto'], //宽高
        content: "<img style='width:100%;'  src=" + $(e).attr('src') + " />"
      });
    }else{
      layer.open({
        type: 1,
        title: false,
        closeBtn: 0,
        shadeClose: true, //点击阴影关闭
        area: ['auto','80%'], //宽高
        content: "<img style='height:100%;'  src=" + $(e).attr('src') + " />"
      });
    }

  }
</script>
{/block}