var type = subParams('type');

var diffStyle = {
    'DZFPKSDY': {
        'title': '全面数字化电子发票技术与应用可视答疑',
        'bananer': '<img src="../../styles/visual/images/banner.png" class="imgblock">' +
                    '<div class="banner-tit">' +
                    '    <h1>全面数字化电子发票</br>技术与应用可视答疑</h1>' +
                    '    <div class="tit-subtxt margin-t-10">答疑解惑短视频合集</div>' +
                    '</div>',
        'lmpic': ['icon1.png', 'icon2.png', 'icon3.png', 'icon4.png', 'icon5.png', 'icon13.png', 'icon14.png', 'icon6.png', 'icon7.png', 'icon16.png'],
        'lmbgc': ['#F2FAFF', '#F0FEFB', '#F6F8FD', '#F3F9FC', '#FBF6F1', '#F0FEFB', '#F3F9FC', '#F6F8FE', '#F3F9FC', '#FBF6F1']
    },
    'XDZSJKSDY': {
        'title': '新电子税局技术与应用可视答疑',
        'bananer': '<img src="../../styles/visual/images/banner2.png" class="imgblock">' +
                    '<div class="banner-tit">' +
                    '    <div class="color-subtxt"></div>' +
                    '    <h1>技术与应用可视答疑</h1>' +
                    '    <div class="tit-subtxt margin-t-10">答疑解惑短视频合集</div>' +
                    '</div>',
        'lmpic': ['icon8.png', 'icon9.png', 'icon10.png', 'icon11.png', 'icon12.png', 'icon15.png'],
        'lmbgc': ['#F2FAFF', '#F0FEFB', '#F6F8FD', '#FBF6F1', '#F2FAFF', '#F6F8FD']
    }
}

function toChildPage(e) {
    var curr = $(e).attr('data-id');
    location.href = href;
}

$(document).on('pageInit', '#visual-index', function () {
    $('title').html(diffStyle[type]['title']);
    $('#visual-index .bananer-pic').html(diffStyle[type]['bananer']);


    request({
        type: 'get',
        url: 'taxspecial/special/first/column',
        data: {
            'topic': type
        }
    }, function (response) {
        var result = JSON.parse(response);
        if(result && result.data){
            var column = result.data;
            var _html = '';
            for (var i = 0; i < column.length; i++) {
                var pic = i < diffStyle[type]['lmpic'].length ? diffStyle[type]['lmpic'][i] : diffStyle[type]['lmpic'][diffStyle[type]['lmpic'].length-1];
                var picbgc = i < diffStyle[type]['lmbgc'].length ? diffStyle[type]['lmbgc'][i] : diffStyle[type]['lmbgc'][0];

                var childPage = "./visual_list.html?type=" + type + "&col=" + column[i].ID;
                _html += '<li style="background: '+picbgc+'">'  +
                    '    <a href="'+childPage+'" data-id="'+column[i].ID+'" class="item-link item-content external">' +
                    '       <div class="item-media"><img src="../../styles/visual/images/'+pic+'" class="icon48"></div>' +
                    '       <div class="item-inner">' +
                    '           <div class="item-title"><h3 class="text-overflow">'+column[i].ZQLMMC+'</h3></div>' +
                    '        </div>' +
                    '   </a>' +
                    '</li>';
            }

            $('#visual-index .list-block ul').html(_html);
        }
    });

    initBand();

    // 日志埋点 data-module="栏目编号" data-tag="类别编码" data-id="数据id" data-title="数据标题"
    loadLogScript(jslog + "/js/arlog.js?time=" + new Date().getTime(), "arlogAnchor", {
        "data-module": type.toLowerCase(),
        "data-id": '',
        "data-tag": '',
        "data-title": ''
    });

});

function initBand() {
    $("#visual-index input").off("click")
    $("#visual-index input").on("click", function () {
        location.href = './visual_search.html?type=' + type;
    });
}

$(function () {
    $.init();
});