Merge branch 'beta' of https://git.cocorobo.cn/CocoRoboLabs/pbl-teacher-table into beta

src/components/pages/components/classStudentComponents/worksDetail3.vue

@@ -122,7 +122,7 @@
                   <div
                     class="left_top"
                     :style="{
-                      width: worksDetail[sIndex].eList.length ? '45%' : '95%',
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
                     }"
                     v-if="worksDetail[sIndex].img.length > 0"
                   >
@@ -174,7 +174,7 @@
                   <div
                     class="left_top"
                     :style="{
-                      width: worksDetail[sIndex].eList.length ? '45%' : '95%',
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
                     }"
                     v-if="worksDetail[sIndex].answerInfo.length > 0"
                   >
@@ -194,11 +194,23 @@
                   <div
                     class="left_top"
                     :style="{
-                      width: worksDetail[sIndex].eList.length ? '45%' : '95%',
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
                     }"
                     v-if="worksDetail[sIndex].askInfo.length > 0"
                   >
                     <div>
+                      <div
+                        class="a_add_title"
+                        style="
+                          display: flex;
+                          flex-direction: row;
+                          align-items: center;
+                          justify-content: flex-start;
+                          flex-wrap: wrap;
+                        "
+                      >
+                        <div style="font-size: 16px">问卷工具</div>
+                      </div>
                       <div
                         class="a_add_title"
                         style="
@@ -209,9 +221,7 @@
                           flex-wrap: wrap;
                         "
                       >
-                        <div style="margin-right: 20px; font-size: 20px">
-                          标题:
-                        </div>
+                        <div style="margin-right: 20px">标题:</div>
                         <div style="font-size: 20px">
                           {{ worksDetail[sIndex].askInfo[0].askJson.askTitle }}
                         </div>
@@ -301,11 +311,11 @@
                           display: flex;
                           flex-direction: row;
                           align-items: center;
-                          justify-content: center;
+                          justify-content: flex-start;
                           flex-wrap: wrap;
                         "
                       >
-                        <div style="font-size: 20px">选择题</div>
+                        <div style="font-size: 16px">选择题工具</div>
                       </div>
                       <div class="a_addBox">
                         <div style="font-size: 16px; color: #c7c7c7">
@@ -471,27 +481,444 @@
                     </div>
                   </div>
                   <div
-                    class="right_top"
-                    v-show="
-                      worksDetail[sIndex].eList.length &&
-                      (worksDetail[sIndex].img.length > 0 ||
-                        worksDetail[sIndex].askInfo.length > 0 ||
-                        worksDetail[sIndex].answerInfo.length > 0 ||
-                        worksDetail[sIndex].wpptInfo.length > 0)
-                    "
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].pjInfo.length > 0"
                   >
-                    <div class="ech">
-                      <img src="../../../../assets/icon/pj/ech.png" alt="" />
+                    <div style="width: 100%">
+                      <div
+                        class="a_add_title"
+                        style="
+                          display: flex;
+                          flex-direction: row;
+                          align-items: center;
+                          justify-content: flex-start;
+                          flex-wrap: wrap;
+                        "
+                      >
+                        <div style="font-size: 16px">个人评价工具</div>
+                      </div>
+                      <div class="evalCss">
+                        <div
+                          class="middleBox"
+                          v-if="worksDetail[sIndex].pjInfo[0].answer.eStar"
+                        >
+                          <div
+                            class="pfBox"
+                            v-for="(e, eIndex) in worksDetail[sIndex].pjInfo[0]
+                              .rateJson"
+                            :key="eIndex"
+                          >
+                            <div class="nameAndrate">
+                              <div>{{ e.value }}</div>
+                              <el-rate
+                                v-model="
+                                  worksDetail[sIndex].pjInfo[0].answer.eStar[
+                                    eIndex
+                                  ]
+                                "
+                                disabled
+                              ></el-rate>
+                            </div>
+                            <div v-if="e.detail">{{ e.detail }}</div>
+                          </div>
+                          <div class="bz">
+                            <textarea
+                              disabled
+                              rows="4"
+                              class="pj"
+                              style="
+                                padding: 10px 5px;
+                                width: 95%;
+                                background: #f7f6f9;
+                                font-size: 14px;
+                                text-indent: 10px;
+                              "
+                              cols
+                              v-model="
+                                worksDetail[sIndex].pjInfo[0].answer.eBzText
+                              "
+                              placeholder="请输入评价内容..."
+                            ></textarea>
+                          </div>
+                        </div>
+                      </div>
                     </div>
-                    <div class="data_body">
-                      <div style="width: 100%">
+                  </div>
+                  <div
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].xztkInfo.length > 0"
+                  >
+                    <div
+                      class="a_add_title"
+                      style="
+                        display: flex;
+                        flex-direction: row;
+                        align-items: center;
+                        justify-content: flex-start;
+                        flex-wrap: wrap;
+                      "
+                    >
+                      <div style="font-size: 16px">选择填空工具</div>
+                    </div>
+                    <div class="select_box2_box">
+                      <div class="select_box2_img">
+                        <img
+                          :src="worksDetail[sIndex].xztkInfo[0].selectJson.url"
+                          @click="
+                            previewImg(
+                              worksDetail[sIndex].xztkInfo[0].selectJson.url
+                            )
+                          "
+                          alt=""
+                        />
+                      </div>
+                      <div class="rightWidthCss">
+                        <div style="padding-top: 15px; width: 50%">
+                          <div
+                            class="select_box2_answer_box"
+                            v-for="(item2, checkIndex) in worksDetail[sIndex]
+                              .xztkInfo[0].selectJson.select"
+                            :key="checkIndex"
+                          >
+                            <span style="min-width: 30px"
+                              >{{ checkIndex + 1 }}、</span
+                            >
+                            <el-select
+                              disabled
+                              v-model="
+                                worksDetail[sIndex].xztkInfo[0].answer[
+                                  checkIndex
+                                ]
+                              "
+                              placeholder="请选择正确答案"
+                            >
+                              <el-option
+                                v-for="(e, eIndex) in worksDetail[sIndex]
+                                  .xztkInfo[0].selectJson.select"
+                                :key="eIndex"
+                                :label="e"
+                                :value="eIndex"
+                              >
+                              </el-option>
+                            </el-select>
+                          </div>
+                        </div>
+                        <div class="rightAnswerCss">
+                          <div
+                            v-for="(a, aIndex) in worksDetail[sIndex]
+                              .xztkInfo[0].selectJson.answer"
+                            :key="aIndex"
+                            class="rightAnswer"
+                          >
+                            <div
+                              v-if="
+                                worksDetail[sIndex].xztkInfo[0].answer[
+                                  aIndex
+                                ] === a
+                              "
+                              style="color: #767de1"
+                            >
+                              回答正确
+                            </div>
+                            <div v-else>回答错误</div>
+                            <div
+                              style="margin-left: 10px"
+                              v-if="
+                                worksDetail[sIndex].xztkInfo[0].answer[
+                                  aIndex
+                                ] !== a
+                              "
+                            >
+                              正确答案：
+                            </div>
+                            <div
+                              :class="
+                                worksDetail[sIndex].xztkInfo[0].answer[
+                                  aIndex
+                                ] === a
+                                  ? 'blueCss'
+                                  : 'redCss'
+                              "
+                            >
+                              {{
+                                worksDetail[sIndex].xztkInfo[0].selectJson
+                                  .select[a]
+                              }}
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].lccjInfo.length > 0"
+                  >
+                    <div class="sentenBox">
+                      <div
+                        class="a_add_title"
+                        style="
+                          display: flex;
+                          flex-direction: row;
+                          align-items: center;
+                          justify-content: flex-start;
+                          flex-wrap: wrap;
+                        "
+                      >
+                        <div style="font-size: 16px">连词成句工具</div>
+                      </div>
+                      <div
+                        v-for="(st, stIndex) in worksDetail[sIndex].lccjInfo"
+                        :key="stIndex"
+                        style="padding-bottom: 20px"
+                      >
+                        <div style="padding: 15px 0 10px 20px; font-size: 20px">
+                          第{{ stIndex + 1 }}题
+                        </div>
+                        <div class="isWrong">
+                          <div class="cardList1" v-if="st.chooseSenList">
+                            <div class="cardBox">
+                              <div
+                                v-for="(s, sIndex) in st.chooseSenList"
+                                :key="sIndex"
+                              >
+                                <el-tooltip
+                                  class="item"
+                                  effect="light"
+                                  :content="s"
+                                  placement="top"
+                                >
+                                  <div class="isCard">
+                                    <div>{{ s }}</div>
+                                  </div>
+                                </el-tooltip>
+                              </div>
+                            </div>
+                            <div class="cardAnswerBox">
+                              组成句子：{{ st.chooseSenList.join(" ") }}
+                            </div>
+                          </div>
+                          <div
+                            class="answerRight isTj"
+                            v-if="
+                              st.chooseSenList.toString() ==
+                              st.rightAnswer.toString()
+                            "
+                          >
+                            <div class="isTjImg">
+                              <img
+                                src="../../../../assets/icon/conSentences/right.png"
+                                alt=""
+                              />
+                            </div>
+                            <div>回答正确</div>
+                          </div>
+                          <div
+                            class="answerRight isTj"
+                            v-if="
+                              st.chooseSenList.toString() !=
+                              st.rightAnswer.toString()
+                            "
+                          >
+                            <div class="isTjImg">
+                              <img
+                                src="../../../../assets/icon/conSentences/wrong.png"
+                                alt=""
+                              />
+                            </div>
+                            <div>回答错误</div>
+                          </div>
+                        </div>
                         <div
-                          class="echart charts_canvas"
-                          style="width: 100%; height: 100%; margin: 0 0 0 1rem"
-                        ></div>
+                          v-if="
+                            st.chooseSenList.toString() !=
+                            st.rightAnswer.toString()
+                          "
+                        >
+                          <div style="padding: 15px 0 10px 20px">
+                            正确答案如下：
+                          </div>
+                          <div
+                            class="cardList"
+                            v-if="st.rightAnswer"
+                            style="
+                              border: none;
+                              padding: 10px 0 10px 10px;
+                              margin: 0;
+                            "
+                          >
+                            <div class="cardBox">
+                              <div
+                                v-for="(r, rIndex) in st.rightAnswer"
+                                :key="rIndex"
+                              >
+                                <el-tooltip
+                                  class="item"
+                                  effect="light"
+                                  :content="r"
+                                  placement="top"
+                                >
+                                  <div class="isCard1">
+                                    <div>{{ r }}</div>
+                                  </div>
+                                </el-tooltip>
+                              </div>
+                            </div>
+                            <div class="cardAnswerBox">
+                              组成句子：{{ st.rightAnswer.join(" ") }}
+                            </div>
+                          </div>
+                        </div>
                       </div>
                     </div>
                   </div>
+                  <div
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].bgInfo.length > 0"
+                  >
+                    <div
+                      class="a_add_title"
+                      style="
+                        display: flex;
+                        flex-direction: row;
+                        align-items: center;
+                        justify-content: flex-start;
+                        flex-wrap: wrap;
+                        margin-bottom: 10px;
+                      "
+                    >
+                      <div style="font-size: 16px">表格工具</div>
+                    </div>
+                    <el-form>
+                      <div
+                        class="cont"
+                        v-html="worksDetail[sIndex].bgInfo[0].text"
+                      ></div>
+                    </el-form>
+                  </div>
+                  <div
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].cocopiInfo.length > 0"
+                  >
+                    <div
+                      class="a_add_title"
+                      style="
+                        display: flex;
+                        flex-direction: row;
+                        align-items: center;
+                        justify-content: flex-start;
+                        flex-wrap: wrap;
+                      "
+                    >
+                      <div style="font-size: 16px">cocopi工具</div>
+                    </div>
+                    <div
+                      v-for="(c, cIndex) in worksDetail[sIndex].cocopiInfo"
+                      :key="cIndex"
+                    >
+                      <div v-if="c.type == 1">
+                        <div class="bigImg">
+                          <img :src="c.url" @click="previewImg(c.url)" alt="" />
+                        </div>
+                      </div>
+
+                      <div
+                        v-if="c.type == 2 || c.type == 3"
+                        @click="openFile(c.url, c.type)"
+                        style="
+                          width: 80px;
+                          height: 30px;
+                          text-align: center;
+                          line-height: 30px;
+                          margin-bottom: 10px;
+                        "
+                      >
+                        <el-button type="primary" size="small"
+                          >全屏查看</el-button
+                        >
+                      </div>
+                      <div v-if="c.type == 2">
+                        <div class="workImg">
+                          <img :src="word2" alt />
+                        </div>
+                      </div>
+                      <div v-if="c.type == 3">
+                        <div class="workImg">
+                          <img :src="word2" alt />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].wordInfo.length > 0"
+                  >
+                    <div
+                      class="a_add_title"
+                      style="
+                        display: flex;
+                        flex-direction: row;
+                        align-items: center;
+                        justify-content: flex-start;
+                        flex-wrap: wrap;
+                        margin-bottom: 10px;
+                      "
+                    >
+                      <div style="font-size: 16px">文档工具</div>
+                    </div>
+                    <el-form>
+                      <div
+                        class="cont"
+                        v-html="worksDetail[sIndex].wordInfo[0].text"
+                      ></div>
+                    </el-form>
+                  </div>
+                </div>
+                <div
+                  class="right_top"
+                  v-show="
+                    worksDetail[sIndex].eList.length &&
+                    (worksDetail[sIndex].img.length > 0 ||
+                      worksDetail[sIndex].askInfo.length > 0 ||
+                      worksDetail[sIndex].answerInfo.length > 0 ||
+                      worksDetail[sIndex].wpptInfo.length > 0 ||
+                      worksDetail[sIndex].pjInfo.length > 0 ||
+                      worksDetail[sIndex].xztkInfo.length > 0 ||
+                      worksDetail[sIndex].lccjInfo.length > 0 ||
+                      worksDetail[sIndex].bgInfo.length > 0 ||
+                      worksDetail[sIndex].cocopiInfo.length > 0 ||
+                      worksDetail[sIndex].wordInfo.length > 0)
+                  "
+                >
+                  <div class="ech">
+                    <img src="../../../../assets/icon/pj/ech.png" alt="" />
+                  </div>
+                  <div class="data_body">
+                    <div style="width: 100%">
+                      <div
+                        class="echart charts_canvas"
+                        style="width: 100%; height: 100%; margin: 0 0 0 1rem"
+                      ></div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
@@ -1443,9 +1870,7 @@ export default {
           });
           for (var l = 0; l < b.length; l++) {
             eList =
-              chapters[0][b[l].stage].chapterInfo[0].taskJson[
-                b[l].task
-              ].eList;
+              chapters[0][b[l].stage].chapterInfo[0].taskJson[b[l].task].eList;
             if (eList && eList.length) {
               _ooption = [];
               result[l].eList = eList;

src/components/pages/components/worksDetail2.vue

@@ -443,6 +443,18 @@
                           v-if="worksDetail[sIndex].askInfo.length > 0"
                         >
                           <div>
+                            <div
+                              class="a_add_title"
+                              style="
+                                display: flex;
+                                flex-direction: row;
+                                align-items: center;
+                                justify-content: flex-start;
+                                flex-wrap: wrap;
+                              "
+                            >
+                              <div style="font-size: 16px">问卷工具</div>
+                            </div>
                             <div
                               class="a_add_title"
                               style="
@@ -453,9 +465,7 @@
                                 flex-wrap: wrap;
                               "
                             >
-                              <div style="margin-right: 20px; font-size: 20px">
-                                标题:
-                              </div>
+                              <div style="margin-right: 20px">标题:</div>
                               <div style="font-size: 20px">
                                 {{
                                   worksDetail[sIndex].askInfo[0].askJson
@@ -554,11 +564,11 @@
                                 display: flex;
                                 flex-direction: row;
                                 align-items: center;
-                                justify-content: center;
+                                justify-content: flex-start;
                                 flex-wrap: wrap;
                               "
                             >
-                              <div style="font-size: 20px">选择题</div>
+                              <div style="font-size: 16px">选择题工具</div>
                             </div>
                             <div class="a_addBox">
                               <div style="font-size: 16px; color: #c7c7c7">
@@ -742,11 +752,11 @@
                                 display: flex;
                                 flex-direction: row;
                                 align-items: center;
-                                justify-content: center;
+                                justify-content: flex-start;
                                 flex-wrap: wrap;
                               "
                             >
-                              <div style="font-size: 20px">个人评价</div>
+                              <div style="font-size: 16px">个人评价工具</div>
                             </div>
                             <div class="evalCss">
                               <div
@@ -812,11 +822,11 @@
                               display: flex;
                               flex-direction: row;
                               align-items: center;
-                              justify-content: center;
+                              justify-content: flex-start;
                               flex-wrap: wrap;
                             "
                           >
-                            <div style="font-size: 20px">选择填空</div>
+                            <div style="font-size: 16px">选择填空工具</div>
                           </div>
                           <div class="select_box2_box">
                             <div class="select_box2_img">
@@ -928,11 +938,11 @@
                                 display: flex;
                                 flex-direction: row;
                                 align-items: center;
-                                justify-content: center;
+                                justify-content: flex-start;
                                 flex-wrap: wrap;
                               "
                             >
-                              <div style="font-size: 20px">连词成句</div>
+                              <div style="font-size: 16px">连词成句工具</div>
                             </div>
                             <div
                               v-for="(st, stIndex) in worksDetail[sIndex]
@@ -1060,12 +1070,12 @@
                               display: flex;
                               flex-direction: row;
                               align-items: center;
-                              justify-content: center;
+                              justify-content: flex-start;
                               flex-wrap: wrap;
                               margin-bottom: 10px;
                             "
                           >
-                            <div style="font-size: 20px">表格</div>
+                            <div style="font-size: 16px">表格工具</div>
                           </div>
                           <el-form>
                             <div
@@ -1089,11 +1099,11 @@
                               display: flex;
                               flex-direction: row;
                               align-items: center;
-                              justify-content: center;
+                              justify-content: flex-start;
                               flex-wrap: wrap;
                             "
                           >
-                            <div style="font-size: 20px">cocopi</div>
+                            <div style="font-size: 16px">cocopi工具</div>
                           </div>
                           <div
                             v-for="(c, cIndex) in worksDetail[sIndex]
@@ -1112,7 +1122,7 @@
 
                             <div
                               v-if="c.type == 2 || c.type == 3"
-                              @click="openFile(c.url)"
+                              @click="openFile(c.url, c.type)"
                               style="
                                 width: 80px;
                                 height: 30px;
@@ -1126,22 +1136,14 @@
                               >
                             </div>
                             <div v-if="c.type == 2">
-                              <iframe
-                                :src="c.url"
-                                frameborder="0"
-                                width="100%"
-                                height="100%"
-                              ></iframe>
+                              <div class="workImg">
+                                <img :src="word2" alt />
+                              </div>
                             </div>
                             <div v-if="c.type == 3">
-                              <pdf
-                                :pdfUrl="c.url"
-                                style="
-                                  width: 100%;
-                                  height: 520px;
-                                  overflow: auto;
-                                "
-                              ></pdf>
+                              <div class="workImg">
+                                <img :src="word2" alt />
+                              </div>
                             </div>
                           </div>
                         </div>
@@ -1160,12 +1162,12 @@
                               display: flex;
                               flex-direction: row;
                               align-items: center;
-                              justify-content: center;
+                              justify-content: flex-start;
                               flex-wrap: wrap;
                               margin-bottom: 10px;
                             "
                           >
-                            <div style="font-size: 20px">文档</div>
+                            <div style="font-size: 16px">文档工具</div>
                           </div>
                           <el-form>
                             <div
@@ -1182,7 +1184,13 @@
                           (worksDetail[sIndex].img.length > 0 ||
                             worksDetail[sIndex].askInfo.length > 0 ||
                             worksDetail[sIndex].answerInfo.length > 0 ||
-                            worksDetail[sIndex].wpptInfo.length > 0)
+                            worksDetail[sIndex].wpptInfo.length > 0 ||
+                            worksDetail[sIndex].pjInfo.length > 0 ||
+                            worksDetail[sIndex].xztkInfo.length > 0 ||
+                            worksDetail[sIndex].lccjInfo.length > 0 ||
+                            worksDetail[sIndex].bgInfo.length > 0 ||
+                            worksDetail[sIndex].cocopiInfo.length > 0 ||
+                            worksDetail[sIndex].wordInfo.length > 0)
                         "
                       >
                         <div class="ech">
@@ -1703,6 +1711,7 @@ export default {
       isNext: false,
       checkJson: [],
       typeCheck: false,
+      word2: require("../../../assets/icon/word2.png"),
     };
   },
   watch: {
@@ -1816,7 +1825,7 @@ export default {
           var cocopiInfo = res.data[11]; //cocopi或源码编辑作业
           var wordInfo = res.data[12]; //文档作业
           var workJson = [];
-          
+
           for (var k = 0; k < res.data[0].length; k++) {
             this.allWorks = res.data[0][k];
             if (this.chapInfo.length == 0) {
@@ -2248,9 +2257,7 @@ export default {
           });
           for (var l = 0; l < b.length; l++) {
             eList =
-              chapters[0][b[l].stage].chapterInfo[0].taskJson[
-                b[l].task
-              ].eList;
+              chapters[0][b[l].stage].chapterInfo[0].taskJson[b[l].task].eList;
             if (eList && eList.length) {
               _ooption = [];
               result[l].eList = eList;
@@ -2379,8 +2386,13 @@ export default {
       this.rateList = this.chapInfo[this.publicIndex].rate;
       this.dialogVisible2 = true;
     },
-    openFile(f) {
+    openFile(f, t) {
       this.pptImgUrl = f;
+      if (t == 2) {
+        this.showPDF = false;
+      } else {
+        this.showPDF = true;
+      }
       this.dialogVisible6 = true;
     },
     //获取班级列表
@@ -4041,8 +4053,7 @@ export default {
   flex-direction: row;
   /* align-items: center; */
   margin-bottom: 20px;
-  font-size: 18px;
-  font-weight: bold;
+  font-size: 16px;
 }
 
 .answerbox > div:nth-child(2) {
@@ -4054,7 +4065,6 @@ export default {
   flex-direction: column;
   align-items: flex-start;
   flex-wrap: nowrap;
-  font-size: 16px;
 }
 
 .answerbox1 > div:nth-child(2) {
@@ -4498,4 +4508,17 @@ export default {
 ol {
   margin: 10px 0 10px 20px;
 }
+
+.workImg {
+  width: 90%;
+  /* height: calc(100% - 40px); */
+  height: 105px;
+  position: relative;
+}
+
+.workImg > img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
 </style>

src/components/pages/components/worksDetail3.vue

@@ -122,7 +122,7 @@
                   <div
                     class="left_top"
                     :style="{
-                      width: worksDetail[sIndex].eList.length ? '45%' : '95%',
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
                     }"
                     v-if="worksDetail[sIndex].img.length > 0"
                   >
@@ -174,7 +174,7 @@
                   <div
                     class="left_top"
                     :style="{
-                      width: worksDetail[sIndex].eList.length ? '45%' : '95%',
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
                     }"
                     v-if="worksDetail[sIndex].answerInfo.length > 0"
                   >
@@ -194,11 +194,23 @@
                   <div
                     class="left_top"
                     :style="{
-                      width: worksDetail[sIndex].eList.length ? '45%' : '95%',
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
                     }"
                     v-if="worksDetail[sIndex].askInfo.length > 0"
                   >
                     <div>
+                      <div
+                        class="a_add_title"
+                        style="
+                          display: flex;
+                          flex-direction: row;
+                          align-items: center;
+                          justify-content: flex-start;
+                          flex-wrap: wrap;
+                        "
+                      >
+                        <div style="font-size: 16px">问卷工具</div>
+                      </div>
                       <div
                         class="a_add_title"
                         style="
@@ -209,9 +221,7 @@
                           flex-wrap: wrap;
                         "
                       >
-                        <div style="margin-right: 20px; font-size: 20px">
-                          标题:
-                        </div>
+                        <div style="margin-right: 20px">标题:</div>
                         <div style="font-size: 20px">
                           {{ worksDetail[sIndex].askInfo[0].askJson.askTitle }}
                         </div>
@@ -301,11 +311,11 @@
                           display: flex;
                           flex-direction: row;
                           align-items: center;
-                          justify-content: center;
+                          justify-content: flex-start;
                           flex-wrap: wrap;
                         "
                       >
-                        <div style="font-size: 20px">选择题</div>
+                        <div style="font-size: 16px">选择题工具</div>
                       </div>
                       <div class="a_addBox">
                         <div style="font-size: 16px; color: #c7c7c7">
@@ -471,27 +481,444 @@
                     </div>
                   </div>
                   <div
-                    class="right_top"
-                    v-show="
-                      worksDetail[sIndex].eList.length &&
-                      (worksDetail[sIndex].img.length > 0 ||
-                        worksDetail[sIndex].askInfo.length > 0 ||
-                        worksDetail[sIndex].answerInfo.length > 0 ||
-                        worksDetail[sIndex].wpptInfo.length > 0)
-                    "
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].pjInfo.length > 0"
                   >
-                    <div class="ech">
-                      <img src="../../../assets/icon/pj/ech.png" alt="" />
+                    <div style="width: 100%">
+                      <div
+                        class="a_add_title"
+                        style="
+                          display: flex;
+                          flex-direction: row;
+                          align-items: center;
+                          justify-content: flex-start;
+                          flex-wrap: wrap;
+                        "
+                      >
+                        <div style="font-size: 16px">个人评价工具</div>
+                      </div>
+                      <div class="evalCss">
+                        <div
+                          class="middleBox"
+                          v-if="worksDetail[sIndex].pjInfo[0].answer.eStar"
+                        >
+                          <div
+                            class="pfBox"
+                            v-for="(e, eIndex) in worksDetail[sIndex].pjInfo[0]
+                              .rateJson"
+                            :key="eIndex"
+                          >
+                            <div class="nameAndrate">
+                              <div>{{ e.value }}</div>
+                              <el-rate
+                                v-model="
+                                  worksDetail[sIndex].pjInfo[0].answer.eStar[
+                                    eIndex
+                                  ]
+                                "
+                                disabled
+                              ></el-rate>
+                            </div>
+                            <div v-if="e.detail">{{ e.detail }}</div>
+                          </div>
+                          <div class="bz">
+                            <textarea
+                              disabled
+                              rows="4"
+                              class="pj"
+                              style="
+                                padding: 10px 5px;
+                                width: 95%;
+                                background: #f7f6f9;
+                                font-size: 14px;
+                                text-indent: 10px;
+                              "
+                              cols
+                              v-model="
+                                worksDetail[sIndex].pjInfo[0].answer.eBzText
+                              "
+                              placeholder="请输入评价内容..."
+                            ></textarea>
+                          </div>
+                        </div>
+                      </div>
                     </div>
-                    <div class="data_body">
-                      <div style="width: 100%">
+                  </div>
+                  <div
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].xztkInfo.length > 0"
+                  >
+                    <div
+                      class="a_add_title"
+                      style="
+                        display: flex;
+                        flex-direction: row;
+                        align-items: center;
+                        justify-content: flex-start;
+                        flex-wrap: wrap;
+                      "
+                    >
+                      <div style="font-size: 16px">选择填空工具</div>
+                    </div>
+                    <div class="select_box2_box">
+                      <div class="select_box2_img">
+                        <img
+                          :src="worksDetail[sIndex].xztkInfo[0].selectJson.url"
+                          @click="
+                            previewImg(
+                              worksDetail[sIndex].xztkInfo[0].selectJson.url
+                            )
+                          "
+                          alt=""
+                        />
+                      </div>
+                      <div class="rightWidthCss">
+                        <div style="padding-top: 15px; width: 50%">
+                          <div
+                            class="select_box2_answer_box"
+                            v-for="(item2, checkIndex) in worksDetail[sIndex]
+                              .xztkInfo[0].selectJson.select"
+                            :key="checkIndex"
+                          >
+                            <span style="min-width: 30px"
+                              >{{ checkIndex + 1 }}、</span
+                            >
+                            <el-select
+                              disabled
+                              v-model="
+                                worksDetail[sIndex].xztkInfo[0].answer[
+                                  checkIndex
+                                ]
+                              "
+                              placeholder="请选择正确答案"
+                            >
+                              <el-option
+                                v-for="(e, eIndex) in worksDetail[sIndex]
+                                  .xztkInfo[0].selectJson.select"
+                                :key="eIndex"
+                                :label="e"
+                                :value="eIndex"
+                              >
+                              </el-option>
+                            </el-select>
+                          </div>
+                        </div>
+                        <div class="rightAnswerCss">
+                          <div
+                            v-for="(a, aIndex) in worksDetail[sIndex]
+                              .xztkInfo[0].selectJson.answer"
+                            :key="aIndex"
+                            class="rightAnswer"
+                          >
+                            <div
+                              v-if="
+                                worksDetail[sIndex].xztkInfo[0].answer[
+                                  aIndex
+                                ] === a
+                              "
+                              style="color: #767de1"
+                            >
+                              回答正确
+                            </div>
+                            <div v-else>回答错误</div>
+                            <div
+                              style="margin-left: 10px"
+                              v-if="
+                                worksDetail[sIndex].xztkInfo[0].answer[
+                                  aIndex
+                                ] !== a
+                              "
+                            >
+                              正确答案：
+                            </div>
+                            <div
+                              :class="
+                                worksDetail[sIndex].xztkInfo[0].answer[
+                                  aIndex
+                                ] === a
+                                  ? 'blueCss'
+                                  : 'redCss'
+                              "
+                            >
+                              {{
+                                worksDetail[sIndex].xztkInfo[0].selectJson
+                                  .select[a]
+                              }}
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].lccjInfo.length > 0"
+                  >
+                    <div class="sentenBox">
+                      <div
+                        class="a_add_title"
+                        style="
+                          display: flex;
+                          flex-direction: row;
+                          align-items: center;
+                          justify-content: flex-start;
+                          flex-wrap: wrap;
+                        "
+                      >
+                        <div style="font-size: 16px">连词成句工具</div>
+                      </div>
+                      <div
+                        v-for="(st, stIndex) in worksDetail[sIndex].lccjInfo"
+                        :key="stIndex"
+                        style="padding-bottom: 20px"
+                      >
+                        <div style="padding: 15px 0 10px 20px; font-size: 20px">
+                          第{{ stIndex + 1 }}题
+                        </div>
+                        <div class="isWrong">
+                          <div class="cardList1" v-if="st.chooseSenList">
+                            <div class="cardBox">
+                              <div
+                                v-for="(s, sIndex) in st.chooseSenList"
+                                :key="sIndex"
+                              >
+                                <el-tooltip
+                                  class="item"
+                                  effect="light"
+                                  :content="s"
+                                  placement="top"
+                                >
+                                  <div class="isCard">
+                                    <div>{{ s }}</div>
+                                  </div>
+                                </el-tooltip>
+                              </div>
+                            </div>
+                            <div class="cardAnswerBox">
+                              组成句子：{{ st.chooseSenList.join(" ") }}
+                            </div>
+                          </div>
+                          <div
+                            class="answerRight isTj"
+                            v-if="
+                              st.chooseSenList.toString() ==
+                              st.rightAnswer.toString()
+                            "
+                          >
+                            <div class="isTjImg">
+                              <img
+                                src="../../../assets/icon/conSentences/right.png"
+                                alt=""
+                              />
+                            </div>
+                            <div>回答正确</div>
+                          </div>
+                          <div
+                            class="answerRight isTj"
+                            v-if="
+                              st.chooseSenList.toString() !=
+                              st.rightAnswer.toString()
+                            "
+                          >
+                            <div class="isTjImg">
+                              <img
+                                src="../../../assets/icon/conSentences/wrong.png"
+                                alt=""
+                              />
+                            </div>
+                            <div>回答错误</div>
+                          </div>
+                        </div>
                         <div
-                          class="echart charts_canvas"
-                          style="width: 100%; height: 100%; margin: 0 0 0 1rem"
-                        ></div>
+                          v-if="
+                            st.chooseSenList.toString() !=
+                            st.rightAnswer.toString()
+                          "
+                        >
+                          <div style="padding: 15px 0 10px 20px">
+                            正确答案如下：
+                          </div>
+                          <div
+                            class="cardList"
+                            v-if="st.rightAnswer"
+                            style="
+                              border: none;
+                              padding: 10px 0 10px 10px;
+                              margin: 0;
+                            "
+                          >
+                            <div class="cardBox">
+                              <div
+                                v-for="(r, rIndex) in st.rightAnswer"
+                                :key="rIndex"
+                              >
+                                <el-tooltip
+                                  class="item"
+                                  effect="light"
+                                  :content="r"
+                                  placement="top"
+                                >
+                                  <div class="isCard1">
+                                    <div>{{ r }}</div>
+                                  </div>
+                                </el-tooltip>
+                              </div>
+                            </div>
+                            <div class="cardAnswerBox">
+                              组成句子：{{ st.rightAnswer.join(" ") }}
+                            </div>
+                          </div>
+                        </div>
                       </div>
                     </div>
                   </div>
+                  <div
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].bgInfo.length > 0"
+                  >
+                    <div
+                      class="a_add_title"
+                      style="
+                        display: flex;
+                        flex-direction: row;
+                        align-items: center;
+                        justify-content: flex-start;
+                        flex-wrap: wrap;
+                        margin-bottom: 10px;
+                      "
+                    >
+                      <div style="font-size: 16px">表格工具</div>
+                    </div>
+                    <el-form>
+                      <div
+                        class="cont"
+                        v-html="worksDetail[sIndex].bgInfo[0].text"
+                      ></div>
+                    </el-form>
+                  </div>
+                  <div
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].cocopiInfo.length > 0"
+                  >
+                    <div
+                      class="a_add_title"
+                      style="
+                        display: flex;
+                        flex-direction: row;
+                        align-items: center;
+                        justify-content: flex-start;
+                        flex-wrap: wrap;
+                      "
+                    >
+                      <div style="font-size: 16px">cocopi工具</div>
+                    </div>
+                    <div
+                      v-for="(c, cIndex) in worksDetail[sIndex].cocopiInfo"
+                      :key="cIndex"
+                    >
+                      <div v-if="c.type == 1">
+                        <div class="bigImg">
+                          <img :src="c.url" @click="previewImg(c.url)" alt="" />
+                        </div>
+                      </div>
+
+                      <div
+                        v-if="c.type == 2 || c.type == 3"
+                        @click="openFile(c.url, c.type)"
+                        style="
+                          width: 80px;
+                          height: 30px;
+                          text-align: center;
+                          line-height: 30px;
+                          margin-bottom: 10px;
+                        "
+                      >
+                        <el-button type="primary" size="small"
+                          >全屏查看</el-button
+                        >
+                      </div>
+                      <div v-if="c.type == 2">
+                        <div class="workImg">
+                          <img :src="word2" alt />
+                        </div>
+                      </div>
+                      <div v-if="c.type == 3">
+                        <div class="workImg">
+                          <img :src="word2" alt />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].wordInfo.length > 0"
+                  >
+                    <div
+                      class="a_add_title"
+                      style="
+                        display: flex;
+                        flex-direction: row;
+                        align-items: center;
+                        justify-content: flex-start;
+                        flex-wrap: wrap;
+                        margin-bottom: 10px;
+                      "
+                    >
+                      <div style="font-size: 16px">文档工具</div>
+                    </div>
+                    <el-form>
+                      <div
+                        class="cont"
+                        v-html="worksDetail[sIndex].wordInfo[0].text"
+                      ></div>
+                    </el-form>
+                  </div>
+                </div>
+                <div
+                  class="right_top"
+                  v-show="
+                    worksDetail[sIndex].eList.length &&
+                    (worksDetail[sIndex].img.length > 0 ||
+                      worksDetail[sIndex].askInfo.length > 0 ||
+                      worksDetail[sIndex].answerInfo.length > 0 ||
+                      worksDetail[sIndex].wpptInfo.length > 0 ||
+                      worksDetail[sIndex].pjInfo.length > 0 ||
+                      worksDetail[sIndex].xztkInfo.length > 0 ||
+                      worksDetail[sIndex].lccjInfo.length > 0 ||
+                      worksDetail[sIndex].bgInfo.length > 0 ||
+                      worksDetail[sIndex].cocopiInfo.length > 0 ||
+                      worksDetail[sIndex].wordInfo.length > 0)
+                  "
+                >
+                  <div class="ech">
+                    <img src="../../../assets/icon/pj/ech.png" alt="" />
+                  </div>
+                  <div class="data_body">
+                    <div style="width: 100%">
+                      <div
+                        class="echart charts_canvas"
+                        style="width: 100%; height: 100%; margin: 0 0 0 1rem"
+                      ></div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
@@ -1443,9 +1870,7 @@ export default {
           });
           for (var l = 0; l < b.length; l++) {
             eList =
-              chapters[0][b[l].stage].chapterInfo[0].taskJson[
-                b[l].task
-              ].eList;
+              chapters[0][b[l].stage].chapterInfo[0].taskJson[b[l].task].eList;
             if (eList && eList.length) {
               _ooption = [];
               result[l].eList = eList;

src/components/pages/myReport/components/MyLookComponent/worksDetail3.vue

@@ -122,7 +122,7 @@
                   <div
                     class="left_top"
                     :style="{
-                      width: worksDetail[sIndex].eList.length ? '45%' : '95%',
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
                     }"
                     v-if="worksDetail[sIndex].img.length > 0"
                   >
@@ -174,7 +174,7 @@
                   <div
                     class="left_top"
                     :style="{
-                      width: worksDetail[sIndex].eList.length ? '45%' : '95%',
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
                     }"
                     v-if="worksDetail[sIndex].answerInfo.length > 0"
                   >
@@ -194,11 +194,23 @@
                   <div
                     class="left_top"
                     :style="{
-                      width: worksDetail[sIndex].eList.length ? '45%' : '95%',
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
                     }"
                     v-if="worksDetail[sIndex].askInfo.length > 0"
                   >
                     <div>
+                      <div
+                        class="a_add_title"
+                        style="
+                          display: flex;
+                          flex-direction: row;
+                          align-items: center;
+                          justify-content: flex-start;
+                          flex-wrap: wrap;
+                        "
+                      >
+                        <div style="font-size: 16px">问卷工具</div>
+                      </div>
                       <div
                         class="a_add_title"
                         style="
@@ -209,9 +221,7 @@
                           flex-wrap: wrap;
                         "
                       >
-                        <div style="margin-right: 20px; font-size: 20px">
-                          标题:
-                        </div>
+                        <div style="margin-right: 20px">标题:</div>
                         <div style="font-size: 20px">
                           {{ worksDetail[sIndex].askInfo[0].askJson.askTitle }}
                         </div>
@@ -301,11 +311,11 @@
                           display: flex;
                           flex-direction: row;
                           align-items: center;
-                          justify-content: center;
+                          justify-content: flex-start;
                           flex-wrap: wrap;
                         "
                       >
-                        <div style="font-size: 20px">选择题</div>
+                        <div style="font-size: 16px">选择题工具</div>
                       </div>
                       <div class="a_addBox">
                         <div style="font-size: 16px; color: #c7c7c7">
@@ -471,27 +481,444 @@
                     </div>
                   </div>
                   <div
-                    class="right_top"
-                    v-show="
-                      worksDetail[sIndex].eList.length &&
-                      (worksDetail[sIndex].img.length > 0 ||
-                        worksDetail[sIndex].askInfo.length > 0 ||
-                        worksDetail[sIndex].answerInfo.length > 0 ||
-                        worksDetail[sIndex].wpptInfo.length > 0)
-                    "
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].pjInfo.length > 0"
                   >
-                    <div class="ech">
-                      <img src="../../../../../assets/icon/pj/ech.png" alt="" />
+                    <div style="width: 100%">
+                      <div
+                        class="a_add_title"
+                        style="
+                          display: flex;
+                          flex-direction: row;
+                          align-items: center;
+                          justify-content: flex-start;
+                          flex-wrap: wrap;
+                        "
+                      >
+                        <div style="font-size: 16px">个人评价工具</div>
+                      </div>
+                      <div class="evalCss">
+                        <div
+                          class="middleBox"
+                          v-if="worksDetail[sIndex].pjInfo[0].answer.eStar"
+                        >
+                          <div
+                            class="pfBox"
+                            v-for="(e, eIndex) in worksDetail[sIndex].pjInfo[0]
+                              .rateJson"
+                            :key="eIndex"
+                          >
+                            <div class="nameAndrate">
+                              <div>{{ e.value }}</div>
+                              <el-rate
+                                v-model="
+                                  worksDetail[sIndex].pjInfo[0].answer.eStar[
+                                    eIndex
+                                  ]
+                                "
+                                disabled
+                              ></el-rate>
+                            </div>
+                            <div v-if="e.detail">{{ e.detail }}</div>
+                          </div>
+                          <div class="bz">
+                            <textarea
+                              disabled
+                              rows="4"
+                              class="pj"
+                              style="
+                                padding: 10px 5px;
+                                width: 95%;
+                                background: #f7f6f9;
+                                font-size: 14px;
+                                text-indent: 10px;
+                              "
+                              cols
+                              v-model="
+                                worksDetail[sIndex].pjInfo[0].answer.eBzText
+                              "
+                              placeholder="请输入评价内容..."
+                            ></textarea>
+                          </div>
+                        </div>
+                      </div>
                     </div>
-                    <div class="data_body">
-                      <div style="width: 100%">
+                  </div>
+                  <div
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].xztkInfo.length > 0"
+                  >
+                    <div
+                      class="a_add_title"
+                      style="
+                        display: flex;
+                        flex-direction: row;
+                        align-items: center;
+                        justify-content: flex-start;
+                        flex-wrap: wrap;
+                      "
+                    >
+                      <div style="font-size: 16px">选择填空工具</div>
+                    </div>
+                    <div class="select_box2_box">
+                      <div class="select_box2_img">
+                        <img
+                          :src="worksDetail[sIndex].xztkInfo[0].selectJson.url"
+                          @click="
+                            previewImg(
+                              worksDetail[sIndex].xztkInfo[0].selectJson.url
+                            )
+                          "
+                          alt=""
+                        />
+                      </div>
+                      <div class="rightWidthCss">
+                        <div style="padding-top: 15px; width: 50%">
+                          <div
+                            class="select_box2_answer_box"
+                            v-for="(item2, checkIndex) in worksDetail[sIndex]
+                              .xztkInfo[0].selectJson.select"
+                            :key="checkIndex"
+                          >
+                            <span style="min-width: 30px"
+                              >{{ checkIndex + 1 }}、</span
+                            >
+                            <el-select
+                              disabled
+                              v-model="
+                                worksDetail[sIndex].xztkInfo[0].answer[
+                                  checkIndex
+                                ]
+                              "
+                              placeholder="请选择正确答案"
+                            >
+                              <el-option
+                                v-for="(e, eIndex) in worksDetail[sIndex]
+                                  .xztkInfo[0].selectJson.select"
+                                :key="eIndex"
+                                :label="e"
+                                :value="eIndex"
+                              >
+                              </el-option>
+                            </el-select>
+                          </div>
+                        </div>
+                        <div class="rightAnswerCss">
+                          <div
+                            v-for="(a, aIndex) in worksDetail[sIndex]
+                              .xztkInfo[0].selectJson.answer"
+                            :key="aIndex"
+                            class="rightAnswer"
+                          >
+                            <div
+                              v-if="
+                                worksDetail[sIndex].xztkInfo[0].answer[
+                                  aIndex
+                                ] === a
+                              "
+                              style="color: #767de1"
+                            >
+                              回答正确
+                            </div>
+                            <div v-else>回答错误</div>
+                            <div
+                              style="margin-left: 10px"
+                              v-if="
+                                worksDetail[sIndex].xztkInfo[0].answer[
+                                  aIndex
+                                ] !== a
+                              "
+                            >
+                              正确答案：
+                            </div>
+                            <div
+                              :class="
+                                worksDetail[sIndex].xztkInfo[0].answer[
+                                  aIndex
+                                ] === a
+                                  ? 'blueCss'
+                                  : 'redCss'
+                              "
+                            >
+                              {{
+                                worksDetail[sIndex].xztkInfo[0].selectJson
+                                  .select[a]
+                              }}
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].lccjInfo.length > 0"
+                  >
+                    <div class="sentenBox">
+                      <div
+                        class="a_add_title"
+                        style="
+                          display: flex;
+                          flex-direction: row;
+                          align-items: center;
+                          justify-content: flex-start;
+                          flex-wrap: wrap;
+                        "
+                      >
+                        <div style="font-size: 16px">连词成句工具</div>
+                      </div>
+                      <div
+                        v-for="(st, stIndex) in worksDetail[sIndex].lccjInfo"
+                        :key="stIndex"
+                        style="padding-bottom: 20px"
+                      >
+                        <div style="padding: 15px 0 10px 20px; font-size: 20px">
+                          第{{ stIndex + 1 }}题
+                        </div>
+                        <div class="isWrong">
+                          <div class="cardList1" v-if="st.chooseSenList">
+                            <div class="cardBox">
+                              <div
+                                v-for="(s, sIndex) in st.chooseSenList"
+                                :key="sIndex"
+                              >
+                                <el-tooltip
+                                  class="item"
+                                  effect="light"
+                                  :content="s"
+                                  placement="top"
+                                >
+                                  <div class="isCard">
+                                    <div>{{ s }}</div>
+                                  </div>
+                                </el-tooltip>
+                              </div>
+                            </div>
+                            <div class="cardAnswerBox">
+                              组成句子：{{ st.chooseSenList.join(" ") }}
+                            </div>
+                          </div>
+                          <div
+                            class="answerRight isTj"
+                            v-if="
+                              st.chooseSenList.toString() ==
+                              st.rightAnswer.toString()
+                            "
+                          >
+                            <div class="isTjImg">
+                              <img
+                                src="../../../../../assets/icon/conSentences/right.png"
+                                alt=""
+                              />
+                            </div>
+                            <div>回答正确</div>
+                          </div>
+                          <div
+                            class="answerRight isTj"
+                            v-if="
+                              st.chooseSenList.toString() !=
+                              st.rightAnswer.toString()
+                            "
+                          >
+                            <div class="isTjImg">
+                              <img
+                                src="../../../../../assets/icon/conSentences/wrong.png"
+                                alt=""
+                              />
+                            </div>
+                            <div>回答错误</div>
+                          </div>
+                        </div>
                         <div
-                          class="echart charts_canvas"
-                          style="width: 100%; height: 100%; margin: 0 0 0 1rem"
-                        ></div>
+                          v-if="
+                            st.chooseSenList.toString() !=
+                            st.rightAnswer.toString()
+                          "
+                        >
+                          <div style="padding: 15px 0 10px 20px">
+                            正确答案如下：
+                          </div>
+                          <div
+                            class="cardList"
+                            v-if="st.rightAnswer"
+                            style="
+                              border: none;
+                              padding: 10px 0 10px 10px;
+                              margin: 0;
+                            "
+                          >
+                            <div class="cardBox">
+                              <div
+                                v-for="(r, rIndex) in st.rightAnswer"
+                                :key="rIndex"
+                              >
+                                <el-tooltip
+                                  class="item"
+                                  effect="light"
+                                  :content="r"
+                                  placement="top"
+                                >
+                                  <div class="isCard1">
+                                    <div>{{ r }}</div>
+                                  </div>
+                                </el-tooltip>
+                              </div>
+                            </div>
+                            <div class="cardAnswerBox">
+                              组成句子：{{ st.rightAnswer.join(" ") }}
+                            </div>
+                          </div>
+                        </div>
                       </div>
                     </div>
                   </div>
+                  <div
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].bgInfo.length > 0"
+                  >
+                    <div
+                      class="a_add_title"
+                      style="
+                        display: flex;
+                        flex-direction: row;
+                        align-items: center;
+                        justify-content: flex-start;
+                        flex-wrap: wrap;
+                        margin-bottom: 10px;
+                      "
+                    >
+                      <div style="font-size: 16px">表格工具</div>
+                    </div>
+                    <el-form>
+                      <div
+                        class="cont"
+                        v-html="worksDetail[sIndex].bgInfo[0].text"
+                      ></div>
+                    </el-form>
+                  </div>
+                  <div
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].cocopiInfo.length > 0"
+                  >
+                    <div
+                      class="a_add_title"
+                      style="
+                        display: flex;
+                        flex-direction: row;
+                        align-items: center;
+                        justify-content: flex-start;
+                        flex-wrap: wrap;
+                      "
+                    >
+                      <div style="font-size: 16px">cocopi工具</div>
+                    </div>
+                    <div
+                      v-for="(c, cIndex) in worksDetail[sIndex].cocopiInfo"
+                      :key="cIndex"
+                    >
+                      <div v-if="c.type == 1">
+                        <div class="bigImg">
+                          <img :src="c.url" @click="previewImg(c.url)" alt="" />
+                        </div>
+                      </div>
+
+                      <div
+                        v-if="c.type == 2 || c.type == 3"
+                        @click="openFile(c.url, c.type)"
+                        style="
+                          width: 80px;
+                          height: 30px;
+                          text-align: center;
+                          line-height: 30px;
+                          margin-bottom: 10px;
+                        "
+                      >
+                        <el-button type="primary" size="small"
+                          >全屏查看</el-button
+                        >
+                      </div>
+                      <div v-if="c.type == 2">
+                        <div class="workImg">
+                          <img :src="word2" alt />
+                        </div>
+                      </div>
+                      <div v-if="c.type == 3">
+                        <div class="workImg">
+                          <img :src="word2" alt />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="left_top"
+                    :style="{
+                      width: worksDetail[sIndex].eList.length ? '95%' : '95%',
+                    }"
+                    v-if="worksDetail[sIndex].wordInfo.length > 0"
+                  >
+                    <div
+                      class="a_add_title"
+                      style="
+                        display: flex;
+                        flex-direction: row;
+                        align-items: center;
+                        justify-content: flex-start;
+                        flex-wrap: wrap;
+                        margin-bottom: 10px;
+                      "
+                    >
+                      <div style="font-size: 16px">文档工具</div>
+                    </div>
+                    <el-form>
+                      <div
+                        class="cont"
+                        v-html="worksDetail[sIndex].wordInfo[0].text"
+                      ></div>
+                    </el-form>
+                  </div>
+                </div>
+                <div
+                  class="right_top"
+                  v-show="
+                    worksDetail[sIndex].eList.length &&
+                    (worksDetail[sIndex].img.length > 0 ||
+                      worksDetail[sIndex].askInfo.length > 0 ||
+                      worksDetail[sIndex].answerInfo.length > 0 ||
+                      worksDetail[sIndex].wpptInfo.length > 0 ||
+                      worksDetail[sIndex].pjInfo.length > 0 ||
+                      worksDetail[sIndex].xztkInfo.length > 0 ||
+                      worksDetail[sIndex].lccjInfo.length > 0 ||
+                      worksDetail[sIndex].bgInfo.length > 0 ||
+                      worksDetail[sIndex].cocopiInfo.length > 0 ||
+                      worksDetail[sIndex].wordInfo.length > 0)
+                  "
+                >
+                  <div class="ech">
+                    <img src="../../../../../assets/icon/pj/ech.png" alt="" />
+                  </div>
+                  <div class="data_body">
+                    <div style="width: 100%">
+                      <div
+                        class="echart charts_canvas"
+                        style="width: 100%; height: 100%; margin: 0 0 0 1rem"
+                      ></div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
@@ -1443,9 +1870,7 @@ export default {
           });
           for (var l = 0; l < b.length; l++) {
             eList =
-              chapters[0][b[l].stage].chapterInfo[0].taskJson[
-                b[l].task
-              ].eList;
+              chapters[0][b[l].stage].chapterInfo[0].taskJson[b[l].task].eList;
             if (eList && eList.length) {
               _ooption = [];
               result[l].eList = eList;