<?php include_once(mvc::$cfg['PATH_TPL'].'public/headBase.php');?>
<style>
    .layui-table-cell{
        display:table-cell;
        vertical-align: middle;
    }
</style>
<div class="layui-fluid">
    <?php include_once(mvc::$cfg['PATH_TPL'].'daili/nadsMenu.php');?>

    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <form action="<?php echo mvc::$cfg['SELF_URI'];?>daili/nadsExcel" method="post" id="download" target="_blank">
                    <div class="layui-card-header"><span>广告报价</span>&nbsp;&nbsp; <button type="submit">下载报价</button></div>
                    <div class="layui-card-body">
                        <table class="layui-hide" id="test-table-demoEvent" lay-filter="test-table-demoEvent"></table>
                        <input type="hidden" id="changeAds" name="data" value="">
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>
<script>
    $(document).ready(function () {
        $('#download').submit(function(event) {
            const adArr = $('#changeAds').attr('value');
            if (!adArr) {
                event.preventDefault(); return false;
            }
        });
    });
    layui.use(['table'], function()
    {
        var table = layui.table;

        table.render({
            elem: '#test-table-demoEvent',
            url: SELF_URI+ 'daili/nadsPriceArea',
            cols: [[
                {field:'place', title: '区域', width:150},
                {field:'total', title: '总计', width:120, totalRow: true},
                {field:'sign', title: '选择位置', event: 'setSign', style:'cursor: pointer;'},
                {field:'info', title: '信息', width:240}
            ]],
            totalRow: true,
        });

        //监听单元格事件
        table.on('tool(test-table-demoEvent)', function(obj)
        {
            const data = obj.data;
            if (obj.event === 'setSign')
            {
                const loadidx = layer.load();

                // 提取上次选择
                let adv = [];
                let cookies = $('#changeAds').attr('value');
                cookies = cookies ? JSON.parse(cookies) : {};
                if (cookies.hasOwnProperty(data.id))
                {
                    for (i in cookies[data.id]) {
                        adv.push(cookies[data.id][i]['id']);
                    }
                }

                // 获取屏幕宽度
                const screenArea = !isMobile()
                    ? ['960px', '540px']
                    : ['360px', '540px'];

                layer.open({
                    type: 2,
                    title: '选择 ['+ data.place +'] 的位置',
                    maxmin: false,
                    scrollbar: false,
                    area: screenArea,
                    btn: ['确定', '取消'],
                    content: SELF_URI+ 'daili/nadsPriceChange?ads='+data.id+'&adv=' + adv.join(','),
                    success:function (layero, index) {
                        layer.close(loadidx);
                    },
                    yes: function(index, layero)
                    {
                        // 显示页面内容
                        let chk = '';
                        let money = 0;

                        // 记录本次选取
                        const arr = {};

                        // 文档获取
                        const doc = layero.find('iframe')[0].contentDocument;
                        $(doc).find('input[type="checkbox"]:checked').each(function (i, v)
                        {
                            if (typeof($(this).attr('data-name')) !== 'undefined')
                            {
                                arr[i] = {};

                                arr[i]['id'] = $(this).val();
                                arr[i]['name'] = $(this).attr('data-name');
                                arr[i]['price'] = $(this).attr('data-price');
                                arr[i]['status'] = $(this).attr('data-status');

                                chk += arr[i]['name'] + ': ' + arr[i]['price'] + '' + '<br>';
                                money = Number(arr[i]['price']) + Number(money);
                            }
                        });

                        // 本次记录
                        let cookies = $('#changeAds').attr('value');
                        cookies = cookies ? JSON.parse(cookies) : {};

                        cookies[data.id] = arr;
                        $('#changeAds').attr('value', JSON.stringify(cookies));

                        // 统计总数
                        let total = 0;
                        for (i in cookies)
                        {
                            for (j in cookies[i]) {
                                total = Number(cookies[i][j]['price']) + Number(total);
                            }
                        }
                        let x = document.getElementsByClassName("layui-table-cell laytable-cell-1-0-1");
                        x[x.length-1].innerText=total;

                        layer.close(index);
                        obj.update({sign: chk, total: money,});
                    }
                });
            }
        });
    });

    function isMobile() {
        return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
    }

</script>
