自定义导出

src/components/pages/components/report.vue

@@ -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() {
@@ -154,6 +152,7 @@ export default {
           _uname.push(_userA[i]);
         }
       }
+      
 
       if (!_chap.length) {
         for (var i = 0; i < this.dyList.length; i++) {
@@ -181,6 +180,7 @@ export default {
             for (let taskI = 0; taskI < _task.length; taskI++) {
               let _tI = _task[taskI].split("-");  //阶段-任务
               if (_tI[0] == _chap[chapI]) {
+                
                 let _workjson = {
                   img: [],
                   askList: [],
@@ -252,6 +252,77 @@ 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);
               }
             }
@@ -263,6 +334,7 @@ export default {
             ) {
               let _tI = [chapI, this.dyList[chapI].taskList[taskI].id];
               if (_tI[0] == chapI) {
+
                 let _workjson = {
                   img: [],
                   askList: [],
@@ -334,7 +406,6 @@ export default {
                     _workjson.wordList.push(element.content);
                   }
                 }
-
                 for (let d = 0; d < chooseInfo.length; d++) {
                   if (
                     chooseInfo[d].stage == chapI &&
@@ -478,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>`;
         }
       }
@@ -486,51 +557,42 @@ 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 = "";
-      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>`;
+        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>`;
         }
       }
 
@@ -539,18 +601,21 @@ export default {
         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>${index + 1}评:${e}分</div>`;
         });
-        _pjInfo += `<div>评语:${JSON.parse(workJson.pjInfo[0]).eBzText}</div>分`;
+        _pjInfo += `<h6>评语:${JSON.parse(workJson.pjInfo[0]).eBzText}</h6>`;
       }
 
       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>`;
-        }
+        // console.log('workJson.xztkInfo',workJson.xztkInfo);
+        workJson.xztkInfo.forEach((e,i)=>{
+          _xztkInfo += `<h6>${e}</h6>`;
+        })
       }
      
       var _lccjInfo = ""
@@ -568,31 +633,32 @@ export default {
                 } 答案:${
                   lccjData[i].rightAnswer.join(',') 
                 }`
-              _div.innerHTML += `<div>${_div2.innerHTML}</div>`;
-              _lccjInfo += `<div>${_div.innerHTML}</div>`;
+              _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 = `<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 _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) {
@@ -601,7 +667,7 @@ export default {
         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> `;
+          _div.innerHTML = `<h6>${JSON.parse(wrdT).text}</h6> `;
           _word += `<div>${_div.innerHTML}</div>`;
         }
       }
@@ -615,15 +681,18 @@ export default {
         !workJson.lccjInfo.length &&
         !workJson.wordInfo.length &&
         !workJson.pjInfo.length &&
-        !workJson.xztkInfo.length 
+        !workJson.xztkInfo.length &&
+        !workJson.chooseInfo.length &&
+        !workJson.cocopiInfo.length &&
+        !workJson.bgInfo.length 
+
 
 
       ) {
         return "";
       }
-      return _title + _subtitle + _img + _ask + _answer + _link  + _lccjInfo   + _word;
-    
-      // return _title + _subtitle + _img + _ask + _answer + _link + _choose + _lccjInfo + _bg + _cocopi + _word;
+      
+      return _title + _subtitle + _img + _ask + _pjInfo + _answer + _xztkInfo + _link + _choose + _lccjInfo + _bg + _cocopi + _word;
     },
     async generate(a) {
       // 将html文件中需要用到的数据挂载到store上
@@ -689,6 +758,9 @@ export default {
   },
   watch: {
     cid(newValue, oldValue) {
+      this.uname = [];
+      this.chap = [];
+      this.task = [];
       this.getCourseDetail();
     },
   },