|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div class="r_box">
|
|
|
+ <div class="r_box" v-loading="isLoading">
|
|
|
<div class="r_cbox">
|
|
|
<span>学生姓名</span>
|
|
|
<el-select
|
|
|
@@ -92,16 +92,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 +117,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);
|
|
|
});
|
|
|
},
|
|
|
@@ -167,21 +175,11 @@ 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: [],
|
|
|
@@ -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
|
|
|
) {
|
|
|
@@ -260,14 +258,11 @@ export default {
|
|
|
} 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 +277,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 +334,78 @@ 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 +427,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) {
|
|
|
@@ -421,15 +490,140 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+
|
|
|
+ var _choose = "";
|
|
|
+ console.log('workJson.chooseInfo',);
|
|
|
+
|
|
|
+ if (workJson.chooseInfo.length > 0) {
|
|
|
+ let chooseData = JSON.parse(workJson.chooseInfo[0])
|
|
|
+ var _choose = "<h3>选择题</h3>";
|
|
|
+ for (var i = 0; i < chooseData.length; i++) {
|
|
|
+ console.log(chooseData[i]);
|
|
|
+
|
|
|
+ // var _div = document.createElement("div");
|
|
|
+ // _div.innerHTML = `<h4>标题:${workJson.chooseInfo[i].chooseInfo.testTitle}</h4>`;
|
|
|
+ // for (
|
|
|
+ // var j = 0;
|
|
|
+ // j < workJson.chooseInfo[i].chooseInfo.testJson.length;
|
|
|
+ // j++
|
|
|
+ // ) {
|
|
|
+ // var _div2 = document.createElement("div");
|
|
|
+ // _div2.innerHTML = `<h5>第${j + 1}题:${
|
|
|
+ // workJson.chooseInfo[i].chooseInfo.testJson[j].teststitle
|
|
|
+ // } 选择:${
|
|
|
+ // workJson.chooseInfo[i].chooseInfo.testJson[j].answer
|
|
|
+ // } 答案:${
|
|
|
+ // workJson.chooseInfo[i].chooseInfo.testJson[j].type == 1 ? workJson.chooseInfo[i].chooseInfo.radio[j] : workJson.chooseInfo[i].chooseInfo.radio[j].join(',')
|
|
|
+ // }</h5> `;
|
|
|
+ // var _div3 = document.createElement("div");
|
|
|
+ // for (
|
|
|
+ // var z = 0;
|
|
|
+ // z <
|
|
|
+ // workJson.chooseInfo[i].chooseInfo.testJson[j].checkList
|
|
|
+ // .length;
|
|
|
+ // z++
|
|
|
+ // ) {
|
|
|
+ // _div3.innerHTML += `<span style="margin-right:5px">${z}.${
|
|
|
+ // workJson.chooseInfo[i].chooseInfo.testJson[j].checkList[z]
|
|
|
+ // }</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.eStar}</div>分`;
|
|
|
+ });
|
|
|
+ _pjInfo += `<div>评语:${JSON.parse(workJson.pjInfo[0]).eBzText}</div>分`;
|
|
|
+ }
|
|
|
+
|
|
|
+ var _xztkInfo = "";
|
|
|
+ if (workJson.xztkInfo.length > 0) {
|
|
|
+ var _xztkInfo = "<h3>选择匹配</h3>"
|
|
|
+ for (var i = 0; i < workJson.xztkInfo.length; i++) {
|
|
|
+ _xztkInfo += `<div>${i+1}选:${workJson.xztkInfo[i]}选项</div>`;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ 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 += `<div>${_div2.innerHTML}</div>`;
|
|
|
+ _lccjInfo += `<div>${_div.innerHTML}</div>`;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ // 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 = `<h4>${workJson.bgInfo[i].bgInfo.text}</h4> `;
|
|
|
+ // _bg += `<div>${_div.innerHTML}</div>`;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // var _cocopi = "";
|
|
|
+ // if (workJson.cocopiInfo.length > 0) {
|
|
|
+ // var _cocopi = "<h3>cocopi<h3>";
|
|
|
+ // for (var i = 0; i < workJson.cocopiInfo.length; i++) {
|
|
|
+ // var _div = document.createElement("div");
|
|
|
+ // _div.innerHTML = `<div style="margin-top:10px"><a href='${workJson.cocopiInfo[i].url}'>${workJson.cocopiInfo[i].url}</a></div>`;
|
|
|
+ // _cocopi += `<div>${_div.innerHTML}</div>`;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ 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 = `<h4>${JSON.parse(wrdT).text}</h4> `;
|
|
|
+ _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
|
|
|
+
|
|
|
+
|
|
|
) {
|
|
|
return "";
|
|
|
}
|
|
|
- return _title + _subtitle + _img + _ask + _answer + _link;
|
|
|
+ return _title + _subtitle + _img + _ask + _answer + _link + _lccjInfo + _word;
|
|
|
+
|
|
|
+ // return _title + _subtitle + _img + _ask + _answer + _link + _choose + _lccjInfo + _bg + _cocopi + _word;
|
|
|
},
|
|
|
async generate(a) {
|
|
|
// 将html文件中需要用到的数据挂载到store上
|
