/**
 * Created by bcxin on 2017/3/31.
 */
var orderlist = null;
var choisePersonIds = null;
$(function () {
    parent.editWinTile();
    //加载公司信息
    getCompanyInfo();
    //加载统计信息  TODO

    //加载培训机构信息
    var nthIndex = 0; // 保存是那一家培训机构详情的下标
    //  返回上一级
    $(".train-breadcrumb").on("click", "li a", function () {
        var html = $(this).html();
        html = html.replace(/^\s+|\s+$/g, "");
        var index = $(this).attr("dataIndex");
        if (html === "课程列表") {
            breadCrumb("train-index", "course-list");
            $(".train-breadcrumb").addClass("hidden");
        } else if (html === "课程详情") {
            breadCrumb("train-detail", "course-list");
        } else if (html === "课程列表") {
            breadCrumb("train-inst-list", "course-list");
        } else if (html === "培训机构详情") {
            nthIndex--;
            breadCrumb("inst-detail:eq(" + nthIndex + ")", "course-list");
        } else if (html === "已购买课程") {
            breadCrumb("train-order", "buy-course");
            $(".train-breadcrumb").addClass("hidden");
        }
        var current = '<span class="current">' + html + '</span>';
        $(this).parent().nextAll("li").remove();
        $(this).parent().html(current);
    })
    //  从首页到课程详情
    $(".course-list").on("click", ".look", function () {

        var alt = $(this).parent().siblings(".course-img").attr("alt");
        $(".train-index").removeClass("active").attr("id", "");
        if (alt === '2') {
            // $(".train-detail2").addClass("active").attr("id", "course-list");

            $(".train-inst-list").addClass("active").attr("id", "course-list");

            if (traintype == "2") {
                $("#mxbtn").show();
            } else {
                $("#mxbtn").hide();
            }
            bread('初级保安员培训课程');
        }
        else if (alt === '3') {
            $(".train-detail3").addClass("active").attr("id", "course-list");


            if (traintype == "3") {
                $("#mxbtn").show();
            } else {
                $("#mxbtn").hide();
            }
            bread('课程详情');
        }
        else if(alt === '1'){
            // $(".train-inst-list").addClass("active").attr("id", "course-list");
            $(".train-detail1").addClass("active").attr("id", "course-list");

            if (traintype == "8") {
                $("#mxbtn").show();
            } else {
                $("#mxbtn").hide();
            }
            bread('课程详情');
        }

        var goodsname = $(this).data("goodsname");
        var trainorgid = $(this).data("trainorgid");
        var traintype = $(this).data("traintype");

        $('.detail_title').html(goodsname);
        $(".train-detail .info-button .buy").attr("data-goodsname", goodsname);
        $(".train-detail .info-button .buy").attr("data-trainorgid", trainorgid);
        $(".train-detail .info-button .buy").attr("data-traintype", traintype);

    });

    //  从课程详情到购买课程
    $(".train-detail").on("click", ".info-button .buy", function () {
        initOrderInput();
        $(".train-detail").removeClass("active").attr("id", "");
        $(".train-pay").addClass("active").attr("id", "course-list");

        var goodsname = $(this).data("goodsname");
        var trainorgid = $(this).data("trainorgid");
        var traintype = $(this).data("traintype");
        var datetype = $(this).attr("data-datetype");
        var companyName = $("#companyName").val();
        var unitprice_month = 10;
        
        $("#traintype").val(traintype);
        $("#trainorgid").val(trainorgid);
        $("#goodsname").val(goodsname);
        $("#dateType").val(datetype);
        $(".ordertitle").html(goodsname);
        $("#td_goodsname").html(goodsname);

        var now = new Date();
        var nextDate = new Date();
        if(datetype == "1"){
        	$("#td_unitprice").html("13");
        	$("#unitprice").val("13");
            nextDate.setMonth(now.getMonth() + 1);
        }else if(datetype == "2"){
        	$("#td_unitprice").html("36");
        	$("#unitprice").val("36");
            nextDate.setMonth(now.getMonth() + 3);
        }else if(datetype == "3"){
        	$("#td_unitprice").html("68");
        	$("#unitprice").val("68");
            nextDate.setMonth(now.getMonth() + 6);
        }else if(datetype=="5"){//保安守护押运公司管理规定解读
        	$("#td_unitprice").html("20");
        	$("#unitprice").val("20");
            nextDate.setFullYear(now.getFullYear() + 1);
        }else {
            $("#td_unitprice").html("120");
            $("#unitprice").val("120");
            nextDate.setFullYear(now.getFullYear() + 1);
        }
        $(".validityDate").html(formatDate(now,"yyyy年MM月dd日") + " - " + formatDate(nextDate,"yyyy年MM月dd日"));
        
        $(".orderinvoicename").html(goodsname + "（纸质） - " + companyName);
        $("#invoicename").val(goodsname + "（纸质） - " + companyName);
        if (traintype == "2") {
            $("#mxbtn").show();
        } else {
            $("#mxbtn").hide();
        }

        if(choisePersonIds != null ){
        	var count = choisePersonIds.length;
            $("#choiseCount").html("已选" + count + "人").css('padding', '5px 10px');
            setPeople(choisePersonIds);
            var unitprice = $("#unitprice").val();
            $("#td_count").html(count);
            $("#td_amount").html(fmoney(count * unitprice, 0));
            $(".total-number").html("￥" + fmoney(count * unitprice, 0));
        }
        choisePersonIds = null;
        bread('购买课程');
    });

    //  从培训机构列表触发
    $(".train-inst-list").on("click", ".info-button button", function () {
        $(".train-inst-list").removeClass("active").attr("id", "");
        nthIndex = $(this).parent().parent().siblings('img').attr('alt'); // 获得对应的下标
        if ($(this).hasClass("to-studyCom-1")) {
            $(".inst-detail.ins-det-one").addClass("active").attr("id", "course-list");
            $("#trainorgid").val("100").siblings("#traintype").val("1");
            bread('培训机构详情');
        } else if ($(this).hasClass("to-studyCom-2")) {
            $(".inst-detail.ins-det-two").addClass("active").attr("id", "course-list");
            $("#trainorgid").val("100").siblings("#traintype").val("1");
            bread('培训机构详情');
        } else if ($(this).hasClass("to-studyCom-3")) {
            $(".inst-detail.ins-det-three").addClass("active").attr("id", "course-list");
            $("#trainorgid").val("200").siblings("#traintype").val("1");
            bread('培训机构详情');
        } else if ($(this).hasClass("sign")) { // 从培训机构列表进课程详情
            $(".train-detail2").addClass("active");

            var goodsname = $(this).data("goodsname");
            var trainorgid = $(this).data("trainorgid");
            var traintype = $(this).data("traintype");
            var dateType = $(this).data("dateType");

            $('.detail_title').html(goodsname);
            $(".train-detail .info-button .buy").attr("data-goodsname", goodsname);
            $(".train-detail .info-button .buy").attr("data-trainorgid", trainorgid);
            $(".train-detail .info-button .buy").attr("data-traintype", traintype);

            if (traintype == "2") {
                $("#mxbtn").show();
            } else {
                $("#mxbtn").hide();
            }
            bread('课程详情');
            if ($(this).hasClass("sign1")) {
                $("#trainorgid").val("100").siblings("#traintype").val("1");
            } else if ($(this).hasClass("sign2")) {
                $("#trainorgid").val("100").siblings("#traintype").val("1");
            } else if ($(this).hasClass("sign3")) {
                $("#trainorgid").val("200").siblings("#traintype").val("1");
            }
        }

    });

    // 从购买课程列表进培训课程详情
    $(".train-order").on("click", ".order-list li", function () {
        var orderId = $(this).data("id");
        viewOrderDetail(orderId);
    })

    //订单列表 订单状态筛选
    $('.buy-course ol li a').click(function () {
        $('#buy-course ol li a').removeClass('active');
        $(this).addClass('active');
        var type = $(this).parents('li').data("type");
        if (type == "all") {
            $("#orderListArea .order-content").show();
        } else {
            $("#orderListArea .order-content").hide();
            $("#orderListArea ." + type).show();
        }
    })

    //在职人员培训的传值
    $(".train-detail2 .train-info").on("click", ".buy", function () {
        $("#trainorgid").val("300").siblings("#traintype").val("2");
    });

    var noPower = 0, firstLesson = 0, continueLesson = 0;

    function barData(id, data) {
        $("." + id + " .name span").html(data.name);
        $("." + id + " .number span").html(data.value);
    }



});
// 判断谷歌浏览器，弹窗提示
function checkChrome() {
    var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;
    if (isChrome) {
        parent.layer.confirm('检测到您当前使用的浏览器，不支持安装银联密码控件进行支付，建议您更换IE浏览器后再支付。（在IE浏览器复制www.baibaodun.cn--登录--更多功能--培训管理--已购买课程--待付款）', {
            title: "温馨提示",
            skin: "confirm-class",
            closeBtn: 0,
            btn: ['复制地址并切换',"关闭"]
            //按钮
        }, function (index) {
//            var url="http://"+window.location.host,objBtn;
//            url+="/ars-web/";

            $("<button>", {
                "class": "hide dialog-btn"
            }).appendTo("body");

            var clipboard = new Clipboard('.dialog-btn', {
                text: function() {
                    return webHost;
                }
            });
            $(".dialog-btn").click();

        },function (index) {
	       	 $(".nav-tabs li:nth-child(2)").addClass("active").siblings(".active").removeClass("active");
	         $(".top-train-breadcrumb li:nth-child(2)").trigger("click");
	         $('html, body').animate({scrollTop: 0}, 'slow');
        });
        return false;
    }
    return true;
}


function orderCancel(orderId) {
    parent.layer.confirm('确认要取消该订单吗？', {
        title: "温馨提示",
        skin: "confirm-class",
        btn: ['确认', '取消']
        //按钮
    }, function (index) {
        parent.layer.close(index);
        var personId = $("#personId").val();
        if (personId == "") {
            toastrError("保安人员信息异常，请关闭重试。");
        } else {
            $.ajax({
                type: 'POST',
                url: restHost + "/order/orderCancel.json",
                dataType: "json",
                data: {
                    "sid": sid,
                    "orderId": orderId
                },
                async: false,
                success: function (json) {
                    if (json.successful == true || json.successful == "true") {
                        toastrSuccess("操作成功！");
                        getOrderList();
//							setTimeout("parent.personList();", 3000);
                    } else {
                        ajaxError(json);
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    console.log(errorThrown);
                }
            });
        }
    });
}

function viewOrderDetail(orderId) {
    //保安公司加载订单详情
    $.ajax({
        type: 'POST',
        url: restHost + "order/findDetail.json",
        dataType: "json",
        data: {
            "sid": sid,
            "orderId": orderId
        },
        success: function (json) {
            $("#scrollContainer").scrollTop(10);
            if (json.successful == true || json.successful == "true") {
                order = json.data;
                if (order.orderstate == "1") {//未支付，前往支付界面
                    initOrderInput();
                    $("#orderForm #orderId").val(order.id);
                    $("#orderForm #goodsname").val(order.goodsname);
                    $(".ordertitle").html(order.goodsname);
                    $("#orderForm #invoicename").val(order.invoicename);
                    $("#orderForm #companyName").val(order.companyName);
                    $("#orderForm #trainorgid").val(order.trainorgid);
                    $("#orderForm #traintype").val(order.traintype);
                    $("#orderForm #ordernumber").val(order.ordernumber);
                    $("#orderForm #sendaddress").val(order.sendaddress);
                    $("#orderForm #signatory").val(order.signatory);
                    $("#orderForm #unitprice").val(order.unitprice);
                    $("#orderForm #tel").val(order.tel);
                    $("#orderForm #dateType").val(order.datetype);
                    $("#orderForm .orderinvoicename").html(order.invoicename);

                    var people = getOrderPerson(order.id);
                    var count = people[0].length + people[1].length;
                    var unitprice = $("#unitprice").val();
                    $("#choiseCount").html("已选" + count + "人").css('padding', '5px 10px');
                    $("#td_count").html(count);
                    $("#td_amount").html(fmoney(count * unitprice, 0));
                    $(".total-number").html("￥" + fmoney(count * unitprice, 0));
                    generatePeople(people);

                    $(".top-train-breadcrumb li").removeClass("active");
                    $(".top-train-breadcrumb li:first").addClass("active");

                    $(".train-order").removeClass("active").attr("id", "");
                    $(".train-pay").addClass("active").attr("id", "course-list");
                    bread('购买课程');


                } else {//前往订单详情页面
                    $("#detail_li_goodsname").html(order.goodsname);
                    $("#detail_li_invoicename").html(order.invoicename);
                    $("#detail_li_ordernumber").html(order.ordernumber);
                    $("#detail_li_sendaddress").html(order.sendaddress);
                    $("#detail_li_effectiveTime").html(formatDate(getDate(order.effectivestarttime), "yyyy年MM月dd日") + "-" + formatDate(getDate(order.effectiveendtime), "yyyy年MM月dd日"));
                    $("#detail_li_signatory").html(order.signatory);
                    $("#detail_li_tel").html(order.tel);

                    $("#detail_td_goodsname").html(order.goodsname);
                    $("#detail_td_unitprice").html(order.unitprice);
                    $("#detail_td_countnumber").html(order.countnumber);
                    $("#detail_td_amount").html(fmoney(order.amount, 0));

                    $("#detail_amount").html("￥" + fmoney(order.amount, 0));

                    $(".train .success ul li .bc-img .icon").removeClass("success_icon");
                    for (var i = 1; i <= order.orderstate; i++) {
                        $(".train .success ul .step-" + i + " .bc-img .icon").addClass("success_icon");
                    }

                    var people = getOrderPerson(order.id);
                    var count = people[0].length + people[1].length;
                    $("#detail_li_choiseCount").html("已选" + count + "人").css('padding', '5px 10px');
                    generatePeople(people);

                    $(".train-order").removeClass("active").attr("id", "");
                    $(".order-detail").addClass("active").attr("id", "buy-course");
                    bread('订单详情');
                    $(".train-breadcrumb li:nth-child(2)").html('<a href="#">已购买课程</a><span> &gt; </span>');
                }
            } else {
                ajaxError(json);
            }
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            console.log(errorThrown);
        }
    });
}

function getOrderPerson(orderId) {
    var personList = [[], [], [], []];
    $.ajax({
        type: 'POST',
        url: restHost + "order/getOrderPerson.json",
        dataType: "json",
        data: {
            "sid": sid,
            "orderId": orderId
        },
        async: false,
        success: function (json) {
            if (json.successful == true || json.successful == "true") {
                $.each(json.data, function (index, item) {
                    personList[1].push(item.personid);
                    personList[3].push(item.personid);
                });
            } else {
                ajaxError(json);
            }
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            parent.layer.close(loadIndex);
            $(obj).attr("onclick", "save()");
            console.log(errorThrown);
        }
    });
    return personList;
}

// 从培训公司详情到购买课程
$(".inst-detail").on("click", ".info-button .buy", function () {
    initOrderInput();
    $(".inst-detail").removeClass("active").attr("id", "");
    $(".train-pay").addClass("active").attr("id", "course-list");


    var goodsname = $(this).data("goodsname");
    var trainorgid = $(this).data("trainorgid");
    var traintype = $(this).data("traintype");
    var datetype = $(this).data("datetype");
    var companyName = $("#companyName").val();
    var unitprice_month = 10;
    $("#traintype").val(traintype);
    $("#trainorgid").val(trainorgid);
    $("#goodsname").val(goodsname);
    $("#dateType").val(datetype);
    $(".ordertitle").html(goodsname);
    $("#td_goodsname").html(goodsname);

    var now = new Date();
    var nextDate = new Date();

    if(datetype == "1"){
    	$("#td_unitprice").html("13");
    	$("#unitprice").val("13");
        nextDate.setMonth(now.getMonth() + 1);
    }else if(datetype == "2"){
    	$("#td_unitprice").html("36");
    	$("#unitprice").val("36");
        nextDate.setMonth(now.getMonth() + 3);
    }else if(datetype == "3"){
    	$("#td_unitprice").html("68");
    	$("#unitprice").val("68");
        nextDate.setMonth(now.getMonth() + 6);
    }else if(datetype=="5"){//保安守护押运公司管理规定解读
        $("#td_unitprice").html("20");
        $("#unitprice").val("20");
        nextDate.setFullYear(now.getFullYear() + 1);
    }else{
    	$("#td_unitprice").html("120");
    	$("#unitprice").val("120");
        nextDate.setFullYear(now.getFullYear() + 1);
    }
    $(".validityDate").html(formatDate(now, "yyyy年MM月dd日") + " - " + formatDate(nextYear, "yyyy年MM月dd日"));

    $(".orderinvoicename").html(goodsname + "（纸质） - " + companyName);
    $("#invoicename").val(goodsname + "（纸质） - " + companyName);
    if (traintype == "2") {
        $("#mxbtn").show();
    } else {
        $("#mxbtn").hide();
    }

    bread('购买课程');
})

// 从学习统计到课程列表
$(".learning-stat").on("click", ".btn-buy", function () {
    $(".top-train-breadcrumb li:first a").trigger("click");
})

// 支付
$(".pay").on("click", ".btn-pay", function () {
    var loadIndex = parent.layer.load(0, {shade: [0.3, '#808080']});
    if ($(".personIdsArea").html() == "") {
        parent.layer.close(loadIndex);
        layer.msg('请选择人员！');
        return;
    }

    $.ajax({
        type: 'POST',
        url: restHost + "order/save.json",
        dataType: "json",
        data: $("#orderForm").serialize(),
//      async : false,
        success: function (json) {
            if (json.successful == true || json.successful == "true") {
                // 判断谷歌浏览器，弹窗提示
//                if(!checkChrome()){
//                    parent.layer.close(loadIndex);
//                    return;
//                }
                gotoPay(json.data.id);
                // $(".train-pay").removeClass("active").attr("id", "");
                // $(".order-detail").addClass("active").attr("id", "course-list");
                // $(".train-breadcrumb li:last-child span").html("订单详情");
                $(".nav-tabs li:nth-child(2)").addClass("active").siblings(".active").removeClass("active");
                $(".top-train-breadcrumb li:nth-child(2)").trigger("click");
                $('html, body').animate({scrollTop: 0}, 'slow');
                parent.layer.close(loadIndex);
            } else {
                parent.layer.close(loadIndex);
                ajaxError(json);
            }
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            parent.layer.close(loadIndex);
            $(obj).attr("onclick", "save()");
            console.log(errorThrown);
        }
    });

})

$(".top-train-breadcrumb li:nth-child(2)").on("click", function () {
    getOrderList();
});

function getOrderList() {
    //保安公司加载已购买订单
    $.ajax({
        type: 'POST',
        url: restHost + "order/findAllByUserId.json",
        dataType: "json",
        data: {
            "sid": sid
        },
        success: function (json) {
            if (json.successful == true || json.successful == "true") {
                orderlist = json.data;
                var html = "";
                var ordertypeMap = {};
                //订单类型 1单独购买 2 免费赠送（保险送）
                ordertypeMap["1"] = "单独购买";
                ordertypeMap["2"] = "免费赠送";
                var orderstateMap = Array.prototype.map;
                //1待付款2取消订单3权限配置中4完成
                orderstateMap["1"] = "待付款";
                orderstateMap["2"] = "取消订单";
                orderstateMap["3"] = "权限配置中";
                orderstateMap["4"] = "完成";

                var traintypes = {1:"初级保安员课程",2:"任务管理+继续再教育课程",8:"保安员资格证培训课程"}
                var waitPayCount = 0;
                var payCount = 0;
                var authorityCount = 0;
                var finishCount = 0;
                $.each(orderlist, function (index, item) {
                    var h = $("#order-template").html();
                    var payBtn = '';
                    var viewDetailBtn = '';
                    var cancelBtn = '';
                    h = h.replaceAll("{orderId}", item.id);
                    //任务类型
                    h = h.replaceAll("{traintype}", traintypes[item.traintype] || "");
                    //订单号
                    h = h.replaceAll("{ordernumber}", item.ordernumber);
                    //人数
                    h = h.replaceAll("{countnumber}", item.countnumber);
                    //订单状态
                    h = h.replaceAll("{orderstate}", orderstateMap[item.orderstate]);
                    //订单类型
                    h = h.replaceAll("{ordertype}", ordertypeMap[item.ordertype]);
                    //订单金额
                    h = h.replaceAll("{amount}", fmoney(item.amount, 0));
                    //订单金额
                    h = h.replaceAll("{orderDate}", formatDate(getDate(item.createTime), "yyyy-MM-dd"));
                    //任务状态
                    if (item.paystate == 2) {
                        payCount++;
                    }
                    if (item.orderstate == 1) {
                        waitPayCount++;
                    } else if (item.orderstate == 2) {
                        payBtn = "removeBtn";
                        viewDetailBtn = "removeBtn";
                        cancelBtn = "removeBtn";
                    } else if (item.orderstate == 3) {
                        payBtn = "removeBtn";
                        cancelBtn = "removeBtn";
                        viewDetailBtn = "check-details-more";
                        authorityCount++;
                    } else if (item.orderstate == 4) {
                        payBtn = "removeBtn";
                        cancelBtn = "removeBtn";
                        viewDetailBtn = "check-details-more";
                        finishCount++;
                    }
                    h = h.replaceAll("{payBtn}", payBtn);
                    h = h.replaceAll("{viewDetailBtn}", viewDetailBtn);
                    h = h.replaceAll("{cancelBtn}", cancelBtn);
                    h = h.replaceAll("{orderStateCss}", item.orderstate);
                    h = h.replaceAll("{paystateCss}", item.paystate);
                    html += h;
                });
                $("#orderListArea").html(html);
                $("#orderListArea .removeBtn").remove();
                $(".buy-mark .waitPayCount").html(waitPayCount);
                $(".buy-mark .payCount").html(payCount);
                $(".buy-mark .authorityCount").html(authorityCount);
                $(".buy-mark .finishCount").html(finishCount);
            } else {
                ajaxError(json);
            }
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            console.log(errorThrown);
        }
    });
}

function gotoPay(orderId) {
    window.open(restHost + "order/b2bPay/" + orderId + ".do");
}

function breadCrumb(name, id) {
    $("." + name).addClass("active")
        .attr("id", id)
        .siblings(".active")
        .removeClass("active")
        .attr("id", "");
}

function bread(text) {

    var curr = $(".train-breadcrumb li:last-child span").html();
    curr === '已购买课程' && (curr = '初级保安员培训课程');
    $(".train-breadcrumb li:last-child").remove();

    var prev = '<li><a href="#">' + curr + '</a><span> &gt; </span></li>';
    $(".train-breadcrumb").append(prev);
    var html = '<li><span class="current">' + text + '</span></li>';
    $(".train-breadcrumb").removeClass("hidden").append(html);

}
// 学习统计图形
function chart() {
    $.ajax({
        type: 'POST',
        url: restHost + "/company/getStudyReport.json",
        dataType: "json",
        data: "",
        async: false,
        success: function (json) {
            if (json.successful == true || json.successful == "true") {
                var noPower = json.data.noPower;
                var firstLesson = json.data.firstLesson;
                var continueLesson = json.data.continueLesson;
                var perMinutes = json.data.perMinutes;
                var perDays = json.data.perDays;

                var colorMap = {1: "blue", 2: "light-blue", 3: "green"};
                var classMap = {1: "one", 2: "two", 3: "three"};

                var list = json.data.list;


                $(".no-bc").removeClass("no-bc");
                $("#reportArea").addClass("no-bc");
                $("#totalArea").empty();
                $("#top3Area").empty();
                $("#top10Area").empty();
                if (list != null && list.length > 0) {
                    $(".no-bc").removeClass("no-bc");
                    $.each(list, function (index, obj) {
                        if (index <= 2) {
                            var totalHtml = $("#studyTotalList-template").html();
                            var userPhoto = obj.photo;
                            if (userPhoto != null && userPhoto != "") {
                                if (userPhoto.indexOf('defaultHead') > 0) {
                                    userPhoto = ctxStatic + '/' + userPhoto;
                                } else {
                                    userPhoto = restHost + userPhoto;
                                }
                            }

                            totalHtml = totalHtml.replaceAll("<img src=\"\"", "<img src=\"" + userPhoto + "\"");

                            totalHtml = totalHtml.replaceAll("{colorName}", colorMap[index + 1]);
                            totalHtml = totalHtml.replaceAll("{realname}", obj.name);
                            totalHtml = totalHtml.replaceAll("{studylong}", obj.value);
                            $("#totalArea").append(totalHtml);

                            var threeHtml = $("#ranking-three-template").html();
                            threeHtml = threeHtml.replaceAll("{index}", index + 1);
                            threeHtml = threeHtml.replaceAll("{realname}", obj.name);
                            threeHtml = threeHtml.replaceAll("{className}", classMap[index + 1]);
                            $("#top3Area").append(threeHtml);
                        } else if (index > 2 && index < 10) {
                            var fourHtml = $("#ranking-four-template").html();
                            fourHtml = fourHtml.replaceAll("{index}", index + 1);
                            fourHtml = fourHtml.replaceAll("{realname}", obj.name);
                            fourHtml = fourHtml.replaceAll("{studylong}", obj.value);
                            $("#top10Area").append(fourHtml);
                        }
                    });
                }


                $("#perDays").html(perDays);
                $("#perMinutes").html(perMinutes);
                $("#noPower").html("无学习权限：" + noPower);
                if (firstLesson) {
                    $("#firstLesson").html("初级保安员课程人数：" + firstLesson);
                } else {
                    $("#firstLesson").html("初级保安员课程人数：0");
                }
                if (continueLesson) {
                    $("#continueLesson").html("继续再教育课程人数：" + continueLesson);
                } else {
                    $("#continueLesson").html("继续再教育课程人数：0");
                }
                var i = 0;
                var colors = ['#ff7a44', '#319232', '#6dce4c']; // 定义存放颜色的数组
                var people = echarts.init(document.getElementById("peopleChart"));
                var option = {
                    tooltip: {
                        trigger: 'item',
                        formatter: "{a} <br/>{b}: {c} ({d}%)"
                    },
                    legend: {
                        orient: 'vertical',
                        x: 'bottom', // 设置为下 隐藏显示在左侧的统计
                        data: ['无学习权限', '初级保安员课程人数', '继续再教育课程人数']
                    },
                    series: [
                        {
                            name: '人均占比',
                            type: 'pie',
                            radius: ['60%', '80%'],
                            avoidLabelOverlap: false, // 中间的字是否分行显示 还是重叠在一起啊
                            itemStyle: {
                                normal: {
                                    color: function () { // 将图形的颜色逐个推入
                                        return colors[i++];
                                    }
                                }
                            },
                            label: {
                                normal: {
                                    show: false,
                                    position: 'center'
                                },
                                emphasis: {
                                    show: true,
                                    textStyle: {
                                        fontSize: '12',
                                        fontWeight: 'normal'
                                    }
                                }
                            },
                            labelLine: {
                                normal: {
                                    show: false
                                }
                            },
                            data: [
                                {value: noPower, name: '无学习权限'},
                                {value: firstLesson, name: '初级保安员课程人数'},
                                {value: continueLesson, name: '继续再教育课程人数'}
                            ]
                        }
                    ]
                };
                people.setOption(option);
            } else {

                ajaxError(json);
            }
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            console.log(errorThrown);
        }
    });
}

// 查看学习统计情况时
$(".nav-tabs").on("click", "li", function () {
    if ($(this).find('a').hasClass("learn"))
        setTimeout(function () {
            chart();
        }, 100);
    if (!$(".train-breadCrumb").hasClass("hidden")) {
        $(".train-breadcrumb").addClass("hidden");
        $(".train-breadcrumb li:gt(1)").remove();
        $(".train-breadcrumb li:last-child").html('<span class="current">课程列表</span>');
    }
    var href = $(this).find("a").attr("href");
    var active = "";
    if (href === '#course-list') {
        active = 'train-index';
    } else if (href === '#buy-course') {
        active = 'train-order';
    } else if (href === '#learning') {
        active = 'learning-stat';
    }
    $("." + active).addClass("active").siblings(".active").removeClass("active");
    $(".train-index").attr("id", "course-list").siblings("#course-list").attr("id", "");
    $(".train-order").attr("id", "buy-course").siblings("#buy-course").attr("id", "");
    $(".learning-stat").attr("id", "learning").siblings("#learning").attr("id", "");
})


// 调用导入人员弹框
function choicePerson() {
    var traintype = $("#traintype").val();
	var url = ctx + '/iframe/choicePerson.jsp';
    if(traintype == "8"){
    	var url = ctx + '/iframe/train/choiceTrainPerson.jsp';
    }
    parent.layer.open({
        type: 2,
        title: "选择人员",
        shadeClose: false,
        shade: [0.8, '#393D49'],
        closeBtn: 1,
        move: false,
        skin: "edit-class editTaskMax",
        maxmin: false, //开启最大化最小化按钮
        area: ['60%', '85%'],
        btn: ["取消", "确定"],
        content: url,
        success: function (layero, index) {
            var iframeWin = parent.window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
            var btn = iframeWin.toggle();
            var personList = [[], []];
            var personIds = $("[name='personIds']");
            for (var i = 0; i < personIds.length; i++) {
                personList[1].push($(personIds[i]).val());
            }
            iframeWin.setPersonList(personList);
        },
        btn2: function (indexIframe, layero) {
            var iframeWin = parent.window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
            var people = iframeWin.surePeople();
            
            var personIds = [];
            
            for (var i = 2; i < 4; i++) {
                if (people[i] != "") {
                    for (var j = 0; j < people[i].length; j++) {
                    	personIds.push(people[i][j]);
                    }
                }
            }
            
            $.ajax({
                type: 'POST',
                url: restHost + "/order/checkExistOrderByPersonIds.json",
                dataType: "json",
        		traditional: true,
                data: {
                	"personIds":personIds,
                	"traintype":traintype
                },
                async: false,
                success: function (json) {
                    if (json.successful == true || json.successful == "true") {
                    	$(".personIdsArea").empty();
                        var count = people[0].length + people[1].length;
                        var unitprice = $("#unitprice").val();
                        $("#choiseCount").html("已选" + count + "人").css('padding', '5px 10px');
                        $("#td_count").html(count);
                        $("#td_amount").html(fmoney(count * unitprice, 0));
                        $(".total-number").html("￥" + fmoney(count * unitprice, 0));
                        generatePeople(people);
                        parent.layer.close(indexIframe);
                    } else {
                    	var persons = json.data; 
                    	var strPersons = "";
                    	$.each(persons,function(i,obj){
                    		strPersons =strPersons + obj +"、";
                    	});
                    	
                    	strPersons = strPersons.substring(0,strPersons.length-1);
                    	iframeWin.showErrorMsg(strPersons+"已购买此课程！");
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    console.log(errorThrown);
                }
            });
            
            return false;
        }
    });
}


function setPeople(personIds) {
    var num = 0;
    $(".personIdsArea").empty();
	if (personIds != "") {
	    num += parseInt(personIds.length);
	    for (var j = 0; j < personIds.length; j++) {
	        $(".personIdsArea").append('<input type="hidden" name="personIds" value="' + personIds[j] + '">');
	    }
	}
}


//调用导入人员弹框
function viewPerson() {
    var traintype = $("#traintype").val();
	var url = ctx + '/iframe/choicePerson.jsp';
    if(traintype == "8"){
    	var url = ctx + '/iframe/train/choiceTrainPerson.jsp';
    }
    parent.layer.open({
        type: 2,
        title: "选择人员",
        shadeClose: false,
        shade: [0.8, '#393D49'],
        closeBtn: 1,
        move: false,
        skin: "edit-class editTaskMax",
        maxmin: false, //开启最大化最小化按钮
        area: ['60%', '85%'],
        btn: ["关闭"],
        content: url,
        success: function (layero, index) {
            var iframeWin = parent.window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
            var btn = iframeWin.toggle();
            var personList = [[], []];
            var personIds = $("[name='personIds']");
            for (var i = 0; i < personIds.length; i++) {
                personList[1].push($(personIds[i]).val());
            }
            iframeWin.setPersonList(personList);
        },
        btn1: function (indexIframe, layero) {
            parent.layer.close(indexIframe);
            return false;
        }
    });
}

//选择人员生成到页面
function generatePeople(people) {
    var num = 0;
    $(".personIdsArea").empty();
    for (var i = 0; i < 2; i++) {
        if (people[i] != "") {
            num += parseInt(people[i].length);
            for (var j = 0; j < people[i].length; j++) {
                $(".personIdsArea").append('<input type="hidden" name="personIds" value="' + people[i + 2][j] + '">');
            }
        }
    }
}

function initOrderInput() {
    $("#orderForm input:not(.noClean)").val("");
    $("#orderForm .choiseShow").empty().css('padding', '0');
    $(".total-number").html("￥0");

    $.ajax({
        type: 'POST',
        url: restHost + "/invoice/getMsg.json",
        dataType: "json",
        data: "",
        async: false,
        success: function (json) {
            if (json.successful == true || json.successful == "true") {
                var invoice = json.data;
                if(invoice) {
                    $("#tel").val(invoice.tel);
                    $("#sendaddress").val(invoice.sendaddress);
                }
            } else {
                ajaxError(json);
            }
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            console.log(errorThrown);
        }
    });
}

function fmoney(s, n) {
    n = n > 0 && n <= 20 ? n : 2;
    s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
    var l = s.split(".")[0].split("").reverse(),
        r = s.split(".")[1];
    t = "";
    for (i = 0; i < l.length; i++) {
        t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");
    }
    return t.split("").reverse().join("") + "." + r;
}
//增值服务套餐 按钮跳转函数
function  gotoTrain(traintype,personIds) {
    $(".train-index").removeClass("active").attr("id", "");
    $(".train-detail3").addClass("active").attr("id", "course-list");
    $(".rate-li[data-datetype='"+traintype+"']").trigger("click");
    choisePersonIds = personIds;
//    bread('课程详情');
    $("#taskBuyBtn").trigger("click");
}

function getCompanyInfo() {
    $.ajax({
        type: 'POST',
        url: restHost + "/company/getByCurrentUser.json",
        dataType: "json",
        data: {
            "sid": sid
        },
        async: false,
        success: function (json) {
            if (json.successful == true || json.successful == "true") {
                $("#companyName").val(json.data.name);
            } else {
                ajaxError(json);
            }
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            console.log(errorThrown);
        }
    });
}