1

src/components/components/englishEva.vue

@@ -0,0 +1,363 @@
+<template>
+  <el-dialog
+    title="英语写作"
+    :visible.sync="engEvaDialogVisible"
+    :append-to-body="true"
+    width="800px"
+    :before-close="handleClose"
+    class="dialog_diy fullStyle"
+  >
+    <div class="engUpBox">
+      <div class="engUpTop">
+        <div class="engTitle">
+          <div>作文题目：</div>
+          <div>{{ evaEngJson.teacherJson.engTitle }}</div>
+        </div>
+        <div class="engText">
+          <div>作文题目：</div>
+          <div
+            class="cont"
+            v-html="evaEngJson.teacherJson.englishText"
+            @click="checkImg(getImgList(evaEngJson.teacherJson.englishText))"
+          ></div>
+        </div>
+      </div>
+      <div
+        class="correctBox"
+        :style="{ height: `calc(100% - ${topHeight}px)` }"
+      >
+        <div class="oldBox">
+          <div class="oldMes">原文（ 作者：{{ evaEngJson.username }} ）</div>
+          <div class="oldText">
+            <div class="detailBox">
+              <div class="oldDetail">
+                <div>标题：</div>
+                <div>{{ evaEngJson.studentJson.engTitle }}</div>
+              </div>
+              <div class="oldDetail1">
+                <div>正文：</div>
+                <div v-html="evaEngJson.studentJson.engText"></div>
+              </div>
+              <div
+                class="oldDetail"
+                v-if="
+                  evaEngJson.studentJson.imgList &&
+                  evaEngJson.studentJson.imgList.length > 0
+                "
+              >
+                <div>图片：</div>
+                <div class="oldImg">
+                  <img :src="evaEngJson.studentJson.imgList[0].url" alt="" />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="oldBox" style="position: relative">
+          <div
+            class="oldMes"
+            style="
+              background: rgb(224 236 255);
+              display: flex;
+              flex-direction: row;
+              flex-wrap: nowrap;
+              align-items: center;
+            "
+          >
+            <div
+              class="allName"
+              :style="{ background: type == 0 ? '#aacaff' : '' }"
+              @click="setType(0)"
+            >
+              AI评价
+            </div>
+            <div
+              class="allName"
+              :style="{ background: type == 1 ? '#aacaff' : '' }"
+              @click="setType(1)"
+            >
+              教师评价
+            </div>
+          </div>
+          <div v-if="type == 0">
+            <el-button
+              type="primary"
+              @click="isPj = true"
+              v-if="!isPj"
+              style="margin: 10px 0 0 0"
+              >AI评价</el-button
+            >
+            <div class="oldText" style="margin-top: 10px" v-else>
+              <div class="detailBox" style="min-width: 300px">
+                <div class="oldDetail" style="min-width: 300px">
+                  <div>作业批改：</div>
+                  <el-input
+                    type="textarea"
+                    :rows="10"
+                    resize="none"
+                    v-model="aiList.engTitle"
+                    disabled
+                  />
+                </div>
+                <div class="oldDetail" style="min-width: 300px">
+                  <div>作业评价：</div>
+                  <el-input
+                    type="textarea"
+                    :rows="10"
+                    resize="none"
+                    v-model="aiList.engText"
+                    disabled
+                  />
+                </div>
+              </div>
+            </div>
+            <el-button
+              type="primary"
+              @click="isPj = false"
+              v-if="isPj"
+              style="position: absolute; top: 50px; right: 20px"
+              >返回评价</el-button
+            >
+          </div>
+          <div v-if="type == 1" style="margin: 10px 0 0 0">
+            <div class="oldText" style="margin-top: 10px">
+              <div class="detailBox" style="min-width: 300px">
+                <div class="oldDetail" style="min-width: 300px">
+                  <div>作业批改：</div>
+                  <el-input
+                    type="textarea"
+                    :rows="10"
+                    resize="none"
+                    v-model="teacherList.engTitle"
+                  />
+                </div>
+                <div class="oldDetail" style="min-width: 300px">
+                  <div>作业评价：</div>
+                  <el-input
+                    type="textarea"
+                    :rows="10"
+                    resize="none"
+                    v-model="teacherList.engText"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <span slot="footer" class="dialog-footer" style="z-index: 999;position: relative;">
+      <el-button @click="close()">取 消</el-button>
+      <el-button type="primary">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  props: ["engEvaDialogVisible","evaEngJson"],
+  data() {
+    return {
+      topHeight: 0,
+      type: 0,
+      isPj: false,
+      aiList: {
+        engTitle: "这是题目",
+        engText: "这是内容",
+      },
+      teacherList: {
+        engTitle: "",
+        engText: "",
+      },
+    };
+  },
+  methods: {
+    handleClose(done) {
+      this.close()
+      done();
+    },
+    close(){
+      this.$emit("update:engEvaDialogVisible",false)
+    },
+    checkImg(list) {
+      if (!list.length) {
+        return;
+      }
+      this.$hevueImgPreview({
+        multiple: true, // 开启多图预览模式
+        imgList: list, // 需要预览的多图数组
+      });
+    },
+    getImgList() {
+      return function (val) {
+        let srcList = []; // 定义一个数组用来接收后面的img地址
+
+        val.replace(
+          /<img [^>]*src=['"]([^'"]+)[^>]*>/g,
+          function (match, capture) {
+            // 查找匹配的元素   match为整个img标签  capture为src中的内容
+            srcList.push(capture);
+          }
+        );
+        return srcList;
+      };
+    },
+    setType(i) {
+      this.type = i;
+      this.$forceUpdate();
+    },
+  },
+  mounted() {
+    this.topHeight = document.querySelectorAll(".engUpTop")[0].offsetHeight;
+  },
+};
+</script>
+
+<style scoped>
+.dialog_diy >>> .el-dialog__header {
+  background: #454545 !important;
+  padding: 15px 20px;
+}
+
+.dialog_diy >>> .el-dialog__title {
+  color: #fff;
+}
+
+.dialog_diy >>> .el-dialog__headerbtn {
+  top: 19px;
+}
+
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close {
+  color: #fff;
+}
+
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover {
+  color: #fff;
+}
+.dialog_diy >>> .el-dialog__body,
+.dialog_diy >>> .el-dialog__footer {
+  background: #fafafa;
+}
+
+.fullStyle>>>.el-dialog__body {
+  height: calc(100% - 125px) !important;
+  box-sizing: border-box;
+  padding: 30px 0 !important;
+  background: #fff !important;
+}
+
+.fullStyle>>>.el-dialog {
+  width: 100% !important;
+  max-width: 100% !important;
+  height: 100% !important;
+  margin: 0 !important;
+}
+
+.fullStyle {
+  width: 100% !important;
+  max-width: 100% !important;
+  height: 100% !important;
+  margin: 0 auto !important;
+}
+
+.fullStyle>>>.el-dialog__footer{
+  background: #fff !important;
+}
+.engUpBox {
+  width: 100%;
+  height: 100%;
+}
+
+.engTitle,
+.engText {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+}
+
+.engTitle > .div:first-child,
+.engText > div:first-child {
+  min-width: 75px;
+}
+
+.correctBox {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+}
+
+.oldBox {
+  width: 50%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: center;
+  border-top: 1px solid #d9d9d9;
+  border-left: 1px solid #d9d9d9;
+  border-right: 1px solid #d9d9d9;
+}
+.oldBox > div:first-child {
+  width: 100%;
+  text-align: center;
+  background: #d9d9d9;
+  height: 35px;
+  line-height: 35px;
+  font-weight: bold;
+}
+
+.oldText {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-content: center;
+  justify-content: center;
+  align-items: center;
+}
+
+.detailBox {
+  width: 50%;
+  padding: 10px;
+  background: #f6f6f6;
+  border-radius: 5px;
+}
+
+.oldDetail,
+.oldDetail1 {
+  padding-bottom: 30px;
+}
+
+.oldDetail1 > div:last-child {
+  max-height: 200px;
+  overflow: auto;
+}
+
+.oldImg {
+  width: 30px;
+  height: 30px;
+}
+
+.oldImg > img {
+  width: 100%;
+  height: 100%;
+}
+
+.allName {
+  min-width: 50%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-word;
+  cursor: pointer;
+  text-align: center;
+  border: 1px solid #bcc2cc;
+  box-sizing: border-box;
+}
+</style>

src/components/courseDetail.vue

@@ -2060,7 +2060,7 @@ export default {
 .right_box_title {
   font-size: 20px;
   font-weight: bold;
-  max-width: calc(100% - 190px);
+  max-width: calc(100% - 250px);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

src/components/easy2/studyStudent.vue

@@ -3826,6 +3826,7 @@
                             : worksStudent[toolIndex].slice(0, 6)"
                           :key="wIndex"
                           class="isWorksName2"
+                          style="width: 150px;height: 50px;line-height: 50px;"
                           @click="
                             openTools(
                               69,
@@ -3838,6 +3839,13 @@
                           "
                         >
                           {{ w.sName }}
+                          <img
+                            v-show="false"
+                            class="deleteImg1"
+                            src="../../assets/evaEnglish.png"
+                            @click.stop="openEnglishEva(w.wid,toolIndex)"
+                            alt
+                          />
                           <img
                             class="deleteImg deleteImg2"
                             src="../../assets/deleteworks.png"
@@ -11398,6 +11406,7 @@
         <el-button type="primary" @click="addCorrect">确 定</el-button>
       </span>
     </el-dialog>
+    <englishEva :evaEngJson="evaEngJson" :engEvaDialogVisible.sync="engEvaDialogVisible"></englishEva>
     <interVideo
       :dialogVisibleVideo.sync="dialogVisibleVideo"
       :videoJson="videoJson"
@@ -11467,6 +11476,7 @@ import axios from "axios";
 import JSZip from "jszip";
 import FileSaver from "file-saver";
 import onlineWrite from "./commpont/onlineWrite";
+import englishEva from "../components/englishEva";
 
 const getFile = (url) => {
   return new Promise((resolve, reject) => {
@@ -11503,6 +11513,7 @@ export default {
     UpdateMore,
     wordCloud,
     onlineWrite,
+    englishEva,
   },
   data() {
     return {
@@ -11538,6 +11549,12 @@ export default {
       dialogVisiblePickPeople: false,
       engDialogVisible: false,
       engUpdateDialogVisible:false,
+      engEvaDialogVisible: false,
+      evaEngJson: {
+        username: "",
+        teacherJson: {},
+        studentJson: {},
+      },
       isNoUserid:false,
       engListLength:0,
       engWid:"",
@@ -13567,6 +13584,23 @@ export default {
         ].toolChoose[toolindex].rateJson;
       this.studentEvalDialogVisible = true;
     },
+    openEnglishEva(id,i){
+      let params = {
+        wid: id
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectEngWork", params)
+        .then((res) => {
+          this.evaEngJson.studentJson = JSON.parse(res.data[0][0].content);
+          this.evaEngJson.username = res.data[0][0].username;
+          this.evaEngJson.teacherJson = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount]
+              .toolChoose[i].englishList;
+          this.engEvaDialogVisible = true;
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
     deleteWorks(id) {
       this.$confirm("确定删除此作业吗？", "提示", {
         confirmButtonText: "确定",
@@ -19035,13 +19069,6 @@ export default {
     width: 100% !important;
     min-width: unset !important;
   }
-
-  /* .textTitle >>> .el-form-item__label {
-    width: 150px !important;
-  } */
-  /* .stageItemTitle > div:last-child{
-    max-width: 50px;
-  } */
 }
 
 .evaCssMax {
@@ -22051,7 +22078,7 @@ ol {
   margin-top: 10px;
 }
 
-.deleteImg {
+.deleteImg,.deleteImg1 {
   width: 25px !important;
   height: 25px !important;
   cursor: pointer;
@@ -22061,12 +22088,19 @@ ol {
 }
 
 .deleteImg2 {
-  width: 15px !important;
-  height: 15px !important;
+  width: 23px !important;
+  height: 23px !important;
   top: 5px;
   right: 5px;
 }
 
+.deleteImg1{
+  width: 23px !important;
+  height: 23px !important;
+  top: 5px !important;
+  right: 30px !important;
+}
+
 .rightW {
   right: 40px;
 }
@@ -22768,30 +22802,6 @@ ol {
   color: #fff;
   border-radius: 8px;
 }
-
-.stageItemTitle {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-items: center;
-  margin-left: 15px;
-  width: calc(100% - 50px);
-}
-.stageItemTitle > div:first-child {
-  font-size: 16px;
-  font-weight: bold;
-  min-width: 55px;
-}
-.stageItemTitle > div:last-child {
-  font-size: 15px;
-  font-weight: 600;
-  max-width: 242px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-word;
-  width: calc(100% - 55px);
-}
 .closeTri,
 .closeTri1 {
   min-width: 15px;
@@ -22864,7 +22874,7 @@ ol {
   background: #ffffff;
   border-radius: 4px;
   width: 100%;
-  margin: 10px auto 0;
+  margin: 10px auto;
   position: relative;
   height: 40px;
   display: flex;

src/components/easy3/studyStudent.vue

@@ -3813,6 +3813,7 @@
                             : worksStudent[toolIndex].slice(0, 6)"
                           :key="wIndex"
                           class="isWorksName2"
+                          style="width: 150px;height: 50px;line-height: 50px;"
                           @click="
                             openTools(
                               69,
@@ -3825,6 +3826,13 @@
                           "
                         >
                           {{ w.sName }}
+                          <img
+                            v-show="false"
+                            class="deleteImg1"
+                            src="../../assets/evaEnglish.png"
+                            @click.stop="openEnglishEva(w.wid,toolIndex)"
+                            alt
+                          />
                           <img
                             class="deleteImg deleteImg2"
                             src="../../assets/deleteworks.png"
@@ -11385,6 +11393,7 @@
         <el-button type="primary" @click="addCorrect">确 定</el-button>
       </span>
     </el-dialog>
+    <englishEva :evaEngJson="evaEngJson" :engEvaDialogVisible.sync="engEvaDialogVisible"></englishEva>
     <interVideo
       :dialogVisibleVideo.sync="dialogVisibleVideo"
       :videoJson="videoJson"
@@ -11454,6 +11463,7 @@ import axios from "axios";
 import JSZip from "jszip";
 import FileSaver from "file-saver";
 import onlineWrite from "./commpont/onlineWrite";
+import englishEva from "../components/englishEva";
 
 const getFile = (url) => {
   return new Promise((resolve, reject) => {
@@ -11490,6 +11500,7 @@ export default {
     UpdateMore,
     wordCloud,
     onlineWrite,
+    englishEva,
   },
   data() {
     return {
@@ -11710,6 +11721,12 @@ export default {
       toolDialogVisible: false,
       engDialogVisible: false,
       engUpdateDialogVisible:false,
+      engEvaDialogVisible: false,
+      evaEngJson: {
+        username: "",
+        teacherJson: {},
+        studentJson: {},
+      },
       isNoUserid:false,
       engListLength:0,
       engWid:"",
@@ -13556,6 +13573,23 @@ export default {
         ].toolChoose[toolindex].rateJson;
       this.studentEvalDialogVisible = true;
     },
+    openEnglishEva(id,i){
+      let params = {
+        wid: id
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectEngWork", params)
+        .then((res) => {
+          this.evaEngJson.studentJson = JSON.parse(res.data[0][0].content);
+          this.evaEngJson.username = res.data[0][0].username;
+          this.evaEngJson.teacherJson = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount]
+              .toolChoose[i].englishList;
+          this.engEvaDialogVisible = true;
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
     deleteWorks(id) {
       this.$confirm("确定删除此作业吗？", "提示", {
         confirmButtonText: "确定",
@@ -19024,13 +19058,6 @@ export default {
     width: 100% !important;
     min-width: unset !important;
   }
-
-  /* .textTitle >>> .el-form-item__label {
-    width: 150px !important;
-  } */
-  /* .stageItemTitle > div:last-child{
-    max-width: 50px;
-  } */
 }
 
 .evaCssMax {
@@ -22040,7 +22067,7 @@ ol {
   margin-top: 10px;
 }
 
-.deleteImg {
+.deleteImg,.deleteImg1 {
   width: 25px !important;
   height: 25px !important;
   cursor: pointer;
@@ -22050,12 +22077,19 @@ ol {
 }
 
 .deleteImg2 {
-  width: 15px !important;
-  height: 15px !important;
+  width: 23px !important;
+  height: 23px !important;
   top: 5px;
   right: 5px;
 }
 
+.deleteImg1{
+  width: 23px !important;
+  height: 23px !important;
+  top: 5px !important;
+  right: 30px !important;
+}
+
 .rightW {
   right: 40px;
 }
@@ -22757,30 +22791,6 @@ ol {
   color: #fff;
   border-radius: 8px;
 }
-
-.stageItemTitle {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-items: center;
-  margin-left: 15px;
-  width: calc(100% - 50px);
-}
-.stageItemTitle > div:first-child {
-  font-size: 16px;
-  font-weight: bold;
-  min-width: 55px;
-}
-.stageItemTitle > div:last-child {
-  font-size: 15px;
-  font-weight: 600;
-  max-width: 242px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-word;
-  width: calc(100% - 55px);
-}
 .closeTri,
 .closeTri1 {
   min-width: 15px;
@@ -22853,7 +22863,7 @@ ol {
   background: #ffffff;
   border-radius: 4px;
   width: 100%;
-  margin: 10px auto 0;
+  margin: 10px auto;
   position: relative;
   height: 40px;
   display: flex;

src/components/studyStudent.vue

@@ -88,7 +88,7 @@
               @click="get(stageIndex)"
               :class="{ stageBoxIsCss: item.isOpen }"
             >
-              <div class="stageItemTitle">
+              <div class="stageItemTitle" :class="{ stageNav: item.isOpen }">
                 <div>阶段{{ stageIndex + 1 }}</div>
                 <el-tooltip
                   effect="light"
@@ -3820,6 +3820,7 @@
                             : worksStudent[toolIndex].slice(0, 6)"
                           :key="wIndex"
                           class="isWorksName2"
+                          style="width: 150px;height: 50px;line-height: 50px;"
                           @click="
                             openTools(
                               69,
@@ -3832,6 +3833,13 @@
                           "
                         >
                           {{ w.sName }}
+                          <img
+                            v-show="false"
+                            class="deleteImg1"
+                            src="../assets/evaEnglish.png"
+                            @click.stop="openEnglishEva(w.wid,toolIndex)"
+                            alt
+                          />
                           <img
                             class="deleteImg deleteImg2"
                             src="../assets/deleteworks.png"
@@ -11368,6 +11376,7 @@
         <el-button type="primary" @click="addCorrect">确 定</el-button>
       </span>
     </el-dialog>
+    <englishEva :evaEngJson="evaEngJson" :engEvaDialogVisible.sync="engEvaDialogVisible"></englishEva>
     <interVideo
       :dialogVisibleVideo.sync="dialogVisibleVideo"
       :videoJson="videoJson"
@@ -11437,6 +11446,7 @@ import axios from "axios";
 import JSZip from "jszip";
 import FileSaver from "file-saver";
 import onlineWrite from "./components/onlineWrite";
+import englishEva from "./components/englishEva";
 
 const getFile = (url) => {
   return new Promise((resolve, reject) => {
@@ -11473,6 +11483,7 @@ export default {
     UpdateMore,
     wordCloud,
     onlineWrite,
+    englishEva,
   },
   data() {
     return {
@@ -11507,7 +11518,13 @@ export default {
       dialogVisibleVideo: false,
       dialogVisiblePickPeople: false,
       engDialogVisible: false,
-      engUpdateDialogVisible:false,
+      engUpdateDialogVisible: false,
+      engEvaDialogVisible: false,
+      evaEngJson: {
+        username: "",
+        teacherJson: {},
+        studentJson: {},
+      },
       isNoUserid:false,
       engListLength:0,
       engWid:"",
@@ -13535,6 +13552,23 @@ export default {
         ].toolChoose[toolindex].rateJson;
       this.studentEvalDialogVisible = true;
     },
+    openEnglishEva(id,i){
+      let params = {
+        wid: id
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectEngWork", params)
+        .then((res) => {
+          this.evaEngJson.studentJson = JSON.parse(res.data[0][0].content);
+          this.evaEngJson.username = res.data[0][0].username;
+          this.evaEngJson.teacherJson = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount]
+              .toolChoose[i].englishList;
+          this.engEvaDialogVisible = true;
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
     deleteWorks(id) {
       this.$confirm("确定删除此作业吗？", "提示", {
         confirmButtonText: "确定",
@@ -18996,13 +19030,6 @@ export default {
     width: 100% !important;
     min-width: unset !important;
   }
-
-  /* .textTitle >>> .el-form-item__label {
-    width: 150px !important;
-  } */
-  /* .stageItemTitle > div:last-child{
-    max-width: 50px;
-  } */
 }
 
 .evaCssMax {
@@ -22012,7 +22039,7 @@ ol {
   margin-top: 10px;
 }
 
-.deleteImg {
+.deleteImg,.deleteImg1 {
   width: 25px !important;
   height: 25px !important;
   cursor: pointer;
@@ -22022,12 +22049,19 @@ ol {
 }
 
 .deleteImg2 {
-  width: 15px !important;
-  height: 15px !important;
+  width: 23px !important;
+  height: 23px !important;
   top: 5px;
   right: 5px;
 }
 
+.deleteImg1{
+  width: 23px !important;
+  height: 23px !important;
+  top: 5px !important;
+  right: 30px !important;
+}
+
 .rightW {
   right: 40px;
 }
@@ -22738,14 +22772,13 @@ ol {
   margin-left: 15px;
   width: calc(100% - 50px);
 }
-.stageItemTitle > div:first-child {
-  font-size: 16px;
+.stageNav{
   font-weight: bold;
+}
+.stageItemTitle > div:first-child {
   min-width: 55px;
 }
 .stageItemTitle > div:last-child {
-  font-size: 15px;
-  font-weight: 600;
   max-width: 242px;
   white-space: nowrap;
   overflow: hidden;
@@ -22825,7 +22858,7 @@ ol {
   background: #ffffff;
   border-radius: 4px;
   width: 100%;
-  margin: 10px auto 0;
+  margin: 10px auto;
   position: relative;
   height: 40px;
   display: flex;