handz/worklife2/crm/backend/modules/ib/views/dashboard/index.php

<?php 
$this->title = '首页';
?>

<?php $this->beginBlock('header_script'); ?>
    <link href="<?= STATIC_URL ?>/ui/css/plugins/dataTables/datatables.min.css" rel="stylesheet">
<?php $this->endBlock(); ?>

<div class="row">
    <div class="col-md-3">
        <?= $this->render('/common/_left_menu.php') ?>
    </div>
    <div class="col-md-9">
        <div class="row">
            <!--<div class="col-md-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <h1 class="no-margins"><?= $fvSum ?></h1>
                        <small class="text-navy">外汇总手数</small>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <h1 class="no-margins"><?= $mvSum ?></h1>
                        <small class="text-navy">贵金属总手数</small>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <h1 class="no-margins"><?= $cvSum ?></h1>
                        <small class="text-navy">CFD总手数</small>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <h1 class="no-margins"><?= $tvSum ?></h1>
                        <small class="text-navy">总手数</small>
                    </div>
                </div>
            </div>
        </div>-->

        <div class="ibox">
            <div class="ibox-title">
                <h5>账户信息</h5>
            </div>

            <div class="ibox-content">
                <table class="table table-bordered">
                    <tbody>
                    <tr>
                        <th>账户</th>
                        <td><?= $mt4user['LOGIN'] ?></td>
                        <th>余额</th>
                        <td>$<?= $mt4user['BALANCE'] ?></td>
                        <th>直客数</th>
                        <td><?= $directlyUserCount ?></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <!--<div class="row">
            <div class="col-md-12">

                <div class="ibox-title">
                    <h5>增长曲线</h5>
                </div>
                <div class="ibox-content">
                    <div class="flot-chart">
                        <div class="flot-chart-content" id="sumDepositByDay"></div>
                    </div>
                </div>

            </div>
        </div>-->

        <div class="ibox-content">
            <div class="ibox-title">
                <h5>工单申请进度情况</h5>
            </div>

            <div class="table-responsive">
                <table id="datatables" class="table table-striped table-bordered table-hover dataTables-example">
                    <thead>
                    <tr>
                        <th>账户</th>
                        <th>姓名</th>
                        <th>业务</th>
                        <th>申请时间</th>
                        <th>处理状态</th>
                        <th>完成时间</th>
                        <th>备注</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>

    </div>

</div>

<?php $this->beginBlock('footer_script'); ?>
<!-- Mainly scripts -->
<!-- Flot -->
<!--<script src="<?= STATIC_URL ?>/ui/js/plugins/flot/jquery.flot.js"></script>
<script src="<?= STATIC_URL ?>/ui/js/plugins/flot/jquery.flot.tooltip.min.js"></script>
<script src="<?= STATIC_URL ?>/ui/js/plugins/flot/jquery.flot.resize.js"></script>
<script src="<?= STATIC_URL ?>/ui/js/plugins/flot/jquery.flot.pie.js"></script>
<script src="<?= STATIC_URL ?>/ui/js/plugins/flot/jquery.flot.time.js"></script>-->
    
<script src="<?= STATIC_URL ?>/ui/js/plugins/dataTables/datatables.min.js"></script>
<script>
var table;
$(document).ready(function() {

    var sumDepositByDay = <?= $depositSumByDay ?>;

    /*$.plot($("#sumDepositByDay"), [{
        data: sumDepositByDay
    }], {
        xaxes: [{
            mode: 'time',
            timeformat: "%y/%m/%d"
        }],
        colors: ["#1ab394"],
        grid: {
            color: "#999999",
            hoverable: true,
            clickable: true,
            tickColor: "#D4D4D4",
            borderWidth:0,
            hoverable: true //IMPORTANT! this is needed for tooltip to work,
        },
        tooltip: true,
        tooltipOpts: {
            content: "截止 %x 的总佣金 %y ",
            xDateFormat: "%y/%m/%d",
            onHover: function(flotItem, $tooltipEl) {
                // console.log(flotItem, $tooltipEl);
            }
        }

    });*/

    table = $('#datatables').DataTable({
        <?php if ($isHaveAdmin) : ?>
        "aLengthMenu": [[20,50,100,500,999999999], [20,50,100,500,"ALL"]],
        <?php else : ?>
        "aLengthMenu": [[20,50,100], [20,50,100]],
        <?php endif; ?>
        language: {
            "sProcessing": "处理中...",
            "sLengthMenu": "显示 _MENU_ 项结果",
            "sZeroRecords": "没有匹配结果",
            "sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
            "sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
            "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
            "sInfoPostFix": "",
            "sSearch": "搜索账户,客户姓名:",
            "sUrl": "",
            "sEmptyTable": "表中数据为空",
            "sLoadingRecords": "载入中...",
            "sInfoThousands": ",",
            "oPaginate": {
                "sFirst": "首页",
                "sPrevious": "上页",
                "sNext": "下页",
                "sLast": "末页"
            },
            "oAria": {
                "sSortAscending": ": 以升序排列此列",
                "sSortDescending": ": 以降序排列此列"
            }
        },
        "bProcessing": true,
        "serverSide": true,
        "ajax": '/ib/dashboard/apply-list',
        "order": [[3, "desc"]],
        "columns": [{
            "data": "login"
        },{
            "data": "name"
        },{
            "data": "business"
        },{
            "data": "in_time"
        },{
            "data": "type"
        },{
            "data": "complete_time"
        },{
            "data": "memo"
        }],
        columnDefs: [{
            targets: 0,
            "orderable": false
        },{
            targets: 1,
            "orderable": false
        },{
            targets: 6,
            "orderable": false
        }],
        "sPaginationType": "full_numbers",
        dom: '<"html5buttons"B>lTfgitp',
        buttons: [{
            extend: 'copy'
        },
            {
                extend: 'csv'
            },
            {
                extend: 'excel'
            },
            {
                extend: 'pdf'
            },
            {
                extend: 'print',
                customize: function(win) {
                    $(win.document.body).addClass('white-bg');
                    $(win.document.body).css('font-size', '10px');
                    $(win.document.body).find('table').addClass('compact').css('font-size', 'inherit');
                }
            }]

    });
    
});
</script>
<?php $this->endBlock(); ?>