|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div class="r_box">
|
|
|
+ <div class="r_box" v-loading="isLoading">
|
|
|
<div class="r_cbox">
|
|
|
<span>学生姓名</span>
|
|
|
<el-select
|
|
|
@@ -68,8 +68,6 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import htmlDocx from "html-docx-js/dist/html-docx";
|
|
|
-import saveAs from "file-saver";
|
|
|
export default {
|
|
|
props: ["cid"],
|
|
|
data() {
|
|
|
@@ -92,16 +90,20 @@ export default {
|
|
|
cocopiInfo: [],
|
|
|
wordInfo: [],
|
|
|
course: {},
|
|
|
+ isLoading:false
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
getCourseDetail() {
|
|
|
+ this.isLoading=true
|
|
|
let params = {
|
|
|
cid: this.cid,
|
|
|
};
|
|
|
this.ajax
|
|
|
.get(this.$store.state.api + "getCourseWorksReport", params)
|
|
|
.then((res) => {
|
|
|
+ console.log('res',res.data);
|
|
|
+
|
|
|
this.course = res.data[0][0];
|
|
|
var dyJSON = JSON.parse(res.data[0][0].chapters);
|
|
|
let dyList = [];
|
|
|
@@ -113,20 +115,24 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
this.dyList = dyList;
|
|
|
+ console.log(' this.dyList', this.dyList);
|
|
|
+
|
|
|
this.userAarray = res.data[1];
|
|
|
- this.imgList = res.data[2];
|
|
|
- this.askList = res.data[3];
|
|
|
- this.questList = res.data[4];
|
|
|
- this.wordList = res.data[5];
|
|
|
- this.chooseInfo = res.data[6];
|
|
|
+ this.imgList = res.data[2]; //图片
|
|
|
+ this.askList = res.data[3]; //问卷调查
|
|
|
+ this.questList = res.data[4]; //问答
|
|
|
+ this.wordList = res.data[5]; //word等
|
|
|
+ this.chooseInfo = res.data[6]; //选择题
|
|
|
this.pjInfo = res.data[7]; //个人评价作业
|
|
|
this.xztkInfo = res.data[8]; //选择匹配作业
|
|
|
this.lccjInfo = res.data[9]; //排序作业
|
|
|
this.bgInfo = res.data[10]; //表格作业
|
|
|
this.cocopiInfo = res.data[11]; //cocopi或源码编辑作业
|
|
|
this.wordInfo = res.data[12]; //文档作业
|
|
|
+ this.isLoading=false
|
|
|
})
|
|
|
.catch((err) => {
|
|
|
+ this.isLoading=false
|
|
|
console.error(err);
|
|
|
});
|
|
|
},
|
|
|
@@ -146,6 +152,7 @@ export default {
|
|
|
_uname.push(_userA[i]);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
|
|
|
if (!_chap.length) {
|
|
|
for (var i = 0; i < this.dyList.length; i++) {
|
|
|
@@ -167,22 +174,13 @@ export default {
|
|
|
|
|
|
let workArray = [];
|
|
|
|
|
|
- // json{
|
|
|
- // img: [],
|
|
|
- // askList: [],
|
|
|
- // questList: {},
|
|
|
- // wordList: [],
|
|
|
- // chapName: "",
|
|
|
- // taskName: "",
|
|
|
- // username:""
|
|
|
- // }
|
|
|
-
|
|
|
for (let i = 0; i < _uname.length; i++) {
|
|
|
for (let chapI = 0; chapI < _chap.length; chapI++) {
|
|
|
if (_task.length) {
|
|
|
for (let taskI = 0; taskI < _task.length; taskI++) {
|
|
|
- let _tI = _task[taskI].split("-");
|
|
|
+ let _tI = _task[taskI].split("-"); //阶段-任务
|
|
|
if (_tI[0] == _chap[chapI]) {
|
|
|
+
|
|
|
let _workjson = {
|
|
|
img: [],
|
|
|
askList: [],
|
|
|
@@ -197,19 +195,19 @@ export default {
|
|
|
wordInfo: [],
|
|
|
chapName:
|
|
|
"第" +
|
|
|
- (parseInt(_chap[chapI]) + 1) +
|
|
|
+ (parseInt(chapI) + 1) +
|
|
|
"阶段 " +
|
|
|
- this.dyList[_chap[chapI]].name,
|
|
|
+ this.dyList[chapI].name,
|
|
|
taskName:
|
|
|
"任务" +
|
|
|
(parseInt(_tI[1]) + 1) +
|
|
|
- this.dyList[_chap[chapI]].taskList[_tI[1]].name,
|
|
|
+ this.dyList[chapI].taskList[_tI[1]].name,
|
|
|
username: _uname[i].username,
|
|
|
};
|
|
|
// imgList;askList;questList;wordList;
|
|
|
for (let a = 0; a < imgList.length; a++) {
|
|
|
if (
|
|
|
- imgList[a].stage == _chap[chapI] &&
|
|
|
+ imgList[a].stage == chapI &&
|
|
|
imgList[a].task == _tI[1] &&
|
|
|
imgList[a].userid == _uname[i].userid
|
|
|
) {
|
|
|
@@ -218,7 +216,7 @@ export default {
|
|
|
}
|
|
|
for (let b = 0; b < askList.length; b++) {
|
|
|
if (
|
|
|
- askList[b].stage == _chap[chapI] &&
|
|
|
+ askList[b].stage == chapI &&
|
|
|
askList[b].task == _tI[1] &&
|
|
|
askList[b].userid == _uname[i].userid
|
|
|
) {
|
|
|
@@ -254,20 +252,89 @@ export default {
|
|
|
_workjson.wordList.push(element.content);
|
|
|
}
|
|
|
}
|
|
|
+ for (let d = 0; d < pjInfo.length; d++) {
|
|
|
+ if (
|
|
|
+ pjInfo[d].stage == chapI &&
|
|
|
+ pjInfo[d].task == _tI[1] &&
|
|
|
+ pjInfo[d].userid == _uname[i].userid
|
|
|
+ ) {
|
|
|
+ const element = pjInfo[d];
|
|
|
+ _workjson.pjInfo.push(element.content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (let d = 0; d < chooseInfo.length; d++) {
|
|
|
+ if (
|
|
|
+ chooseInfo[d].stage == chapI &&
|
|
|
+ chooseInfo[d].task == _tI[1] &&
|
|
|
+ chooseInfo[d].userid == _uname[i].userid
|
|
|
+ ) {
|
|
|
+ const element = chooseInfo[d];
|
|
|
+ _workjson.chooseInfo.push(element.content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (let d = 0; d < xztkInfo.length; d++) {
|
|
|
+ if (
|
|
|
+ xztkInfo[d].stage == chapI &&
|
|
|
+ xztkInfo[d].task == _tI[1] &&
|
|
|
+ xztkInfo[d].userid == _uname[i].userid
|
|
|
+ ) {
|
|
|
+ const element = xztkInfo[d];
|
|
|
+ _workjson.xztkInfo.push(element.content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (let d = 0; d < lccjInfo.length; d++) {
|
|
|
+ if (
|
|
|
+ lccjInfo[d].stage == chapI &&
|
|
|
+ lccjInfo[d].task == _tI[1] &&
|
|
|
+ lccjInfo[d].userid == _uname[i].userid
|
|
|
+ ) {
|
|
|
+ const element = lccjInfo[d];
|
|
|
+ _workjson.lccjInfo.push(element.content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (let d = 0; d < bgInfo.length; d++) {
|
|
|
+ if (
|
|
|
+ bgInfo[d].stage == chapI &&
|
|
|
+ bgInfo[d].task == _tI[1] &&
|
|
|
+ bgInfo[d].userid == _uname[i].userid
|
|
|
+ ) {
|
|
|
+ const element = bgInfo[d];
|
|
|
+ _workjson.bgInfo.push(element.content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (let d = 0; d < cocopiInfo.length; d++) {
|
|
|
+ if (
|
|
|
+ cocopiInfo[d].stage == chapI &&
|
|
|
+ cocopiInfo[d].task == _tI[1] &&
|
|
|
+ cocopiInfo[d].userid == _uname[i].userid
|
|
|
+ ) {
|
|
|
+ const element = cocopiInfo[d];
|
|
|
+ _workjson.cocopiInfo.push(element.content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (let d = 0; d < wordInfo.length; d++) {
|
|
|
+ if (
|
|
|
+ wordInfo[d].stage == chapI &&
|
|
|
+ wordInfo[d].task == _tI[1] &&
|
|
|
+ wordInfo[d].userid == _uname[i].userid
|
|
|
+ ) {
|
|
|
+ const element = wordInfo[d];
|
|
|
+ _workjson.wordInfo.push(element.content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
workArray.push(_workjson);
|
|
|
}
|
|
|
}
|
|
|
} else {
|
|
|
for (
|
|
|
let taskI = 0;
|
|
|
- taskI < this.dyList[_chap[chapI]].taskList.length;
|
|
|
+ taskI < this.dyList[chapI].taskList.length;
|
|
|
taskI++
|
|
|
) {
|
|
|
- let _tI = [
|
|
|
- _chap[chapI],
|
|
|
- this.dyList[_chap[chapI]].taskList[taskI].id,
|
|
|
- ];
|
|
|
- if (_tI[0] == _chap[chapI]) {
|
|
|
+ let _tI = [chapI, this.dyList[chapI].taskList[taskI].id];
|
|
|
+ if (_tI[0] == chapI) {
|
|
|
+
|
|
|
let _workjson = {
|
|
|
img: [],
|
|
|
askList: [],
|
|
|
@@ -282,13 +349,13 @@ export default {
|
|
|
wordInfo: [],
|
|
|
chapName:
|
|
|
"第" +
|
|
|
- (parseInt(_chap[chapI]) + 1) +
|
|
|
+ (parseInt(chapI) + 1) +
|
|
|
"阶段 " +
|
|
|
- this.dyList[_chap[chapI]].name,
|
|
|
+ this.dyList[chapI].name,
|
|
|
taskName:
|
|
|
"任务" +
|
|
|
(parseInt(_tI[1]) + 1) +
|
|
|
- this.dyList[_chap[chapI]].taskList[_tI[1]].name,
|
|
|
+ this.dyList[chapI].taskList[_tI[1]].name,
|
|
|
username: _uname[i].username,
|
|
|
};
|
|
|
// imgList;askList;questList;wordList;
|
|
|
@@ -339,6 +406,77 @@ export default {
|
|
|
_workjson.wordList.push(element.content);
|
|
|
}
|
|
|
}
|
|
|
+ for (let d = 0; d < chooseInfo.length; d++) {
|
|
|
+ if (
|
|
|
+ chooseInfo[d].stage == chapI &&
|
|
|
+ chooseInfo[d].task == _tI[1] &&
|
|
|
+ chooseInfo[d].userid == _uname[i].userid
|
|
|
+ ) {
|
|
|
+ const element = chooseInfo[d];
|
|
|
+ _workjson.chooseInfo.push(element.content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (let d = 0; d < pjInfo.length; d++) {
|
|
|
+ if (
|
|
|
+ pjInfo[d].stage == chapI &&
|
|
|
+ pjInfo[d].task == _tI[1] &&
|
|
|
+ pjInfo[d].userid == _uname[i].userid
|
|
|
+ ) {
|
|
|
+ const element = pjInfo[d];
|
|
|
+ _workjson.pjInfo.push(element.content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (let d = 0; d < xztkInfo.length; d++) {
|
|
|
+ if (
|
|
|
+ xztkInfo[d].stage == chapI &&
|
|
|
+ xztkInfo[d].task == _tI[1] &&
|
|
|
+ xztkInfo[d].userid == _uname[i].userid
|
|
|
+ ) {
|
|
|
+ const element = xztkInfo[d];
|
|
|
+ _workjson.xztkInfo.push(element.content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (let d = 0; d < lccjInfo.length; d++) {
|
|
|
+ if (
|
|
|
+ lccjInfo[d].stage == chapI &&
|
|
|
+ lccjInfo[d].task == _tI[1] &&
|
|
|
+ lccjInfo[d].userid == _uname[i].userid
|
|
|
+ ) {
|
|
|
+ const element = lccjInfo[d];
|
|
|
+ _workjson.lccjInfo.push(element.content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (let d = 0; d < bgInfo.length; d++) {
|
|
|
+ if (
|
|
|
+ bgInfo[d].stage == chapI &&
|
|
|
+ bgInfo[d].task == _tI[1] &&
|
|
|
+ bgInfo[d].userid == _uname[i].userid
|
|
|
+ ) {
|
|
|
+ const element = bgInfo[d];
|
|
|
+ _workjson.bgInfo.push(element.content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (let d = 0; d < cocopiInfo.length; d++) {
|
|
|
+ if (
|
|
|
+ cocopiInfo[d].stage == chapI &&
|
|
|
+ cocopiInfo[d].task == _tI[1] &&
|
|
|
+ cocopiInfo[d].userid == _uname[i].userid
|
|
|
+ ) {
|
|
|
+ const element = cocopiInfo[d];
|
|
|
+ _workjson.cocopiInfo.push(element.content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (let d = 0; d < wordInfo.length; d++) {
|
|
|
+ if (
|
|
|
+ wordInfo[d].stage == chapI &&
|
|
|
+ wordInfo[d].task == _tI[1] &&
|
|
|
+ wordInfo[d].userid == _uname[i].userid
|
|
|
+ ) {
|
|
|
+ const element = wordInfo[d];
|
|
|
+ _workjson.wordInfo.push(element.content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
workArray.push(_workjson);
|
|
|
}
|
|
|
}
|
|
|
@@ -360,6 +498,8 @@ export default {
|
|
|
"<div >" + "<h2>" + workJson.chapName + "-" + workJson.username;
|
|
|
("</h2>");
|
|
|
("</div>");
|
|
|
+ // console.log('workJson',workJson);
|
|
|
+
|
|
|
var _subtitle = "<h3>" + workJson.taskName + "</h3>";
|
|
|
var _img = "";
|
|
|
if (workJson.img.length > 0) {
|
|
|
@@ -409,7 +549,7 @@ export default {
|
|
|
for (var i = 0; i < workJson.questList.length; i++) {
|
|
|
var _div = document.createElement("div");
|
|
|
_div.innerHTML = `<h4>问答：${workJson.questList[i].answerTitle}</h4>`;
|
|
|
- _div.innerHTML += `<div>${workJson.questList[i].answer}</div>`;
|
|
|
+ _div.innerHTML += `<h6>${workJson.questList[i].answer}</h6>`;
|
|
|
_answer += `<div>${_div.innerHTML}</div>`;
|
|
|
}
|
|
|
}
|
|
|
@@ -417,19 +557,142 @@ export default {
|
|
|
var _link = "";
|
|
|
if (workJson.wordList.length > 0) {
|
|
|
for (var i = 0; i < workJson.wordList.length; i++) {
|
|
|
- _link += `<div style="margin-top:10px"><a href='${workJson.wordList[i]}'>${workJson.wordList[i]}</a></div>`;
|
|
|
+ _link += `<h6 style="margin-top:10px"><a href='${workJson.wordList[i]}'>${workJson.wordList[i]}</a></h6>`;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ var _choose = "";
|
|
|
+ if (workJson.chooseInfo.length > 0) {
|
|
|
+ var _choose = "<h3>选择题</h3>";
|
|
|
+ for (var i = 0; i < workJson.chooseInfo.length; i++) {
|
|
|
+ let chooseData = JSON.parse(workJson.chooseInfo[i])[0]
|
|
|
+
|
|
|
+ let _div = document.createElement("div");
|
|
|
+ _div.innerHTML = `<h4>标题:${chooseData.testJson.testTitle}</h4>`;
|
|
|
+
|
|
|
+ chooseData.testJson.testJson.forEach((e,eIndex)=>{
|
|
|
+ var _div2 = document.createElement("div");
|
|
|
+ _div2.innerHTML = `<h5>第${eIndex + 1}题:${
|
|
|
+ e.teststitle
|
|
|
+ } 选择:${
|
|
|
+ chooseData.anwer[eIndex].length > 1? chooseData.anwer[eIndex].join(',') : chooseData.anwer[eIndex]
|
|
|
+ } 答案:${
|
|
|
+ e.type == 1 ? e.answer : e.answer.join(',')
|
|
|
+ }</h5> `;
|
|
|
+ // console.log('_div2',_div2);
|
|
|
+ var _div3 = document.createElement("div");
|
|
|
+ e.checkList.forEach((k,kIndex)=>{
|
|
|
+ _div3.innerHTML += `<span style="margin-right:5px">${kIndex + 1}.${
|
|
|
+ k
|
|
|
+ }</span>`;
|
|
|
+ })
|
|
|
+ _div2.innerHTML += `<div>${_div3.innerHTML}</div>`;
|
|
|
+ _div.innerHTML += `<div>${_div2.innerHTML}</div>`;
|
|
|
+
|
|
|
+ })
|
|
|
+
|
|
|
+ _choose += `<div>${_div.innerHTML}</div>`;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var _pjInfo = "";
|
|
|
+ if (workJson.pjInfo.length > 0) {
|
|
|
+ let pjData = JSON.parse(workJson.pjInfo[0]).eStar
|
|
|
+
|
|
|
+ var _pjInfo = "<h3>个人评价</h3>"
|
|
|
+
|
|
|
+ pjData.forEach((e,index) => {
|
|
|
+
|
|
|
+ _pjInfo += `<div>${index + 1}评:${e}分</div>`;
|
|
|
+ });
|
|
|
+ _pjInfo += `<h6>评语:${JSON.parse(workJson.pjInfo[0]).eBzText}</h6>`;
|
|
|
+ }
|
|
|
+
|
|
|
+ var _xztkInfo = "";
|
|
|
+ if (workJson.xztkInfo.length > 0) {
|
|
|
+ var _xztkInfo = "<h3>选择匹配</h3>"
|
|
|
+ // console.log('workJson.xztkInfo',workJson.xztkInfo);
|
|
|
+ workJson.xztkInfo.forEach((e,i)=>{
|
|
|
+ _xztkInfo += `<h6>${e}</h6>`;
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ var _lccjInfo = ""
|
|
|
+ if (workJson.lccjInfo.length>0) {
|
|
|
+ let lccjData= JSON.parse(workJson.lccjInfo[0])
|
|
|
+
|
|
|
+ if (lccjData.length > 0) {
|
|
|
+ _lccjInfo = "<h3>排序<h3>";
|
|
|
+ for (var i = 0; i < lccjData.length; i++) {
|
|
|
+ var _div = document.createElement("div");
|
|
|
+ _div.innerHTML = `<h4>第${i+1}题${lccjData[i].sentenceTitle}</h4> `;
|
|
|
+ var _div2 = document.createElement("div");
|
|
|
+ _div2.innerHTML+= ` 句子 ${i + 1}:${ lccjData[i].addSentence.join(',')} 选择:${
|
|
|
+ lccjData[i].chooseSenList.join(',')
|
|
|
+ } 答案:${
|
|
|
+ lccjData[i].rightAnswer.join(',')
|
|
|
+ }`
|
|
|
+ _div.innerHTML += `<h4>${_div2.innerHTML}</h4>`;
|
|
|
+ _lccjInfo += `<h4>${_div.innerHTML}</h4>`;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ var _bg = "";
|
|
|
+ if (workJson.bgInfo.length > 0) {
|
|
|
+ var _bg = "<h3>表格<h3>";
|
|
|
+ for (var i = 0; i < workJson.bgInfo.length; i++) {
|
|
|
+ var _div = document.createElement("div");
|
|
|
+ _div.innerHTML = `<h6>${JSON.parse(workJson.bgInfo[i]).text}</h6> `;
|
|
|
+ _bg += `<div>${_div.innerHTML}</div>`;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var _cocopi = "";
|
|
|
+
|
|
|
+ if (workJson.cocopiInfo.length > 0) {
|
|
|
+
|
|
|
+ var _cocopi = "<h4>cocopi<h3>";
|
|
|
+ for (var i = 0; i < workJson.cocopiInfo.length; i++) {
|
|
|
+ _cocopi += `<h6>不支持查看</h6>`;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var _word = "";
|
|
|
+ if (workJson.wordInfo.length > 0) {
|
|
|
+
|
|
|
+ var _word = "<h3>文档<h3>";
|
|
|
+ for (var i = 0; i < workJson.wordInfo.length; i++) {
|
|
|
+ var _div = document.createElement("div");
|
|
|
+ let wrdT = workJson.wordInfo[i]
|
|
|
+ _div.innerHTML = `<h6>${JSON.parse(wrdT).text}</h6> `;
|
|
|
+ _word += `<div>${_div.innerHTML}</div>`;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+
|
|
|
if (
|
|
|
!workJson.img.length &&
|
|
|
!workJson.askList.length &&
|
|
|
!workJson.questList.length &&
|
|
|
- !workJson.wordList.length
|
|
|
+ !workJson.wordList.length &&
|
|
|
+ !workJson.lccjInfo.length &&
|
|
|
+ !workJson.wordInfo.length &&
|
|
|
+ !workJson.pjInfo.length &&
|
|
|
+ !workJson.xztkInfo.length &&
|
|
|
+ !workJson.chooseInfo.length &&
|
|
|
+ !workJson.cocopiInfo.length &&
|
|
|
+ !workJson.bgInfo.length
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
) {
|
|
|
return "";
|
|
|
}
|
|
|
- return _title + _subtitle + _img + _ask + _answer + _link;
|
|
|
+
|
|
|
+ return _title + _subtitle + _img + _ask + _pjInfo + _answer + _xztkInfo + _link + _choose + _lccjInfo + _bg + _cocopi + _word;
|
|
|
},
|
|
|
async generate(a) {
|
|
|
// 将html文件中需要用到的数据挂载到store上
|
|
|
@@ -495,6 +758,9 @@ export default {
|
|
|
},
|
|
|
watch: {
|
|
|
cid(newValue, oldValue) {
|
|
|
+ this.uname = [];
|
|
|
+ this.chap = [];
|
|
|
+ this.task = [];
|
|
|
this.getCourseDetail();
|
|
|
},
|
|
|
},
|
SanHQin