scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
							{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;
    padding: 0px 20px;
  }
</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/order')}">已支付订单</a>
            </li>
            <li>
              <a href="{:url('broad/order_no_pay')}">下单未支付</a>
            </li>
            <li>
              <a href="{:url('broad/present_order')}">进店礼订单</a>
            </li>
            <li class="layui-this">
              打赏订单
            </li>
            <li>
              <a href="{:url('broad/order_course_pay')}">课程购买订单</a>
            </li>
          </ul>
        </div>
        <div class="layui-card-body">
          <div class="layui-form">
            <div class="layui-inline">
              <select name="course_id" id="course_id">
                <option value="">选择活动</option>
                {volist name="course" id="vo"}
                <option value="{$vo.cid}">{$vo.title}</option>
                {/volist}
              </select>
            </div>
            <div class="layui-inline" style="width:100px">
              <select name="type" id="typeObj">
                <option value="">礼物类型</option>
                {volist name="type" id="vo"}
                <option value="{$key}">{$vo.name}</option>
                {/volist}
              </select>
            </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 id="headimgurl" type="text/html">
  <img src="{{ d.headimgurl }}" style="height: 30px;width: 30px" class="show">
</script>

<script>
  var indexurl = '{:url("broad/gift")}';

  var t;
  layui.use(['table', 'form'], function () {
    var form = layui.form
            , table = layui.table
            , $ = layui.jquery
            , active = {
      reload: function () {
        var course_id = $('#course_id');
        var type = $('#typeObj');

        //执行重载
        table.reload('userTable', {
          page: {
            curr: 1 //重新从第 1 页开始
          }
          , where: {
            course_id: course_id.val(),
            type: type.val()
          }
        });
      }
    };

    //展示已知数据
    t = table.render({
      elem: '#user'
      , url: indexurl
      , page: true
      , autoSort: true
      , cols: [[ //标题栏
        { type: 'numbers', title: '序号', fixed: 'left', width: 50 }
        , { field: 'nickname', title: '昵称', width: 150 }
        , { field: 'type', title: '打赏类型', width: 150 }
        , { field: 'course_name', title: '活动' }
        , { field: 'money', title: '总价', width: 100 }
        , { field: 'order_no', title: '订单号', width: 150 }
        , { field: 'addtime', title: '打赏时间', width: 180, sort: true }
      ]]
      , id: 'userTable'
    });

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

  });
</script>
{/block}