#

src/components/pages/components/report.vue

@@ -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上