public/js/score.js

var knownExams = ''

// for (let i = 3000; i < 3400; i++)knownExams += i.toString() + ','
// knownExams = knownExams.slice(0, knownExams.length - 1)

function decimal(x, n) {
    x = Math.round(x * 10 ** n) / 10 ** n;
    return x.toFixed(n);
}
var fileCount = 0, cur = 0, files = {};
var stuId = {}, examId = {}, user

function prevFile() {
    cur = (cur - 1 + fileCount) % fileCount;
    processFiles();
}

function nextFile() {
    cur = (cur + 1) % fileCount;
    processFiles();
}

function clearScreen() {
    $(".chart").hide(300)
    $("#fileOutput").html('');
    $("#name").html('');
}

document.onkeydown = function (event) {
    var e = event || window.event || arguments.callee.caller.arguments[0];
    if (e) {
        if (e.key == "ArrowLeft") {
            prevFile();
        }
        else if (e.key == "ArrowRight") {
            nextFile();
        }
    }
};

function getFiles(e) {
    files[fileCount] = e.target.files[0];
    cur = fileCount;
    fileCount++;
    $("#controls").removeClass("disabled");
    $("#lbtn").removeClass("disabled");
    $("#rbtn").removeClass("disabled");
    processFiles(1);
}

//原理：string<->cipherparams.ciphertext
const key = CryptoJS.enc.Utf8.parse("abcdefgabcdefg12");
function aesDecrypt(encrypted) {
    var cipherParams = CryptoJS.lib.CipherParams.create({ ciphertext: CryptoJS.enc.Hex.parse(encrypted) })
    var decrypted = CryptoJS.AES.decrypt(cipherParams, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 });
    return decrypted.toString(CryptoJS.enc.Utf8);
}
function aesEncrypt(encrypted) {
    return CryptoJS.AES.encrypt(encrypted, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 }).ciphertext.toString();
}

function stringToByte(str) {
    var bytes = new Array();
    var len, c;
    len = str.length;
    for (let i = 0; i < len; i++) {
        c = str.charCodeAt(i);
        if (c >= 0x010000 && c <= 0x10FFFF) {
            bytes.push(((c >> 18) & 0x07) | 0xF0);
            bytes.push(((c >> 12) & 0x3F) | 0x80);
            bytes.push(((c >> 6) & 0x3F) | 0x80);
            bytes.push((c & 0x3F) | 0x80);
        } else if (c >= 0x000800 && c <= 0x00FFFF) {
            bytes.push(((c >> 12) & 0x0F) | 0xE0);
            bytes.push(((c >> 6) & 0x3F) | 0x80);
            bytes.push((c & 0x3F) | 0x80);
        } else if (c >= 0x000080 && c <= 0x0007FF) {
            bytes.push(((c >> 6) & 0x1F) | 0xC0);
            bytes.push((c & 0x3F) | 0x80);
        } else {
            bytes.push(c & 0xFF);
        }
    }
    return bytes;
}

function fetchDo(id) {
    getExams(id).then(function () {
        var bd = '{"meId":' + $('#Id').val() + ',"seIds":"' + knownExams + '","schoolId":19707,"studentId":"' + id + '"}';
        // console.log(bd)
        bd = aesEncrypt(bd)
        // console.log(bd)
        return fetch('http://36.112.23.77/analysis/api/student/exam/getStudentReportMEVO', {
            method: 'POST',
            headers: {
                'Content-type': 'application/json',
            },
            body: bd
        })
    }).then(res => {
        return res.text()
    }).then(resj => {
        files[fileCount] = new Blob([resj], {
            type: 'text/plain'
        });;
        cur = fileCount;
        fileCount++;
        $("#controls").removeClass("disabled");
        $("#lbtn").removeClass("disabled");
        $("#rbtn").removeClass("disabled");
        processFiles(1);
    });

}

function addExam(arr) {
    for (let i = 1; i < arr.length; i++) {
        if (knownExams) knownExams += ','
        knownExams += arr[i].seId.toString()
    }
}

function getExams(id) {
    var bd = '{"schoolId":19707,"studentId":"' + id + '"}';
    // console.log(bd)
    bd = aesEncrypt(bd)
    return fetch('http://36.112.23.77/analysis/api/student/exam/getUserMultiExamByStudentIdAndSchoolId', {
        method: 'POST',
        headers: {
            'Content-type': 'application/json',
        },
        body: bd
    }).then(res => {
        return res.json()
    }).then(e => {
        let s = JSON.parse(aesDecrypt(e.data))
        let str = ''
        for (let i = 0; i < s.length; i++) {
            str += s[i].examName.slice(s[i].examName.length - 4, s[i].examName.length - 2) + ' - ' + s[i].meId + (i == s.length - 1 ? '' : ', ');
            addExam(s[i].studentReportInfos)
        }
        $('#Id').attr('placeholder', str)
    })
}

function check() {
    var a = prompt('验证身份\n我的数字校园号是：')
    fetch('/js/e.json', {
        method: 'GET',
        headers: {
            'Content-type': 'application/json',
        }
    }).then(res => {
        return res.json()
    }).then(resj => {
        var queryData = resj.data.filter(function (e) {
            return e.no == a
        });
        var o = queryData[0].organization

        if (o.slice(o.length - 3) == '11班') {
            user = queryData[0].name
            getExams(queryData[0].no)
            $('.fetch').toggle(1000)
        }
        else alert('no')
    });
}

function fetchMe(id) {
    if (!parseInt(id)) {
        fetch('/js/e.json', {
            method: 'GET',
            headers: {
                'Content-type': 'application/json',
            }
        }).then(res => {
            return res.json()
        }).then(resj => {
            var queryData = resj.data.filter(function (e) {
                return e.name == id
            });
            fetchDo(queryData[0].no)
        });
    } else fetchDo(id)
}

var datSe

function imageLoaded(p) {
    var imgObj = $('img')[p]
    var por = imgObj.width / imgObj.naturalWidth;
    if (por == 1) por = ($('.tab-content')[0].clientWidth - 12) / imgObj.naturalWidth;
    $('.cover' + p).empty()
    for (var i = 0; i < datSe.displayIndexDetails.length; i++) {
        var di = datSe.displayIndexDetails[i]
        var s = di.eqAnswerIpxywh
        var sp = s.split('#')
        for (let j = 0; j < sp.length; j++) {
            var spp = sp[j].split(',')
            if (spp.length == 6) {
                if (parseInt(spp[1]) - 1 == p) {
                    var opt = $('<span class="minus" style="transform:translate(' + (spp[2] * por).toFixed(6) + 'px,' + (spp[3] * por).toFixed(6) + 'px)">'
                        + ((di.eqScore == di.eqFullScore) ? (di.eqFullScore.toString()) : ((di.eqScore == 0) ? ((di.eqScore - di.eqFullScore).toString()) : (di.eqScore.toString() + '/' + di.eqFullScore.toString()))) + '</span>').appendTo('.cover' + p)
                    if (di.eqScore == di.eqFullScore) opt.addClass('full')
                    else wriggle(opt)
                }
            } else {
                if (p == 0) {
                    var opt = $('<span class="sp" style="transform:translate(' + (spp[1] * por).toFixed(6) + 'px,' + (spp[2] * por).toFixed(6) + 'px);width:' + (spp[3] * por).toFixed(6) + 'px;height:' + (spp[4] * por).toFixed(6) + 'px"></span>').appendTo('.cover' + p)
                    if (j == 0 && di.eqFullScore != di.eqScore)
                        wriggle($('<span class="minus" style="transform:translate(' + (spp[1] * por - 20).toFixed(6) + 'px,' + (spp[2] * por - 5).toFixed(6) + 'px)">'
                            + (di.eqScore - di.eqFullScore).toString() + '</span>').appendTo('.cover' + p))
                    if (di.eqCorrectAnswer.match("ABCD"[j])) opt.addClass('cor')
                    else if (di.eqAnswer.match("ABCD"[j])) opt.addClass('err')
                }
            }
        }
    }
}

var curSe, shown

function getSe(id, force, force2) {
    if (!force && !$('.nav-tabs>li')[2].classList[0]) return
    if (!force2 && id == curSe && shown) return
    shown = 1
    curSe = id
    fontSize = 14

    bd = '{"schoolId":19707,"meId":' + examId[cur] + ',"seId":' + id + ',"studentId":"' + stuId[cur] + '"}';
    bd = aesEncrypt(bd)
    fetch('http://36.112.23.77/analysis/api/student/exam/getStuExamDetailInfo', {
        method: 'POST',
        headers: {
            'Content-type': 'application/json',
        },
        body: bd
    }).then(res => {
        return res.json()
    }).then(resj => {
        $('#singleDat').empty()
        var f = JSON.parse(aesDecrypt(resj.data))
        console.log(f)
        for (let i = 1; i <= f.pageCount; i++) {
            $('#singleDat').append('<br><span class="cover' + (i - 1) + '"></span><img src="http://36.112.23.77' + f.examUrl + 'page_' + i + '.jpg" onload="imageLoaded(' + (i - 1) + ')">')
            $('img')[i - 1].style.width = '100%'
        }
        if (!f.pageCount) $('#singleDat').append('<p>...</p>')
        datSe = f;
    });
}

var personScoreList = []
function procName(str, o = 0) {
    if (o) {
        if (str[0] == '第') return '';
        else return `data-toggle="tooltip" data-placement="left" title="${str.match('-') ? str.slice(str.split('-')[0].length + 1) : ''}"`
    }
    if (str[0] == '第') return str.slice(1, str.length - 1) + ':';
    else return str.split('-')[0] + '.';
}
function getSec(id, force, force2) {
    if (!force && !$('.nav-tabs>li')[3].classList[0]) return
    if (!force2 && id == curSe) return
    curSe = id
    if (!stuId[cur]) stuId[cur] = prompt('数字校园号？')
    if (!examId[cur]) examId[cur] = prompt('考试编号？（心意答点击考试标题后，切换考试的列表里可见）')
    var bd = '{"schoolId":19707,"seId":' + id + ',"studentId":"' + stuId[cur] + '"}';
    bd = aesEncrypt(bd)
    fetch('http://36.112.23.77/analysis/api/student/exam/getStudentReportSEVO', {
        method: 'POST',
        headers: {
            'Content-type': 'application/json',
        },
        body: bd
    }).then(res => {
        return res.json()
    }).then(resj => {
        let d = JSON.parse(aesDecrypt(resj.data))
        let str = '<ul class="list-unstyled">'
        str += `<li class="text-warning">**. <span class="sc avgSc" style="left:${d.singleExam.seAvgScore / d.singleExam.seFullScore * 300}px" data-toggle="tooltip" data-placement="bottom" title="${d.singleExam.seAvgScore}">.</span>`
        str += `<span class="sc mySc" style="left:${personScoreList[id] / d.singleExam.seFullScore * 300}px">${personScoreList[id]}</span>`
        str += `<span class="sc fullSc" style="left:${300 - 8 * personScoreList[id].toString().length}px">${d.singleExam.seFullScore}</span></li>`
        let q = d.examQuestions;
        for (let i = 0; i < q.length; i++) {
            idc = (q[i].personScore == q[i].eqFullScore ? 'success fullScore' : 'danger"');
            let pid = procName(q[i].eqDisplayName), ofs = pid.toString().length * 8 - 24
            str += `<li class="text-${idc}" ${procName(q[i].eqDisplayName, 1)}>${pid}<span class="sc avgSc" style="left:${q[i].eqAvgScore / q[i].eqFullScore * 300 - ofs}px" data-toggle="tooltip" data-placement="bottom" title="${q[i].eqAvgScore}">.</span>`
            if (q[i].personScore != q[i].eqFullScore) str += `<span class="sc mySc" style="left:${q[i].personScore / q[i].eqFullScore * 300 - ofs}px">${q[i].personScore}</span>`
            str += `<span class="sc fullSc" style="left:${300 - 8 * q[i].personScore.toString().length * (q[i].personScore != q[i].eqFullScore) - ofs}px">${q[i].eqFullScore}</span>`
            str += `<span class="sc" style="left:${350 - 8 * q[i].personScore.toString().length * (q[i].personScore != q[i].eqFullScore) - 8 * q[i].eqFullScore.toString().length - ofs}px">${q[i].qstTagName}</span></li>`
        }
        $('#detailDat').html(str + '</ul>')
        $("[data-toggle='tooltip']").tooltip();
    });
}

var timer = []

function clearWriggle() {
    for (let i = 0; i < timer.length; i++)clearInterval(timer[i])
    timer = []
}

function wriggle(el) {
    var last = 0, now = 10
    timer.push(setInterval(function () {
        now = Math.random() * 100 - 50
        $(el).css('transform', $(el).css('transform').split('rotate')[0] + 'rotate(' + (now - last) + 'deg)')
        last = now
    }, Math.random() * 600 + 300))
}

function getCol(rate) {
    if (90 <= rate) return 'success'
    if (75 <= rate) return 'info'
    if (60 <= rate) return 'warning'
    else return 'danger'
}

var time, fontSize

function resizeChart() {
    clearTimeout(time)
    time = setTimeout(function () {
        clearWriggle()
        if ($('.nav-tabs>li')[0].classList[0] == 'active') {
            console.log('reload chart')
            cc.resize()
            sc1.resize()
            sc2.resize()
            oc1.resize()
            oc2.resize()
            oc3.resize()
            oc4.resize()
            if ($('#score1>div').css('width') == '0px') $('#resizeBtn').show()
            else $('#resizeBtn').hide(300)
        } else if ($('.nav-tabs>li')[2].classList[0] == 'active') {
            console.log('reload image')
            for (let i = 0; i < datSe.pageCount; i++)imageLoaded(i)
            $('.minus').css('font-size', fontSize)
        }
    }, 300)
}

function getClassCount() {
    // if (examId[cur] == 1044 || examId[cur] == 1028 || examId[cur] == 1021 || examId[cur] == 972 || examId[cur] == 957 || examId[cur] == 951) 
    return '15'
    // else if (examId[cur] == 970) return '13'
    // else return '?'
}

var link = document.createElement('a'), url

function down() {
    link.href = url;
    link.setAttribute('download', "data.txt")
    link.click();
}

var gScore = [], gName = []
const colorList = ["#5bc0de", "#5a7ddd", "#795add", "#ba5add", "#dd5abf", "#dd5a7d", "#dd795a", "#ddba5a", "#bfdd5a", "#7ddd5a", "#5add79", "#5addba", "#2aa9cf", "#20809d", "#cf512a", "#9d3d20"];

function processFiles(isFirstTime = 0) {
    console.log("Start processing No. " + cur);
    var file = files[cur];
    url = window.URL.createObjectURL(file)

    var message = $("#message")[0];
    var tableLayout = '<table class="table table-responsive" style="table-layout: fixed;"><tr><td>平均分</td><td>最高分</td><td>75%</td><td>中位数</td><td>25%</td><td>最低分</td></tr>'
    message.innerHTML = (cur + 1) + `/${(fileCount)} - ${file.name} - ${file.size} 字节 - ${file.type} - 正在读取...<br>>`;
    $("#upbtn").removeClass('btn-danger');
    $("#upbtn").addClass('btn-info');
    $("#upicon").removeClass('glyphicon-exclamation-sign');
    $("#upicon").addClass('glyphicon-open');

    var reader = new FileReader();
    reader.onload = function (event) {
        try {

            var output = $("#fileOutput")[0];
            var info = $("#fileInfo")[0];
            var name = $("#name")[0];
            var object = JSON.parse(event.target.result);
            var classText = "", ohText = "";
            $('#single').empty();
            $('#detail').empty();

            var dat = JSON.parse(aesDecrypt(object.data).toString());

            examId[cur] = dat.meId.toString();
            stuId[cur] = dat.studentId;

            info.innerHTML = `<h3>${dat.multiExam.meName}</h3>`
            var seIds = [], seNames = [];
            var mulStu = dat.multiExamStudentScore, mulClass = dat.multiExamClassScores, datSingle = mulStu.singleExamStudentScores, datClass = dat.singleExamClassScores, datYs = dat.singleExamClassYsScores, datMulti = dat.multiExam.singleExams;
            seIds = dat.seIds;
            var n = seIds.length
            for (let i = 0; i < n; i++) {
                for (let j = 0; j < n; j++) {
                    if (datMulti[i].seId == seIds[j]) {
                        seNames[j] = datMulti[i].seCourseName;
                    }
                }
            }
            // console.log(seIds)
            // console.log(seNames)
            var seNameDic = {};
            for (let i = 0; i < n; i++) {
                seNameDic[seIds[i]] = seNames[i];
            }
            seNameDic["0"] = "总分";
            for (let i = 0; i < datYs.length; i++) {
                seNameDic[datYs[i].seId + "Ys"] = seNameDic[datYs[i].seId] + " " + datYs[i].ysClassId;
            }
            var seIdDic = {}, seIdRev = {}, hasId = {};
            for (let i = 0; i < n; i++) {
                for (let j = 0; j < n; j++) {
                    if (!datSingle[j]) continue;
                    if (datSingle[j].seId == seIds[i]) {
                        hasId[i] = true;
                        seIdDic[j] = i;
                    }
                }
            }
            for (let i = 1; i < n; i++) {
                if (!hasId[i]) seIds[i] = -1
            }
            for (let i = 0; i < n; i++)seIdRev[seIdDic[i]] = i;
            var scoreP = {}, avgP = {}, rate0 = {}, rate25 = {}, rate50 = {}, rate75 = {}, rate100 = {}, rateFull = {};//表1用
            var classOrderP = {}, ysClassOrderP = {}, gradeOrderP = {};
            var classOrder = {}, ysClassOrder = {}, gradeOrder = {};
            for (let i = 0; i < n; i++) {
                if (!datSingle[i]) continue;

                var dId = datSingle[i].seId;
                personScoreList[dId] = datSingle[i].essScore;
                scoreP[dId] = datSingle[i].essScore;
                avgP[dId] = datClass[i].secsAvgScore;
                rate0[dId] = datClass[i].secsMinScore;
                rate25[dId] = datClass[i].secsQuarterScore;
                rate50[dId] = datClass[i].secsHalfScore;
                rate75[dId] = datClass[i].secs3quatrerScore;
                rate100[dId] = datClass[i].secsMaxScore;
                rateFull[dId] = datMulti[seIdDic[i]].seFullScore;
                classOrderP[dId] = datSingle[i].essClassOrder;
                gradeOrderP[dId] = datSingle[i].essGradeOrder;
                classOrder[dId] = decimal(1 - datSingle[i].essClassOrder / datClass[i].secsStudentCount, 3);
                gradeOrder[dId] = decimal(1 - datSingle[i].essGradeOrder / datMulti[seIdDic[i]].seStudentCount, 3);
            }
            classOrder["0"] = decimal(1 - mulStu.messClassOrder / mulClass[0].mecsStudentCount, 3);
            gradeOrder["0"] = decimal(1 - mulStu.messGradeOrder / dat.multiExamSchoolScore.mecsStudentCount, 3);
            classOrderP["0"] = mulStu.messClassOrder;
            gradeOrderP["0"] = mulStu.messGradeOrder
            for (let i = 0; i < datYs.length; i++) {
                for (let j = 0; j < n; j++) {
                    if (!datSingle[j]) continue;

                    if (datYs[i].seId == datSingle[j].seId) {
                        ysClassOrder[datYs[i].seId + "Ys"] = decimal(1 - datSingle[j].essYsClassOrder / datYs[i].secsStudentCount, 3);
                        ysClassOrderP[datYs[i].seId + "Ys"] = datSingle[j].essYsClassOrder;
                    }
                }
            }
            var classCount = getClassCount()
            for (let i = 0; i < n; i++) {
                // dat.multiExamStudentScore.singleExamStudentScores[i].seId    ---mulStu
                // dat.singleExamClassScores[i].seId                            ---datClass
                // dat.multiExam.singleExams[i].seId                            ---datMulti
                // seIds[i]
                // 前两个和后两个数据应该是能分别对上号的（1-2 3-4），用 seIdDic 连接
                // seIdDic {key(1-2): value(3-4),..}
                // 
                // 干掉字符串相加："[ \n]+\+[ \n]+([^"\n]*)[ \n]+\+[ \n]+"  -->   ${$1}   全局替换，妙极
                var g = seIdRev[i];
                if (!datSingle[g]) continue;
                $('#single').append(`<button class="btn btn-${getCol(decimal(gradeOrder[seIds[i]] * 100, 1))} btn-how ${seIds[i]}" onclick="getSe(${seIds[i]});$('.btn-how').removeClass('active');$(this).addClass('active')">${seNameDic[datSingle[g].seId]}</button>`)
                $('#detail').append(`<button class="btn btn-${getCol(decimal(gradeOrder[seIds[i]] * 100, 1))} btn-how ${seIds[i]}" onclick="getSec(${seIds[i]});$('.btn-how').removeClass('active');$(this).addClass('active')">${seNameDic[datSingle[g].seId]}</button>`)

                classText += `<h3 class='bg-${getCol(decimal(gradeOrder[seIds[i]] * 100, 1))} text-${getCol(decimal(gradeOrder[seIds[i]] * 100, 1))}'>${seNameDic[datSingle[g].seId]} <small>${datSingle[g].essScore}</small></h3><h4>${dat.examStudents[0].classId} 班内 <small>${datSingle[g].essClassOrder} / ${datClass[g].secsStudentCount}</small></h4>${tableLayout}<tr><td>${datClass[g].secsAvgScore}</td><td>${datClass[g].secsMaxScore}</td><td>${datClass[g].secs3quatrerScore}</td><td>${datClass[g].secsHalfScore}</td><td>${datClass[g].secsQuarterScore}</td><td>${datClass[g].secsMinScore}</td></tr></table>`;
                ohText = `，${dat.examStudents[0].classId} 班 ${datClass[g].secsClassOrder} / ${classCount}`
                for (let j = 0; j < datYs.length; j++) {
                    if (datYs[j].seId == datSingle[g].seId) {
                        classText += `<h4>${datYs[j].ysClassId} 层内 <small>${datSingle[g].essYsClassOrder} / ${datYs[j].secsStudentCount}</small></h4>${tableLayout}<tr><td>${datYs[j].secsAvgScore}</td><td>${datYs[j].secsMaxScore}</td><td>${datYs[j].secs3quatrerScore}</td><td>${datYs[j].secsHalfScore}</td><td>${datYs[j].secsQuarterScore}</td><td>${datYs[j].secsMinScore}</td></tr></table>`;
                        ohText += `，${datYs[j].ysClassId} 层 ${datYs[j].secsClassOrder} / ?`
                    }
                }
                classText += `<h4>年级 <small>${datSingle[g].essGradeOrder} / ${datMulti[seIdDic[g]].seStudentCount + ohText}</small></h4>${tableLayout}<tr><td>${datMulti[seIdDic[g]].seAvgScore}</td><td>${datMulti[seIdDic[g]].seMaxScore}</td><td>${datMulti[seIdDic[g]].se3QuarterScore}</td><td>${datMulti[seIdDic[g]].seHalfScore}</td><td>${datMulti[seIdDic[g]].seQuarterScore}</td><td>${datMulti[seIdDic[g]].seMinScore}</td></tr></table>`;
            }
            if (!curSe) curSe = seIds[0]
            getSe(curSe, 0, 1)
            getSec(curSe, 0, 1)
            $('#single>button.' + curSe).addClass('active')
            $('#detail>button.' + curSe).addClass('active')
        } catch (e) {
            console.log(e);
            clearScreen();
            message.innerHTML += "读取失败！";
            $("#upbtn").removeClass('btn-info');
            $("#upbtn").addClass('btn-danger');
            $("#upicon").removeClass('glyphicon-open');
            $("#upicon").addClass('glyphicon-exclamation-sign');
            return;
        }
        $('#single').append(`<button class="btn btn-default btn-how" onclick="fontSize+=3;$('.minus').css('font-size',fontSize+'px');for (let i=0;i<datSe.pageCount;i++)$('img')[i].style.width=parseInt($('img')[i].style.width)+20+'%';resizeChart()"><span class="glyphicon glyphicon-zoom-in"></span></button>`)
        $('#single').append(`<button class="btn btn-default btn-how" onclick="fontSize-=3;$('.minus').css('font-size',fontSize+'px');for (let i=0;i<datSe.pageCount;i++)$('img')[i].style.width=parseInt($('img')[i].style.width)-20+'%';resizeChart()"><span class="glyphicon glyphicon-zoom-out"></span></button>`)
        $('#single').append(`<span id="singleDat" style="word-wrap: break-word; white-space: normal"></span><br><br><br>`)
        $('#detail').append(`<button class="btn btn-default btn-how" onclick="$('.fullScore').toggle(500)"><span class="glyphicon glyphicon-eye-close"></span></button>`)
        $('#detail').append(`<span id="detailDat" style="word-wrap: break-word; white-space: normal"></span><br><br><br>`)
        if (isFirstTime) {
            var bd = JSON.stringify({
                content: user + ' fetched ' + stuId[cur] + ' (' + parseInt(dat.examStudents[0].classId) + ' ' + mulStu.studentName + ') ' + examId[cur] + ' ("' + dat.multiExam.meName + '")',
            })
            fetch('/score/log', {
                method: 'POST',
                headers: {
                    'Content-type': 'application/json',
                },
                body: bd
            })
        }
        message.innerHTML += "读取成功！<br>";
        name.innerHTML = "姓名：" + mulStu.studentName;
        info.innerHTML = `<h3>${dat.multiExam.meName} <small>${dat.examStudents[0].classId}班 ${mulStu.studentName}</small></h3>`
        if (n > 1) output.innerHTML = `<h3>总分 <small>${mulStu.messScore}</small></h3><h4>${dat.examStudents[0].classId} 班内 <small>${mulStu.messClassOrder} / ${mulClass[0].mecsStudentCount}</small></h4>${tableLayout}<tr><td>${mulClass[0].mecsAvgScore}</td><td>${mulClass[0].mecsMaxScore}</td><td>${mulClass[0].mecs3quatrerScore}</td><td>${mulClass[0].mecsHalfScore}</td><td>${mulClass[0].mecsQuarterScore}</td><td>${mulClass[0].mecsMinScore}</td></tr></table><h4>年级 <small>${mulStu.messGradeOrder} / ${dat.multiExamSchoolScore.mecsStudentCount}，${dat.examStudents[0].classId}班 ${mulClass[0].mecsClassOrder} / ${classCount}</small></h4>${tableLayout}<tr><td>${dat.multiExam.meAvgScore}</td><td>${dat.multiExam.meMaxScore}</td><td>${dat.multiExam.me3QuatrerScore}</td><td>${dat.multiExam.meHalfScore}</td><td>${dat.multiExam.meQuarterScore}</td><td>${dat.multiExam.meMinScore}</td></tr></table>${classText}`
        else output.innerHTML = classText;

        $("#fileOutput table").css("display", "inline-table");
        $("#fileOutput table").css("margin-bottom", "0px");

        $('.chart').show();
        cc = echarts.init($("#comp")[0]);
        sc1 = echarts.init($("#score1")[0]);
        sc2 = echarts.init($("#score2")[0]);
        oc1 = echarts.init($("#order1")[0]);
        oc2 = echarts.init($("#order2")[0]);
        oc3 = echarts.init($("#order3")[0]);
        oc4 = echarts.init($("#order4")[0]);
        
        if (fileCount <= 1) $('#comp').hide();
        else $('#comp').show(), cc.resize();

        var seNameDicP = [], scorePP = [], scoreSe = {}, avgPP = [], rateFullP = [], scoreQ = [], avgQ = [];
        var seNameDicP2 = [], classOrderPP = [], gradeOrderPP = [], classOrderQ = [], gradeOrderQ = [];
        var seNameDicP3 = [], ysClassOrderPP = [], ysClassOrderQ = [];
        seIds[n] = 0
        var boxP = [], boxQ = [];
        for (let i = 0; i < n; i++) {
            var g = seIds[i];
            if (g == -1) continue;
            scoreSe[seNameDic[g]] = scoreP[g];
            if (seNameDic[g].substr(0, 2) == '总分') continue;
            seNameDicP.push(seNameDic[g].substr(0, 2));
            scorePP.push(scoreP[g]);
            avgPP.push(avgP[g]);
            // rate0P.push(rate0[g]);
            // rate25P.push(rate25[g]);
            // rate50P.push(rate50[g]);
            // rate75P.push(rate75[g]);
            // rate100P.push(rate100[g]);
            rateFullP.push(rateFull[g]);
            boxP.push({ value: [rate0[g], rate25[g], rate50[g], rate75[g], rate100[g]] })
            scoreQ.push(decimal(scoreP[g] / rateFull[g] * 100, 1));
            avgQ.push(decimal(avgP[g] / rateFull[g] * 100, 1));
            // rate0Q.push(decimal(rate0[g] / rateFull[g] * 100, 1));
            // rate25Q.push(decimal(rate25[g] / rateFull[g] * 100, 1));
            // rate50Q.push(decimal(rate50[g] / rateFull[g] * 100, 1));
            // rate75Q.push(decimal(rate75[g] / rateFull[g] * 100, 1));
            // rate100Q.push(decimal(rate100[g] / rateFull[g] * 100, 1));
            boxQ.push({
                value: [decimal(rate0[g] / rateFull[g] * 100, 1),
                decimal(rate25[g] / rateFull[g] * 100, 1),
                decimal(rate50[g] / rateFull[g] * 100, 1),
                decimal(rate75[g] / rateFull[g] * 100, 1),
                decimal(rate100[g] / rateFull[g] * 100, 1)]
            })
        }
        for (let i = 0; i <= n; i++) {
            var g = seIds[i];
            if (g == -1) continue;
            if (seNameDic[g].substr(0, 2) == '总分' && n == 1) continue;
            seNameDicP2.push(seNameDic[g].substr(0, 2));
            classOrderPP.push(classOrderP[g]);
            gradeOrderPP.push(gradeOrderP[g]);
            classOrderQ.push(decimal(classOrder[g] * 100, 1));
            gradeOrderQ.push(decimal(gradeOrder[g] * 100, 1));
        }
        for (let i in ysClassOrderP) {
            seNameDicP3.push(seNameDic[i]);
            ysClassOrderPP.push(ysClassOrderP[i]);
            ysClassOrderQ.push(decimal(ysClassOrder[i] * 100, 1));
        }
        gScore[cur] = scoreSe
        gName[cur] = mulStu.studentName
        var opBase = {
            textStyle: { fontFamily: 'Noto Serif SC' },
            tooltip: { trigger: 'axis' },
            toolbox: {
                show: true,
                feature: {
                    saveAsImage: { show: true },
                    dataView: {
                        show: true,
                        readOnly: false
                    }
                },
                orient: 'vertical'
            },
            emphasis: {
                focus: 'series',
            },
            calculable: true,
        }
        var cOp = { ...opBase }, sOp1 = { ...opBase }, sOp2 = { ...opBase }, oOp1 = { ...opBase }, oOp2 = { ...opBase }, oOp3 = { ...opBase }, oOp4 = { ...opBase };
        var cName = [], cSe = [], cSeries = []
        for (let i = 0; i < fileCount; i++) {
            for (let j in gScore[i]) {
                if (cName.indexOf(j) == -1) cName.push(j)
            }
        }
        for (let i = 0; i < fileCount; i++) {
            cSe.push([])
            if (gScore[i]) {
                for (let j = 0; j < cName.length; j++) {
                    cSe[i].push(gScore[i][cName[j]])
                }
                cSeries.push({ name: gName[i], type: 'line', data: cSe[i], color: colorList[i] })
            }
        }
        cOp.title = {
            text: '比一比',
            textStyle: {
                fontSize: 14,
                fontStyle: 'normal',
                fontWeight: 'bold',
            },
        }
        cOp.legend = { data: gName }
        cOp.xAxis = [{
            axisTick: {
                alignWithLabel: true
            },
            type: 'category', data: cName,
            name: '科目',
            position: 'left'
        }]
        cOp.yAxis = [{
            type: 'value', name: '分数', position: 'left'
        }]
        cOp.series = cSeries
        sOp1.title = {
            text: '分数',
            textStyle: {
                fontSize: 14,
                fontStyle: 'normal',
                fontWeight: 'bold',
            },
        }
        sOp1.legend = { data: ['四分位', /*'0%', '25%', '50%', '75%', '100%',*/ '满分', '平均分', '我的分数'] }
        sOp1.xAxis = [{
            axisTick: {
                alignWithLabel: true
            },
            type: 'category', data: seNameDicP,
            name: '科目',
            position: 'left'
        }]
        sOp1.yAxis = [{
            type: 'value', name: '分数', position: 'left'
        }]
        sOp1.series = [
            {
                name: '四分位',
                type: 'boxplot', data: boxP, color: '#5bc0de',
                itemStyle: {
                    color: 'transparent'
                }
            },
            // { name: '0%', type: 'line', data: rate0P, color: '#5cb85c' },
            // { name: '25%', type: 'line', data: rate25P, color: '#c7dc68' },
            // { name: '50%', type: 'line', data: rate50P, color: '#f0ad4e' },
            // { name: '75%', type: 'line', data: rate75P, color: '#c7dc68' },
            // { name: '100%', type: 'line', data: rate100P, color: '#5cb85c' },
            { name: '满分', type: 'scatter', data: rateFullP, color: '#b6b6b6' },
            { name: '平均分', type: 'line', data: avgPP, color: '#337ab7' },
            { name: '我的分数', type: 'line', data: scorePP, color: '#e2041b' },
        ]

        sOp2.title = {
            text: '得分率',
            textStyle: {
                fontSize: 14,
                fontStyle: 'normal',
                fontWeight: 'bold',
            },
        }
        sOp2.legend = { data: ['四分位', /*'0%', '25%', '50%', '75%', '100%', */'平均得分率', '我的得分率'] }
        sOp2.xAxis = [{
            axisTick: {
                alignWithLabel: true
            },
            type: 'category',
            data: seNameDicP,
            name: '科目',
            position: 'left'
        }]
        sOp2.yAxis = [{
            type: 'value',
            name: '得分率(%)',
            position: 'left'
        }]
        sOp2.series = [
            {
                name: '四分位', type: 'boxplot', data: boxQ, color: '#5bc0de',
                itemStyle: {
                    color: 'transparent'
                }
            },
            // { name: '0%', type: 'line', data: rate0Q, color: '#5cb85c' },
            // { name: '25%', type: 'line', data: rate25Q, color: '#c7dc68' },
            // { name: '50%', type: 'line', data: rate50Q, color: '#f0ad4e' },
            // { name: '75%', type: 'line', data: rate75Q, color: '#c7dc68' },
            // { name: '100%', type: 'line', data: rate100Q, color: '#5cb85c' },
            { name: '平均得分率', type: 'line', data: avgQ, color: '#337ab7' },
            { name: '我的得分率', type: 'line', data: scoreQ, color: '#d9534f' }
        ]

        oOp1.title = {
            text: '行政排名位次',
            textStyle: {
                fontSize: 14,
                fontStyle: 'normal',
                fontWeight: 'bold',
            },
        }
        oOp1.legend = { data: ['班级排名', '年级排名'] }
        oOp1.xAxis = [{
            axisTick: {
                alignWithLabel: true
            },
            type: 'category', data: seNameDicP2,
            name: '科目',
            position: 'left'
        }]
        oOp1.yAxis = [{
            type: 'value',
            name: '排名',
            position: 'left'
        }]
        oOp1.series = [
            { name: '班级排名', type: 'bar', data: classOrderPP, color: '#5bc0de' },
            { name: '年级排名', type: 'bar', data: gradeOrderPP, color: '#337ab7' }
        ]

        oOp2.title = {
            text: '行政排名比例',
            textStyle: {
                fontSize: 14,
                fontStyle: 'normal',
                fontWeight: 'bold',
            },
        }
        oOp2.legend = { data: ['班级排名(%)', '年级排名(%)'] }
        oOp2.xAxis = [{
            axisTick: {
                alignWithLabel: true
            },
            type: 'category', data: seNameDicP2,
            name: '科目',
            position: 'left'
        }]
        oOp2.yAxis = [{
            type: 'value',
            name: '排名(%)',
            position: 'left',
            max: 100,
        }]
        oOp2.series = [
            { name: '班级排名(%)', type: 'bar', data: classOrderQ, color: '#5bc0de' },
            { name: '年级排名(%)', type: 'bar', data: gradeOrderQ, color: '#337ab7' }
        ]

        oOp3.title = {
            text: '分班排名位次',
            textStyle: {
                fontSize: 14,
                fontStyle: 'normal',
                fontWeight: 'bold',
            },
        }
        oOp3.legend = { data: ['分班排名'] }
        oOp3.xAxis = [{
            axisTick: {
                alignWithLabel: true
            },
            type: 'category', data: seNameDicP3,
            name: '科目',
            position: 'left'
        }]
        oOp3.yAxis = [{
            type: 'value',
            name: '排名',
            position: 'left'
        }]
        oOp3.series = [{
            name: '分班排名', type: 'bar', data: ysClassOrderPP, color: '#5cb85c'
        }]

        oOp4.title = {
            text: '分班排名比例',
            textStyle: {
                fontSize: 14,
                fontStyle: 'normal',
                fontWeight: 'bold',
            },
        }
        oOp4.legend = { data: ['分班排名(%)'] }
        oOp4.xAxis = [{
            axisTick: {
                alignWithLabel: true
            },
            type: 'category', data: seNameDicP3,
            name: '科目',
            position: 'left'
        }]
        oOp4.yAxis = [{
            type: 'value',
            name: '排名(%)',
            position: 'left',
            max: 100,
        }]
        oOp4.series = [{
            name: '分班排名(%)', type: 'bar', data: ysClassOrderQ, color: '#5cb85c'
        }]

        // 为echarts对象加载数据 
        cc.setOption(cOp);
        sc1.setOption(sOp1);
        sc2.setOption(sOp2);
        oc1.setOption(oOp1);
        oc2.setOption(oOp2);
        oc3.setOption(oOp3);
        oc4.setOption(oOp4);
        window.onresize = resizeChart
    }
    reader.readAsText(file);
}

$().ready(function () {
    $(".chart").hide()
    $(function () { $("[data-toggle='tooltip']").tooltip(); });
    $("#Input").keydown(function (e) {
        if (e.keyCode == 13) {
            $("#fetchBtn")[0].click();
        }
    })
})

//uglifyjs public/js/score.js -c -m eval,toplevel,reserved=[check,nextFile,prevFile,fetchMe,resizeChart,getSe,imageLoaded,getFiles,fontSize,curSe,datSe] -o public/js/score.min.js