scott
/
crm


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
							{extend name="public/layout"}
{block name="body"}
<style>
  .layui-form{
    margin-bottom: 10px;
  }
</style>
<body>
<div class="layui-fluid">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md12">
      <div class="layui-card">
        <div class="layui-card-body">
          <div class="layui-form">
            <div class="layui-inline">
              <input type="text" class="layui-input" id="date" placeholder="开始 到 结束">
            </div>
            <button class="layui-btn" data-type="reload">搜索</button>
          </div>
          <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>
  var cashurl = '{:url("broad/customer_msg", ["uid"=>$uid])}';

  layui.use(['table', 'laydate', 'layer'], function () {
    var laydate = layui.laydate,
        form = layui.form,
        table = layui.table,
        layer = layui.layer,
        laydate = layui.laydate,
        $ = layui.jquery,
        active = {
          reload: function () {
            var date = $('#date');
            table.reload('userTable', {
              page: {
                curr: 1
              }
              , where: {
                date: date.val(),
              }
            });
          }
        };
    laydate.render({
      elem: '#date'
      ,range: true
    });

    //展示已知数据
    table.render({
      elem: '#user'
      , url: cashurl
      , page: true
      , autoSort: true
      , cols: [[ //标题栏
        {type: 'numbers', title: '序号', fixed: 'left', width: 50}
        , {field: 'title', title: '活动名'}
        , {field: 'chat_msg', title: '消息'}
        , {field: 'addtime', title: '消息时间', width:180}
      ]]
      , id: 'userTable'
    });

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

    table.on('sort(user)', function (obj) {
      table.reload('userTable', {
        initSort: obj
        , where: obj
      });
    });
  });
</script>
{/block}