EBook/EBook.Web/Common/tasklib_book.js

//播放音频图片地址
var PicInfo = {
    answerPointImgUrl: "file:///android_asset/js/update-answer.png",
    yaoshiShowImgUrl: "file:///android_asset/js/yaoshi-show.png",
    yaoshiHideImgUrl: "file:///android_asset/js/yaoshi-hide.png",
    recordPlayImgUrl: "file:///android_asset/js/play.png",
    recordPauseImgUrl: "file:///android_asset/js/pause.png",
    audioPlayImgUrl: "file:///android_asset/js/dynaiselaba.gif",
    audioPauseImgUrl: "file:///android_asset/js/dynaiselaba.png"
}

//本地调用用的资源
var PicInfo1 = {
    answerPointImgUrl: "../Images/update-answer.png",
    yaoshiShowImgUrl: "../Images/yaoshi-show.png",
    yaoshiHideImgUrl: "../Images/yaoshi-hide.png",
    KouYuTagImgUrl: "../Images/KY.png",
    recordPlayImgUrl: "../Images/play.png",
    recordPauseImgUrl: "../Images/pause.png",
    audioPlayImgUrl: "../Images/dynaiselaba.gif",
    audioPauseImgUrl: "../Images/dynaiselaba.png"
}
// 高亮
var styleWPSContrl = {
    wordFlag: true,
    phraseFlag: true,
    sentenceFlag: true
}

// 表格处理Start
var pressTableFlag = false;
var GetPadVal = function (THandel) {
    var PaddingVal = $(THandel).css("padding");
    var PadValArr = PaddingVal.split(" ");
    if (PadValArr.length > 2) {
        return parseFloat(PadValArr[1]) + parseFloat(PadValArr[3]);
    }
    else if (PadValArr.length > 1) {
        return parseFloat(PadValArr[1]) * 2;
    }
    else {
        return parseFloat(PadValArr[0]) * 2;
    }
};
// 获取最大字符长度的字符串(起决定宽度的字符串/将字符去除HTML标签)(使用)
var removeHtmlFunc = function (HtmlStr) {
    // 清除非长度标签
    var pattStr = new RegExp(/<(img){1}.*?>/ig);
    var matchesArr = HtmlStr.match(pattStr);
    if (matchesArr != null && (matchesArr != undefined && matchesArr.length > 0)) {
        for (var i = 0; i < matchesArr.length; i++) {
            HtmlStr = HtmlStr.replace(matchesArr[i], "");
        }
    }
    pattStr = new RegExp(/(<(p){1}.*?>).*?(<\/\2>)/ig);
    matchesArr = HtmlStr.match(pattStr);
    if (matchesArr != undefined && matchesArr.length > 0) {
        // 清除匹配的P标签
        for (var i = 0; i < matchesArr.length; i++) {
            HtmlStr = HtmlStr.replace(matchesArr[i], "");
        }
    }
    // 判断是否存在p标签
    if (matchesArr != null || (matchesArr != undefined && matchesArr.length > 0)) {
        if (HtmlStr != null && HtmlStr != "") {
            // p标签混排
            HtmlStr = "<p>" + HtmlStr + "</p>";
            matchesArr.push(HtmlStr);
            HtmlStr = null;
        }
        pattStr = new RegExp(/(<(p|b|span|u){1}.*?>).*?(<\/\2>)/i);
        for (var i = 0; i < matchesArr.length; i++) {
            var NewHtmlStr = matchesArr[i];
            while (pattStr.test(NewHtmlStr)) {
                var TmatchesArr = NewHtmlStr.match(pattStr);
                if (TmatchesArr.length > 0) {
                    // 存在P标签
                    NewHtmlStr = NewHtmlStr.replace(TmatchesArr[1], "").replace(TmatchesArr[3], "");
                }
            }
            if (i == 0 || (HtmlStr.length < NewHtmlStr.length)) {
                HtmlStr = NewHtmlStr;
            }
        }
    }
    else {
        pattStr = new RegExp(/(<(b|span|u){1}.*?>).*?(<\/\2>)/i);
        if (pattStr.test(HtmlStr)) {
            while (pattStr.test(HtmlStr)) {
                var matchesArr = HtmlStr.match(pattStr);
                if (matchesArr.length > 0) {
                    HtmlStr = HtmlStr.replace(matchesArr[1], "").replace(matchesArr[3], "");
                }
            }
        }
    }
    return HtmlStr;
};
// 获取最大字符长度的字符串(起决定宽度的字符串/将字符去除HTML标签)(替换，不用)
var dealTdTextFunc = function (HtmlStr) {
    var ReStr = "";
    var ReNumber = 0;
    var pattStr = new RegExp(/<P.*?<\/P>/i);
    if (pattStr.test(HtmlStr)) {
        while (pattStr.test(HtmlStr)) {
            var matchesArr = HtmlStr.match(pattStr);
            $("#pContrainId").html(matchesArr[0]);
            HtmlStr = HtmlStr.replace(matchesArr[0], "");
            if (ReNumber <= $("#pContrainId").text().length) {
                ReNumber = $("#pContrainId").text().length;
                ReStr = $("#pContrainId").text();
            }
        }
    }
    else {
        $("#pContrainId").html(HtmlStr);
        ReStr = $("#pContrainId").text();
    }
    return ReStr;
};
var AdjustTableFunc = function () {
    // 添加宽度处理
    var ScreenWidth = $(document.body).width();
    $(document.body).css("width", "999999px");
    $(document.body).append('<span id="pContrainId"></span>');
    var Index = 0;
    $.each($("table"), function (index, item) {
        // 处理表格总宽度
        var ArrMaxLen = [];
        var TableWidth = 0;
        var TotalMaxLen = 0;
        var RuleFlag = true;
        $.each($(item).find("tr"), function (trIndex, trItem) {
            $.each($(trItem).find("td"), function (tdIndex, tdItem) {
                var tdtext = removeHtmlFunc($(tdItem).html());
                $("#pContrainId").text(tdtext);
                var tdWidthVal = $("#pContrainId").width();  // 获取文字宽度
                tdWidthVal += GetPadVal(tdItem);
                if (tdWidthVal > (ScreenWidth / 2)) {
                    tdWidthVal = (ScreenWidth / 2);
                }
                if (ArrMaxLen.length < tdIndex + 1) {
                    if (trIndex != 0) {
                        RuleFlag = false;
                    }
                    ArrMaxLen.push(0);
                }
                if (ArrMaxLen[tdIndex] < tdWidthVal) {
                    TotalMaxLen += tdWidthVal - ArrMaxLen[tdIndex];
                    ArrMaxLen[tdIndex] = tdWidthVal;
                }
            });
        });
        // 判断表格是否只有一行
        if ($(item).find("tr").length == 1 && $(item).find("tr").eq(0).find("td").length == 1) {
            $(item).find("tr").eq(0).find("td").eq(0).css("width", (ScreenWidth - 4 - GetPadVal(document.body)) + "px");
            $(item).css("width", (ScreenWidth - 4 - GetPadVal(document.body)) + "px");
        }
        else {
            if (TotalMaxLen < ScreenWidth) {
                var AddPx = (ScreenWidth - TotalMaxLen) / ArrMaxLen.length;
                AddPx = AddPx > 2 ? AddPx - 2 : AddPx;
                for (var i = 0; i < ArrMaxLen.length; i++) {
                    ArrMaxLen[i] += AddPx;
                }
            }
            var OneFlag = false;
            for (var i = 0; i < ArrMaxLen.length; i++) {
                if (ArrMaxLen[i] != undefined && $(item).find("tr").eq(0).find("td").length > 1 && RuleFlag) {
                    $(item).find("tr").eq(0).find("td").eq(i).css("width", ArrMaxLen[i] + "px");
                    TableWidth += ArrMaxLen[i];
                }
                else if (ArrMaxLen[i] != undefined && $(item).find("tr").eq(0).find("td").length > 1 && !RuleFlag) {
                    if (i == ArrMaxLen.length - 1) {
                        var FLenVal = $(item).find("tr").eq(0).find("td").length;
                        var AllLenArr = [];
                        for (var j = 0; j < FLenVal; j++) {
                            AllLenArr.push(parseInt($(item).find("tr").eq(0).find("td").eq(j).attr("colspan")));
                        }
                        var AIndex = 0;
                        for (var j = 0; j < AllLenArr.length; j++) {
                            var AWidthVal = 0;
                            for (var k = 0; k < parseInt(AllLenArr[j]) ; k++) {
                                AWidthVal += ArrMaxLen[AIndex];
                                AIndex += 1;
                            }
                            AWidthVal += 100;
                            TableWidth += AWidthVal;
                            $(item).find("tr").eq(0).find("td").eq(j).css("width", AWidthVal + "px");
                        }
                    }
                }
                else if (ArrMaxLen[i] != undefined && $(item).find("tr").eq(0).find("td").length == 1) {
                    OneFlag = true;
                    TableWidth += ArrMaxLen[i];
                }
            }
            if (OneFlag) {
                $(item).find("tr").eq(0).find("td").eq(0).css("width", TableWidth + "px");
            }
            $(item).css("width", TableWidth + "px");
        }
        // 替换HTML
        var ChildHtmlStr = $(item).prop("outerHTML");
        var HtmlStr = "<div class='TableContainer TContain_" + Index + "'></div>";
        $(item).after(HtmlStr);
        $(item).remove();
        var JqStr = ".TContain_" + Index;
        $(JqStr).append(ChildHtmlStr);
        Index += 1;
    });
    $(document.body).css("width", ScreenWidth + "px");
    var BodyWidth = isNaN(parseFloat($(document).width())) ? 0 : (parseFloat($(document).width()) - GetPadVal(document.body));  // 界面宽度
    var Index = 0;
    $.each($("table"), function (index, item) {
        var TableWidth = isNaN(parseFloat($(item).width())) ? 0 : parseFloat($(item).width());  // 表格宽度
        // 替换HTML
        var JqStr = ".TContain_" + Index;
        $(JqStr).css("width", BodyWidth + "px");
        if (TableWidth > BodyWidth) {
            // 额外显示滚动条
            var SHtmlStr = "<div class='PSBar' style='width: " + BodyWidth + "px;'></div>";
            $(JqStr).after(SHtmlStr);
            var HiddenRate = BodyWidth / TableWidth;  // 滚动条比率
            var HiddenWidth = BodyWidth - (TableWidth - BodyWidth) * HiddenRate;  // 现滚动条大小
            var CSHtmlStr = "<div class='CSBar' style='width: " + HiddenWidth + "px;'></div>";
            $(JqStr).next().append(CSHtmlStr);
        }
        Index += 1;
    });
    $.each($(".container-table"), function (index, item) {
        $(item).css("width", BodyWidth + "px");
    });
    // 滚动条事件
    $(".TableContainer").on("touchstart", function () {
        pressTableFlag = true;
    }).on("touchmove", function () {
        var TableWidth = isNaN(parseFloat($(this).find("table").width())) ? 0 : parseFloat($(this).find("table").width());  // 表格宽度
        BodyWidth = isNaN(parseFloat($(document).width())) ? 0 : (parseFloat($(document).width() - GetPadVal(document.body)));  // 界面宽度
        var HiddenRate = BodyWidth / TableWidth;  // 滚动条比率
        var SLeftWdith = isNaN(parseFloat($(this)[0].scrollLeft)) ? 0 : parseFloat($(this)[0].scrollLeft);
        SLeftWdith *= HiddenRate;
        var NextClsName = $(this).next().attr("class");
        if (NextClsName == "PSBar") {
            $(this).next().find(".CSBar").css("left", SLeftWdith + "px");
        }
    });
    window.addEventListener("scroll", function (event) {
        var ClsName = event.target.className;
        if (ClsName == undefined) {
            return;
        }
        ClsName = ClsName.replace("TableContainer ", ".");
        var TableWidth = isNaN(parseFloat($(ClsName).find("table").width())) ? 0 : parseFloat($(ClsName).find("table").width());  // 表格宽度
        BodyWidth = isNaN(parseFloat($(document).width())) ? 0 : (parseFloat($(document).width() - GetPadVal(document.body)));  // 界面宽度
        var HiddenRate = BodyWidth / TableWidth;  // 滚动条比率
        var SLeftWdith = isNaN(parseFloat($(ClsName)[0].scrollLeft)) ? 0 : parseFloat($(ClsName)[0].scrollLeft);
        SLeftWdith *= HiddenRate;
        var NextClsName = $(ClsName).next().attr("class");
        if (NextClsName == "PSBar") {
            $(ClsName).next().find(".CSBar").css("left", SLeftWdith + "px");
        }
    }, true);
    $("#pContrainId").remove();
};
// 表格处理End

// 判断是否在横线内
var isGCFunc = function (NodeHandle) {
    var isFlag = false;
    var PClsName = $(NodeHandle).attr("class");
    var tagName = $(NodeHandle).prop("tagName");
    while (tagName != undefined && tagName != "BODY" && ((PClsName != undefined && PClsName.indexOf("underlineContent") == -1) || PClsName == undefined)) {
        NodeHandle = $(NodeHandle).parent();
        PClsName = $(NodeHandle).attr("class");
        tagName = $(NodeHandle).prop("tagName");
    }
    if (PClsName != undefined && PClsName.indexOf("underlineContent") > -1) {
        isFlag = true;
    }
    return isFlag;
};
// 不调用fill需要增加处理(绑定横线内处理)
var addFillAssist = function () {
    $.each($(document).find("u,span,p"), function (Iindex, Iitem) {
        // 卡控遍历条件(添加新的class)
        var ClsName = $(Iitem).attr("class");
        var hitStyleFlag = $(Iitem).attr("hitstyle");
        if (ClsName!=undefined && (hitStyleFlag == "wordStyle" || hitStyleFlag == "phraseStyle" || hitStyleFlag == "sentenceStyle" || ClsName.indexOf("underlineContent") > -1) && ClsName.indexOf("cAStauts") == -1) {
            $(Iitem).addClass("cAStauts");
        }
        if ($(Iitem).attr("ulflag") == undefined) {
            $(Iitem).attr("ulflag", "0");
        }
        if ($(Iitem).attr("shcode") == undefined) {
            $(Iitem).attr("shcode", 1);
        }
        if ($(Iitem).attr("showflag") == undefined) {
            $(Iitem).attr("showflag", "1");
        }
        if (ClsName != undefined && ClsName.indexOf("underlineContent") > -1) {
            $(Iitem).attr("ulflag", "1");
            $.each($(Iitem).find("u,span,p"), function (index, element) {
                var eClsName = $(element).attr("class");
                var eHitStyleFlag = $(element).attr("hitstyle");
                if (eClsName == undefined || eClsName.indexOf("cAStauts") == -1) {
                    $(element).addClass("cAStauts");
                }
                if ($(element).attr("ulflag") == undefined) {
                    $(element).attr("ulflag", "1");
                }
                if ($(element).attr("shcode") == undefined) {
                    $(element).attr("shcode", 1);
                }
                if ($(element).attr("showflag") == undefined) {
                    $(element).attr("showflag", "1");
                }
            });
        }
    });
    if (typeof (showGLWorld) == "function") {
        showGLWorld(styleWPSContrl.wordFlag, styleWPSContrl.phraseFlag, styleWPSContrl.sentenceFlag);
    }
};

// 处理显示或隐藏答案，(shcode是否可点击1可点击；ulflag判断是否存在横线内1表示在；showflag是否显示1显示)
var dealAnswerFunc = function (NodeHandle, OCFlag, ThProFlag) {
    if (OCFlag) {
        var showflagS = $(NodeHandle).attr("showflag");
        if ($(NodeHandle).attr("ulflag") == 1) {
            if (!ThProFlag || (ThProFlag && showflagS == 1)) {
                if ($(NodeHandle).text() == "暂无参考答案") {
                    $(NodeHandle).css("color", "#989898").attr("shcode", 1).attr("showflag", "1");
                }
                else {
                    $(NodeHandle).css("color", "#92D050").attr("shcode", 1).attr("showflag", "1");
                }
            }
        }
        else {
            $(NodeHandle).css("color", "#000000").attr("shcode", 1).attr("showflag", "1");
        }
        if ($(NodeHandle).attr("hitstyle") == "wordStyle") {
            if (styleWPSContrl.wordFlag) {
                if (!ThProFlag || (ThProFlag && showflagS == 1)) {
                    $(NodeHandle).css("color", "#db5d00").attr("shcode", 1).attr("showflag", "1");
                }
            }
            else {
                var ulflag = $(NodeHandle).attr("ulflag");
                if (ulflag == "1") {
                    if (!ThProFlag || (ThProFlag && showflagS == 1)) {
                        $(NodeHandle).css("color", "#92D050").attr("shcode", 0).attr("showflag", "1");
                    }
                }
                else {
                    $(NodeHandle).css("color", "#000000").attr("shcode", 0).attr("showflag", "1");
                }
            }
        }
        else if ($(NodeHandle).attr("hitstyle") == "phraseStyle") {
            if (styleWPSContrl.phraseFlag && showflagS == "1") {
                $(NodeHandle).css("background-color", "#f2db8b").attr("shcode", 1).attr("showflag", "1");
            }
            else if (showflagS == "1") {
                $(NodeHandle).css("background-color", "#ffffff").attr("shcode", 0).attr("showflag", "1");
            }
        }
        else if ($(NodeHandle).attr("hitstyle") == "sentenceStyle") {
            if (styleWPSContrl.sentenceFlag && showflagS == "1") {
                $(NodeHandle).css("border-bottom", "2px solid #78ae43").attr("shcode", 1).attr("showflag", "1");
            }
            else if (showflagS == "1") {
                $(NodeHandle).css("border-bottom", "2px solid #ffffff").attr("shcode", 1).attr("showflag", "1");
            }
        }
        if (!ThProFlag) {
            $.each($(NodeHandle).find(".cAStauts"), function (index, element) {
                showflagS = $(element).attr("showflag");
                // 处理普通文本
                if ($(element).attr("ulflag") == 1) {
                    if (!ThProFlag || (ThProFlag && showflagS == 1)) {
                        if ($(element).text() == "暂无参考答案") {
                            $(element).css("color", "#989898").attr("shcode", 1).attr("showflag", "1");
                        }
                        else {
                            $(element).css("color", "#92D050").attr("shcode", 1).attr("showflag", "1");
                        }
                    }
                }
                else {
                    $(element).css("color", "#000000").attr("shcode", 1).attr("showflag", "1");
                }
                // 处理高亮
                if ($(element).attr("hitstyle") == "wordStyle") {
                    if (styleWPSContrl.wordFlag) {
                        if (!ThProFlag || (ThProFlag && showflagS == 1)) {
                            $(element).css("color", "#db5d00").attr("shcode", 1).attr("showflag", "1");
                        }
                    }
                    else {
                        if (!ThProFlag || (ThProFlag && showflagS == 1)) {
                            var ulflag = $(element).attr("ulflag");
                            if (ulflag == "1") {
                                if (!ThProFlag || (ThProFlag && showflagS == 1)) {
                                    $(element).css("color", "#92D050").attr("shcode", 0).attr("showflag", "1");
                                }
                            }
                            else {
                                $(element).css("color", "#000000").attr("shcode", 0).attr("showflag", "1");
                            }
                        }
                    }
                }
                else if ($(element).attr("hitstyle") == "phraseStyle") {
                    if (styleWPSContrl.phraseFlag) {
                        if (!ThProFlag || (ThProFlag && showflagS == 1)) {
                            $(element).css("background-color", "#f2db8b").attr("shcode", 1).attr("showflag", "1");
                        }
                    }
                    else {
                        $(element).css("background-color", "#ffffff").attr("shcode", 0).attr("showflag", "1");
                    }
                }
                else if ($(element).attr("hitstyle") == "sentenceStyle") {
                    if (styleWPSContrl.sentenceFlag) {
                        if (!ThProFlag || (ThProFlag && showflagS == 1)) {
                            $(element).css("border-bottom", "2px solid #78ae43").attr("shcode", 1).attr("showflag", "1");
                        }
                    }
                    else {
                        $(element).css("border-bottom", "2px solid #ffffff").attr("shcode", 0).attr("showflag", "1");
                    }
                }
            });
        }
    }
    else {
        $(NodeHandle).css("color", "#ffffff").attr("shcode", 1).attr("showflag", "0");
        if ($(NodeHandle).attr("hitstyle") == "wordStyle") {
            $(NodeHandle).attr("shcode", 0).attr("showflag", "0");
        }
        else if ($(NodeHandle).attr("hitstyle") == "phraseStyle") {
            $(NodeHandle).css("background-color", "#ffffff").attr("shcode", 0).attr("showflag", "0");
        }
        else if ($(NodeHandle).attr("hitstyle") == "sentenceStyle") {
            $(NodeHandle).css("border-bottom", "2px solid #ffffff").attr("shcode", 0).attr("showflag", "0");
        }
        $.each($(NodeHandle).find(".cAStauts"), function (index, element) {
            // 处理普通文本
            $(element).css("color", "#ffffff").attr("shcode", 1).attr("showflag", "0");  // 合并处理
            // 处理高亮
            if ($(element).attr("hitstyle") == "wordStyle") {
                $(element).attr("shcode", 0).attr("showflag", "0");
            }
            else if ($(element).attr("hitstyle") == "phraseStyle") {
                $(element).css("background-color", "#ffffff").attr("shcode", 0).attr("showflag", "0");
            }
            else if ($(element).attr("hitstyle") == "sentenceStyle") {
                $(element).css("border-bottom", "2px solid #ffffff").attr("shcode", 0).attr("showflag", "0");
            }
        });
    }
    var underlineContentText = $(NodeHandle).text();  // 获取文本内容
    if (underlineContentText != undefined && underlineContentText.indexOf("√") > -1) {
        if (OCFlag) {
            $(NodeHandle).parent().find(".checkbox").find("input").prop('checked', true);
        }
        else {
            $(NodeHandle).parent().find(".checkbox").find("input").prop('checked', false);
        }
    }
};

//显示、隐藏答案
function showHideAnswer(flag) {
    if (flag) {
        $(".yaoshi").attr("src", PicInfo.yaoshiShowImgUrl);
        $.each($(".underlineContent"), function (index, item) {
            dealAnswerFunc(item, true, false);
        });
    }
    else {
        $(".yaoshi").attr("src", PicInfo.yaoshiHideImgUrl);
        $.each($(".underlineContent,.underlineContent.no-answer"), function (index, item) {
            dealAnswerFunc(item, false, false);
        });
    }
}

//显示、隐藏钥匙及答案 isShowYX:显示和隐藏钥匙，isShowAS：显示和隐藏答案
function showHideAnswerEx(isShowYX, isShowAS) {
    if (isShowYX) {
        $(".yaoshi").show();
    }
    else {
        $(".yaoshi").hide();
    }
    if (isShowAS) {
        $.each($(".underlineContent"), function (index, item) {
            dealAnswerFunc(item, true, false);
    });
        $(".yaoshi").attr("data-status", "1");
        $(".yaoshi").attr("src", PicInfo.yaoshiShowImgUrl);
    }
    else {
        $.each($(".underlineContent,.underlineContent.no-answer"), function (index, item) {
            dealAnswerFunc(item, false, false);
        });
        $(".yaoshi").attr("data-status", "0");
        $(".yaoshi").attr("src", PicInfo.yaoshiHideImgUrl);
    }
}

//页面加载完，原文 绑定事件
function bindEventTeaOrignalYS() {
    var bodyWidth = $(document.body).width();
    //处理答题点
    $.each($(".yaoshi"), function (index, item) {
        $(item).attr('answer-id', index);
    });
    //给音频绑定一个ID
    $.each($(".audioImg"), function (index, item) {
        $(item).attr("audiourl", "");
        $(item).attr('audio-id', index);
    });
    //给视频图标处理
    $.each($(".videoImg"), function (index, item) {
        $(item).attr("audiourl", "");
    });
    //给口语图标处理
    $.each($(".oralLanguageImg"), function (index, item) {
        $(item).attr("audiourl", "");
    });
    //处理参考答案
    $.each($(".underlineContent"), function (index, item) {
        $(item).attr("answer-anstext", $(item).html());
    });
    //去除多余的U空标签
    $.each($("u"), function (index, item) {
        var text = $(item).text();
        text = text.replace(/\s+/g, "");
        if (text == "") {
            $(item).remove();
        }
    });
    //处理暂无参考答案
    $.each($(".yaoshi"), function (index, item) {
        var parent = $(item).parent();
        var prev = $(item).nextUntil(".yaoshi").find(".underlineContent");
        if (prev.length == 0) {
            var spanHtml = document.createElement("span");
            //添加子节点
            var uHtml = document.createElement("u");
            uHtml.className = "underlineContent no-answer";
            uHtml.innerText = "暂无参考答案";
            //处理改错题及勾选题
            if ($(parent)[0].tagName == 'P') {
                if ($(parent).hasClass('correntQue') || $(parent).hasClass('boxQue')) {
                    uHtml.innerHTML = "&nbsp;&nbsp;&nbsp;";
                    //改错题，要随机下划线长度
                    if ($(parent).hasClass('correntQue')) {
                        uHtml.style = "width:" +randomNum(220, 300) + "px;";
                    }
                    uHtml.setAttribute("answer-anstext", "");
                }
            }
            $(spanHtml).html(uHtml.outerHTML);
            $(item).after(spanHtml);
        }
    });
        //处理表格宽度
    AdjustTableFunc();
    //一题多空的答题点标注
    var checkId = 0;
    var headid = -1;
    var groupId = -1;
    $(".multipleStart").each(function (i, item) {
        var $startNode = $(item);
        $.merge($(item).nextUntil(".multipleEnd").filter("[class*='group']"), $(item).nextUntil(".multipleEnd").find("[class*='group']")).each(function (index, item) {
            checkId = $(item).find('.yaoshi').attr("answer-id");
            var gid = $(item).attr('class').replace(/.*group(\d+).*/g, "$1");
            if (index == 0 || groupId != gid) {
                groupId = gid;
                headid = checkId;
            }
            $(item).find('.yaoshi').attr('parent-anid', headid);
        });
    });
    //点击喇叭事件,音频播放
    $(".audioImg").on("click", function () {
        audioPlayClick(this);
    });
    //显示/隐藏习题答案
    $(".yaoshi").on("click", function () {
        var parentAnid = $(this).attr("parent-anid");
        var curDisplay = $(this).nextUntil(".yaoshi").find(".underlineContent").eq(0).css("display");
        if (curDisplay == "undefined" || curDisplay == undefined) return;
        if (curDisplay == "none" || $(this).attr("data-status") == "0") {
            if (parentAnid != undefined) {
                $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, item) {
                    $(item).attr("data-status", "1");
                    $(item).attr("src", PicInfo.yaoshiShowImgUrl);
                    $.each($(item).parent().find(".underlineContent"), function (cIndex, cItem) {
                        dealAnswerFunc(cItem, true, false);
                    });
                });
            }
            else {
                $(this).attr("data-status", "1");
                $(this).attr("src", PicInfo.yaoshiShowImgUrl);
                $.each($(this).nextUntil(".yaoshi").find(".underlineContent"), function (index, item) {
                    dealAnswerFunc(item, true, false);
                });
            }
            //不再存在已隐藏的钥匙，移动端回调
            if ($(".yaoshi[data-status='0']").length == 0) {
                //添加回调
                console.log("全部显示了");
                onClickKeyShow();
            }
        }
        else {
            if (parentAnid != undefined) {
                $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, item) {
                    $(item).attr("data-status", "0");
                    $(item).attr("src", PicInfo.yaoshiHideImgUrl);
                    $.each($(item).parent().find(".underlineContent"), function (cIndex, cItem) {
                        dealAnswerFunc(cItem, false, false);
                    });
                });
            }
            else {
                $(this).attr("data-status", "0");
                $(this).attr("src", PicInfo.yaoshiHideImgUrl);
                $.each($(this).nextUntil(".yaoshi").find(".underlineContent"), function (index, item) {
                    dealAnswerFunc(item, false, false);
            });
            }
            //添加回调
            onClickKeyHide();
        }
    });
    //点击播放事件,视频播放
    $(".videoImg").on("click", function () {
        var curHtml = $(this).parent().find(".videoUrl").html();
        var curAlt = $(this).attr("alt");//播放视频地址
        playVisiableAudioCallBack(2, $(this).attr("alt"));
    });
    addFillAssist();
}

//页面加载完，课件 绑定事件
function bindEventYS() {
    var bodyWidth = $(document.body).width();
    //不存在underline 属性下有内容，所以全部隐藏，若有就是源头数据有问题
    $('.underline').css("display", "none");
    $.each($(".yaoshi"), function (index, item) {
        $(item).attr('answer-id', index);
    });
    //给音频绑定一个ID
    $.each($(".audioImg"), function (index, item) {
        $(item).attr("audiourl", "");
        $(item).attr('audio-id', index);
    });
    //给视频图标处理
    $.each($(".videoImg"), function (index, item) {
        $(item).attr("audiourl", "");
    });
    //给口语图标处理
    $.each($(".oralLanguageImg"), function (index, item) {
        $(item).attr("audiourl", "");
    });
    //去除多余的U空标签
    $.each($("u"), function (index, item) {
        var text = $(item).text();
        text = text.replace(/\s+/g, "");
        if (text == "") {
            $(item).remove();
        }
    });
    //处理暂无参考答案
    $.each($(".yaoshi"), function (index, item) {
        var parent = $(item).parent();
        var prev = $(item).nextAll(".underlineContent");
        if (prev.length == 0) {
            var uHtml = document.createElement("u");
            uHtml.className = "underlineContent no-answer";
            uHtml.innerText = "暂无参考答案";
            //处理改错题及勾选题
            if ($(parent)[0].tagName == 'P') {
                if ($(parent).hasClass('correntQue') || $(parent).hasClass('boxQue')) {
                    uHtml.innerHTML = "&nbsp;&nbsp;&nbsp;";
                    //改错题，要随机下划线长度
                    if ($(parent).hasClass('correntQue')) {
                        uHtml.style = "width:" +randomNum(220, 300) + "px;";
                    }
                    uHtml.setAttribute("answer-anstext", "");
                }
            }
            $(item).after(uHtml);
        }
    });
    //处理表格宽度
    AdjustTableFunc();
    //一题多空的答题点标注
    var checkId = 0;
    var headid = -1;
    var groupId = -1;
    $(".multipleStart").each(function (i, item) {
        var $startNode = $(item);
        $.merge($(item).nextUntil(".multipleEnd").filter("[class*='group']"), $(item).nextUntil(".multipleEnd").find("[class*='group']")).each(function (index, item) {
            checkId = $(item).find('.yaoshi').attr("answer-id");
            var gid = $(item).attr('class').replace(/.*group(\d+).*/g, "$1");
            if (index == 0 || groupId != gid) {
                groupId = gid;
                headid = checkId;
            }
            $(item).find('.yaoshi').attr('parent-anid', headid);
        });
    });

    //显示/隐藏习题答案
    $(".yaoshi").on("click", function () {
        var parentAnid = $(this).attr("parent-anid");
        if ($(this).attr("data-status") == "0") {
            // 显示处理
            if (parentAnid != undefined) {
                $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, fItem) {
                    $(fItem).attr("data-status", "1");
                    $(fItem).attr("src", PicInfo.yaoshiShowImgUrl);
                    $.each($(fItem).parent().find(".underlineContent"), function (index, item) {
                        dealAnswerFunc(item, true, false);
                    });
                });
            }
            else {
                $(this).attr("data-status", "1");
                $(this).attr("src", PicInfo.yaoshiShowImgUrl);
                //$(this).nextUntil(".yaoshi").filter(".underlineContent").css("color", "#92D050");
                $.each($(this).nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
                    dealAnswerFunc(item, true, false);
                });
            }
            //不再存在已隐藏的钥匙，移动端回调
            if ($(".yaoshi[data-status='0']").length == 0) {
                //添加回调
                onClickKeyShow();
            }
        }
        else {
            // 隐藏处理
            if (parentAnid != undefined) {
                $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, fItem) {
                    $(fItem).attr("data-status", "0");
                    $(fItem).attr("src", PicInfo.yaoshiHideImgUrl);
                    $.each($(fItem).parent().find(".underlineContent"), function (index, item) {
                        dealAnswerFunc(item, false, false);
                    });
                });
            }
            else {
                $(this).attr("data-status", "0");
                $(this).attr("src", PicInfo.yaoshiHideImgUrl);
                //$(this).nextUntil(".yaoshi").filter(".underlineContent").css("color", "#ffffff");
                $.each($(this).nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
                    dealAnswerFunc(item, false, false);
                });
            }
            //添加回调
            onClickKeyHide();
        }
    });
    //点击喇叭事件,音频播放
    $(".audioImg").on("click", function () {
        audioPlayClick(this);
    });
    //点击播放事件,视频播放
    $(".videoImg").on("click", function () {
        $(this).attr("audiourl", "");
        var curHtml = $(this).parent().find(".videoUrl").html();
        var curAlt = $(this).attr("alt");//播放视频地址
        playVisiableAudioCallBack(2, $(this).attr("alt"));
    });
}

// 移动端使用，true：表示点击表格且正在移动，需阻止模块切换
function getPressFlag() {
    return pressTableFlag;
}

// 设置离焦事件
function resetPressFlag() {
    pressTableFlag = false;
}
//学生端 处理作答区域
var answerData = new Array();
function handleAnswerRange() {
    // 隐藏答案划线
    $(".underlineContentShow").attr("data-status", "0");
    //规范文本格式
    var answerId = "";
    var tempJson = new Array();
    //先处理一题多空的情况，获取两个之间的答题点
    $(".multipleStart").each(function (i, item) {
        $.merge($(item).nextUntil(".multipleEnd").filter("[class*='group']"), $(item).nextUntil(".multipleEnd").find("[class*='group']")).each(function (index, item) {
            var checkId = $(item).find('.yaoshi').attr("answer-id");
            var headid = $(item).find('.yaoshi').attr("parent-anid");
            var ischecked = $(item).find(".underlineContent").text().indexOf("√") > -1;
            var answerText = ischecked ? "√" : "";
            //勾选题
            if ($(item).hasClass('boxQue')) {
                $(item).find('.yaoshi').after("<div class='checkbox' answer-id='" + checkId + "' parent-anid='" + headid + "' answer-isky='2' answer-anstext=" + answerText + "><input id=" + checkId + " type='checkbox'><label for=" + checkId + "></label></div>");
                //$(item).find('input').prop('checked', ischecked);
                $(item).find('.underlineContent').hide();
            }
            //点击事件
            $(item).find('input').bind("click", function () {
                var curObj = new Object();
                curObj.Id = $(this).parent().attr("answer-id");//答题点ID
                curObj.pId = $(this).parent().attr("parent-anid");//答题点ID
                curObj.IsKY = $(this).parent().attr("answer-isky");//是否是口语试题，0-不是口语题，1-是口语题，2-打勾题
                //curObj.Text = $(this).parent().attr("answer-text");//用户作答内容
                curObj.Score = $(this).parent().attr("answer-score");//作答评分
                curObj.AnsText = $(this).parent().attr("answer-anstext");//参考答案
                curObj.Comment = $(this).parent().attr("answer-comment");//评语
                curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID
                curObj.Text = $(this).prop("checked") ? "√" : "";//用户作答内容
                $(this).parent().attr("answer-text", curObj.Text);//用户作答内容

                $(".checkbox").removeClass("select-answer");
                $(".answer-body").removeClass("select-answer");
                $(this).parent().addClass("select-answer");

                //已作答，弹出作答答案
                if ($(this).parent().data("ans-status") == "1") {
                    //移动端添加外部处理
                    onClickAnswerPoint(JSON.stringify(curObj));
                }
                else {
                    //移动端添加外部处理，弹出作答操作
                    onClickAnswerPoint(JSON.stringify(curObj));
                }
            });
            //删除钥匙节点
            $(item).find('.yaoshi').hide();
        });
    });

    //所有underline不做处理
    $.each($(".yaoshi").nextUntil(".yaoshi").filter(".underline"), function (index, item) {
        tempId = $(item).prevAll(".yaoshi").attr("answer-id");
        //记录上一次的ID
        if (tempId == undefined) {
            tempId = answerId;
        }
        else {
            answerId = tempId;
        }
        var prev = $(item).prev();
        if ((prev.length == 0 || $(prev).attr("class") != "tag-span") && $(prev).attr("class") != "underlineContent") {
            if ($("span[answer-id='" + tempId + "']").length == 0) {
                $(item).prop("outerHTML", "<span answer-id='" + tempId + "' class='tag-span' answer-isky='0'>_</span>");
            }
        }
        $(item).remove();
    });
    //提取参考答案并规范文本格式
    answerId = "";
    $.each($(".yaoshi").nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
        var info = new Object();
        info.Id = $(item).prevAll(".yaoshi").attr("answer-id");
        info.pId = $(item).prevAll(".yaoshi").attr("parent-anid");
        //记录上一次的ID
        if (info.Id == undefined) {
            info.Id = answerId;
        }
        else {
            answerId = info.Id;
        }
        if (info.pId == undefined) {
            info.pId = answerId;
        }
        info.AnsText = $(item).attr("answer-anstext");
        if (info.AnsText == undefined) {
            info.AnsText = $(item).text();
        }
        tempJson.push(info);
        var prev = $(item).prev();
        if (!$(prev).hasClass("checkbox")) {
            if (prev.length == 0 || $(prev).attr("class") != "tag-span") {
                //替换答案
                $(item).prop("outerHTML", "<span answer-id='" +info.Id + "' class='tag-span' answer-isky='0'>_</span>");
            }
            else {
                $(item).remove();
            }
        }
    });
    $.each($(".yaoshi"), function (index, item) {
        var Id = $(item).attr("answer-id");
        var prev = $(item).next();
        if (!$(prev).hasClass("checkbox")) {
            if (prev.length == 0 || $(prev).attr("class") != "tag-span") {
                if ($("span[answer-id='" + Id + "']").length == 0) {
                    var uHtml = document.createElement("span");
                    uHtml.className = "tag-span";
                    uHtml.innerText = "_";
                    uHtml.setAttribute("answer-id", Id);
                    $(item).after(uHtml);
                }
            }
        }
    });

    //处理口语试题
    $.each($(".oralLanguage").nextUntil(".oralLanguageDone"), function (num, part) {
        if (part.tagName != "p") {
            $.each($(part).find(".tag-span"), function (index, item) {
                $(item).attr("answer-isky", "1");
            });
        }
        else {
            if ($(part).hasClass("underlinePart")) {
                $.each($(part).find(".tag-span"), function (index, item) {
                    $(item).attr("answer-isky", "1");
                });
            }
        }
    });

    //合并参考答案数据
    var tempid = "";
    var temppid = "";
    var temptext = "";
    for (var i = 0; i < tempJson.length; i++) {
        if (tempid == tempJson[i].Id) {
            temptext = temptext +tempJson[i].AnsText;
        }
        else {
            if (tempid != "") {
                var info = new Object();
                info.Id = tempid;
                info.pId = temppid;
                info.AnsText = temptext;
                answerData.push(info);
                //重置
                tempid = "";
                temptext = "";
            }
            tempid = tempJson[i].Id;
            temppid = tempJson[i].pId;
            temptext = tempJson[i].AnsText;
            //最后一个存入
            if (i == tempJson.length -1) {
                var info = new Object();
                info.Id = tempid;
                info.pId = temppid;
                info.AnsText = temptext;
                answerData.push(info);
            }
        }
    }

    //补全答题点
    var Num = 0;
    if (answerData.length > 0) {
        //Num = Number.parseInt(answerData[answerData.length - 1].Id);
        Num = Number.parseInt($(".yaoshi:last").attr('answer-id'));
        for (var i = 0; i < Num +1; i++) {
            if (i < answerData.length) {
                var index = Number(answerData[i].Id) -i;
                for (var j = 0; j < index; j++) {
                    var info = new Object();
                    info.Id = (i +j).toString();
                    info.pId = info.Id;
                    info.AnsText = "";
                    answerData.splice(i, 0, info);
                }
            }
            else {
                var info = new Object();
                info.Id = (i).toString();
                info.pId = info.Id;
                info.AnsText = "";
                answerData.splice(i, 0, info);
            }
        }
    }

    //添加答题点的点击UI及交互
    $.each($(".tag-span"), function (index, item) {
        var answerText = "";
        var parentId = "";
        var isky = $(item).attr('answer-isky');
        var answerid = $(item).attr('answer-id');

        for (var i = 0; i < answerData.length; i++) {
            if (answerid == answerData[i].Id) {
                parentId = answerData[i].pId;
                answerText = answerData[i].AnsText;
                break;
            }
        }
        $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentId + "' answer-anstext='" + answerText + "' answer-isky='" + isky + "' answer-showanswer='0'><div class='answer-audio-range'><img src='" +PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range'><img src='" +PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text'></buttom></div>");
        //删除钥匙节点
        var prev = $("img[answer-id='" + answerid + "']");
        if (prev.length > 0) {
            $(prev).remove();
        }
    });

    //添加点击事件
    $(".answer-body").on("click", function () {
        var curObj = new Object();
        curObj.Id = $(this).attr("answer-id");//答题点ID
        curObj.pId = $(this).attr("parent-anid");//答题点ID
        curObj.IsKY = $(this).attr("answer-isky");//是否是口语试题，0-不是口语题，1-是口语题
        curObj.Text = $(this).attr("answer-text");//用户作答内容
        curObj.Score = $(this).attr("answer-score");//作答评分
        curObj.AnsText = $(this).attr("answer-anstext");//参考答案
        curObj.Comment = $(this).attr("answer-comment");//评语
        curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID
        $(".checkbox").removeClass("select-answer");
        $(".answer-body").removeClass("select-answer");
        $(this).addClass("select-answer");
        //已作答，弹出作答答案
        if ($(this).data("ans-status") == "1") {
            //移动端添加外部处理
            onClickAnswerPoint(JSON.stringify(curObj));
        }
        else {
            //移动端添加外部处理，弹出作答操作
            onClickAnswerPoint(JSON.stringify(curObj));
        }
    });

    //去除多余的空格横线
    $.each($(".underline"), function (index, item) {
        var text = $(item).text();
        text = text.replace(/\s+/g, "");
        if (text == "") {
            $(item).remove();
        }
    });
    //删除所有钥匙节点
    $("img[class=yaoshi]").remove();
    //console.log(JSON.stringify(answerData));
    return answerData;
}

//接收学生的作答
function reviewAnswer(answerJson) {
    if (answerJson != "" && answerJson) {
        var answerObj = JSON.parse(answerJson);
        var selectElement = $(".answer-body[answer-id='" +answerObj.Id + "']");
        var audioElement = $(selectElement).children(".answer-audio-range").children("img").eq(0);
        answerObj.IsKY = $(selectElement).attr("answer-isky");//是否是口语试题，0-不是口语题，1-是口语题

        //是否为音频作答
        if ((answerObj.Type == 3 || answerObj.Type == 4) && answerObj.AudioUrl != "") {
            $(selectElement).children(".answer-point-range").hide();
            $(selectElement).children(".answer-audio-range").css("display", "inline-block");
            $(selectElement).children(".answer-audio-range").children("span").text("作答音频(" +answerObj.AudioLength + "s)");
            //填充作答内容
            $(selectElement).attr("answer-text", answerObj.Text);
            if (answerObj.Text != "") {
                answerObj.Text = "(" +answerObj.Text + ")";
                $(selectElement).children(".answer-text").show();
                $(selectElement).children(".answer-text").text(answerObj.Text);
            }

            //是否之前存在作答音频
            $(selectElement).attr("answer-url", answerObj.AudioUrl);
            $(audioElement).attr("src", PicInfo.recordPlayImgUrl);
            $(selectElement).children(".answer-audio-range").attr("play-status", "0");
            //独立绑定事件
            $(audioElement).on("click", function () {
                recordAudioClick(this, answerObj.Id, answerObj.AudioUrl);
            });
            $(selectElement).children(".answer-audio-range").children("span").on("click", function () {
                $(".answer-body").removeClass("select-answer");
                $(selectElement).addClass("select-answer");
                onClickAnswerPoint(JSON.stringify(answerObj));
            });
            $(selectElement).attr("answer-showanswer", "1");
        }
        else {
            $(selectElement).attr("answer-text", answerObj.Text);//填充作答内容
            $(selectElement).children(".answer-audio-range").hide();
            if (answerObj.Text != "") {
                $(selectElement).children(".answer-text").show();
                $(selectElement).children(".answer-point-range").hide();
                $(selectElement).children(".answer-text").text(answerObj.Text);
                $(selectElement).attr("answer-showanswer", "1");
            }
            else {
                $(selectElement).children(".answer-text").hide();
                $(selectElement).children(".answer-point-range").show();
            }
        }
    }
}

//提交，获取所有作答答案及参考答案
function getAllAnswer() {
    //处理作答
    $.each($(".answer-body"), function (index, item) {
        var answerid = $(item).attr("answer-id");
        var parentid = $(item).attr("parent-anid");
        var mytext = $(item).children(".answer-text").text();
        var curDisplay = $(item).children(".answer-audio-range").css("display");
        if (mytext == "" && curDisplay == "none") {
            mytext = "未作答";
            if (parentid != answerid) {
                mytext = "&nbsp;&nbsp;&nbsp;&nbsp;";
                $(item).children(".answer-text").html(mytext);
                $(item).children(".answer-text").addClass("noanswer-border");
            }
            else {
                $(item).children(".answer-text").text(mytext);
                $(item).children(".answer-text").addClass("no-answer");
        }
            $(item).children(".answer-point-range").hide();
            $(item).children(".answer-text").show();
        }
    });
    $(".answer-body").removeClass("select-answer");//移除样式
    $(".answer-body").unbind("click");//取消点击绑定事件
    $(".answer-body").children(".answer-audio-range").children("span").unbind("click");//取消点击绑定事件
    //打勾题的还原
    $.each($(".checkbox"), function (num, item) {
        var answerid = $(item).attr("answer-id");
        var parentid = $(item).attr("parent-anid");
        //提交直接还原作答现场
        var mytext = $(item).attr("answer-text");//我的答案
        var ischecked = mytext.indexOf("√") > -1;
        var answerText = $(item).attr("answer-anstext");//参考答案
        mytext = mytext == "" ? "__" : mytext;
        $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentid + "' answer-anstext='" + answerText + "' answer-isky='2'><div class='answer-audio-range'><img src='" +PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img src='" +PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text' style='display:block;'>" + mytext + "</buttom></div>");
    });
    //console.log(JSON.stringify(answerData));
    return answerData;
}

//回填所有答案，answerJson：所有作答及参考答案List，statusType：0-可作答，1-已提交，2-查看评阅
function backupAllAnswer(answerJson, statusType) {
    if (answerJson != "" && answerJson) {
        var answerList = JSON.parse(answerJson);
        $.each($(".answer-body"), function (num, item) {
            //查找
            var index = 0;
            var answerid = $(item).attr("answer-id");
            var parentid = $(item).attr("parent-anid");
            for (var i = 0; i < answerList.length; i++) {
                if (answerid == answerList[i].Id) {
                    index = i;
                    break;
                }
            }
            //提交直接还原作答现场
            var mytext = answerList[index].Text;//我的答案
            answerList[index].IsKY = $(item).attr("answer-isky");//是否是口语试题，0-不是口语题，1-是口语题
            //添加音频控制
            var hasAudio = false;
            var audioElement = $(item).children(".answer-audio-range").children("img").eq(0);
            if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
                hasAudio = true;
                $(item).children(".answer-point-range").hide();
                $(item).children(".answer-audio-range").css("display", "inline-block");
                $(item).children(".answer-audio-range").children("span").text("作答音频(" +answerList[index].AudioLength + "s)");
                //填充作答内容
                $(item).attr("answer-text", mytext);
                if (mytext != "") {
                    mytext = "(" + mytext + ")";
                    $(item).children(".answer-text").show();
                    $(item).children(".answer-text").text(mytext);
                }
                //音频节点
                $(audioElement).attr("src", PicInfo.recordPlayImgUrl);
                $(item).attr("answer-url", answerList[index].AudioUrl);
                $(item).children(".answer-audio-range").attr("play-status", "0");

                //独立绑定事件
                $(audioElement).on("click", function () {
                    recordAudioClick(this, answerList[index].Id, answerList[index].AudioUrl);
                });
            }
            //可作答状态，作答还原
            if (statusType == 0) {
                //已作答过，还原作答，增加作答后的UI节点
                if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
                    $(item).children(".answer-audio-range").children("span").on("click", function () {
                        $(".answer-body").removeClass("select-answer");
                        $(item).addClass("select-answer");
                        onClickAnswerPoint(JSON.stringify(answerList[index]));
                    });
                }
                else {
                    $(item).attr("answer-text", mytext);//填充作答内容
                    if (mytext != "") {
                        $(item).children(".answer-text").show();
                        $(item).children(".answer-point-range").hide();
                        $(item).children(".answer-text").text(mytext);
                    }
                }
            }
            //已提交，作答还原
            if (statusType == 1) {
                //取消点击绑定事件
                $(item).unbind('click');
                //填充作答内容
                $(item).attr("answer-text", mytext);
                if (mytext == "" && !hasAudio) {
                    mytext = "未作答";
                    if (parentid != answerid) {
                        mytext = "&nbsp;&nbsp;&nbsp;&nbsp;";
                        $(item).children(".answer-text").html(mytext);
                        $(item).children(".answer-text").addClass("noanswer-border");
                    }
                    else {
                        $(item).children(".answer-text").text(mytext);
                        $(item).children(".answer-text").addClass("no-answer");
                    }
                    $(item).children(".answer-text").show();
                }
                else if (mytext == "" && hasAudio) {
                    $(item).children(".answer-text").hide();
                }
                else {
                    $(item).children(".answer-text").show();
                    $(item).children(".answer-text").text(mytext);
                }
                $(item).children(".answer-point-range").hide();
            }
            //已评阅，查看评阅详情
            if (statusType == 2) {
                //添加音频控制
                if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
                    //独立绑定事件
                    $(item).children(".answer-audio-range").children("span").on("click", function () {
                        $(".answer-body").removeClass("select-answer");
                        $(item).addClass("select-answer");
                        onClickAnswerPoint(JSON.stringify(answerList[index]));
                    });
                }
                else {
                    $(item).attr("answer-text", mytext);//填充作答内容
                    if (mytext == "" && !hasAudio) {
                        mytext = "未作答";
                        if (parentid != answerid) {
                            mytext = "&nbsp;&nbsp;&nbsp;&nbsp;";
                            $(item).children(".answer-text").html(mytext);
                            $(item).children(".answer-text").addClass("noanswer-border");
                        }
                        else {
                            $(item).children(".answer-text").text(mytext);
                            $(item).children(".answer-text").addClass("no-answer");
                        }
                        $(item).children(".answer-text").show();
                    }
                    else if (mytext == "" && hasAudio) {
                        $(item).children(".answer-text").hide();
                    }
                    else {
                        $(item).children(".answer-text").show();
                        $(item).children(".answer-text").text(mytext);
                    }
                    $(item).children(".answer-point-range").hide();
                }
                //评阅样式
                if (answerList[index].Score == 0 && answerList[index].Text != "") {
                    $(item).children(".answer-text").addClass("bad-answer");
                }
                if (answerList[index].Score > 0) {
                    $(item).children(".answer-text").addClass("good-answer");
                }
            }
            // 添加answer-boy的样式判断
            var DStatusFlag = $(item).find(".answer-point-range").css("display") != "none";
            if (DStatusFlag) {
                $(item).attr("answer-showanswer", "0");  // 修改显示格式
            }
            else {
                $(item).attr("answer-showanswer", "1");  // 修改显示格式
            }
        });
        //打勾题的还原
        $.each($(".checkbox"), function (num, item) {
            //可作答状态，作答还原
            var index = 0;
            var answerid = $(item).attr("answer-id");
            var parentid = $(item).attr("parent-anid");
            for (var i = 0; i < answerList.length; i++) {
                if (answerid == answerList[i].Id) {
                    index = i;
                    break;
                }
            }
            //提交直接还原作答现场
            var mytext = answerList[index].Text;//我的答案
            var ischecked = mytext.indexOf("√") > -1;
            var answerText = $(item).attr("answer-anstext");//参考答案
            $(item).attr("answer-text", mytext);
            $(item).find('input').prop('checked', ischecked);
            //已提交，已评阅，还原HTML代码，去除checkbox
            if (statusType == 1 || statusType == 2) {
                mytext = mytext == "" ? "__" : mytext;
                $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentid + "' answer-anstext='" + answerText + "' answer-isky='2' answer-text='" + mytext + "'><div class='answer-audio-range'><img src='" +PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img src='" +PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text' style='display:block;'>" + mytext + "</buttom></div>");
            }
        });
        //点击事件重新绑定
        if (statusType == 0 || statusType == 2) {
            $(".answer-body").unbind("click").on("click", function () {
                var curObj = new Object();
                curObj.Id = $(this).attr("answer-id");//答题点ID
                curObj.pId = $(this).attr("parent-anid");//答题点ID
                curObj.IsKY = $(this).attr("answer-isky");//是否是口语试题，0-不是口语题，1-是口语题
                curObj.Text = $(this).attr("answer-text");//用户作答内容
                curObj.Score = $(this).attr("answer-score");//作答评分
                curObj.AnsText = $(this).attr("answer-anstext");//参考答案
                curObj.Comment = $(this).attr("answer-comment");//评语
                curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID
                $(".checkbox").removeClass("select-answer");
                $(".answer-body").removeClass("select-answer");
                if (statusType == 2) {
                    $(".answer-body[parent-anid=" +curObj.pId + "]").addClass("select-answer");
                }
                else {
                    $(this).addClass("select-answer");
                }
                //已作答，弹出作答答案
                if ($(this).data("ans-status") == "1") {
                    //移动端添加外部处理
                    onClickAnswerPoint(JSON.stringify(curObj));
                }
                else {
                    //移动端添加外部处理，弹出作答操作
                    onClickAnswerPoint(JSON.stringify(curObj));
                }
            });
        }
    }
}

//老师评阅学生作答
function reviewStuAnswer(answerJson) {
    if (answerJson != "" && answerJson) {
        var answerObj = JSON.parse(answerJson);
        var selectElement = $(".answer-body[answer-id='" +answerObj.Id + "']");

        //$(selectElement).attr("answer-text", answerObj.Text);//用户作答内容
        $(selectElement).attr("answer-score", answerObj.Score);//作答评分
        $(selectElement).attr("answer-anstext ", answerObj.AnsText);//参考答案
        $(selectElement).attr("answer-comment", answerObj.Comment);//评语
        //评阅样式
        if (answerObj.Score == 0) {
            $(selectElement).children(".answer-text").removeClass("good-answer");
            $(selectElement).children(".answer-text").addClass("bad-answer");
        }
        if (answerObj.Score > 0) {
            $(selectElement).children(".answer-text").removeClass("bad-answer");
            $(selectElement).children(".answer-text").addClass("good-answer");
        }
    }
}

//回填所有评阅信息，answerJson：所有作答及参考答案评阅信息List
function backupAllReview(answerJson) {
    if (answerJson != "" && answerJson) {
        var answerList = JSON.parse(answerJson);
        $.each($(".answer-body"), function (num, item) {
            //查找
            var index = 0;
            var answerid = $(item).attr("answer-id");
            var parentid = $(item).attr("parent-anid");
            for (var i = 0; i < answerList.length; i++) {
                if (answerid == answerList[i].Id) {
                    index = i;
                    break;
                }
            }
            //$(item).attr("answer-id", answerList[index].Id);//答题点ID
            //$(item).attr("answer-text", answerList[index].Text);//用户作答内容
            $(item).attr("answer-score", answerList[index].Score);//作答评分
            $(item).attr("answer-anstext", answerList[index].AnsText);//参考答案
            $(item).attr("answer-comment", answerList[index].Comment);//评语

            //提交直接还原作答现场
            var mytext = answerList[index].Text;//我的答案
            var audioElement = $(item).children(".answer-audio-range").children("img").eq(0);
            if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
                $(item).children(".answer-point-range").hide();
                $(item).children(".answer-audio-range").css("display", "inline-block");
                $(item).children(".answer-audio-range").children("span").text("作答音频(" +answerList[index].AudioLength + "s)");
                //填充作答内容
                $(item).attr("answer-text", mytext);
                if (mytext != "") {
                    mytext = "(" + mytext + ")";
                    $(item).children(".answer-text").show();
                    $(item).children(".answer-text").text(mytext);
                }
                //是否之前存在作答音频
                $(audioElement).attr("src", PicInfo.recordPlayImgUrl);
                $(item).attr("answer-url", answerList[index].AudioUrl);
                $(item).children(".answer-audio-range").attr("play-status", "0");
                //独立绑定事件
                $(audioElement).on("click", function () {
                    recordAudioClick(this, answerList[index].Id, answerList[index].AudioUrl);
                });
                $(item).children(".answer-audio-range").children("span").on("click", function () {
                    $(".answer-body").removeClass("select-answer");
                    $(item).addClass("select-answer");
                    onClickAnswerPoint(JSON.stringify(answerList[index]));
                });
            }
            else {
                $(item).attr("answer-text", mytext);//填充作答内容
                if (mytext == "") {
                    mytext = "未作答";
                    if (parentid != answerid) {
                        mytext = "&nbsp;&nbsp;&nbsp;&nbsp;";
                        $(item).children(".answer-text").html(mytext);
                        $(item).children(".answer-text").addClass("noanswer-border");
                    }
                    else {
                        $(item).children(".answer-text").text(mytext);
                        $(item).children(".answer-text").addClass("no-answer");
                    }
                }
                else {
                    $(item).children(".answer-text").text(mytext);
                }
                $(item).children(".answer-text").show();
                $(item).children(".answer-point-range").hide();
            }
            //评阅样式
            if (answerList[index].Score == 0) {
                $(item).children(".answer-text").addClass("bad-answer");
            }
            if (answerList[index].Score > 0) {
                $(item).children(".answer-text").addClass("good-answer");
            }
        });
        //打勾题的还原
        $.each($(".checkbox"), function (num, item) {
            //查找
            var index = 0;
            var answerid = $(item).attr("answer-id");
            var parentid = $(item).attr("parent-anid");
            for (var i = 0; i < answerList.length; i++) {
                if (answerid == answerList[i].Id) {
                    index = i;
                    break;
                }
            }

            //提交直接还原作答现场
            var mytext = answerList[index].Text;//我的答案
            var ischecked = mytext.indexOf("√") > -1;
            var answerText = $(item).attr("answer-anstext");//参考答案
            mytext = mytext == "" ? "__" : mytext;
            $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentid + "' answer-anstext='" + answerText + "' answer-isky='2' answer-text='" + mytext + "'><div class='answer-audio-range'><img src='" +PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img src='" +PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text' style='display:block;'>" + mytext + "</buttom></div>");
        });
        //点击事件重新绑定
        $(".answer-body").unbind("click").on("click", function () {
            var curObj = new Object();
            curObj.Id = $(this).attr("answer-id");//答题点ID
            curObj.pId = $(this).attr("parent-anid");//答题点ID
            curObj.IsKY = $(this).attr("answer-isky");//是否是口语试题，0-不是口语题，1-是口语题
            curObj.Text = $(this).attr("answer-text");//用户作答内容
            curObj.Score = $(this).attr("answer-score");//作答评分
            curObj.AnsText = $(this).attr("answer-anstext");//参考答案
            curObj.Comment = $(this).attr("answer-comment");//评语
            curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID

            $(".checkbox").removeClass("select-answer");
            $(".answer-body").removeClass("select-answer");
            //$(this).addClass("select-answer");
            $(".answer-body[parent-anid=" +curObj.pId + "]").addClass("select-answer");
            //已作答，弹出作答答案
            if ($(this).data("ans-status") == "1") {
                //移动端添加外部处理
                onClickAnswerPoint(JSON.stringify(curObj));
            }
            else {
                //移动端添加外部处理，弹出作答操作
                onClickAnswerPoint(JSON.stringify(curObj));
            }
        });
    }
}

//处理播放录音，answerid：答题点ID，isPlay：是否播放（0-暂停，1-播放）
function playRecordAudio(answerid, isPlay) {
    //获取其他正在播放的音频
    var playing = $(".answer-body[answer-id='" + answerid + "']").children(".answer-audio-range");
    if (playing.length > 0) {
        if (isPlay == "1") {
            $(playing).attr("play-status", "1");
            $(playing).find("img").attr("src", PicInfo.recordPauseImgUrl);//移动端要根据本地路径替换
        }
        else {
            $(playing).attr("play-status", "0");
            $(playing).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
        }
    }
}
//滚动到相应DIV
function scrollAnswer(answerid) {
    //console.log(answerid);
    $(".checkbox").removeClass("select-answer");
    $(".answer-body").removeClass("select-answer");
    var ansDom = $(".answer-body[parent-anid='" + answerid + "']");
    if (ansDom.length == 0) {
        ansDom = $(".checkbox[parent-anid='" + answerid + "']");
    }
    $(ansDom).addClass("select-answer");
    var scroll_offset = $(ansDom).offset(); //得到box这个div层的offset，包含两个值，top和left
    var offset_top = scroll_offset.top;
    if (offset_top > 150) {
        offset_top = offset_top -200;
    }
    $("body,html").animate({
            scrollTop: offset_top //让body的scrollTop等于pos的top，就实现了滚动
    });
}

//暂停播放原文音频
function pauseTextAudio(audioid) {
    //获取其他正在播放的音频
    var playing = $(".audioImg[audio-id='" + audioid + "']");
    if (playing.length > 0) {
        $(playing).attr("play-status", "0");
        $(playing).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
    }
}

//原文音频播放按钮点击事件
function audioPlayClick(myobj) {
    var curHtml = $(myobj).parent().find(".audioUrl").html();
    var curAlt = $(myobj).attr("alt");
    //处理当前按钮的状
    if ($(myobj).attr("play-status") == "1") {
        $(myobj).attr("play-status", "0");
        $(myobj).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
    }
    else {
        //停止其他作答音频播放
        var isRecordPlaying = $(".answer-audio-range[play-status='1']");
        if (isRecordPlaying.length > 0) {
            $(isRecordPlaying).attr("play-status", "0");
            $(isRecordPlaying).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
        }
        //停止其他原文音频播放
        var audioPlaying = $(".audioImg[play-status='1']");
        if (audioPlaying.length > 0) {
            $(audioPlaying).attr("play-status", "0");
            $(audioPlaying).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
        }
        //设置播放状态
        $(myobj).attr("play-status", "1");
        $(myobj).attr("src", PicInfo.audioPlayImgUrl);//移动端要根据本地 喇叭 路径替换
    }
    var info = new Object();
    info.Id = $(myobj).attr("audio-id");
    info.AudioUrl = curAlt;
    //移动端添加外部处理
    playVisiableAudioCallBack(1, JSON.stringify(info));
}

//作答录音播放按钮点击事件
function recordAudioClick(myobj, id, url) {
    //处理当前按钮的状态
    if ($(myobj).parent().attr("play-status") == "0") {
        //停止其他作答音频播放
        var isRecordPlaying = $(".answer-audio-range[play-status='1']");
        if (isRecordPlaying.length > 0) {
            $(isRecordPlaying).attr("play-status", "0");
            $(isRecordPlaying).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
        }
        //停止其他原文音频播放
        var audioPlaying = $(".audioImg[play-status='1']");
        if (audioPlaying.length > 0) {
            $(audioPlaying).attr("play-status", "0");
            $(audioPlaying).attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地 喇叭 路径替换
        }
        //设置播放状态
        $(myobj).parent().attr("play-status", "1");
        $(myobj).attr("src", PicInfo.recordPauseImgUrl);//移动端要根据本地路径替换
    }
    else {
        $(myobj).parent().attr("play-status", "0");
        $(myobj).attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
    }
    //移动端添加外部处理，播放录音
    var info = new Object();
    info.Id = id;
    info.AudioUrl = url;
    //移动端添加外部处理，播放录音
    playVisiableAudioCallBack(3, JSON.stringify(info));
}

//生成从minNum到maxNum的随机数
function randomNum(minNum, maxNum) {
    switch (arguments.length) {
        case 1:
            return parseInt(Math.random() * minNum + 1, 10);
            break;
        case 2:
            return parseInt(Math.random() * (maxNum - minNum + 1) +minNum, 10);
            break;
        default:
            return 0;
            break;
    }
}

// 传递显示单词wordFlag/短语phraseFlag/句型sentenceFlag，true表示高亮,false表示不高亮
function showGLWorld(wordFlag, phraseFlag, sentenceFlag) {
    styleWPSContrl.wordFlag = wordFlag;
    styleWPSContrl.phraseFlag = phraseFlag;
    styleWPSContrl.sentenceFlag = sentenceFlag;
    $.each($(document.body).find("u[hitstyle='wordStyle'],span[hitstyle='wordStyle'],p[hitstyle='wordStyle'],u[hitstyle='phraseStyle'],span[hitstyle='phraseStyle'],p[hitstyle='phraseStyle'],u[hitstyle='sentenceStyle'],span[hitstyle='sentenceStyle'],p[hitstyle='sentenceStyle']"), function (index, element) {
        dealAnswerFunc(element, true, true);
    });
}
function playVisiableAudioCallBack(type, url) {
    //console.log(url);
    cancelBubble();
    plugin.startPlay(type, url);
}

function onClickAnswerPoint(data) {
    //alert(JSON.stringify(data));
    console.log(JSON.stringify(data));
    cancelBubble();
    plugin.onClickAnswerPoint(data);
}

function onClickKeyHide() {
    //alert(JSON.stringify(data));
    cancelBubble();
    plugin.onClickKeyHide();
}

function onClickKeyShow() {
    //alert(JSON.stringify(data));
    cancelBubble();
    plugin.onClickKeyShow();
}

function cancelBubble(e) {
    var evt = e ? e : window.event;
    if (evt.stopPropagation) { //W3C
        evt.stopPropagation();
    } else { //IE
        evt.cancelBubble = true;
    }
}

function getSelectedText(title) {
    var txt;
    if (window.getSelection) {
        txt = window.getSelection().toString();
    } else if (window.document.getSelection) {
        txt = window.document.getSelection().toString();
    } else if (window.document.selection) {
        txt = window.document.selection.createRange().text;
    }
    JSInterface.callback(txt, title);
}