php/www/protected/modules/o2o/views/myCommision/index.php

<div id="main">
    <div id="head" class="layoutbox">
        <div id="vselect"></div>
    </div>
    <div id="content" class="layoutbox">
        <div id="info" class="am-g">
            <div class="am-u-sm-6 am-text-center am-text-default">
                <span>完成单数&nbsp;{{count}}&nbsp;单</span>
            </div>
            <div class="am-u-sm-6 am-text-center am-text-default">
                <span>总提成&nbsp;{{sum}}&nbsp;元</span>
            </div>
        </div>
        <div id="vtable" style="margin-top: 2%;"></div>
    </div>
    <div id="footer" class="layoutbox"></div>
</div>
<script type="text/javascript">
/* sessionStorage设置 */
if (!sessionStorage.getItem('timelist_index_commision')) {
    sessionStorage.setItem('timelist_index_commision', '0');
    var timelist_index_commision = 0;
} else {
    timelist_index_str = sessionStorage.getItem('timelist_index_commision');
    var timelist_index_commision = parseInt(timelist_index_str);
}

var username = <?php echo json_encode($username); ?>;
document.title = '我的提成-'+username;
/* 获取变量 */
var userid = <?php echo json_encode($userid); ?>;
var user = <?php echo json_encode($user); ?>;
var timelist = <?php echo json_encode($timelist); ?>;
var jq_vtable = $('#vtable');
var jq_vselect = $('#vselect');

jq_vselect.vselect({
    options: timelist,
    selected: timelist_index_commision,
    onSelect: function(value, index) {
        // 筛选列表
        jq_vtable.vtable({
            page: 1,
            query: {
                userid: userid,
                start: value
            }
        });
        // sessionStorage设置
        sessionStorage.setItem('timelist_index_commision', index);
    }
});

/* 基本信息 */
var v_info = new Vue({
    el: '#info',
    data: {
        count: 0,
        sum: 0
    }
});

/* vtable插件 */
jq_vtable.vtable({
    url: '/index.php?r=o2o/myCommision/list',
    pagination: true,
    rows: 30,
    sort: 'time',
    query: {
        userid: userid,
        start: timelist[jq_vselect.getVIndex()]['value']
    },
    columns: [
        {key: 'booking_time_str', name: '预约时间'},
        {key: 'commision', name: '提成'},
        {key: 'type_str', name: '类型'}
    ],
    beforeLoad: function() {
        $.vloading('open');
    },
    onSelect: function(index, row) {
        var order = row.order;
        if (order.length == 0 || (row.type != 0 && row.type != 1)) {
            $.valert('订单信息未录入');
        } else {
            window.location.href = '/index.php?r=o2o/myCommision/info&order='+order+'&user='+user+'&type='+row.type;
        }
    },
    afterLoad: function(data) {
        $.vloading('close');
        v_info.sum = data.sum;
        v_info.count = data.count;
    }
});
</script>