$(function () {
    layui.use('element', function () {
        var element = layui.element;
    });
    layui.use('element', function () {
        var element = layui.element;
        //监听Tab切换，以改变地址hash值
        element.on('tab(navtab)', function () {
            let idUum = undefined
            idUum = this.getAttribute('lay-id')-1
            $(".layui-tab-content .online_business h2").removeClass('titleActive')
            if (this.getAttribute('lay-id')==0) {
                $("body,html").animate({ scrollTop: 0 });
                $(".online_business h2").removeClass('titleActive')
            } else {
                $("body,html").animate({ scrollTop: $(".layui-tab-content").eq(idUum).offset().top });
                $("#tabContentListOnline .layui-tab-content").eq(idUum).find('.online_business h2').addClass('titleActive')
            }
        });
        element.on('tab(navtab1)', function () {
            let idUum1 = undefined
            idUum1 = this.getAttribute('lay-id')-1
            $(".layui-tab-content .online_business h2").removeClass('titleActive')
            if (this.getAttribute('lay-id')==0) {
                $("body,html").animate({ scrollTop: 0 });
                $(".online_business h2").removeClass('titleActive')
            } else {
                $("body,html").animate({ scrollTop: $("#tabContentList .layui-tab-content").eq(idUum1).offset().top });
                $("#tabContentList .layui-tab-content").eq(idUum1).find('.online_business h2').addClass('titleActive')
            }
        });
    });
    layui.use('util', function () {
        let util = layui.util;
        //执行
        util.fixbar({
            bar1: true,
            bar2: true,
            top: true
            , click: function (type) {
                console.log(type);
                if (type === 'bar1') {
                    alert('点击了bar1')
                }
            }
        });
    })
    addTabs('#bszn')
    _initData()
});
//config的设置是全局的
layui.config({
    base: '../../staticJs/'
}).extend({ //设定模块别名
    common: 'cityCommon'
});

$(document).on("click", ".area_list li", function (e) {
    $(".area_list li").removeClass("active2")
    $(this).addClass("active2");
    _getGuideBusinessInWssq($(this).attr("data-id"))
    _getGuideBusinessInReserve($(this).attr("data-id"))
})

layui.use(['form', 'common'], function () {
    var common = layui.common,
        form = layui.form;
    //三级地址联动
    common.showCity('province', 'city');
    //区域选择
    form.on('select(selectCity)', function (data) {
        return false;
    });
});
// 初始化数据
function _initData() {
    var regionId = undefined;
    var area_list = $(".area_list");
    area_list.empty();
    var li
    $.ajax({
        type: "get",  //提交方式  
        url: portal.api_url + "/cms/district/queryAllDistrict",//路径  
        dataType: "json",
        //数据，这里使用的是Json格式进行传输  
        success: function (result) {//返回数据根据结果进行相应的处理
            if (result.code == 200 && result.data != null) {
                let data = result.data[0].children[0].children
                for (var i = 0; i < data.length; i++) {
                    if(i==0) {
                        li = '<li data-id="' + data[i].id + '" class="active2">' + data[i].name + '</li>';
                    }else {
                        li = '<li data-id="' + data[i].id + '">' + data[i].name + '</li>';
                    }
                    area_list.append(li);
                }
                regionId = data[0].id
                _getGuideBusinessInWssq(regionId)
                _getGuideBusinessInReserve(regionId)
            }
        }
    })
}
// 根据办事大厅获取办事指南----获取网上申请业务指南对应的业务集合
function _getGuideBusinessInWssq(id) {
    var itemList_tab = $("#itemList_tab");
    itemList_tab.empty();
    var li;
    $.ajax({
        type: "get",  //提交方式  
        url: portal.api_url + "/portal/MhGuide/getGuideBusinessInWssq?districtId="+id,//路径  
        dataType: "json",
        //数据，这里使用的是Json格式进行传输  
        success: function (result) {//返回数据根据结果进行相应的处理           
            if (result.code == 200 && result.data != null) {
                data.list = result.data
                
                layui.use('laytpl', function () {
                    laytpl = layui.laytpl;
                    var getTpl = document.getElementById('businessGuide').innerHTML
                        , view = document.getElementById('tabContentListOnline');
                    laytpl(getTpl).render(data, function (html) {
                        view.innerHTML = html;
                    });
                });
                li = '<li class="layui-this" lay-id="0">全部</li>'
                itemList_tab.append(li)
                for (var i = 0; i < result.data.length; i++) {
                    li = '<li lay-id="'+(i+1)+'">'+result.data[i].businessShortName+'</li>'
                    itemList_tab.append(li)
                }
            }
        }
    });
}

// 在线预约
function _getGuideBusinessInReserve(id) {
    var itemList_tab1 = $("#itemList_tab1");
    itemList_tab1.empty();
    var li;
    $.ajax({
        type: "get",  //提交方式  
        url: portal.api_url + "/portal/MhGuide/getGuideBusinessInReserve?districtId="+id,//路径  
        dataType: "json",
        //数据，这里使用的是Json格式进行传输  
        success: function (result) {//返回数据根据结果进行相应的处理           
            if (result.code == 200 && result.data != null) {
                data.onlineList = result.data
                
                layui.use('laytpl', function () {
                    laytpl = layui.laytpl;
                    var getTpl = document.getElementById('onlineBooking').innerHTML
                        , view = document.getElementById('tabContentList');
                    laytpl(getTpl).render(data, function (html) {
                        view.innerHTML = html;
                    });
                });
                li = '<li class="layui-this" lay-id="0">全部</li>'
                itemList_tab1.append(li)
                for (var i = 0; i < result.data.length; i++) {
                    li = '<li lay-id="'+(i+1)+'">'+result.data[i].businessShortName+'</li>'
                    itemList_tab1.append(li)
                }
            }
        }
    });
}

var data = { //数据
    "list": [],
    "onlineList": []
};