scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
							{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"><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 src="__STATIC__/js/jquery.min.js"></script>
<script>
  var cashurl = '{:url("broad/customer_visit", ["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: 'first_login_time', title: '首次进入时间' }
        , { field: 'last_login_time', title: '最近进入时间' }
        , {
          field: 'total_duration', title: '累计停留时间', templet: function (d) {
            i = parseInt(d.total_duration / 60); //分钟
            s = d.total_duration % 60;           //秒
            time = '';
            if (i !== 0) {
              time += i + '分';
            }
            if (s !== 0) {
              time += s + '秒';
            }
            return time;
          }
        }
      ]]
      , 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}