合并分支

EBook.Web/Common/mtm_temp.js

@@ -15,7 +15,7 @@ function Fill(data) {
                 }
                 else {
                     highlightItem.attr('hitCode', item.SourceCode);
-            }
+                }
 
                 highlightArr.push(highlightItem);
             }
@@ -29,7 +29,7 @@ function Fill(data) {
                 }
                 else {
                     highlightItem.attr('hitCode', item.SourceCode);
-            }
+                }
 
                 highlightArr.push(highlightItem);
             }
@@ -48,7 +48,7 @@ function Fill(data) {
                 else {
                     bindEvent(item.attr('iskeyklg', 'true').attr("hitstyle", "phraseStyle").addClass('phraseStyle'), true);
                     if ($(item).parent().attr('iskeyklg') == 'true' && $(item).parent().attr('flag') == 'phrase') $(item).addClass('border1')
-            }
+                }
             }
             else if (item.attr('flag') == 'sentence') {
                 if (item.attr('iskeyklg') == 'true') return;
@@ -101,7 +101,7 @@ function bindEvent(ele, opt) {
                             //plugin.call(code);
                             //alert($(this).attr("hitCode"));
                             var sHCode = $(this).attr("shcode");
-                            if (sHCode != undefined && sHCode==1) {
+                            if (sHCode != undefined && sHCode == 1) {
                                 test($(this).attr("hitCode"));
                             }
                             else if (sHCode == undefined) {

EBook.Web/Common/tasklib_book.css

@@ -1,8 +1,16 @@
 body {text-align:left;}
 p{word-break: break-word;word-wrap: break-word;clear:both;line-height: 22px;}
 /*作答区域外层*/
-.answer-body {background-color:#eaf6ff;border-radius: 5px;display:inline-block;margin-bottom:-1px;margin-top:8px;}
+.answer-body {border-radius: 5px;display:inline-block;margin-bottom:-1px;margin-top:8px;}
 .answer-body[answer-showanswer='1']{display:inline;}
+.answer-body[data-astatus='0'] {
+    border: 1px solid #6ab7ff;
+    margin-bottom: 5px;
+}
+.answer-body[data-astatus='3'] {
+    /*border-bottom: 1px solid #979797;*/
+    margin-bottom: 5px;
+}
 p .answer-body{
     margin-left:5px;
 }
@@ -13,6 +21,7 @@ p .answer-body:first-child{
 .noanswer-border {border-bottom: 1px solid #66b6ff;}
 /*作答音频区域*/
 .answer-audio-range { border-radius: 5px;border:solid #66b6ff 1px;height:20px;background-color:#eaf6ff;display:none;margin-bottom:-6px;}
+.select-answer .answer-audio-range {background-color:#eaf6ff;}
 .answer-audio-range img {float:left;margin-left:3px;margin-top:2px;width:15px;height:15px;}
 .answer-audio-range span { float:left;margin-left:4px; margin-right:5px;color:#6ab7ff;line-height:19px;font-size:15px;}
 /*答题点区域*/
@@ -20,15 +29,28 @@ p .answer-body:first-child{
 .answer-point-range img {float:left;margin-left:3px;margin-top:5px;width:16px;height:16px;}
 .answer-point-range span { float:left;margin-left:3px; margin-right:7px;color:#6ab7ff;line-height:25px;font-size:16px;}
 /*作答内容*/
-.answer-text { margin-left:5px; margin-right:8px;color:#6ab7ff;line-height:25px;font-size:16px;word-break:break-word;word-wrap:break-word;display:inline-block;text-indent:0;display:none;border-bottom: 1px solid #66b6ff;}
+.answer-text { margin-left:5px; margin-right:8px;color:#6ab7ff;height:20px;line-height:25px;font-size:16px;word-break:break-word;word-wrap:break-word;display:inline-block;text-indent:0;display:none;border-bottom: 1px solid #979797;margin-bottom:5px;}
 /*评阅及点击相关样式*/
-.no-answer { color:#989898;text-decoration:none;border-bottom: 1px solid #979797;}
-.bad-answer { color:red; }
-.good-answer { color:green; }
-.select-answer{background:#ffefe4;}
-.select-answer .cBoxCls{background:#ffefe4;}
-.select-answer .answer-text {color:#ff6600;}
-.select-answer .answer-point-range span {color:#ff6600;}
+.no-answer { color:#ff6600;text-decoration:none;border-bottom: 1px solid #979797;}
+.select-answer[data-astatus='1'][data-errstatus='1'] .no-answer,.select-answer[data-astatus='2'][data-errstatus='1'] .no-answer{
+    background:#ffefe4;
+}
+/*.bad-answer { color:red; }
+.good-answer { color:green; }*/
+.select-answer{
+    border: none !important;
+    background:#eaf6ff;
+}
+.select-answer .cBoxCls{background:#eaf6ff;}
+.select-answer .answer-text {color:#6ab7ff;}
+.select-answer .answer-point-range span {color:#6ab7ff;}
+.select-answer[data-astatus='1'][data-errstatus='1'],.select-answer[data-astatus='2'][data-errstatus='1']{background:#ffefe4;}
+.select-answer[data-astatus='1'][data-errstatus='1'] .cBoxCls,.select-answer[data-astatus='2'][data-errstatus='1'] .cBoxCls{background:#ffefe4;}
+.select-answer[data-astatus='1'][data-errstatus='1'] .answer-text,.select-answer[data-astatus='2'][data-errstatus='1'] .answer-text {color:#ff6600;}
+.select-answer[data-astatus='1'][data-errstatus='1'] .answer-point-range span,.select-answer[data-astatus='2'][data-errstatus='1'] .answer-point-range span {color:#ff6600;}
+.select-answer[data-astatus='1'][data-errstatus='0'] .answer-text,.select-answer[data-astatus='2'][data-errstatus='0'] .answer-text{background:#eaf6ff;}
+
+
 /*一题多空样式*/
 .checkbox {display:inline;}
 
@@ -81,7 +103,6 @@ p .answer-body:first-child{
     height: auto;
     overflow-x:auto !important;
     overflow-y:hidden !important;
-    margin: 15px 0px 0px 0px;
 }
 .TableContainer::-webkit-scrollbar{
     display:none;
@@ -95,6 +116,7 @@ p .answer-body:first-child{
     background-color: #eee;
     z-index: 2;
     overflow:hidden;
+    margin-bottom:15px;
 }
 .CSBar{
     height: 5px;
@@ -111,9 +133,12 @@ p .answer-body:first-child{
 td p{
     line-height: 35px !important;
 }
-.TableContainer td span{
-    white-space:normal;
-    word-break:normal;
+td p .answer-body{
+    height:30px;
+}
+.TableContainer td span,.TableContainer td{
+    white-space:normal !important;
+    word-break:normal !important;
 }
 table{
     table-layout:fixed;
@@ -142,6 +167,8 @@ table{
 .ListenDiv{
     height:48px;
     background-color:rgba(10,169,251,1);
+    margin-top: 15px;
+    margin-bottom: 5px;
 }
 .ListenDiv[data-status='1']{
     height:80px;

EBook.Web/Common/tasklib_book.js

@@ -80,32 +80,34 @@ var removeHtmlFunc = function (htmlStr, TdWidthVal) {
     var matchesArr = htmlStr.match(pattStr);
     if (matchesArr != null && (matchesArr != undefined && matchesArr.length > 0)) {
         for (var i = 0; i < matchesArr.length; i++) {
-            var TempWidthVal = 0;
-            var pattWStr = new RegExp(/width\s?:\s?[0-9|p|x|%]+;/ig);
-            var matchesWArr = matchesArr[i].match(pattWStr);
-            if (matchesWArr != null && matchesWArr.length > 0) {
-                if (matchesWArr[0].indexOf("%") > -1) {
-                    var TWidthVal = parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width:", ""));
-                    TempWidthVal += TdWidthVal * TWidthVal;
+            if (matchesArr[i].indexOf("nextpic") == -1) {
+                var TempWidthVal = 0;
+                var pattWStr = new RegExp(/width\s?:\s?[0-9|p|x|%]+;/ig);
+                var matchesWArr = matchesArr[i].match(pattWStr);
+                if (matchesWArr != null && matchesWArr.length > 0) {
+                    if (matchesWArr[0].indexOf("%") > -1) {
+                        var TWidthVal = parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width:", ""));
+                        TempWidthVal += TdWidthVal * TWidthVal;
+                    }
+                    else {
+                        TempWidthVal += parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width:", "").replace("px", ""));
+                    }
                 }
-                else {
-                    TempWidthVal += parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width:", "").replace("px", ""));
+                pattWStr = new RegExp(/width\s?=\s?["|'|0-9|p|x|%]+/ig);
+                matchesWArr = matchesArr[i].match(pattWStr);
+                if (matchesWArr != null && matchesWArr.length > 0) {
+                    if (matchesWArr[0].indexOf("%") > -1) {
+                        var TWidthVal = parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width=", ""));
+                        TempWidthVal += TdWidthVal * TWidthVal;
+                    } else {
+                        TempWidthVal += parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width=", "").replace("px", ""));
+                    }
                 }
-            }
-            pattWStr = new RegExp(/width\s?=\s?["|'|0-9|p|x|%]+/ig);
-            matchesWArr = matchesArr[i].match(pattWStr);
-            if (matchesWArr != null && matchesWArr.length > 0) {
-                if (matchesWArr[0].indexOf("%") > -1) {
-                    var TWidthVal = parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width=", ""));
-                    TempWidthVal += TdWidthVal * TWidthVal;
-                } else {
-                    TempWidthVal += parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width=", "").replace("px", ""));
+                ReArr.WidthVal = TempWidthVal > ReArr.WidthVal ? TempWidthVal : ReArr.WidthVal;
+                if (ReArr.WidthVal != 0) {
+                    ReArr.ImgFlag = true;
                 }
             }
-            ReArr.WidthVal = TempWidthVal > ReArr.WidthVal ? TempWidthVal : ReArr.WidthVal;
-            if (ReArr.WidthVal != 0) {
-                ReArr.ImgFlag = true;
-            }
             htmlStr = htmlStr.replace(matchesArr[i], "");
         }
     }
@@ -176,7 +178,7 @@ var dealTdTextFunc = function (htmlStr) {
     }
     return ReStr;
 };
-// 动态获取表格最小宽度设置
+// 动态获取表格最小宽度设置(最小宽度165px)
 var GetMinTableVal = function (TSWidth) {
     return 165 + (TSWidth - 320) * 0.09;
 };
@@ -184,7 +186,7 @@ var GetMinTableVal = function (TSWidth) {
 var DealImageWFunc = function (Item, WidthVal) {
     var pattWStr = new RegExp(/width\s?:\s?[0-9]+%;/ig);
     var pattWStr2 = new RegExp(/width\s?=\s?["|'|0-9]+%/ig);
-    $.each($(Item).find("img[class!='nextpic']"), function (index, iItem) {
+    $.each($(Item).find("img").not(".nextpic"), function (index, iItem) {
         var HtmlStr = $(iItem).prop("outerHTML");
         var matchesWArr = HtmlStr.match(pattWStr);
         if (matchesWArr != null && matchesWArr.length > 0) {
@@ -211,7 +213,6 @@ var AdjustTableFunc = function () {
     var TempMinWidth = GetMinTableVal(ScreenWidth);
     $(document.body).css("width", "999999px");
     $(document.body).append('<span id="pContrainId"></span>');
-    var Index = 0;
     $("table").find(".yaoshi").addClass("nextpic");
     $.each($("table"), function (index, item) {
         // 处理表格总宽度
@@ -297,20 +298,18 @@ var AdjustTableFunc = function () {
         }
         // 替换HTML
         var ChildhtmlStr = $(item).prop("outerHTML");
-        var htmlStr = "<div class='TableContainer TContain_" + Index + "'></div>";
+        var htmlStr = "<div class='TableContainer TContain_" + index + "'></div>";
         $(item).after(htmlStr);
         $(item).remove();
-        var JqStr = ".TContain_" + Index;
+        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;
+        var JqStr = ".TContain_" + index;
         $(JqStr).css("width", BodyWidth + "px");
         if (TableWidth > BodyWidth) {
             // 额外显示滚动条
@@ -321,7 +320,9 @@ var AdjustTableFunc = function () {
             var CShtmlStr = "<div class='CSBar' style='width: " + HiddenWidth + "px;'></div>";
             $(JqStr).next().append(CShtmlStr);
         }
-        Index += 1;
+        else {
+            $(JqStr).css("margin-bottom", "15px");
+        }
     });
     $.each($(".container-table"), function (index, item) {
         $(item).css("width", BodyWidth + "px");
@@ -363,9 +364,11 @@ var AdjustTableFunc = function () {
 //#region 听力音频处理
 var AddListenDiv = function (NodeHandle, NIndex) {
     var UrlStr = $(NodeHandle).attr("alt");
+    var ListenDivWidth = ($(document.body).width() - GetPadVal(document.body));
+    ListenDivWidth = (ListenDivWidth > 414 ? 414 : ListenDivWidth);
     if (UrlStr != null && UrlStr.indexOf("|") > -1) {
         var UrlArr = UrlStr.split("|");
-        var htmlStr = '<div class="ListenDiv" data-status="1" style="width:' + ($(document.body).width() - GetPadVal(document.body)) + 'px;"><div class="LDivTop">';
+        var htmlStr = '<div class="ListenDiv" data-status="1" style="width:' + ListenDivWidth + 'px;"><div class="LDivTop">';
         for (var i = 0; i < UrlArr.length; i++) {
             var SelectedN = (i == 0 ? 1 : 0);
             htmlStr += '<div class="LDivTItem LDivTItem_' + NIndex + ' LDivTItem_' + NIndex + '_' + i + '" data-selected="' + SelectedN + '" onclick="cLSourceFunc(' + NIndex + ',' + i + ')" data-auduourl="' + UrlArr[i] + '">听力材料' + (i + 1) + '</div>';
@@ -373,7 +376,7 @@ var AddListenDiv = function (NodeHandle, NIndex) {
         htmlStr += '</div><div class="LDivFooter"><div class="LDFPlayS LDFPlayS_' + NIndex + '" data-playstatus="0" onclick="playMusicFunc(' + NIndex + ')"></div><div class="LDFPauseS LDFPauseS_' + NIndex + '" onclick="pauseMusicFunc(' + NIndex + ')"></div><div class="LDFProcS"><div class="LDFPWhite LDFPWhite_' + NIndex + '"></div><div class="LDFProcImg LDFProcImg_' + NIndex + '"></div></div><div class="LDFTimerS"><span class="RunTime RunTime_' + NIndex + '">00:00</span><span>/</span><span class="RunAllTime RunAllTime_' + NIndex + '">00:00</span></div></div></div>';
     }
     else if (UrlStr != null) {
-        var htmlStr = '<div class="ListenDiv" data-status="0"><div class="LDivTop" style="width:1px;height:0px;overflow:hidden;"><div class="LDivTItem LDivTItem_' + NIndex + ' LDivTItem_' + NIndex + '_0" data-selected="1" onclick="cLSourceFunc(' + NIndex + ',0)" data-selected="1"  data-auduourl="' + UrlStr + '"></div></div><div class="LDivFooter"><div class="LDFPlayS LDFPlayS_' + NIndex + '" data-playstatus="0" onclick="playMusicFunc(' + NIndex + ')"></div><div class="LDFPauseS LDFPauseS_' + NIndex + '" onclick="pauseMusicFunc(' + NIndex + ')"></div><div class="LDFProcS"><div class="LDFPWhite LDFPWhite_' + NIndex + '"></div><div class="LDFProcImg LDFProcImg_' + NIndex + '"></div></div><div class="LDFTimerS"><span class="RunTime RunTime_' + NIndex + '">00:00</span><span>/</span><span class="RunAllTime RunAllTime_' + NIndex + '">00:00</span></div></div></div>';
+        var htmlStr = '<div class="ListenDiv" data-status="0" style="width:' + ListenDivWidth + 'px;"><div class="LDivTop" style="width:1px;height:0px;overflow:hidden;"><div class="LDivTItem LDivTItem_' + NIndex + ' LDivTItem_' + NIndex + '_0" data-selected="1" onclick="cLSourceFunc(' + NIndex + ',0)" data-selected="1"  data-auduourl="' + UrlStr + '"></div></div><div class="LDivFooter"><div class="LDFPlayS LDFPlayS_' + NIndex + '" data-playstatus="0" onclick="playMusicFunc(' + NIndex + ')"></div><div class="LDFPauseS LDFPauseS_' + NIndex + '" onclick="pauseMusicFunc(' + NIndex + ')"></div><div class="LDFProcS"><div class="LDFPWhite LDFPWhite_' + NIndex + '"></div><div class="LDFProcImg LDFProcImg_' + NIndex + '"></div></div><div class="LDFTimerS"><span class="RunTime RunTime_' + NIndex + '">00:00</span><span>/</span><span class="RunAllTime RunAllTime_' + NIndex + '">00:00</span></div></div></div>';
     }
     $(NodeHandle).css("width", "1px").css("height", "1px").css("overflow", "hidden").after(htmlStr);
     // 添加滑块事件
@@ -533,6 +536,22 @@ function TouchEndFunc(event) {
 }
 //#endregion
 
+// 点击事件样式渲染
+var ClickRecFunc = function (pID) {
+    $(".answer-body").removeClass("select-answer");
+    var jqStr = ".answer-body[parent-anid='" + pID + "']";
+    $(jqStr).addClass("select-answer");
+    if ($(jqStr).addClass("data-astatus") == "1") {
+        var curObj = new Object();
+        curObj.Id = $(jqStr).attr("answer-id");//答题点ID
+        curObj.pId = $(jqStr).attr("parent-anid");//答题点ID
+        curObj.IsKY = $(jqStr).attr("answer-isky");//是否是口语试题，0-不是口语题，1-是口语题
+        curObj.AnsText = $(jqStr).attr("answer-anstext");//参考答案
+        onClickAnswerPoint(JSON.stringify(curObj));
+    }
+};
+
+
 // 判断是否在横线内
 var isGCFunc = function (NodeHandle) {
     var isFlag = false;
@@ -1321,7 +1340,7 @@ function handleAnswerRange() {
                 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 class='nextpic' class='nextpic' src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range'><img class='nextpic' src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text'></buttom></div>");
+        $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentId + "' answer-anstext='" + answerText + "' answer-isky='" + isky + "' answer-showanswer='0' data-astatus='0' data-errstatus='0' onclick='ClickRecFunc(" + parentId + ")'><div class='answer-audio-range'><img class='nextpic' src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range'><img class='nextpic' 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) {
@@ -1367,6 +1386,8 @@ function handleAnswerRange() {
     //console.log(JSON.stringify(answerData));
     // 处理多选框样式
     dealCheckBox();
+    // data-astatus控制作答样式(0表示未提交，1表示提交,2表示回显);data-errstatus判断是否(1)错误
+    $(".answer-body").attr("data-astatus", "0").attr("data-errstatus", "0");
     return answerData;
 }
 
@@ -1404,7 +1425,7 @@ function reviewAnswer(answerJson) {
                 $(selectElement).addClass("select-answer");
                 onClickAnswerPoint(JSON.stringify(answerObj));
             });
-            $(selectElement).attr("answer-showanswer", "1");
+            $(selectElement).attr("answer-showanswer", "1").attr("data-astatus", "3");
         }
         else {
             $(selectElement).attr("answer-text", answerObj.Text);//填充作答内容
@@ -1413,7 +1434,7 @@ function reviewAnswer(answerJson) {
                 $(selectElement).children(".answer-text").show();
                 $(selectElement).children(".answer-point-range").hide();
                 $(selectElement).children(".answer-text").text(answerObj.Text);
-                $(selectElement).attr("answer-showanswer", "1");
+                $(selectElement).attr("answer-showanswer", "1").attr("data-astatus", "3");
             }
             else {
                 $(selectElement).children(".answer-text").hide();
@@ -1425,6 +1446,7 @@ function reviewAnswer(answerJson) {
 
 //提交，获取所有作答答案及参考答案
 function getAllAnswer() {
+    $(".answer-body").attr("data-astatus", "1").attr("data-errstatus", "0");  // 控制作答样式
     //处理作答
     $.each($(".answer-body"), function (index, item) {
         var isanswer = false;
@@ -1437,7 +1459,6 @@ function getAllAnswer() {
                 isanswer = true;
             }
         });
-
         var mytext = $(item).children(".answer-text").text();
         var curDisplay = $(item).children(".answer-audio-range").css("display");
         if (mytext == "" && curDisplay == "none") {
@@ -1450,10 +1471,16 @@ function getAllAnswer() {
             else {
                 $(item).children(".answer-text").text(mytext);
                 $(item).children(".answer-text").addClass("no-answer");
+                $(item).attr("data-errstatus", "1");
             }
             $(item).children(".answer-point-range").hide();
             $(item).children(".answer-text").show();
         }
+        else {
+            if (mytext == "未作答") {
+                $(item).attr("data-errstatus", "1");
+            }
+        }
     });
     $(".answer-body").removeClass("select-answer");//移除样式
     $(".answer-body").unbind("click");//取消点击绑定事件
@@ -1489,10 +1516,13 @@ function getAllAnswer() {
         }
         //mytext = mytext == "" ? "&nbsp;&nbsp;&nbsp;" : mytext;
         if (!isanswer) {
-            $(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 class='nextpic' src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img class='nextpic' src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text no-answer' style='display:block;'>" + mytext + "</buttom></div>");
+            $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentid + "' answer-anstext='" + answerText + "' answer-isky='2' data-astatus='1' data-errstatus='0' onclick='ClickRecFunc(" + parentid + ")'><div class='answer-audio-range'><img class='nextpic' src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img class='nextpic' src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text no-answer' style='display:block;'>" + mytext + "</buttom></div>");
         }
         else {
-            $(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 class='nextpic' src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img class='nextpic' src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text' style='display:block;'>" + mytext + "</buttom></div>");
+            $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentid + "' answer-anstext='" + answerText + "' answer-isky='2' data-astatus='1' data-errstatus='0' onclick='ClickRecFunc(" + parentid + ")'><div class='answer-audio-range'><img class='nextpic' src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img class='nextpic' src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text' style='display:block;'>" + mytext + "</buttom></div>");
+        }
+        if (mytext == "未作答") {
+            $(".answer-body[answer-id='" + answerid + "']").attr("data-errstatus", "1");
         }
     });
     ControlFlag = false;
@@ -1508,6 +1538,7 @@ function backupAllAnswer(answerJson, statusType) {
     else {
         ControlFlag = false;
     }
+    $(".answer-body").attr("data-astatus", statusType).attr("data-errstatus", "0");  // 实时记录作答状态
     if (answerJson != "" && answerJson) {
         var answerList = JSON.parse(answerJson);
         $.each($(".answer-body"), function (num, item) {
@@ -1563,6 +1594,7 @@ function backupAllAnswer(answerJson, statusType) {
             if (statusType == 0) {
                 //已作答过，还原作答，增加作答后的UI节点
                 if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
+                    $(item).attr("data-astatus", "3");
                     $(item).children(".answer-audio-range").children("span").on("click", function () {
                         $(".answer-body").removeClass("select-answer");
                         $(item).addClass("select-answer");
@@ -1572,10 +1604,14 @@ function backupAllAnswer(answerJson, statusType) {
                 else {
                     $(item).attr("answer-text", mytext);//填充作答内容
                     if (mytext != "") {
+                        $(item).attr("data-astatus", "3");
                         $(item).children(".answer-text").show();
                         $(item).children(".answer-point-range").hide();
                         $(item).children(".answer-text").text(mytext);
                     }
+                    else {
+                        $(item).attr("data-errstatus", "1");
+                    }
                 }
             }
             //已提交，作答还原
@@ -1594,6 +1630,7 @@ function backupAllAnswer(answerJson, statusType) {
                     else {
                         $(item).children(".answer-text").text(mytext);
                         $(item).children(".answer-text").addClass("no-answer");
+                        $(item).attr("data-errstatus", "1");
                     }
                     $(item).children(".answer-text").show();
                 }
@@ -1603,6 +1640,7 @@ function backupAllAnswer(answerJson, statusType) {
                 else {
                     $(item).children(".answer-text").show();
                     $(item).children(".answer-text").text(mytext);
+                    $(item).attr("data-errstatus", "0");
                 }
                 $(item).children(".answer-point-range").hide();
             }
@@ -1610,6 +1648,7 @@ function backupAllAnswer(answerJson, statusType) {
             if (statusType == 2) {
                 //添加音频控制
                 if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
+                    $(item).attr("data-errstatus", "0");
                     //独立绑定事件
                     $(item).children(".answer-audio-range").children("span").on("click", function () {
                         $(".answer-body").removeClass("select-answer");
@@ -1629,6 +1668,7 @@ function backupAllAnswer(answerJson, statusType) {
                         else {
                             $(item).children(".answer-text").text(mytext);
                             $(item).children(".answer-text").addClass("no-answer");
+                            $(item).attr("data-errstatus", "1");
                         }
                         $(item).children(".answer-text").show();
                     }
@@ -1638,6 +1678,8 @@ function backupAllAnswer(answerJson, statusType) {
                     else {
                         $(item).children(".answer-text").show();
                         $(item).children(".answer-text").text(mytext);
+                        if (mytext == "") { }
+                        $(item).attr("data-errstatus", "0");
                     }
                     $(item).children(".answer-point-range").hide();
                 }
@@ -1694,10 +1736,13 @@ function backupAllAnswer(answerJson, statusType) {
                 }
                 //mytext = mytext == "" ? "&nbsp;&nbsp;&nbsp;" : mytext;
                 if (!isanswer) {
-                    $(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 class='nextpic' src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img class='nextpic' src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text no-answer' style='display:block;'>" + mytext + "</buttom></div>");
+                    $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentid + "' answer-anstext='" + answerText + "' answer-isky='2' answer-text='" + mytext + "' data-astatus='" + statusType + "' data-errstatus='0' onclick='ClickRecFunc(" + parentid + ")'><div class='answer-audio-range'><img class='nextpic' src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img class='nextpic' src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text no-answer' style='display:block;'>" + mytext + "</buttom></div>");
                 }
                 else {
-                    $(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 class='nextpic' src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img class='nextpic' src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text' style='display:block;'>" + mytext + "</buttom></div>");
+                    $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentid + "' answer-anstext='" + answerText + "' answer-isky='2' answer-text='" + mytext + "' data-astatus='" + statusType + "' data-errstatus='0' onclick='ClickRecFunc(" + parentid + ")'><div class='answer-audio-range'><img class='nextpic' src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img class='nextpic' src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text' style='display:block;'>" + mytext + "</buttom></div>");
+                }
+                if (mytext == "未作答") {
+                    $(".answer-body[answer-id='" + answerid + "']").attr("data-errstatus", "1");
                 }
             }
         });
@@ -1746,7 +1791,6 @@ function backupAllAnswer(answerJson, statusType) {
                     }
                 });
             }
-
             $(".answer-body").unbind("click").on("click", function () {
                 var curObj = new Object();
                 curObj.Id = $(this).attr("answer-id");//答题点ID
@@ -1873,6 +1917,7 @@ function backupAllReview(answerJson) {
                     else {
                         $(item).children(".answer-text").text(mytext);
                         $(item).children(".answer-text").addClass("no-answer");
+                        $(item).attr("data-errstatus", "1");
                     }
                 }
                 else {
@@ -1928,10 +1973,13 @@ function backupAllReview(answerJson) {
             }
             //mytext = mytext == "" ? "&nbsp;&nbsp;&nbsp;" : mytext;
             if (!isanswer) {
-                $(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 class='nextpic' src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img class='nextpic' src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text' style='display:block;'>" + mytext + "</buttom></div>");
+                $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentid + "' answer-anstext='" + answerText + "' answer-isky='2' answer-text='" + mytext + "' data-astatus='2' data-errstatus='0' onclick='ClickRecFunc(" + parentid + ")'><div class='answer-audio-range'><img class='nextpic' src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img class='nextpic' src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text' style='display:block;'>" + mytext + "</buttom></div>");
             }
             else {
-                $(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 class='nextpic' src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img class='nextpic' src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text no-answer' style='display:block;'>" + mytext + "</buttom></div>");
+                $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentid + "' answer-anstext='" + answerText + "' answer-isky='2' answer-text='" + mytext + "' data-astatus='2' data-errstatus='0' onclick='ClickRecFunc(" + parentid + ")'><div class='answer-audio-range'><img class='nextpic' src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img class='nextpic' src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text no-answer' style='display:block;'>" + mytext + "</buttom></div>");
+            }
+            if (mytext == "未作答") {
+                $(".answer-body[answer-id='" + answerid + "']").attr("data-errstatus", "1");
             }
             //评阅样式
             if (answerList[index].Score == 0) {