{extend name="main" /}

{block name="body"}
{include file="breadcrumb" /}
<div class="layui-container" style="width: 100%">
    <div class="layui-fluid">
        <div class="layui-card">
            <div class=" layui-card-header layuiadmin-card-header-auto">
                <form class="layui-form" method="post" lay-filter="settle_search_form">
                    <div class="layui-form-item">
                        <div class="layui-input-inline" style="margin-top: 3px">
                            <input type="text" name="month" id="month" class="layui-input" value=""
                                   placeholder="选择日期">
                        </div>

                        <div class="layui-inline">
                            <button class="layui-btn layui-bg-blue" lay-submit lay-filter="settle_search">
                                <label>Search</label>
                            </button>
                        </div>
                    </div>
                </form>

            </div>
            <div class="layui-card-body">
                <table class="layui-table" id="settle_id" lay-filter="settle_filter">
                </table>
            </div>
            <blockquote class="layui-elem-quote" style="color: #721c24">备注（每月一号跑上月的数据）<br>
                <span style="word-wrap: break-word;">Adx Revenue：     除了【3000-内部debug测试demand】和【3012-Appnext DSP - Final】以外当前月所有的Revenue</span><br>
                <span style="word-wrap: break-word;">Adx Payout：      除了【4014-roockmobile-appnext-SSP】以外当前月所有的Payout</span><br>
                <span style="word-wrap: break-word;">AppNext Revenue：  AppNext 后台页面总收入</span><br>
                <span style="word-wrap: break-word;">AppNext Payout：   只包含Placement为【for_mars_1322 - App Daily】【For RM 2 - App Daily】的Revenue之和的百分之七十</span><br>
                <span style="word-wrap: break-word;">服务费：            Adx Revenue 的百分之五</span><br>
                <span style="word-wrap: break-word;">Total Revenue：    Adx Revenue + AppNext Revenue</span><br>
                <span style="word-wrap: break-word;">Total Payout：     Adx Payout + AppNext Payout + 服务费</span><br>
            </blockquote>
        </div>
        <div class="pages">{$list|raw}</div>
    </div>
</div>

{/block}
{block name="css"}
<style>
    .layui-table-cell {
        height: 38px;
        line-height: 38px;
    }

    .layui-form-label {
        width: 130px;
    }

    .layui-input-block {
        margin-left: 160px !important;
        margin-right: 65px;
    }

    .layui-form-item .layui-inline {
        margin-right: 0px;
    }

</style>
{/block}

{block name="js"}
<script>
    layui.config({
        base: '/static/admin'
    }).extend({ //设定模块别名
        adx_table: '/js/layui_table' //相对于上述 base 目录的子目录
    }).use(['adx_table'], function () {
        let table = layui.table,
            laydate = layui.laydate,
            form = layui.form,
            adx_table = layui.adx_table;

        let list_url = '/admin/settle_report/index';
        let limits = [10, 20, 30, 50];
        let limit = 10

        laydate.render({
            elem: '#month',
            type: 'month',
            btns: ['clear', 'confirm'],
            range: true,
            format: 'yyyyMM',
            value: ''
        });

        let settle_cols = [
            // {field: 'id', title: 'ID', fixed: 'left', width: '6%'},
            {field: 'month', title: 'Month', width: '10%', fixed: 'left', sort: true, totalRowText: '合计'},
            {field: 'revenue_total', title: 'Total Revenue', width: '15%', totalRow: '{{= d.TOTAL_NUMS }}'},
            {field: 'payout_total', title: 'Total Payout', width: '15%', totalRow: '{{= d.TOTAL_NUMS }}'},
            {field: 'margin', title: 'Margin', width: '15%', totalRow: '{{= d.TOTAL_NUMS }}'},
            {field: 'revenue_adx', title: 'Adx Revenue', width: '15%', totalRow: '{{= d.TOTAL_NUMS }}'},
            {field: 'payout_adx', title: 'Adx Payout', width: '15%', totalRow: '{{= d.TOTAL_NUMS }}'},
            {field: 'revenue_appnext', title: 'AppNext Revenue', width: '15%', totalRow: '{{= d.TOTAL_NUMS }}'},
            {field: 'payout_appnext', title: 'AppNext Payout', width: '15%', totalRow: '{{= d.TOTAL_NUMS }}'},
            {field: 'payout_service', title: '服务费', width: '15%', totalRow: '{{= d.TOTAL_NUMS }}'},
            // {
            //     field: 'record_time', title: '创建时间', width: '15%', sort: true, templet: function (d) {
            //         return utcToBeijing(d.record_time);
            //     }
            // }
        ]

        let table_config = {
            elem: '#settle_id',
            url: list_url,
            cols: settle_cols,
            where: {},
            page: true,
            limits: limits,
            limit: limit,
            height: 'full-150',
            toolbar: '#toolbar',
            totalRow: true
        }
        adx_table.newTableParam(table_config);

        //监听搜索
        form.on('submit(settle_search)', function (data) {

            // 重载表格
            table.reload('settle_id', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                //根据条件查询
                , where: data.field
            });
            return false;
        });

        function getMonth() {
            let dd = new Date();
            let y = dd.getUTCFullYear();

            let ml = dd.getUTCMonth();//获取上一个⽉份的⽇期
            ml = ml < 10 ? ('0' + ml) : ml;

            let m = dd.getUTCMonth() + 1;//获取当前⽉份的⽇期
            m = m < 10 ? ('0' + m) : m;

            return y + ml + " - " + y + m;
        }

    });
</script>
{/block}