update

src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="app" :class="{appNoHeight: $route.path == '/liveProjectDetail'}">
+  <div id="app" :class="{appNoHeight: $route.path == '/liveProjectDetail',GMBg: $route.path == '/worksGM'}">
     <!-- <div class="app_head" :class="{ stuWidth: $route.path == '/student' }">
 			<div class="logo" @click="goTo('/')"></div>
 			<div class="app_right">
@@ -369,4 +369,26 @@ html::-webkit-scrollbar-thumb {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   background-color: rgba(0, 0, 0, 0.1);
 }
+
+.btnClassGM {
+  background: #8681b7;
+  border-color: #8681b7;
+}
+
+.btnClassGM:focus, .btnClassGM:hover{
+  background: #8681b7;
+  border-color: #8681b7;
+}
+
+
+.cancelbtnGM:focus,
+.cancelbtnGM:hover {
+  color: rgb(92, 84, 159);
+  border-color: #5c549f;
+  background-color: #dbd7ff;
+}
+
+.GMBg{
+  background: rgb(184, 181, 202) !important;
+}
 </style>

src/components/GM/courseDetailGM.vue

@@ -0,0 +1,707 @@
+<template>
+  <div class="pb_content">
+    <div class="pb_content_body" style="height: 100%">
+      <div class="body_student">
+        <div class="student_head">
+          <div style="background:#5c538a" v-if="tType != 4" class="return" @click.stop="
+            goTo(
+              '/indexGM?userid=' +
+                userid +
+                '&oid=' +
+                oid +
+                '&org='+
+                    org +
+                '&cid=' +
+                classId +
+                '&tType=' +
+                tType +
+                '&screenType=' +
+                screenType
+            )
+          ">
+            返回
+            <!-- <img src="../assets/icon/return.png" alt="" /> -->
+          </div>
+          <div class="box_course">
+            <div class="wheel">
+              <img style="object-fit: contain" :src="
+                this.courseDetail.cover != null &&
+                this.courseDetail.cover != ''
+                  ? JSON.parse(this.courseDetail.cover).length > 0
+                    ? JSON.parse(this.courseDetail.cover)[0].url
+                    : mr
+                  : mr
+              " alt />
+            </div>
+            <div class="right_box">
+              <div class="rightT">
+                <div class="right_box_title">{{ courseDetail.title }}</div>
+                <div class="jd">{{ chapInfo.length }}阶段</div>
+                <div class="jd">{{ rw }}任务</div>
+              </div>
+              <div class="cType">
+                <div class="all_choose" v-for="(item, index) in courseType" :key="index">
+                  <span style="color: #6c6c6c">{{ item + ":" }}</span>
+                  <span class="type_children" v-for="(item2, index2) in courseTypeJson[item]" :key="index2">{{ item2
+                  }}</span>
+                </div>
+              </div>
+              <div class="cType" style="font-size: 18px; color: #6c6c6c">
+                <div>
+                  创建者:<span style="color: #000">{{
+                  courseDetail.username
+                  }}</span>
+                </div>
+                <div class="Tname" v-if="Tname.length > 0">
+                  协同人员:<span v-for="(tname, tIndex) in Tname" :key="tIndex" style="margin: 0 5px; color: #000">{{ tname
+                  }}</span>
+                </div>
+              </div>
+              <div class="people">
+                <div class="man">
+                  <img src="@/assets/people.png" alt />
+                </div>
+                <div class="person">
+                  {{ courseDetail.vcount != null ? courseDetail.vcount : 0 }}人
+                </div>
+              </div>
+
+              <div class="now_study" @click="dialogVisible = true">
+                立即学习
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="student_body">
+          <div class="sLeft" v-if="courseDetail.brief">
+            <div class="courseT">项目详情</div>
+            <div class="courseTd">{{ courseDetail.brief }}</div>
+          </div>
+          <div :class="courseDetail.brief != '' ? 'rightTd' : 'noBRight'">
+            <div class="blue_box_one" v-for="(item, index) in chapInfo" :key="index" @click="addUserRate(index)">
+              <div>第{{ index + 1 }}阶段</div>
+              <div :title="item.dyName">{{ item.dyName }}</div>
+              <div>{{ item.chapterInfo[0].taskJson.length }}个任务</div>
+            </div>
+          </div>
+        </div>
+
+        <!-- <div
+          style="
+            text-align: center;
+            padding: 30px 0 20px 0;
+            box-sizing: border-box;
+          "
+        >
+          此处滚动加载..
+        </div>-->
+        <el-dialog title="阶段选择" :visible.sync="dialogVisible" :append-to-body="true" width="700px"
+          :before-close="handleClose" class="dialog_change">
+          <div style="font-size: 20px">请选择阶段</div>
+          <div style="
+              padding: 20px 30px;
+              display: flex;
+              flex-direction: row;
+              flex-wrap: wrap;
+            ">
+            <div class="blue_box" v-for="(item, index) in chapInfo" :key="index" @click="addUserRate(index)">
+              <div>第{{ index + 1 }}阶段</div>
+              <div>{{ item.dyName }}</div>
+              <div>{{ item.chapterInfo[0].taskJson.length }}个任务</div>
+            </div>
+          </div>
+        </el-dialog>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      choose: 0,
+      dialogVisible: false,
+      id: this.$route.query.courseId,
+      userid: this.$route.query.userid,
+      oid: this.$route.query.oid,
+      org: this.$route.query.org,
+      classId: this.$route.query.cid,
+      tType: this.$route.query.tType,
+      screenType: this.$route.query.screenType,
+      courseDetail: {},
+      aStudentName: [],
+      chapInfo: [],
+      courseType: [],
+      Tname: [],
+      courseTypeJson: {},
+      userinfo: [],
+      mr: require("@/assets/icon/wheel.png"),
+      rw: 0,
+    };
+  },
+  methods: {
+    handleClose(done) {
+      done();
+    },
+    goTo(path) {
+      this.$router.push(path);
+    },
+    addUserRate(i) {
+      // var suid = this.userid;
+      // if (
+      //   JSON.parse(this.courseDetail.course_student).indexOf(suid) == -1 &&
+      //   JSON.parse(this.courseDetail.userid) != suid
+      // ) {
+      //   this.$message.error("你没有该权限");
+      //   return;
+      // }
+      // var a =
+      //   this.courseDetail.course_student != ""
+      //     ? JSON.parse(this.courseDetail.course_student)
+      //     : "";
+      // if (this.courseDetail.userid != suid) {
+      //   if (this.userinfo.type == 2) {
+      //     if (a != "") {
+      //       if (
+      //         JSON.parse(this.courseDetail.course_student).indexOf(suid) == -1
+      //       ) {
+      //         this.$message.error("你没有该权限");
+      //         return;
+      //       }
+      //     } else {
+      //       this.$message.error("暂无项目学员，请联系老师添加项目学员!");
+      //       return;
+      //     }
+      //   }
+      // }
+      let params = {
+        uid: this.userid,
+        cid: this.id,
+      };
+      this.ajax
+        .get(this.$store.state.api + "addUserR", params)
+        .then((res) => {
+          console.log(res.data);
+          this.updateVc();
+          if (this.tType == 1 || this.tType == 2 || this.tType == 4) {
+            this.goTo(
+              "/studyStudentGM?type=" +
+              i +
+              "&courseId=" +
+              this.id +
+              "&userid=" +
+              this.userid +
+              "&oid=" +
+              this.oid +
+              "&org=" +
+              this.org +
+              "&cid=" +
+              this.classId +
+              "&tType=" +
+              this.tType +
+              "&screenType=" +
+              this.screenType
+            );
+          }
+          //  else {
+          //   this.goTo(
+          //     "/study?type=" +
+          //     i +
+          //     "&courseId=" +
+          //     this.id +
+          //     "&userid=" +
+          //     this.userid +
+          //     "&oid=" +
+          //     this.oid +
+          //     "&org=" +
+          //     this.org +
+          //     "&cid=" +
+          //     this.classId +
+          //     "&tType=" +
+          //     this.tType +
+          //     "&screenType=" +
+          //     this.screenType
+          //   );
+          // }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    updateVc() {
+      let params = {
+        cid: this.id,
+      };
+      this.ajax
+        .get(this.$store.state.api + "updateVc", params)
+        .then((res) => {
+          console.log(res.data);
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getCourseDetail() {
+      const loading = this.$loading.service({
+        background: "rgba(255, 255, 255, 0.7)",
+        target: document.querySelector(".student_table"),
+      });
+      let params = {
+        courseId: this.id,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectCourseDetail", params)
+        .then((res) => {
+          loading.close();
+          // this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
+          this.courseDetail = res.data[0][0];
+          var a = res.data[0];
+          var b = res.data[1];
+          var c = res.data[2];
+          for (var i = 0; i < b.length; i++) {
+            // if (!this.id) {
+            //   this.courseType[b[i].id] = [];
+            // }
+            for (var j = 0; j < a.length; j++) {
+              if (b[i].id == a[j].pid) {
+                if (!this.courseTypeJson[b[i].name]) {
+                  this.courseType.push(b[i].name);
+                  this.courseTypeJson[b[i].name] = [];
+                }
+                this.courseTypeJson[b[i].name].push(a[j].name);
+              }
+            }
+          }
+          for (var k = 0; k < c.length; k++) {
+            this.Tname.push(c[k].name);
+          }
+          console.log(this.courseTypeJson.length);
+          this.aStudentName = res.data[2];
+          this.chapInfo = JSON.parse(this.courseDetail.chapters);
+          for (var z = 0; z < this.chapInfo.length; z++) {
+            this.rw += this.chapInfo[z].chapterInfo[0].taskJson.length;
+          }
+        })
+        .catch((err) => {
+          loading.close();
+          console.error(err);
+        });
+    },
+    getUser() {
+      let params = { uid: this.userid };
+      this.ajax
+        .get(this.$store.state.api + "getUser", params)
+        .then((res) => {
+          this.userinfo = res.data[0][0];
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    // getSName() {
+    // 	let params = {
+    // 		uid: JSON.stringify(this.courseDetail.course_student),
+    // 	};
+    // 	this.ajax
+    // 		.get(this.$store.state.api + "selectSName", params)
+    // 		.then((res) => {
+    // 			this.aStudentName = res.data[0];
+    // 		})
+    // 		.catch((err) => {
+    // 			console.error(err);
+    // 		});
+    // },
+  },
+  created() {
+    this.getCourseDetail();
+    this.getUser();
+    document.scrollingElement.scrollTop = 0;
+    // this.getSName();
+  },
+};
+</script>
+
+<style scoped>
+@media screen and (max-width: 1024px) {
+  .Tname {
+    width: 500px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+.body_student {
+  margin: 10px auto;
+  width: 98%;
+  height: 100%;
+}
+
+.student_head {
+  width: 100%;
+  background: #fff;
+  height: 30%;
+  position: relative;
+}
+
+.wheel {
+  width: 250px;
+  max-height: 146px;
+  display: flex;
+  align-items: center;
+}
+
+.man {
+  width: 16px;
+  height: 16px;
+}
+
+.wheel>img,
+.man>img {
+  width: 100%;
+  height: 100%;
+}
+
+.box_course {
+  display: flex;
+  padding: 25px 0 20px 60px;
+}
+
+.right_box {
+  display: flex;
+  flex-direction: column;
+  margin-left: 30px;
+  align-items: flex-start;
+  width: calc(100% - 350px);
+}
+
+.right_box_title {
+  font-size: 23px;
+  max-width: calc(100% - 190px);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.people {
+  display: flex;
+  margin-top: 20px;
+}
+
+.person {
+  margin-left: 10px;
+  line-height: 18px;
+}
+
+.now_study {
+  width: 150px;
+  height: 35px;
+  color: #fff;
+  background: #5c538a;
+  text-align: center;
+  line-height: 35px;
+  border-radius: 5px;
+  font-size: 13px;
+  cursor: pointer;
+  margin-top: 30px;
+}
+
+.choose_who {
+  display: flex;
+  margin: 15px 0 0 25px;
+}
+
+.who_choose {
+  height: 28px;
+  cursor: pointer;
+}
+
+.choose_who>div:nth-child(2) {
+  margin-left: 35px;
+}
+
+.choose {
+  border-bottom: 5px solid #4a9eed;
+  color: #4a9eed;
+}
+
+.student_body {
+  display: flex;
+}
+
+.student_body,
+.right {
+  width: 100%;
+  margin: 10px auto;
+  min-height: 688px;
+}
+
+.nav {
+  margin: auto 25px;
+  width: 80%;
+  padding-top: 5px;
+  text-indent: 25px;
+}
+
+.pic {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  height: 100%;
+  justify-content: space-evenly;
+}
+
+.Img {
+  /*width: 30%; */
+  width: 300px;
+  margin: 20px 50px;
+  margin: 20px 10px;
+  border: 1px solid #dbdbdb;
+  border-radius: 5px;
+  overflow: hidden;
+}
+
+.Img>img {
+  width: 100%;
+  height: 100%;
+}
+
+.student_body_one,
+.right_one {
+  width: 100%;
+  margin: 0 auto;
+  background: #fff;
+  margin-top: 10px;
+  min-height: 688px;
+}
+
+.student {
+  width: 85%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  margin: auto 10px;
+}
+
+.student>div {
+  width: 12%;
+  height: 35px;
+  background: #e3759a;
+  text-align: center;
+  border: 1px solid #e3759a;
+  border-radius: 5px;
+  color: #fff;
+  line-height: 35px;
+  margin: 10px;
+}
+
+.dialog_change>>>.el-dialog {
+  border-radius: 5px;
+}
+
+.dialog_change>>>.el-dialog__header {
+  background: #303030;
+  height: 36px;
+  line-height: 36px;
+  padding-left: 10px;
+  padding: 0px 10px 0px;
+}
+
+.dialog_change>>>.el-dialog__headerbtn {
+  top: 10px !important;
+  right: 10px !important;
+}
+
+.dialog_change>>>.el-dialog__title {
+  color: #fff;
+  font-size: 14px;
+  line-height: 5px;
+}
+
+.dialog_change>>>.el-dialog__body {
+  background: #f5f5f5;
+}
+
+.blue_box {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.blue_box,
+.blue_box_one {
+  width: 30%;
+  height: 100px;
+  text-align: center;
+  color: #fff;
+  background-image: linear-gradient(90deg, #967fe0, #65b9fc);
+  border-radius: 15px;
+  margin: 15px 0 15px 15px;
+  cursor: pointer;
+}
+
+.blue_box_one {
+  width: 200px;
+  height: 200px;
+  background-image: linear-gradient(90deg, #967fe0, #65b9fc);
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: center;
+}
+
+.blue_box_one>div {
+  margin: 5px 0;
+}
+
+.blue_box_one>div:nth-child(1) {
+  font-size: 20px;
+  font-weight: bold;
+}
+
+.blue_box>div:nth-child(2) {
+  margin-top: 10px;
+}
+
+.blue_box_one>div:nth-child(2) {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+  width: 100%;
+  text-align: center;
+  max-width: calc(100% - 85px);
+  margin: 0 auto;
+}
+
+.return {
+  background: #205cc6;
+  width: 70px;
+  height: 30px;
+  color: #fff;
+  text-align: center;
+  line-height: 32px;
+  margin-right: 20px;
+  cursor: pointer;
+  border-radius: 5px;
+  position: absolute;
+  right: 0;
+  top: 24px;
+  font-size: 14px;
+}
+
+.return>img {
+  width: 100%;
+  height: 100%;
+}
+
+.cType {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin-top: 20px;
+}
+
+.cType>div>span {
+  font-size: 18px;
+}
+
+.type_children+.type_children {
+  margin-left: 10px;
+}
+
+.all_choose {
+  margin-right: 10px;
+  max-width: 250px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.rightT {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  width: calc(100% - 20px);
+}
+
+.jd {
+  background: #5c538a;
+  margin-left: 15px;
+  border-radius: 10px;
+  color: #fff;
+  width: 70px;
+  height: 25px;
+  text-align: center;
+  line-height: 25px;
+}
+
+.sLeft {
+  width: 14%;
+  margin-right: 10px;
+  background: rgb(255, 255, 255);
+  padding: 20px 0 0 15px;
+  border-radius: 10px;
+}
+
+.courseT {
+  border-left: 3px solid #7960d5;
+  padding-left: 5px;
+  color: #7960d5;
+  font-weight: bold;
+}
+
+.courseTd {
+  padding-top: 15px;
+  height: 700px;
+  overflow: auto;
+  word-break: break-word;
+}
+
+.courseTd::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 6px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  height: 6px;
+}
+
+/*定义滚动条轨道 内阴影+圆角*/
+.courseTd::-webkit-scrollbar {
+  border-radius: 10px;
+  background-color: #eee;
+}
+
+/*定义滑块 内阴影+圆角*/
+.courseTd::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.rightTd,
+.noBRight {
+  width: 84%;
+  background: #fff;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-content: flex-start;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.noBRight {
+  width: 100%;
+}
+
+.Tname {
+  margin-left: 40px;
+}
+</style>

src/components/GM/indexGM.vue

@@ -0,0 +1,962 @@
+<template>
+  <div class="pb_content">
+    <div class="pb_content_body">
+      <div class="student_head">
+        <!-- <img src="../assets/banner.png" alt="" /> -->
+        <el-carousel trigger="click" style="width: 100%; height: 255px">
+          <el-carousel-item v-for="item in bannerList" :key="item.id">
+            <!-- <h3 class="small">{{ item }}</h3> -->
+            <img class="imgS" :src="item.poster" alt="" />
+          </el-carousel-item>
+        </el-carousel>
+      </div>
+      <div class="index_content">
+        <div class="reBox">
+          <div class="reTop">
+            <div>项目分类</div>
+            <div>
+              <div class="search" @click="selectAll">
+                <img src="@/assets/icon/search.png" alt="" />
+              </div>
+              <input
+                class="sInput"
+                type="text"
+                placeholder="请输入关键字"
+                v-model="sCourse"
+              />
+            </div>
+          </div>
+          <div class="choose">
+            <div
+              class="all_choose"
+              v-for="(item, index) in CourseType[0]"
+              :key="index"
+            >
+              <span>{{ item.name }}:</span>
+              <div class="typeCss">
+                <div
+                  class="cName"
+                  @click="getCourse(item.name, '', item.id, 1)"
+                  :class="typeE.indexOf(item.id) != -1 ? 'isCType' : ''"
+                >
+                  全部
+                </div>
+                <div
+                  v-for="(item1, index1) in CourseTypeJson[item.id]"
+                  :key="index + '-' + index1"
+                  :label="item1.id"
+                  @click="getCourse(item.name, item.id, item1.id, 2)"
+                >
+                  <div
+                    class="cName"
+                    :class="
+                      typea == item1.id ||
+                      typeb == item1.id ||
+                      typed == item1.id
+                        ? 'isCType'
+                        : ''
+                    "
+                  >
+                    {{ item1.name }}
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="body_student">
+          <!-- <div class="top">
+            <div :class="{ active: 0 == zoneListId }" @click="selectAll()">
+              所有课程
+            </div>
+            <div
+              :class="{ active: item.id == zoneListId }"
+              v-for="(item, index) in zoneList"
+              :key="index"
+              @click="checkZone(item.id)"
+            >
+              {{ item.name }}
+            </div>
+          </div> -->
+          <div>
+            <div class="main_box">
+              <div
+                class="box_course"
+                v-for="(item, index) in zoneClass"
+                :key="index"
+              >
+                <div class="wheel">
+                  <img
+                    :src="
+                      item.cover
+                        ? JSON.parse(item.cover)[0].url
+                        : require('@/assets/wheel.png')
+                    "
+                    alt=""
+                  />
+                </div>
+                <div class="middle_white">
+                  <div class="textOverflow">{{ item.title }}</div>
+                  <div class="nameAndLength">
+                    <el-tooltip
+                      class="typeN"
+                      effect="light"
+                      :content="item.typename"
+                      placement="top"
+                    >
+                      <div>{{ item.typename }}</div>
+                    </el-tooltip>
+
+                    <div>{{ JSON.parse(item.chapters).length }}阶段</div>
+                  </div>
+                  <div class="school_box">
+                    <el-tooltip
+                      effect="light"
+                      :content="item.school"
+                      placement="top"
+                    >
+                      <div class="school">
+                        {{ item.school }}
+                      </div>
+                    </el-tooltip>
+                    <div style="color: #b4b4b4">{{ item.utime }}</div>
+                  </div>
+                  <!-- <div class="people">
+                  <div class="man">
+                    <img src="../assets/people.png" alt="" />
+                  </div>
+                  <div>
+                    {{
+                      item.pNum != null && item.pNum != "" ? item.pNum : "0"
+                    }}人学习
+                  </div>
+                </div> -->
+                </div>
+                <div
+                  class="now_study"
+                  @click="
+                    goTo(
+                      '/courseDetailGM?courseId=' +
+                        item.courseId +
+                        '&userid=' +
+                        userid +
+                        '&oid=' +
+                        oid +
+                        '&org=' +
+                        org +
+                        '&cid=' +
+                        classId +
+                        '&tType=' +
+                        tType +
+                        '&screenType=' +
+                        screenType
+                    )
+                  "
+                >
+                  立即学习
+                </div>
+              </div>
+              <div class="course_empty" v-if="zoneClass.length == 0">
+                暂无课程
+              </div>
+            </div>
+          </div>
+          <div
+            class="student_page"
+            style="margin: 15px 0 0"
+            v-if="zoneClass.length > 0"
+          >
+            <el-pagination
+              background
+              layout="prev, pager, next"
+              :page-size="10"
+              :total="total"
+              v-if="page && zoneListId != 0"
+              @current-change="handleCurrentChange"
+            >
+            </el-pagination>
+            <el-pagination
+              background
+              layout="prev, pager, next"
+              :page-size="10"
+              :total="total"
+              v-if="page && zoneListId == 0"
+              @current-change="handleCurrentChange1"
+            >
+            </el-pagination>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      zoneList: [],
+      zoneClass: [],
+      page: 1,
+      total: 0,
+      isListAjax: false,
+      zoneListId: "",
+      bannerList: [],
+      userid: this.$route.query.userid,
+      oid: this.$route.query.oid,
+      classId: this.$route.query.cid,
+      tType: this.$route.query.tType,
+      org: this.$route.query.org,
+      screenType: this.$route.query.screenType,
+      CourseType: [],
+      CourseTypeJson: {},
+      courseTypeId: {},
+      sCourse: "",
+      isCType: "",
+      typea: "",
+      typeb: "",
+      typed: "",
+      typeE: [],
+      loading: "",
+    };
+  },
+  methods: {
+    goTo(path) {
+      this.$router.push(path);
+    },
+    // getZone() {
+    //   this.ajax
+    //     .get(this.$store.state.api + "getZone", "")
+    //     .then((res) => {
+    //       this.zoneList = res.data[0];
+    //       // this.zoneListId = this.zoneList[0].id;
+    //       // this.getZoneClass(this.zoneList[0].id);
+    //       this.selectAll();
+    //     })
+    //     .catch((err) => {
+    //       console.error(err);
+    //     });
+    // },
+    //获取专区下的课程
+    getZoneClass(zid) {
+      this.isListAjax = true;
+      // const loading = this.openLoading(document.querySelector(".main_box"));
+      let params = {
+        bid: zid,
+        oid: this.oid,
+        page: this.page,
+      };
+      this.ajax
+        .get(this.$store.state.api + "getZoneClassStudent", params)
+        .then((res) => {
+          // loading.close();
+          this.isListAjax = false;
+          this.zoneClass = res.data[0];
+          this.total = res.data[0].length ? res.data[0][0].num : 0;
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getCourse(typeName, ftypeId, typeid, type) {
+      this.page = 1;
+      this.zoneClass = []
+      if (typeName == "年级") {
+        if (type == 1) {
+          if (this.typeE.indexOf(typeid) != -1) {
+            this.typeE.splice(this.typeE.indexOf(typeid), 1);
+          } else {
+            this.typeE.push(typeid);
+            if (this.typea != "") {
+              this.typea = "";
+            }
+          }
+        } else {
+          if (this.typea == typeid) {
+            this.typea = "";
+          } else {
+            this.typea = typeid;
+            if (this.typeE.indexOf(ftypeId) != -1) {
+              this.typeE.splice(this.typeE.indexOf(ftypeId), 1);
+            }
+          }
+        }
+      } else if (typeName == "专栏") {
+        if (type == 1) {
+          if (this.typeE.indexOf(typeid) != -1) {
+            this.typeE.splice(this.typeE.indexOf(typeid), 1);
+          } else {
+            this.typeE.push(typeid);
+            if (this.typeb != "") {
+              this.typeb = "";
+            }
+          }
+        } else {
+          if (this.typeb == typeid) {
+            this.typeb = "";
+          } else {
+            this.typeb = typeid;
+            if (this.typeE.indexOf(ftypeId) != -1) {
+              this.typeE.splice(this.typeE.indexOf(ftypeId), 1);
+            }
+          }
+        }
+      } else if (typeName == "栏目") {
+        if (type == 1) {
+          if (this.typeE.indexOf(typeid) != -1) {
+            this.typeE.splice(this.typeE.indexOf(typeid), 1);
+          } else {
+            this.typeE.push(typeid);
+            if (this.typeb != "") {
+              this.typeb = "";
+            }
+          }
+        } else {
+          if (this.typeb == typeid) {
+            this.typeb = "";
+          } else {
+            this.typeb = typeid;
+            if (this.typeE.indexOf(ftypeId) != -1) {
+              this.typeE.splice(this.typeE.indexOf(ftypeId), 1);
+            }
+          }
+        }
+      } else if (typeName == "主题") {
+        if (type == 1) {
+          if (this.typeE.indexOf(typeid) != -1) {
+            this.typeE.splice(this.typeE.indexOf(typeid), 1);
+          } else {
+            this.typeE.push(typeid);
+            if (this.typeb != "") {
+              this.typeb = "";
+            }
+          }
+        } else {
+          if (this.typeb == typeid) {
+            this.typeb = "";
+          } else {
+            this.typeb = typeid;
+            if (this.typeE.indexOf(ftypeId) != -1) {
+              this.typeE.splice(this.typeE.indexOf(ftypeId), 1);
+            }
+          }
+        }
+      } else if (typeName == "学院") {
+        if (type == 1) {
+          if (this.typeE.indexOf(typeid) != -1) {
+            this.typeE.splice(this.typeE.indexOf(typeid), 1);
+          } else {
+            this.typeE.push(typeid);
+            if (this.typeb != "") {
+              this.typeb = "";
+            }
+          }
+        } else {
+          if (this.typeb == typeid) {
+            this.typeb = "";
+          } else {
+            this.typeb = typeid;
+            if (this.typeE.indexOf(ftypeId) != -1) {
+              this.typeE.splice(this.typeE.indexOf(ftypeId), 1);
+            }
+          }
+        }
+      } else if (typeName == "学科") {
+        if (type == 1) {
+          if (this.typeE.indexOf(typeid) != -1) {
+            this.typeE.splice(this.typeE.indexOf(typeid), 1);
+          } else {
+            this.typeE.push(typeid);
+            if (this.typed != "") {
+              this.typed = "";
+            }
+          }
+        } else {
+          if (this.typed == typeid) {
+            this.typed = "";
+          } else {
+            this.typed = typeid;
+            if (this.typeE.indexOf(ftypeId) != -1) {
+              this.typeE.splice(this.typeE.indexOf(ftypeId), 1);
+            }
+          }
+        }
+      }
+      // this.loading = this.openLoading(document.querySelector(".main_box"));
+      if (!this.loading) {
+        this.loading = this.openLoading(document.querySelector(".main_box"));
+      }
+      this.selectAll();
+    },
+    selectAll() {
+      this.zoneListId = 0;
+      this.isListAjax = true;
+      // this.loading = this.openLoading(document.querySelector(".main_box"));
+      // if (!this.loading) {
+      //   this.loading = this.openLoading(document.querySelector(".main_box"));
+      // }
+      let params = {
+        uid: this.userid,
+        oid: this.oid,
+        typea: this.typea != undefined ? this.typea : "",
+        typeb: this.typeb != undefined ? this.typeb : "",
+        typec: "",
+        typed: this.typed != undefined ? this.typed : "",
+        // typeE: this.typeE.join(","),
+        typeE: "",
+        cu: "",
+        cn: this.sCourse,
+        classid: this.classId,
+        org: this.org,
+        page: this.page,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectTypeCourse2", params)
+        .then((res) => {
+          if (this.loading) {
+            this.loading.close();
+            this.loading = "";
+          }
+          this.isListAjax = false;
+          this.zoneClass = res.data[0];
+          this.total = res.data[0].length ? res.data[0][0].num : 0;
+
+          this.selectType({
+            data: [res.data[1], res.data[2], res.data[3], res.data[4]],
+          });
+          this.getBanner({
+            data: [res.data[6], res.data[5], res.data[7]],
+          });
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    checkZone(id) {
+      this.page = 1;
+      this.zoneListId = id;
+      this.getZoneClass(id);
+    },
+    handleCurrentChange(val) {
+      this.page = val;
+      this.getZoneClass(this.zoneListId);
+    },
+    handleCurrentChange1(val) {
+      if (!this.loading) {
+        this.loading = this.openLoading(document.querySelector(".main_box"));
+      }
+      this.page = val;
+      this.selectAll();
+    },
+    //获取banner
+    getBanner(res) {
+      // var a = false;
+      // if (this.org == "eb2af5e9-ac3d-46b6-9fe3-3c1c364f018d") {
+      //   a = true;
+      // }
+      // let params = {
+      //   oid: this.org,
+      // };
+      // this.ajax
+      //   .get(this.$store.state.api + "selectBannerByOid", params)
+      //   .then((res) => {
+      if (res.data[0].length > 0) {
+        this.bannerList = res.data[0];
+      } else {
+        this.getBannerByOid({
+          data: [res.data[1], res.data[2]],
+        });
+      }
+      // })
+      // .catch((err) => {
+      //   console.error(err);
+      // });
+    },
+    getBannerByOid(res) {
+      // let params = {
+      //   oid: this.oid,
+      // };
+      // this.ajax
+      //   .get(this.$store.state.api + "selectBannerByOid", params)
+      //   .then((res) => {
+      if (res.data[0].length > 0) {
+        this.bannerList = res.data[0];
+      } else {
+        this.getOldBanner({
+          data: [res.data[1]],
+        });
+      }
+      // })
+      // .catch((err) => {
+      //   console.error(err);
+      // });
+    },
+    getOldBanner(res) {
+      // this.ajax
+      //   .get(this.$store.state.api + "getBanner", "")
+      //   .then((res) => {
+      this.bannerList = res.data[0];
+      // })
+      // .catch((err) => {
+      //   console.error(err);
+      // });
+    },
+    selectType(res) {
+      // this.ajax
+      //   .get(this.$store.state.api + "selectType")
+      //   .then((res) => {
+      this.CourseTypeJson = {};
+      this.CourseType = res.data;
+      for (var i = 0; i < res.data[0].length; i++) {
+        if (!this.cid) {
+          this.courseTypeId[res.data[0][i].id] = "";
+        }
+        if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
+          if (res.data[0][i].name == "栏目") {
+            this.CourseType[0][i].name = "主题";
+          }
+        }
+        for (var j = 0; j < res.data[1].length; j++) {
+          if (res.data[0][i].id == res.data[1][j].pid) {
+            if (!this.CourseTypeJson[res.data[0][i].id]) {
+              this.CourseTypeJson[res.data[0][i].id] = [];
+            }
+            this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
+          }
+        }
+      }
+      this.selectTypeByOid({ data: [res.data[0], res.data[2]] });
+      this.selectTypeByOrg({ data: [res.data[0], res.data[3]] });
+      // })
+      // .catch((err) => {
+      //   console.error(err);
+      // });
+    },
+    selectTypeByOid(res) {
+      // let params = {
+      //   oid: this.oid,
+      // };
+      // this.ajax
+      //   .get(this.$store.state.api + "selectTypeByOid", params)
+      //   .then((res) => {
+      for (var i = 0; i < res.data[0].length; i++) {
+        for (var j = 0; j < res.data[1].length; j++) {
+          if (res.data[0][i].id == res.data[1][j].pid) {
+            if (!this.CourseTypeJson[res.data[0][i].id]) {
+              this.CourseTypeJson[res.data[0][i].id] = [];
+            }
+            this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
+          }
+        }
+      }
+      this.$forceUpdate();
+      // })
+      // .catch((err) => {
+      //   console.error(err);
+      // });
+    },
+    selectTypeByOrg(res) {
+      // let params = {
+      //   oid: this.org,
+      // };
+      // this.ajax
+      //   .get(this.$store.state.api + "selectTypeByOrg", params)
+      //   .then((res) => {
+      for (var i = 0; i < res.data[0].length; i++) {
+        for (var j = 0; j < res.data[1].length; j++) {
+          if (res.data[0][i].id == res.data[1][j].pid) {
+            if (!this.CourseTypeJson[res.data[0][i].id]) {
+              this.CourseTypeJson[res.data[0][i].id] = [];
+            }
+            this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
+          }
+        }
+      }
+      this.$forceUpdate();
+      // })
+      // .catch((err) => {
+      //   console.error(err);
+      // });
+    },
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  },
+  created() {
+    this.loading = this.openLoading(document.querySelector(".main_box"));
+    // this.selectType();
+    this.selectAll();
+    // this.getBanner();
+    this.timer = setInterval(() => {
+      this.selectAll();
+      // this.getBanner();
+    }, 5000);
+    document.scrollingElement.scrollTop = 0;
+  },
+};
+</script>
+
+<style scoped>
+@media screen and (max-width: 1024px) {
+  .box_course {
+    margin: 0px 5px 20px 5px !important;
+  }
+}
+
+.student_head .imgS {
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  object-fit: cover;
+}
+
+.top {
+  padding: 20px 30px 20px 1%;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+}
+
+.top div {
+  cursor: pointer;
+  box-sizing: border-box;
+  height: 35px;
+  line-height: 35px;
+  margin: 0 10px 0 0;
+  padding-bottom: 5px;
+  width: 80px;
+  text-align: center;
+}
+
+.top .active {
+  border-bottom: 3px solid #0e71e6;
+}
+
+.isactive {
+  border-bottom: 3px solid #0e71e6;
+}
+
+.box_fk {
+  width: 8px;
+  height: 21px;
+  background: #0e71e6;
+  margin-right: 5px;
+}
+
+.wheel {
+  width: 100%;
+  height: 140px;
+}
+
+.man {
+  width: 16px;
+  height: 16px;
+}
+
+.wheel > img,
+.man > img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.box_course {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  margin: 0px 1% 20px;
+  width: 300px;
+  /* height: 260px; */
+  /*border: 1px solid #cecece; */
+  border-radius: 10px;
+  overflow: hidden;
+  box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%),
+    0px 2px 1px -1px rgb(0 0 0 / 12%);
+  justify-content: space-between;
+}
+
+.middle_white {
+  font-size: 14px;
+  margin: 5px 10px;
+}
+
+.people {
+  display: flex;
+  align-items: center;
+}
+
+.people > div:nth-child(2) {
+  margin-left: 10px;
+}
+
+.now_study {
+  width: 100px;
+  color: #fff;
+  background: #937de1;
+  text-align: center;
+  padding: 7px 0;
+  font-size: 13px;
+  cursor: pointer;
+  border-radius: 50px;
+  margin: 10px auto;
+}
+
+.now_study:hover {
+  background: #836bdd;
+}
+
+.main_box {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  margin: 0 0 0 10px;
+}
+
+.right_bottom_flex {
+  width: 219px;
+  height: 144px;
+  margin: auto 0;
+}
+
+.right_bottom_flex > img {
+  width: 100%;
+  height: 100%;
+}
+
+.body_student {
+  margin: 10px auto;
+  width: 91.5%;
+  height: 100%;
+}
+
+.student_head {
+  width: 100%;
+  /* height: 30%; */
+}
+
+.textOverflow {
+  padding: 0 5px 0 0px;
+  width: 95%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-weight: bold;
+  font-size: 16px;
+}
+
+.student_page {
+  margin-top: 10px;
+}
+
+.course_empty {
+  width: 100%;
+  height: 200px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.choose {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  height: 100%;
+  /* justify-content: space-evenly; */
+  align-items: flex-start;
+  padding: 10px 0;
+}
+
+.all_choose {
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  margin: 10px 0;
+  width: 100%;
+}
+
+.all_choose > span {
+  min-width: 80px;
+  display: block;
+  letter-spacing: 14px;
+}
+
+.all_choose > span:nth-child(1) {
+  font-weight: bold;
+}
+
+.all_choose >>> .el-checkbox-group {
+  display: flex;
+  flex-direction: row;
+  width: 820px;
+  flex-wrap: wrap;
+  align-content: center;
+  justify-content: flex-start;
+  align-items: center;
+  margin-top: 3px;
+}
+
+.all_choose > .el-checkbox-group >>> .el-checkbox {
+  margin-bottom: 10px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.all_choose > .el-checkbox-group > .el-checkbox >>> .el-checkbox__label {
+  min-width: 80px;
+  overflow: hidden;
+  width: 80px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.all_choose > .el-checkbox-group > .el-checkbox >>> .el-checkbox__label:hover {
+  width: auto;
+}
+
+.cName {
+  cursor: pointer;
+  margin: 0 10px 20px 0;
+  color: #b9b6b9;
+  min-width: 80px;
+  width: 80px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.reBox {
+  z-index: 999;
+  background: #fff;
+  min-width: 260px;
+  max-width: 350px;
+  width: 28%;
+  border-radius: 5px;
+  padding-left: 20px;
+}
+
+.reTop {
+  padding: 20px 0 0 0;
+  border-bottom: 1px solid #eee;
+  width: 98%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.reTop > div:nth-child(1) {
+  font-weight: bold;
+  width: 100px;
+  text-align: center;
+  border-bottom: 1px solid #937de1;
+  padding-bottom: 20px;
+  color: #937de1;
+  font-size: 20px;
+}
+
+.reTop > div:nth-child(2) {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  border: 1px solid #ccced3;
+  width: calc(100% - 145px);
+  border-radius: 8px;
+  padding: 5px 0;
+  margin-bottom: 10px;
+}
+
+.search {
+  width: 20px;
+  padding: 0 5px;
+}
+
+.search > img {
+  width: 100%;
+  height: 100%;
+}
+
+.sInput {
+  border: none;
+  width: 85%;
+}
+
+.sInput:focus-visible {
+  outline: none;
+}
+
+.nameAndLength {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: space-between;
+  margin: 5px 0;
+}
+
+.typeN {
+  width: 200px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.isCType {
+  color: #937de1;
+}
+
+.typeCss {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.school {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 50%;
+  box-sizing: border-box;
+}
+
+.school_box {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.index_content {
+  display: flex;
+  width: 90%;
+  margin: 20px auto;
+}
+
+.student_head >>> .el-carousel__container {
+  height: 100%;
+}
+
+.pb_content_body {
+  height: 100%;
+  overflow: hidden;
+}
+
+.student_page
+  >>> .el-pagination.is-background
+  .el-pager
+  li:not(.disabled).active {
+  background-color: #5c549f;
+  color: #fff !important;
+}
+.student_page
+  >>> .el-pagination.is-background
+  .el-pager
+  li:not(.disabled):hover {
+  color: #5c549f;
+}
+</style>

src/components/GM/studyStudentGM.vue

@@ -0,0 +1,10283 @@
+<template>
+  <div class="pb_content" style="overflow: unset">
+    <div
+      class="pb_content_body"
+      style="display: flex; height: 900px; position: relative"
+    >
+      <div class="pb_left">
+        <!-- <div class="courseTitle">{{ courseDetail.title }}</div> -->
+        <el-tooltip
+          class="courseTitle"
+          effect="light"
+          :content="courseDetail.title"
+          placement="top"
+        >
+          <div>{{ courseDetail.title }}</div>
+        </el-tooltip>
+        <div class="ml">目录</div>
+        <div class="cru_selectBox">
+          <div v-for="(item, stageIndex) in navList" :key="stageIndex">
+            <div class="blue_box_one" @click="get(stageIndex)">
+              <div>第{{ stageIndex + 1 }}阶段</div>
+              <div>{{ item.dyName }}</div>
+            </div>
+            <div class="twoChild" :class="{ navActive: item.isOpen }">
+              <div
+                class="navChild"
+                v-for="(nav, navIndex) in item.task"
+                :key="navIndex"
+              >
+                <div
+                  class="navTask"
+                  @click="openTask(stageIndex, navIndex, nav.id)"
+                  :class="{
+                    openTaskActive:
+                      navIndex == taskCount &&
+                      nav.id == navId &&
+                      stageIndex == courseType,
+                  }"
+                >
+                  <div
+                    class="vedioNav"
+                    :class="{
+                      isClick:
+                        navIndex == taskCount &&
+                        nav.id == navId &&
+                        stageIndex == courseType,
+                    }"
+                    style="margin: 0"
+                  >
+                    任务{{ navIndex + 1 }}
+                  </div>
+                  <el-tooltip
+                    class="navTaskname item"
+                    effect="light"
+                    :content="nav.taskName"
+                    placement="top"
+                  >
+                    <div
+                      :style="{
+                        width:
+                          IsLookOpen && !nav.isLook
+                            ? 'calc(100% - 75px)'
+                            : 'auto',
+                      }"
+                    >
+                      {{ nav.taskName }}
+                    </div>
+                  </el-tooltip>
+                  <img
+                    src="@/assets/lock.png"
+                    v-if="IsLookOpen && !nav.isLook"
+                    alt=""
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="body_student">
+        <div
+          class="new_top"
+          style="
+            position: fixed;
+            top: 0;
+            left: 20.7%;
+            width: 80%;
+            z-index: 999;
+            box-shadow: 0px 9px 0 0 #f2f2f2;
+          "
+        >
+          <div class="courseIndex">
+            <div>第{{ courseType - 0 + 1 }}阶段</div>
+            <el-tooltip
+              effect="light"
+              :content="chapInfoList[courseType].dyName"
+              placement="top"
+            >
+              <div>{{ chapInfoList[courseType].dyName }}</div>
+            </el-tooltip>
+            <div>任务{{ taskCount + 1 }}</div>
+          </div>
+          <div class="btnAll">
+            <div class="returnBtn" @click="nextOrpreSteps(0)">上一步</div>
+            <div class="returnBtn" @click="nextOrpreSteps(1)">下一步</div>
+            <div class="returnBtn" @click="allScrell">全屏</div>
+            <div
+              class="returnBtn"
+              @click="juriVisible = true"
+              v-if="tType == 1"
+            >
+              权限
+            </div>
+            <div
+              class="returnBtn"
+              style="background: #5c6f97"
+              @click.stop="
+                goTo(
+                  '/courseDetailGM?userid=' +
+                    userid +
+                    '&oid=' +
+                    oid +
+                    '&org=' +
+                    org +
+                    '&cid=' +
+                    classId +
+                    '&courseId=' +
+                    id +
+                    '&tType=' +
+                    tType +
+                    '&screenType=' +
+                    screenType
+                )
+              "
+            >
+              返回
+            </div>
+          </div>
+        </div>
+        <!-- v-for="(task, index) in chapInfoList[courseType].chapterInfo[0]
+            .taskJson"
+        :key="index"-->
+        <div
+          class="isNoMessage"
+          v-if="
+            chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+              .chapterData.length == 0 &&
+            chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+              .toolChoose[0].tool.length == 0 &&
+            chapInfoList[courseType].chapterInfo[0].video.length == 0 &&
+            chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+              .taskDetail == '' &&
+            !chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].eList
+          "
+        >
+          <img src="@/assets/icon/isNoMessage.png" alt />
+        </div>
+        <div class="study_top" :class="{ pzClass: pzDialog }">
+          <div
+            class="vedioBox"
+            v-if="
+              vedio[taskCount].length > 0 ||
+              chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                .taskDetail != '' ||
+              chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                .chapterData.length > 0
+            "
+          >
+            <div class="checkbox">
+              <div
+                class="check"
+                style="font-size: 25px"
+                :id="
+                  chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].id
+                "
+              >
+                <!-- {{ taskCount + 1 }}
+                {{ chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].task }}-->
+                学一学
+              </div>
+            </div>
+            <div
+              class="student_head"
+              v-if="
+                vedio[taskCount].length > 0 ||
+                textList[taskCount].length > 0 ||
+                file[taskCount].length > 0 ||
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                  .taskDetail != ''
+              "
+            >
+              <div class="taskBox">
+                <div
+                  style="
+                    display: flex;
+                    flex-wrap: nowrap;
+                    flex-direction: column;
+                    position: relative;
+                  "
+                >
+                  <div
+                    style="padding: 15px 0 15px 20px"
+                    v-if="
+                      chapInfoList[courseType].chapterInfo[0].taskJson[
+                        taskCount
+                      ].taskDetail != ''
+                    "
+                    v-html="
+                      chapInfoList[courseType].chapterInfo[0].taskJson[
+                        taskCount
+                      ].taskDetail
+                        ? chapInfoList[courseType].chapterInfo[0].taskJson[
+                            taskCount
+                          ].taskDetail
+                        : '暂无描述'
+                    "
+                  >
+                    <!-- <span style="color: #cbcbcb">任务描述</span> -->
+                    <!-- {{
+                        chapInfoList[courseType].chapterInfo[0].taskJson[
+                          taskCount
+                        ].taskDetail
+                          ? chapInfoList[courseType].chapterInfo[0].taskJson[
+                              taskCount
+                            ].taskDetail
+                          : "暂无描述"
+                    }}-->
+                  </div>
+                </div>
+              </div>
+              <div class="vedioTaskBox">
+                <div
+                  class="box_course"
+                  v-if="
+                    vedio[taskCount].length > 0 ||
+                    textList[taskCount].length > 0 ||
+                    lineList[taskCount].length > 0 ||
+                    file[taskCount].length > 0
+                  "
+                >
+                  <div
+                    class="wheel"
+                    v-if="
+                      vedio.length &&
+                      vedio[taskCount] &&
+                      vedio[taskCount].length > 0 &&
+                      showType == 0
+                    "
+                  >
+                    <div class="workd_media" style="height: 100%">
+                      <video-player
+                        class="video-player vjs-custom-skin"
+                        :playsinline="true"
+                        :options="playerO[taskCount]"
+                        @play="onPlayerPlay($event)"
+                        style="width: 90%; height: 100%; margin: 0 0 0 30px"
+                      ></video-player>
+                    </div>
+                  </div>
+                  <div
+                    class="wheel"
+                    v-if="showType == 1"
+                    style="
+                      box-shadow: 0 0 6px 1px #f2f2f2;
+                      width: 95%;
+                      margin: 0 auto;
+                      background: #f1f1f1;
+                    "
+                  >
+                    <div class="title">查看文档</div>
+                    <el-form class="textBox">
+                      <el-form-item class="textTitle">
+                        <div
+                          style="
+                            font-size: 22px;
+                            max-height: 100px;
+                            overflow: auto;
+                          "
+                        >
+                          {{ text.name }}
+                        </div>
+                      </el-form-item>
+                      <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
+                      <div v-html="text.url" class="textContent"></div>
+                    </el-form>
+                  </div>
+                  <div
+                    class="wheel"
+                    v-if="showType == 2"
+                    style="height: 650px; width: 95%; margin: 0 auto"
+                  >
+                    <iframe
+                      style="width: 100%; height: 100%; border: none"
+                      :src="pptImgUrl1"
+                    ></iframe>
+                  </div>
+                  <div
+                    class="wheel"
+                    v-if="showType == 3"
+                    style="height: 650px; width: 95%; margin: 0 auto"
+                  >
+                    <!-- <iframe
+                      style="width: 100%; height: 100%; border: none"
+                      :src="pptImgUrl1"
+                    ></iframe>-->
+                    <pdf
+                      :pdfUrl="pptImgUrl1"
+                      style="width: 100%; height: 100%; overflow: auto"
+                    ></pdf>
+                  </div>
+                  <div
+                    class="wheel"
+                    v-if="showType == 4"
+                    style="height: 650px; width: 95%; margin: 0 auto"
+                  >
+                    <el-image
+                      :src="pptImgUrl1"
+                      fit="cover"
+                      style="width: 100%"
+                    ></el-image>
+                  </div>
+                </div>
+                <!-- :class="
+                    vedio[taskCount].length == 0 && file[taskCount].length == 0
+                      ? 'listNoVedio'
+                      : ''
+                "-->
+                <!-- :class="
+                    vedio[taskCount].length == 0 &&
+                    file[taskCount].length == 0 &&
+                    textList[taskCount].length == 0
+                      ? 'listNoVedio'
+                      : ''
+                  " -->
+                <div
+                  class="vedioList"
+                  v-if="
+                    (vedio.length &&
+                      vedio[taskCount] &&
+                      vedio[taskCount].length > 0) ||
+                    (textList.length &&
+                      textList[taskCount] &&
+                      textList[taskCount].length > 0) ||
+                    (lineList.length &&
+                      lineList[taskCount] &&
+                      lineList[taskCount].length > 0) ||
+                    (file.length &&
+                      file[taskCount] &&
+                      file[taskCount].length > 0)
+                  "
+                >
+                  <div class="navTitile">内容列表：</div>
+                  <div class="navBox">
+                    <div
+                      v-show="
+                        vedio.length &&
+                        vedio[taskCount] &&
+                        vedio[taskCount].length > 0
+                      "
+                    >
+                      <!-- <div
+                        class="vedioNav"
+                        style="
+                          width: 80px;
+                          min-width: 80px;
+                          height: 30px;
+                          line-height: 36px;
+                          font-size: 16px;
+                          border-radius: 10px;
+                        "
+                      >
+                        视频
+                      </div> -->
+                      <div
+                        class="vedioTimeBox"
+                        v-for="(media, vedioIndex) in vedio[taskCount]"
+                        :key="vedioIndex + '1'"
+                        @click="lookVedio(media.url, vedioIndex)"
+                      >
+                        <!-- <div class="media" style="width: 90px; height: 60px; position: relative">
+                          <img style="height: 90px; width: 160px" :src="
+                            media.cover != null && media.cover != ''
+                              ? JSON.parse(media.cover).length > 0
+                                ? JSON.parse(media.cover)[0].url
+                                : mr
+                              : mr
+                          " alt />
+                        </div> -->
+                        <!-- <div class="vedioTime">
+                            {{ vedioTime[vedioIndex] }}
+                          </div> -->
+                        <!-- <div class="vedioName">{{ media.name }}</div> -->
+                        <div
+                          class="vedioName"
+                          :class="
+                            isClickNav == 'video' + vedioIndex
+                              ? 'isClickNav'
+                              : ''
+                          "
+                        >
+                          {{ media.name }}
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      v-show="
+                        textList.length &&
+                        textList[taskCount] &&
+                        textList[taskCount].length > 0
+                      "
+                      class="newNav"
+                      v-for="(text, textIndex) in textList[taskCount]"
+                      :key="textIndex + '2'"
+                      @click="lookText(taskCount, textIndex)"
+                    >
+                      <!-- <div
+                        class="vedioNav"
+                        style="
+                          width: 80px;
+                          min-width: 80px;
+                          height: 30px;
+                          line-height: 36px;
+                          font-size: 16px;
+                          border-radius: 10px;
+                        "
+                      >
+                        文档
+                      </div> -->
+                      <div style="width: calc(100% - 0px)">
+                        <div
+                          class="navText"
+                          :class="
+                            isClickNav == 'text' + textIndex ? 'isClickNav' : ''
+                          "
+                        >
+                          {{
+                            textList[taskCount].length > 0 ? text.name : ""
+                          }}.doc
+                        </div>
+                      </div>
+                    </div>
+                    <!-- <div
+                    v-show="
+                      chapInfoList.length &&
+                      chapToolList[taskCount] &&
+                      chapToolList[taskCount].length > 0
+                    "
+                    class="newNav"
+                    v-for="(tools, toolsIndex) in chapToolList[taskCount]"
+                    :key="toolsIndex + '3'"
+                  >
+                    <div class="vedioNav">工具</div>
+                    <div>
+                      <div
+                        class="navText"
+                        @click="lookTools(taskCount, toolsIndex)"
+                      >
+                        {{
+                          chapToolList[taskCount].length > 0 ? tools.name : ""
+                        }}
+                      </div>
+                    </div>
+                    </div>-->
+                    <div
+                      v-show="
+                        lineList.length &&
+                        lineList[taskCount] &&
+                        lineList[taskCount].length > 0
+                      "
+                      class="newNav"
+                      v-for="(lines, lineIndex) in lineList[taskCount]"
+                      :key="lineIndex + '4'"
+                      @click="doUrl(lines.url, lineIndex)"
+                    >
+                      <!-- <div
+                        class="vedioNav"
+                        style="
+                          width: 80px;
+                          min-width: 80px;
+                          height: 30px;
+                          line-height: 36px;
+                          font-size: 16px;
+                          border-radius: 10px;
+                        "
+                      >
+                        链接
+                      </div> -->
+                      <!-- <div style="width: calc(100% - 0px)">
+                        <div
+                          class="navText"
+                          :class="isClickNav == lineIndex ? 'isClickNav' : ''"
+                        >
+                          <a
+                            style="text-decoration: none; color: #000"
+                            target="_Blank"
+                            >{{ lines.url }}</a
+                          >
+                        </div>
+                      </div> -->
+                      <div style="width: calc(100% - 0px)">
+                        <div
+                          class="navText"
+                          :class="
+                            isClickNav == 'line' + lineIndex ? 'isClickNav' : ''
+                          "
+                        >
+                          {{ lines.url }}
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="newNav"
+                      v-show="
+                        file.length &&
+                        file[taskCount] &&
+                        file[taskCount].length > 0
+                      "
+                      v-for="(f, fileIndex) in file[taskCount]"
+                      :key="fileIndex"
+                      @click="downFile(f, fileIndex)"
+                    >
+                      <!-- <div
+                        class="vedioNav"
+                        style="
+                          width: 80px;
+                          min-width: 80px;
+                          height: 30px;
+                          line-height: 36px;
+                          font-size: 16px;
+                          border-radius: 10px;
+                        "
+                      >
+                        文档
+                      </div> -->
+                      <div style="width: calc(100% - 0px)">
+                        <div
+                          class="navText"
+                          :class="
+                            isClickNav == 'word' + fileIndex ? 'isClickNav' : ''
+                          "
+                        >
+                          {{ f.name }}
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                style="padding: 10px 30px 0"
+                v-if="showType == 2 || showType == 3"
+              >
+                <el-button
+                  class="btnClassGM"
+                  type="primary"
+                  @click="checkFileFull(showType, pptImgUrl1)"
+                  >全屏查看</el-button
+                >
+                <el-button class="btnClassGM" type="primary" @click="downloadFile(pptImgUrl1)"
+                  >文件下载</el-button
+                >
+                <el-button
+                class="btnClassGM"
+                  v-if="isClickNav.indexOf('line') != -1"
+                  type="primary"
+                  @click="openLine(pptImgUrl1)"
+                  >打开链接
+                </el-button>
+              </div>
+              <div style="padding: 0px 30px" v-if="showType == 1">
+                <el-button class="btnClassGM" type="primary" @click="checkFileFull(showType, text)"
+                  >全屏查看</el-button
+                >
+              </div>
+            </div>
+          </div>
+
+          <div class="student_body" v-resize="resize">
+            <!-- <div
+              class="vedioBox"
+              v-if="
+                file.length && file[taskCount] && file[taskCount].length > 0
+              "
+            >
+              <div class="queTop">
+                <div class="question" style="width: 30px; margin-top: 5px">
+                  <img src="@/assets/icon/fileIcon.png" alt />
+                </div>
+                <div class="queTitle">
+                  <div>附件</div>
+                </div>
+              </div>
+              <div class="filebox" style="width: 100%">
+                <div
+                  class="file"
+                  v-for="(f, fileIndex) in file[taskCount]"
+                  :key="fileIndex"
+                  @click="downFile(f, fileIndex)"
+                >
+                  <img :src="require('@/assets/file.png')" alt />
+                  <div>{{ f.name }}</div>
+                </div>
+              </div>
+              <div class="upFile" v-if="type == 3">提交</div>
+            </div>-->
+            <div
+              class="vedioBox"
+              v-if="
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                  .toolChoose[0].tool &&
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                  .toolChoose[0].tool.length &&
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                  .toolChoose[0].tool.length > 0
+              "
+            >
+              <div
+                class="queTop"
+                style="
+                  font-size: 25px;
+                  padding: 15px 0 15px 30px;
+                  font-weight: bold;
+                "
+              >
+                <!-- <div class="question" style="width: 30px">
+                  <img src="@/assets/icon/toolIcon.png" alt />
+                </div>
+                <div class="queTitle">
+                  <div>工具</div>
+                </div>-->
+                练一练
+              </div>
+              <div class="toolHeng2" style="position: relative">
+                <div
+                  class="filebox"
+                  style="flex-wrap: nowrap; margin: 0 20px"
+                  v-for="(tool, toolIndex) in chapInfoList[courseType]
+                    .chapterInfo[0].taskJson[taskCount].toolChoose"
+                  :key="toolIndex"
+                >
+                  <div class="bzBox">
+                    <div></div>
+                    <div>步骤{{ toolIndex + 1 }}</div>
+                  </div>
+
+                  <div class="toolBox">
+                    <div>
+                      <!-- v-for="(itemTool, indexTool) in toolTypeList"
+                      :key="indexTool"-->
+
+                      <!-- <div class="iframeBox">
+                      <div
+                        class="addPoint isBorder"
+                        v-for="(tooC, toolCIndex) in tool.tool"
+                        :key="toolCIndex"
+                      >
+                        <div v-if="tooC == 1" style="border: 1px soild #ccc">
+                          <div
+                            class="iframeName"
+                          >
+                            电子白板
+                          </div>
+                          <iframe
+                            src="https://iwb.cocorobo.cn/"
+                            ref="whiteBoard"
+                          ></iframe>
+                        </div>
+                      </div>
+                      </div>-->
+                      <div class="noiframeBox">
+                        <div
+                          class="addPoint"
+                          v-for="(tooC, toolCIndex) in tool.tool"
+                          :key="toolCIndex"
+                        >
+                          <div v-if="tooC == 1">
+                            <img
+                              src="@/assets/icon/secondToolList/whiteBoard.png"
+                              alt
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                            />
+                            <div style="margin: 5px 0">电子白板</div>
+                          </div>
+                          <div v-if="tooC == 3">
+                            <img
+                              src="@/assets/icon/secondToolList/mindMapping.png"
+                              alt
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                            />
+                            <div style="margin: 5px 0">思维导图</div>
+                          </div>
+                          <div v-if="tooC == 6">
+                            <img
+                              src="@/assets/icon/secondToolList/doc.png"
+                              alt
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                            />
+                            <div style="margin: 5px 0">协同文档</div>
+                          </div>
+                          <div v-if="tooC == 7">
+                            <img
+                              src="@/assets/icon/secondToolList/mindNetwork.png"
+                              alt
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                            />
+                            <div style="margin: 5px 0">思维网格</div>
+                          </div>
+                          <div v-if="tooC == 8">
+                            <img
+                              src="@/assets/icon/secondToolList/library.png"
+                              alt
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                            />
+                            <div style="margin: 5px 0">素材库</div>
+                          </div>
+                          <div v-if="tooC == 17">
+                            <img
+                              src="@/assets/icon/secondToolList/library.png"
+                              alt
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                            />
+                            <div style="margin: 5px 0">学习资料</div>
+                          </div>
+                          <div v-if="tooC == 2">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/secondToolList/note.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">便签</div>
+                          </div>
+                          <div v-if="tooC == 4">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/thirdToolList/ask.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">选择题</div>
+                          </div>
+                          <div v-if="tooC == 45">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/thirdToolList/choose.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">选择题</div>
+                          </div>
+                          <!-- <div v-if="tooC == 5">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/thirdToolList/score.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">量规评分</div>
+                          </div> -->
+                          <div v-if="tooC == 10">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/thirdToolList/time.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">倒计时</div>
+                          </div>
+                          <div v-if="tooC == 15">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/thirdToolList/answer.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">问答工具</div>
+                          </div>
+                          <div v-if="tooC == 26">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/thirdToolList/courseDesign.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">课程设计</div>
+                          </div>
+                          <div v-if="tooC == 18">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/thirdToolList/trainPlatform.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">训练服务器</div>
+                          </div>
+                          <div v-if="tooC == 16">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/thirdToolList/work.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">作业提交</div>
+                          </div>
+                          <div v-if="tooC == 21">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/fourthToolList/program.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">编程平台</div>
+                          </div>
+                          <div v-if="tooC == 22">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/fourthToolList/program.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">AI体验</div>
+                          </div>
+                          <div v-if="tooC == 23">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/fourthToolList/program.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">Python</div>
+                          </div>
+                          <div v-if="tooC == 24">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/fourthToolList/AIprogram.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">AI平台</div>
+                          </div>
+                          <div v-if="tooC == 25">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/thirdToolList/evalua.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">目标管理</div>
+                          </div>
+                          <div v-if="tooC == 31">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/secondToolList/networkPanel.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">数学画板</div>
+                          </div>
+                          <div v-if="tooC == 28">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/secondToolList/translation.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">翻译</div>
+                          </div>
+                          <div v-if="tooC == 37">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/secondToolList/mohe.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">魔盒识字</div>
+                          </div>
+                          <div v-if="tooC == 38">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/secondToolList/24game.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">24点</div>
+                          </div>
+                          <div v-if="tooC == 39">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/secondToolList/GeoGebra.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">GeoGebra</div>
+                          </div>
+                          <div v-if="tooC == 32">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/thirdToolList/code.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">源码编辑</div>
+                          </div>
+                          <div v-if="tooC == 40">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/secondToolList/eval.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">学生评价</div>
+                          </div>
+                          <div v-if="tooC == 41">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/thirdToolList/select.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">选择填空</div>
+                          </div>
+                          <div v-if="tooC == 44">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="@/assets/icon/thirdToolList/hanClass.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">汉字宫</div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="tooldetail" v-if="tool.toolDetail != ''">
+                      <!-- <div class="toolTitle">工具描述</div> -->
+                      <div v-html="contentConvent(tool.toolDetail)">
+                        <!-- {{ contentConvent(tool.toolDetail) }} -->
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="tType && tType == 2 && tool.tool.indexOf(16) != -1"
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                        class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg" v-if="w.type == 0">
+                          <img
+                            :src="w.works"
+                            @click="previewImg(w.works)"
+                            alt
+                          />
+                          <div
+                            class="answerScore"
+                            v-if="w.score"
+                            @click.stop="openScore(w)"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            {{ JSON.parse(w.score).wScore }}分
+                          </div>
+                          <div
+                            class="answerScore"
+                            @click.stop="openScore(w)"
+                            v-else-if="courseDetail.userid == userid"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            评分
+                          </div>
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="workImg" v-if="w.type == 1">
+                          <img :src="word" @click="openFile(w.works)" alt />
+                          <div
+                            class="answerScore"
+                            v-if="w.score"
+                            @click.stop="openScore(w)"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            {{ JSON.parse(w.score).wScore }}分
+                          </div>
+                          <div
+                            class="answerScore"
+                            @click.stop="openScore(w)"
+                            v-else-if="courseDetail.userid == userid"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            评分
+                          </div>
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="workImg" v-if="w.type == 3">
+                          <img
+                            style="cursor: pointer"
+                            :src="video"
+                            @click="openVideo(w.works)"
+                            alt
+                          />
+                          <div
+                            class="answerScore"
+                            v-if="w.score"
+                            @click.stop="openScore(w)"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            {{ JSON.parse(w.score).wScore }}分
+                          </div>
+                          <div
+                            class="answerScore"
+                            @click.stop="openScore(w)"
+                            v-else-if="courseDetail.userid == userid"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            评分
+                          </div>
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="tType && tType == 2 && tool.tool.indexOf(4) != -1"
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                        class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="isWorksName"
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                        @click="
+                          openTools(4, toolIndex, taskCount, w.works, w.sName)
+                        "
+                      >
+                        {{ w.sName }}
+                        <img
+                          class="deleteImg deleteImg2"
+                          src="@/assets/deleteworks.png"
+                          v-if="w.userid == userid"
+                          @click.stop="deleteWorks(w.wid)"
+                          alt
+                        />
+                      </div>
+                      <!-- <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          border-radius: 10px;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                          overflow: hidden;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg">
+                          <img
+                            src="@/assets/icon/works/noImg.png"
+                            @click="
+                              openTools(
+                                4,
+                                toolIndex,
+                                taskCount,
+                                w.works,
+                                w.sName
+                              )
+                            "
+                            alt
+                          />
+                        </div>
+                        <div class="worksName">
+                          <div>{{ w.sName }}</div>
+                          <div>{{ w.time }}</div>
+                        </div>
+                      </div> -->
+                    </div>
+                  </div>
+                  <div
+                    v-if="tType && tType == 2 && tool.tool.indexOf(45) != -1"
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                        class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="isWorksName"
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                        @click="
+                          openTools(45, toolIndex, taskCount, w.works, w.sName)
+                        "
+                      >
+                        {{ w.sName }}
+                        <img
+                          class="deleteImg deleteImg2"
+                          src="@/assets/deleteworks.png"
+                          v-if="w.userid == userid"
+                          @click.stop="deleteWorks(w.wid)"
+                          alt
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="tType && tType == 2 && tool.tool.indexOf(15) != -1"
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                        class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg">
+                          <!-- <img
+                            src="@/assets/icon/works/noImg.png"
+                            @click="openTools(15, toolIndex, taskCount, w.works)"
+                            alt=""
+                          />-->
+                          <div class="answerBg">
+                            <div>{{ w.sName }}</div>
+                            <el-tooltip
+                              class="item"
+                              effect="light"
+                              :content="JSON.parse(w.works)[0].answer"
+                              placement="top"
+                            >
+                              <div class="answerContent">
+                                {{ JSON.parse(w.works)[0].answer }}
+                              </div>
+                            </el-tooltip>
+                            <div
+                              class="answerScore"
+                              v-if="w.score"
+                              @click.stop="openScore(w)"
+                              :class="{ rightW: w.userid == userid }"
+                            >
+                              {{ JSON.parse(w.score).wScore }}分
+                            </div>
+                            <div
+                              class="answerScore"
+                              @click.stop="openScore(w)"
+                              v-else-if="courseDetail.userid == userid"
+                              :class="{ rightW: w.userid == userid }"
+                            >
+                              评分
+                            </div>
+                            <img
+                              class="deleteImg"
+                              src="@/assets/deleteworks.png"
+                              v-if="w.userid == userid"
+                              @click.stop="deleteWorks(w.wid)"
+                              alt
+                            />
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="tType && tType == 2 && tool.tool.indexOf(1) != -1"
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                        class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg">
+                          <img
+                            :src="w.works"
+                            @click="previewImg(w.works)"
+                            alt
+                          />
+                          <div
+                            class="answerScore"
+                            v-if="w.score"
+                            @click.stop="openScore(w)"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            {{ JSON.parse(w.score).wScore }}分
+                          </div>
+                          <div
+                            class="answerScore"
+                            @click.stop="openScore(w)"
+                            v-else-if="courseDetail.userid == userid"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            评分
+                          </div>
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="tType && tType == 2 && tool.tool.indexOf(3) != -1"
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                        class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg">
+                          <img
+                            :src="w.works"
+                            @click="previewImg(w.works)"
+                            alt
+                          />
+                          <div
+                            class="answerScore"
+                            v-if="w.score"
+                            @click.stop="openScore(w)"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            {{ JSON.parse(w.score).wScore }}分
+                          </div>
+                          <div
+                            class="answerScore"
+                            @click.stop="openScore(w)"
+                            v-else-if="courseDetail.userid == userid"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            评分
+                          </div>
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="tType && tType == 2 && tool.tool.indexOf(6) != -1"
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                        class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg">
+                          <img
+                            :src="w.works"
+                            @click="previewImg(w.works)"
+                            alt
+                          />
+                          <div
+                            class="answerScore"
+                            v-if="w.score"
+                            @click.stop="openScore(w)"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            {{ JSON.parse(w.score).wScore }}分
+                          </div>
+                          <div
+                            class="answerScore"
+                            @click.stop="openScore(w)"
+                            v-else-if="courseDetail.userid == userid"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            评分
+                          </div>
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="tType && tType == 2 && tool.tool.indexOf(7) != -1"
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                        class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg">
+                          <img
+                            :src="w.works"
+                            @click="previewImg(w.works)"
+                            alt
+                          />
+                          <div
+                            class="answerScore"
+                            v-if="w.score"
+                            @click.stop="openScore(w)"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            {{ JSON.parse(w.score).wScore }}分
+                          </div>
+                          <div
+                            class="answerScore"
+                            @click.stop="openScore(w)"
+                            v-else-if="courseDetail.userid == userid"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            评分
+                          </div>
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="tType && tType == 2 && tool.tool.indexOf(26) != -1"
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                        class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg">
+                          <img
+                            :src="w.works"
+                            @click="previewImg(w.works)"
+                            alt
+                          />
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(16) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                        class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          border-radius: 15px;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in worksStudent[toolIndex]"
+                        :key="wIndex"
+                        :class="w.type == 1 ? 'isTypeOne' : ''"
+                      >
+                        <div class="workImg" v-if="w.type == 0">
+                          <img
+                            :src="w.works"
+                            @click="previewImg(w.works)"
+                            alt
+                          />
+                          <div
+                            class="answerScore"
+                            v-if="w.score"
+                            @click.stop="openScore(w)"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            {{ JSON.parse(w.score).wScore }}分
+                          </div>
+                          <div
+                            class="answerScore"
+                            @click.stop="openScore(w)"
+                            v-else-if="courseDetail.userid == userid"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            评分
+                          </div>
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="workImg" v-if="w.type == 1">
+                          <img :src="word" @click="openFile(w.works)" alt />
+                          <div
+                            class="answerScore"
+                            v-if="w.score"
+                            @click.stop="openScore(w)"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            {{ JSON.parse(w.score).wScore }}分
+                          </div>
+                          <div
+                            class="answerScore"
+                            @click.stop="openScore(w)"
+                            v-else-if="courseDetail.userid == userid"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            评分
+                          </div>
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="workImg" v-if="w.type == 3">
+                          <img
+                            style="cursor: pointer"
+                            :src="video"
+                            @click="openVideo(w.works)"
+                            alt
+                          />
+                          <div
+                            class="answerScore"
+                            v-if="w.score"
+                            @click.stop="openScore(w)"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            {{ JSON.parse(w.score).wScore }}分
+                          </div>
+                          <div
+                            class="answerScore"
+                            @click.stop="openScore(w)"
+                            v-else-if="courseDetail.userid == userid"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            评分
+                          </div>
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+
+                        <div class="comment" style="min-width: 200px">
+                          <div class="worksName">
+                            <div>{{ w.sName }}</div>
+                          </div>
+                          <div class="commentList">
+                            <div class="commentList">
+                              <div
+                                class="commentImg"
+                                @click="
+                                  isLikes(w.wid, userid, 1, null, w.isLikes)
+                                "
+                              >
+                                <img
+                                  :src="w.isLikes == true ? likes : noLikes"
+                                  alt=""
+                                />
+                              </div>
+                              <div>{{ w.likesCount }}</div>
+                            </div>
+                            <div class="commentList" style="margin-right: 15px">
+                              <div
+                                class="commentImg"
+                                @click="commentOther(w, toolIndex, wIndex)"
+                              >
+                                <img
+                                  src="@/assets/icon/comment/comment.png"
+                                  alt=""
+                                />
+                              </div>
+                              <div>{{ w.commentCount }}</div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div style="font-size: 18px">未提交</div>
+                    <div class="noWorksS">
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(4) != -1 &&
+                      (tool.askJson[0].answer ||
+                        tool.askJson[0].answer === 0) &&
+                      checkJson[toolIndex].length
+                    "
+                    class="xuan_right_box"
+                  >
+                    <div
+                      class="tool_right_box"
+                      v-for="(item, index) in tool.askJson"
+                      :key="index"
+                    >
+                      <div>
+                        <span>{{ index + 1 + "、" + item.askstitle }}</span>
+                      </div>
+                      <div class="right_box_xuan">
+                        <span>正确率</span>
+                        <span>{{
+                          (checkJson[toolIndex][index].right
+                            ? checkJson[toolIndex][index].right
+                            : 0) + "%"
+                        }}</span>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="xuan_right_box"
+                    style="background: unset"
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(4) != -1
+                    "
+                  >
+                    <AskStatic
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                      :askJSON="tool"
+                      :checkJson="checkJson[toolIndex]"
+                    ></AskStatic>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(4) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                        class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div>
+                      <div
+                        class="worksDetailBox"
+                        v-if="
+                          worksStudent.length &&
+                          worksStudent[toolIndex].length > 0
+                        "
+                      >
+                        <div
+                          v-for="(w, wIndex) in worksStudent[toolIndex]"
+                          :key="wIndex"
+                          class="isWorksName"
+                          @click="
+                            openTools(4, toolIndex, taskCount, w.works, w.sName)
+                          "
+                        >
+                          {{ w.sName }}
+                          <img
+                            class="deleteImg deleteImg2"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <!-- <div class="works" style="
+                            width: 200px;
+                            height: 140px;
+                            border-radius: 10px;
+                            box-shadow: 0 0 6px 1px #dfdada;
+                            overflow: hidden;
+                          " v-for="(w, wIndex) in worksStudent[toolIndex]" :key="wIndex">
+                          <div class="workImg">
+                            <img src="@/assets/icon/works/noImg.png" @click="
+                              openTools(
+                                4,
+                                toolIndex,
+                                taskCount,
+                                w.works,
+                                w.sName
+                              )
+                            " alt />
+                          </div>
+                          <div class="worksName">
+                            <div>{{ w.sName }}</div>
+                            <div>{{ w.time }}</div>
+                          </div>
+                        </div> -->
+                      </div>
+                    </div>
+
+                    <div style="font-size: 18px">未提交</div>
+                    <div class="noWorksS">
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(45) != -1 &&
+                      (tool.testJson.testJson[0].answer ||
+                        tool.testJson.testJson[0].answer === 0) &&
+                      checkJson[toolIndex].length
+                    "
+                    class="xuan_right_box"
+                  >
+                    <div
+                      class="tool_right_box"
+                      v-for="(item, index) in tool.testJson.testJson"
+                      :key="index"
+                    >
+                      <div>
+                        <span>{{ index + 1 + "、" + item.teststitle }}</span>
+                      </div>
+                      <div class="right_box_xuan">
+                        <span>正确率</span>
+                        <span>{{
+                          (checkJson[toolIndex][index].right
+                            ? checkJson[toolIndex][index].right
+                            : 0) + "%"
+                        }}</span>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="xuan_right_box"
+                    style="background: unset"
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(45) != -1
+                    "
+                  >
+                    <AskStatic2
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                      :askJSON="tool"
+                      :checkJson="checkJson[toolIndex]"
+                    ></AskStatic2>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(45) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                        class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div>
+                      <div
+                        class="worksDetailBox"
+                        v-if="
+                          worksStudent.length &&
+                          worksStudent[toolIndex].length > 0
+                        "
+                      >
+                        <div
+                          v-for="(w, wIndex) in worksStudent[toolIndex]"
+                          :key="wIndex"
+                          class="isWorksName"
+                          @click="
+                            openTools(
+                              45,
+                              toolIndex,
+                              taskCount,
+                              w.works,
+                              w.sName
+                            )
+                          "
+                        >
+                          {{ w.sName }}
+                          <img
+                            class="deleteImg deleteImg2"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                      </div>
+                    </div>
+
+                    <div style="font-size: 18px">未提交</div>
+                    <div class="noWorksS">
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(15) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                        class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div
+                        class="works"
+                        v-for="(w, wIndex) in worksStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div
+                          class="workImg"
+                          style="
+                            border-radius: 15px;
+                            box-shadow: #eee 0px 0px 5px 5px;
+                          "
+                        >
+                          <!-- <img
+                            src="@/assets/icon/works/noImg.png"
+                            @click="openTools(15, toolIndex, taskCount, w.works)"
+                            alt=""
+                          />-->
+                          <div
+                            class="answerBg"
+                            style="border-radius: 15px 15px 0 0"
+                            @click="commentOther(w, toolIndex, wIndex)"
+                          >
+                            <div>{{ w.sName }}</div>
+                            <el-tooltip
+                              class="item"
+                              effect="light"
+                              :content="JSON.parse(w.works)[0].answer"
+                              placement="top"
+                            >
+                              <div class="answerContent">
+                                {{ JSON.parse(w.works)[0].answer }}
+                              </div>
+                            </el-tooltip>
+                            <div
+                              class="answerScore"
+                              v-if="w.score"
+                              @click.stop="openScore(w)"
+                              :class="{ rightW: w.userid == userid }"
+                            >
+                              {{ JSON.parse(w.score).wScore }}分
+                            </div>
+                            <div
+                              class="answerScore"
+                              @click.stop="openScore(w)"
+                              v-else-if="courseDetail.userid == userid"
+                              :class="{ rightW: w.userid == userid }"
+                            >
+                              评分
+                            </div>
+                            <img
+                              class="deleteImg"
+                              src="@/assets/deleteworks.png"
+                              v-if="w.userid == userid"
+                              @click.stop="deleteWorks(w.wid)"
+                              alt
+                            />
+                          </div>
+                          <div class="comment">
+                            <div class="commentList">
+                              <div
+                                class="commentImg"
+                                @click="
+                                  isLikes(w.wid, userid, 1, null, w.isLikes)
+                                "
+                              >
+                                <img
+                                  :src="w.isLikes == true ? likes : noLikes"
+                                  alt=""
+                                />
+                              </div>
+                              <div>{{ w.likesCount }}</div>
+                            </div>
+                            <div class="commentList" style="margin-right: 15px">
+                              <div
+                                class="commentImg"
+                                @click="commentOther(w, toolIndex, wIndex)"
+                              >
+                                <img
+                                  src="@/assets/icon/comment/comment.png"
+                                  alt=""
+                                />
+                              </div>
+                              <div>{{ w.commentCount }}</div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div style="font-size: 18px">未提交</div>
+                    <div class="noWorksS">
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(1) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                        class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          border-radius: 15px;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in worksStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <!-- @click="previewImg(w.works)" -->
+                        <div class="workImg">
+                          <img
+                            :src="w.works"
+                            @click="previewImg(w.works)"
+                            alt
+                          />
+                          <div
+                            class="answerScore"
+                            v-if="w.score"
+                            @click.stop="openScore(w)"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            {{ JSON.parse(w.score).wScore }}分
+                          </div>
+                          <div
+                            class="answerScore"
+                            @click.stop="openScore(w)"
+                            v-else-if="courseDetail.userid == userid"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            评分
+                          </div>
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="comment" style="min-width: 200px">
+                          <div class="worksName">
+                            <div>{{ w.sName }}</div>
+                          </div>
+                          <div class="commentList">
+                            <div class="commentList">
+                              <div
+                                class="commentImg"
+                                @click="
+                                  isLikes(w.wid, userid, 1, null, w.isLikes)
+                                "
+                              >
+                                <img
+                                  :src="w.isLikes == true ? likes : noLikes"
+                                  alt=""
+                                />
+                              </div>
+                              <div>{{ w.likesCount }}</div>
+                            </div>
+                            <div class="commentList" style="margin-right: 15px">
+                              <div
+                                class="commentImg"
+                                @click="commentOther(w, toolIndex, wIndex)"
+                              >
+                                <img
+                                  src="@/assets/icon/comment/comment.png"
+                                  alt=""
+                                />
+                              </div>
+                              <div>{{ w.commentCount }}</div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div style="font-size: 18px">未提交</div>
+                    <div class="noWorksS">
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(3) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                        class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          border-radius: 15px;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in worksStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <!-- @click="previewImg(w.works)" -->
+                        <div class="workImg">
+                          <img
+                            :src="w.works"
+                            @click="previewImg(w.works)"
+                            alt
+                          />
+                          <div
+                            class="answerScore"
+                            v-if="w.score"
+                            @click.stop="openScore(w)"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            {{ JSON.parse(w.score).wScore }}分
+                          </div>
+                          <div
+                            class="answerScore"
+                            @click.stop="openScore(w)"
+                            v-else-if="courseDetail.userid == userid"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            评分
+                          </div>
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="comment" style="min-width: 200px">
+                          <div class="worksName">
+                            <div>{{ w.sName }}</div>
+                          </div>
+                          <div class="commentList">
+                            <div class="commentList">
+                              <div
+                                class="commentImg"
+                                @click="
+                                  isLikes(w.wid, userid, 1, null, w.isLikes)
+                                "
+                              >
+                                <img
+                                  :src="w.isLikes == true ? likes : noLikes"
+                                  alt=""
+                                />
+                              </div>
+                              <div>{{ w.likesCount }}</div>
+                            </div>
+                            <div class="commentList" style="margin-right: 15px">
+                              <div
+                                class="commentImg"
+                                @click="commentOther(w, toolIndex, wIndex)"
+                              >
+                                <img
+                                  src="@/assets/icon/comment/comment.png"
+                                  alt=""
+                                />
+                              </div>
+                              <div>{{ w.commentCount }}</div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div style="font-size: 18px">未提交</div>
+                    <div class="noWorksS">
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(6) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                        class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          border-radius: 15px;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in worksStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <!-- @click="previewImg(w.works)" -->
+                        <div class="workImg">
+                          <img
+                            :src="w.works"
+                            @click="previewImg(w.works)"
+                            alt
+                          />
+                          <div
+                            class="answerScore"
+                            v-if="w.score"
+                            @click.stop="openScore(w)"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            {{ JSON.parse(w.score).wScore }}分
+                          </div>
+                          <div
+                            class="answerScore"
+                            @click.stop="openScore(w)"
+                            v-else-if="courseDetail.userid == userid"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            评分
+                          </div>
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="comment" style="min-width: 200px">
+                          <div class="worksName">
+                            <div>{{ w.sName }}</div>
+                          </div>
+                          <div class="commentList">
+                            <div class="commentList">
+                              <div
+                                class="commentImg"
+                                @click="
+                                  isLikes(w.wid, userid, 1, null, w.isLikes)
+                                "
+                              >
+                                <img
+                                  :src="w.isLikes == true ? likes : noLikes"
+                                  alt=""
+                                />
+                              </div>
+                              <div>{{ w.likesCount }}</div>
+                            </div>
+                            <div class="commentList" style="margin-right: 15px">
+                              <div
+                                class="commentImg"
+                                @click="commentOther(w, toolIndex, wIndex)"
+                              >
+                                <img
+                                  src="@/assets/icon/comment/comment.png"
+                                  alt=""
+                                />
+                              </div>
+                              <div>{{ w.commentCount }}</div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div style="font-size: 18px">未提交</div>
+                    <div class="noWorksS">
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(7) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                        class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          border-radius: 15px;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in worksStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <!-- @click="previewImg(w.works)" -->
+                        <div class="workImg">
+                          <img
+                            :src="w.works"
+                            @click="previewImg(w.works)"
+                            alt
+                          />
+                          <div
+                            class="answerScore"
+                            v-if="w.score"
+                            @click.stop="openScore(w)"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            {{ JSON.parse(w.score).wScore }}分
+                          </div>
+                          <div
+                            class="answerScore"
+                            @click.stop="openScore(w)"
+                            v-else-if="courseDetail.userid == userid"
+                            :class="{ rightW: w.userid == userid }"
+                          >
+                            评分
+                          </div>
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="comment" style="min-width: 200px">
+                          <div class="worksName">
+                            <div>{{ w.sName }}</div>
+                          </div>
+                          <div class="commentList">
+                            <div class="commentList">
+                              <div
+                                class="commentImg"
+                                @click="
+                                  isLikes(w.wid, userid, 1, null, w.isLikes)
+                                "
+                              >
+                                <img
+                                  :src="w.isLikes == true ? likes : noLikes"
+                                  alt=""
+                                />
+                              </div>
+                              <div>{{ w.likesCount }}</div>
+                            </div>
+                            <div class="commentList" style="margin-right: 15px">
+                              <div
+                                class="commentImg"
+                                @click="commentOther(w, toolIndex, wIndex)"
+                              >
+                                <img
+                                  src="@/assets/icon/comment/comment.png"
+                                  alt=""
+                                />
+                              </div>
+                              <div>{{ w.commentCount }}</div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div style="font-size: 18px">未提交</div>
+                    <div class="noWorksS">
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(26) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                         class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div
+                        class="works"
+                        style="width: 240px; height: 140px; overflow: hidden"
+                        v-for="(w, wIndex) in worksStudent[toolIndex]"
+                        :key="wIndex"
+                        :class="w.type == 1 ? 'isTypeOne' : ''"
+                      >
+                        <div class="workImg" v-if="w.type == 0">
+                          <img
+                            :src="w.works"
+                            @click="previewImg(w.works)"
+                            alt
+                          />
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="workImg" v-if="w.type == 1">
+                          <img :src="word" @click="openFile(w.works)" alt />
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                    <div style="font-size: 18px">未提交</div>
+                    <div class="noWorksS">
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(40) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                         class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          border-radius: 15px;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in worksStudent[toolIndex]"
+                        :key="wIndex"
+                        :class="w.type == 1 ? 'isTypeOne' : ''"
+                      >
+                        <div class="workImg">
+                          <img
+                            src="@/assets/icon/works/noImg.png"
+                            @click="openPj(w.works, toolIndex)"
+                            alt
+                          />
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="comment" style="min-width: 200px">
+                          <div class="worksName">
+                            <div>{{ w.sName }}</div>
+                          </div>
+                          <div class="commentList">
+                            <div class="commentList">
+                              <div
+                                class="commentImg"
+                                @click="
+                                  isLikes(w.wid, userid, 1, null, w.isLikes)
+                                "
+                              >
+                                <img
+                                  :src="w.isLikes == true ? likes : noLikes"
+                                  alt=""
+                                />
+                              </div>
+                              <div>{{ w.likesCount }}</div>
+                            </div>
+                            <div class="commentList" style="margin-right: 15px">
+                              <div
+                                class="commentImg"
+                                @click="commentOther(w, toolIndex, wIndex)"
+                              >
+                                <img
+                                  src="@/assets/icon/comment/comment.png"
+                                  alt=""
+                                />
+                              </div>
+                              <div>{{ w.commentCount }}</div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div style="font-size: 18px">未提交</div>
+                    <div class="noWorksS">
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="tType && tType == 2 && tool.tool.indexOf(40) != -1"
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                         class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg">
+                          <img
+                            src="@/assets/icon/works/noImg.png"
+                            @click="openPj(w.works, toolIndex)"
+                            alt
+                          />
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(41) != -1
+                    "
+                  >
+                    <AnswerData2
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                      :problemJson="tool.selectJson.answer"
+                      :people="worksStudent[toolIndex]"
+                    ></AnswerData2>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(41) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                         class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div
+                        v-for="(w, wIndex) in worksStudent[toolIndex]"
+                        :key="wIndex"
+                        class="isWorksName"
+                        @click="openXz(w, toolIndex)"
+                      >
+                        {{ w.sName }}
+                        <img
+                          class="deleteImg deleteImg2"
+                          src="@/assets/deleteworks.png"
+                          v-if="w.userid == userid"
+                          @click.stop="deleteWorks(w.wid)"
+                          alt
+                        />
+                      </div>
+                      <!-- <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          border-radius: 15px;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        " v-for="(w, wIndex) in worksStudent[toolIndex]" :key="wIndex"
+                        :class="w.type == 5 ? 'isTypeOne' : ''">
+                        <div class="workImg">
+                          <img src="@/assets/icon/works/noImg.png" @click="openXz(w, toolIndex)" alt />
+                        </div>
+                        <div class="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div> -->
+                    </div>
+                    <div style="font-size: 18px">未提交</div>
+                    <div class="noWorksS">
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="tType && tType == 2 && tool.tool.indexOf(41) != -1"
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span>作业预览</span>
+                      <el-button
+                        type="text"
+                        @click="jump()"
+                        v-if="tType == 2"
+                         class="buttonA"
+                        >我的评价</el-button
+                      >
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg">
+                          <img
+                            src="@/assets/icon/works/noImg.png"
+                            @click="openXz(w, toolIndex)"
+                            alt
+                          />
+                          <img
+                            class="deleteImg"
+                            src="@/assets/deleteworks.png"
+                            v-if="w.userid == userid"
+                            @click.stop="deleteWorks(w.wid)"
+                            alt
+                          />
+                        </div>
+                        <div class="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- <div class="upload_toolBtn" @click="addImg($event)">
+                  上传文件
+                  <input
+                    type="file"
+                    accept="image/png, image/gif, image/jpeg"
+                    style="display: none"
+                    @change="beforeUpload1($event, 2, index)"
+                  />
+                </div>-->
+              </div>
+            </div>
+            <div
+              class="vedioBox"
+              v-if="
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                  .eList &&
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                  .eList.length &&
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                  .eList.length > 0 &&
+                tType != 2
+              "
+            >
+              <div
+                class="queTop"
+                style="
+                  font-size: 25px;
+                  padding: 15px 0 15px 30px;
+                  font-weight: bold;
+                "
+              >
+                <!-- <div class="question" style="width: 30px">
+                  <img src="@/assets/icon/toolIcon.png" alt />
+                </div>
+                <div class="queTitle">
+                  <div>工具</div>
+                </div>-->
+                评一评
+              </div>
+              <div class="evaCss" :class="{ evaCssMax: Stbodywidth < 974 }">
+                <div class="elist_input">
+                  <div
+                    v-for="(eItem, eIndex) in chapInfoList[courseType]
+                      .chapterInfo[0].taskJson[taskCount].eList"
+                    :key="eIndex"
+                    class="elist_input_box"
+                  >
+                    <div style="width: 95%">
+                      <div
+                        style="
+                          display: flex;
+                          flex-direction: row;
+                          flex-wrap: nowrap;
+                          align-items: center;
+                        "
+                      >
+                        <div style="max-width: calc(100% - 285px)">
+                          <span>{{ eItem.value }}</span>
+                        </div>
+                        <div
+                          style="
+                            padding-left: 25px;
+                            display: flex;
+                            flex-direction: row;
+                            align-items: center;
+                          "
+                        >
+                          <el-rate
+                            v-model="eItem.score"
+                            :colors="colors"
+                            disabled
+                          ></el-rate>
+                        </div>
+                      </div>
+                      <div class="elist_inptu_text" style="padding-left: 10px">
+                        <span v-if="eItem.detail != ''">{{
+                          eItem.detail
+                        }}</span>
+                        <span v-else style="color: #b2b1b3; font-size: 14px"
+                          >暂无描述...</span
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  v-if="evalua"
+                  style="
+                    border: 1px solid #e5e5e5;
+                    max-width: 650px;
+                    width: 100%;
+                    margin-top: 20px;
+                    box-shadow: 3px 1px 15px 3px #e0e0e0;
+                  "
+                >
+                  <div class="e_add_top">
+                    <div class="e_add_title">
+                      <span>目标管理名称</span>
+                      <span>{{ eTitle }}</span>
+                      <img
+                        src="@/assets/lineGM.png"
+                        class="cru_line"
+                        style="
+                          width: 125px;
+                          height: 20px;
+                          bottom: -10px;
+                          left: 120px;
+                        "
+                      />
+                      <!-- <el-input
+                        v-model="eTitle"
+                        placeholder="请输入名称"
+                        @change="setMindData"
+                      ></el-input>-->
+                    </div>
+                  </div>
+                  <div class="e_add_content">
+                    <div class="e_add_list_pbox">
+                      <div class="e_add_list_pbox_title">
+                        <span class="type_title">切换模式</span>
+                        <div class="type_content">
+                          <span
+                            :class="{ active: typeMode == 1 }"
+                            @click="typeMode = 1"
+                            >目标树</span
+                          >
+                          <span
+                            :class="{ active: typeMode == 2 }"
+                            @click="typeMode = 2"
+                            >目标罗盘</span
+                          >
+                          <span
+                            :class="{ active: typeMode == 3 }"
+                            @click="typeMode = 3"
+                            >目标看板</span
+                          >
+                        </div>
+                      </div>
+                      <div class="e_add_list_pbox_content">
+                        <Mind
+                          :showBar="false"
+                          :mindData="data"
+                          style="width: 100%"
+                          v-show="typeMode == 1"
+                        ></Mind>
+                        <Sunburst
+                          :Josn="eJson"
+                          :num="eJSONNum"
+                          style="width: 100%"
+                          v-if="typeMode == 2"
+                        ></Sunburst>
+                        <SeeBoard
+                          :Josn="eJson"
+                          :num="eJSONNum"
+                          :ename="eTitle"
+                          style="width: 100%"
+                          v-if="typeMode == 3"
+                        ></SeeBoard>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- <div
+              class="project_box"
+              style="margin-top: 15px; padding-bottom: 30px"
+            >
+              <div
+                style="
+                  display: flex;
+                  flex-wrap: nowrap;
+                  flex-direction: column;
+                  position: relative;
+                "
+              >
+                <div class="queTop">
+                  <div class="question">
+                    <img src="@/assets/icon/homeWork.png" alt="" />
+                  </div>
+                  <div class="queTitle">
+                    <div>作业提交<span>(提交图文视频等)</span></div>
+                    <div>：任务：{{ task.task }}</div>
+                  </div>
+                </div>
+                <div class="ediBottom">
+                  <div
+                    class="addEditor"
+                    style="margin-top: 23px"
+                    @click="openAddWork"
+                    v-if="!isNoHomeWork"
+                  >
+                    选择文件
+                  </div>
+                  <div
+                    class="addEditor"
+                    style="margin-top: 23px"
+                    @click="openAddWork"
+                    v-else
+                  >
+                    已提交
+                  </div>
+                </div>
+              </div>
+            </div>-->
+          </div>
+        </div>
+        <el-dialog
+          title="提交实践作业"
+          :visible.sync="dialogVisible"
+          :append-to-body="true"
+          width="500px"
+          :before-close="handleClose"
+          class="dialog_change"
+        >
+          <div class="marginT">
+            <div>上传文件</div>
+            <div
+              class="chapter_add"
+              @click="addImg($event)"
+              v-if="studyJuri[0].cover.length == 0"
+            >
+              <div class="up_photo">
+                <img src="@/assets/icon/uploadImg.png" alt />
+              </div>
+              <input
+                type="file"
+                accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
+                capture="camera"
+                style="display: none"
+                @change="beforeUpload1($event, 1)"
+              />
+              <!-- <input
+                type="file"
+                accept="image/*"
+                capture="camera"
+                style="display: none"
+                @change="beforeUpload1($event, 1)"
+              /> -->
+            </div>
+            <div
+              class="chapter_add"
+              style="
+                display: flex;
+                width: 100%;
+                flex-direction: row;
+                flex-wrap: wrap;
+                justify-content: flex-start;
+                padding: 15px 0;
+              "
+              v-if="studyJuri[0].cover.length > 0"
+            >
+              <div class="upCover">
+                <img
+                  :src="studyJuri[0].cover[0].url"
+                  alt
+                  v-if="fileType == 0"
+                />
+                <img :src="word" alt v-else-if="fileType == 1" />
+                <img :src="video" alt v-else />
+                <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
+
+                <div class="deleteWord" @click="clean(1)">
+                  <img src="@/assets/icon/deleteWorks.png" alt />
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- <div class="first">
+            <div>作业名称:</div>
+            <div>{{ chapInfoList[courseType].dyName }}</div>
+          </div>
+          <div style="font-size: 20px; margin-bottom: 10px">上传作业</div>
+          <el-input
+            type="textarea"
+            resize="none"
+            rows="7"
+            placeholder="输入文字描述..."
+            v-model="studyJuri[0].content"
+          ></el-input>
+          <div class="marginT">
+            <div>上传图片</div>
+            <div class="chapter_add" @click="addImg($event)">
+              <div class="up_photo">
+                <img src="@/assets/photo.png" alt />
+              </div>
+              <input
+                type="file"
+                accept="image/png, image/gif, image/jpeg"
+                style="display: none"
+                @change="beforeUpload1($event, 1)"
+              />
+            </div>
+            <div
+              class="chapter_add"
+              style="
+                display: flex;
+                width: 100%;
+                flex-direction: row;
+                flex-wrap: wrap;
+                justify-content: flex-start;
+              "
+              v-if="studyJuri[0].cover.length > 0"
+            >
+              <div
+                v-for="(c, cIndex) in studyJuri[0].cover"
+                :key="cIndex"
+                class="upCover"
+              >
+                <img :src="c.url != null && c.url != '' ? c.url : mr" alt />
+                <span class="picName">{{ c.name }}</span>
+
+                <div class="deleteWord" @click="clean(1)">
+                  <img src="@/assets/icon/delete.png" alt />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="marginT">
+            <div>上传视频</div>
+            <div class="chapter_add" @click="addImg($event)">
+              <div class="up_photo">
+                <img src="@/assets/vidio.png" alt />
+              </div>
+              <input
+                type="file"
+                accept="video/mp4, video/quicktime, video/x-msvideo"
+                style="display: none"
+                @change="beforeUpload2($event, 2)"
+              />
+            </div>
+            <div
+              class="chapter_add"
+              style="
+                display: flex;
+                flex-direction: row;
+                flex-wrap: wrap;
+                width: 100%;
+                justify-content: flex-start;
+              "
+              v-if="studyJuri[0].upVedio.length > 0"
+            >
+              <div
+                style="
+                  width: 100%;
+                  display: flex;
+                  flex-direction: row;
+                  flex-wrap: wrap;
+                  align-content: flex-start;
+                  justify-content: flex-start;
+                  align-items: center;
+                "
+              >
+                <div
+                  class="uploadVedio isAddThings"
+                  v-for="(v, vIndex) in studyJuri[0].upVedio"
+                  :key="vIndex"
+                >
+                  <img src="@/assets/uploadMp4.png" alt />
+                  <span>{{ v.name }}</span>
+                  <div class="deleteWord" @click="clean(2)">
+                    <img src="@/assets/icon/delete.png" alt />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>-->
+          <div class="upload_send" @click="addCourseWorks(taskCount)">提交</div>
+        </el-dialog>
+      </div>
+    </div>
+    <div
+      class="pButton"
+      @click="(pzDialog = true), selectPz()"
+      v-if="tType == 4"
+    >
+      <!-- 批 -->
+      <img src="@/assets/pzBtn2.png" style="width: 25px" alt="" />
+    </div>
+    <div v-if="pzDialog == true" class="newDialogCss">
+      <div class="pzTop2">
+        <!-- <div>批注</div>
+        <div @click="pzDialog = false">
+          <img src="@/assets/close1.png" alt="" />
+        </div> -->
+        <div class="checkbox">
+          <div class="check" style="font-size: 25px">听课笔记</div>
+          <img src="@/assets/pzBtn.png" @click="pzDialog = false" alt="" />
+        </div>
+      </div>
+      <div :class="pzList && pzList.length ? 'pzBox' : 'noPzBox'">
+        <div class="pzListBox" v-if="pzList && pzList.length">
+          <div class="pzList" v-for="(pz, pzIndex) in pzList" :key="pzIndex">
+            <div class="pzNavTop">
+              <div>批</div>
+              <div>
+                {{
+                  pz.username.length > 5
+                    ? pz.username.substring(0, 5) + "..."
+                    : pz.username
+                }}的批注
+              </div>
+              <div
+                class="pzDelete"
+                v-if="pz.userid == userid"
+                @click="deletePz(pz.id)"
+              >
+                删除
+              </div>
+            </div>
+            <div
+              class="pzContent cont"
+              v-html="pz.content"
+              v-if="pz.type == '1'"
+            >
+              <!-- {{ }} -->
+            </div>
+            <div class="pzContent" v-if="pz.type == '2'">
+              <audio :src="pz.content" controls="controls" ref="audio">
+                Your browser does not support the audio element.
+              </audio>
+            </div>
+            <div class="pzContent" v-if="pz.type == '3'">
+              <img
+                :src="pz.content"
+                style="width: 90%; margin: 0 auto; display: block"
+                @click="previewImg(pz.content)"
+              />
+            </div>
+            <div class="time">
+              {{ pz.time }}
+            </div>
+          </div>
+        </div>
+        <div class="noPz" v-else>
+          <img src="@/assets/icon/noPz.png" alt="" />
+        </div>
+        <div class="addPzButton">
+          <div class="addPz" @click="(addPzDialog = true), (pzType = 1)">
+            添加批注
+          </div>
+          <div class="img1">
+            <div @click="(addPzDialog = true), (pzType = 2)">
+              <img src="@/assets/audio.png" /><span>音频</span>
+            </div>
+            <!-- <img src="@/assets/picture.png" @click="addPzDialog = true,pzType = 3" /> -->
+          </div>
+        </div>
+      </div>
+    </div>
+    <div v-if="addPzDialog == true" class="addDialogCss">
+      <div class="pzTop">
+        <div class="teacherPz">
+          <div class="teacherPzImg">
+            <img src="@/assets/icon/teacherPz.png" alt="" />
+          </div>
+          <div style="margin-left: 10px; height: 25px">教师批注</div>
+        </div>
+        <div @click="addPzDialog = false">
+          <img src="@/assets/close1.png" alt="" />
+        </div>
+      </div>
+      <div class="addPzBox">
+        <div class="addPzCheck">
+          <span :class="{ isChooseActive: pzType == 1 }" @click="pzType = 1"
+            >文本</span
+          >
+          <!-- <span :class="{isChooseActive:pzType==3}" @click="pzType = 3">图片</span> -->
+          <span :class="{ isChooseActive: pzType == 2 }" @click="pzType = 2"
+            >音频</span
+          >
+        </div>
+        <div style="height: calc(100% - 95px)">
+          <!-- <textarea class="binfo_input pzConText" cols placeholder="请填写项目课程关键问题...." v-model="pzConText"
+            v-if="pzType == 1"></textarea> -->
+          <editor-bar
+            class="binfo_input pzConText"
+            style="width: 100% !important"
+            placeholder="请输入任务描述"
+            v-model="pzConText"
+            @change="change"
+            v-if="pzType == 1"
+          ></editor-bar>
+          <Audio @addPz="addPz" class="pzAudioClass" v-if="pzType == 2"></Audio>
+          <!-- <div class="pzAudioClass" v-if="pzType == 3">
+            <div @click="addImg($event)">
+              <el-button type="primary">上传图片</el-button>
+              <input type="file" accept="image/png, image/gif, image/jpeg" style="display: none"
+                @change="beforeUpload1($event, 4)" />
+            </div>
+          </div> -->
+        </div>
+        <div class="addTextCss" @click="addPz('1')" v-if="pzType == 1">
+          确定
+        </div>
+      </div>
+    </div>
+    <div v-if="proVisible" class="mask">
+      <div class="progressBox">
+        <div class="lbox">
+          <img src="@/assets/loading.gif" />上传中，请稍后
+        </div>
+        <el-progress
+          :text-inside="true"
+          :stroke-width="20"
+          :percentage="progress"
+          style="width: 80%"
+        ></el-progress>
+      </div>
+    </div>
+    <el-dialog :visible.sync="pictureDialog" size="tiny">
+      <img width="100%" :src="dialogImageUrl" alt />
+    </el-dialog>
+    <el-dialog
+      :title="noteName != '' ? noteName : '查看问卷'"
+      :visible.sync="dialogVisible5"
+      :append-to-body="true"
+      width="1000px"
+      :before-close="handleClose"
+      class="dialog_diy dialog_diy3"
+    >
+      <div>
+        <div
+          class="a_add_title"
+          style="
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: center;
+          "
+        >
+          <div style="margin-right: 20px; font-size: 20px">标题:</div>
+          <div style="font-size: 20px">{{ askJson.askTitle }}</div>
+        </div>
+        <div class="a_addBox">
+          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
+          <div
+            class="a_add_box"
+            v-for="(item1, index1) in askJson.askCount"
+            :key="index1"
+          >
+            <div class="a_add_head">
+              <div style="display: flex">
+                {{ index1 + 1 + "、" }}
+                <div>题目：{{ askJson.askJson[index1].askstitle }}</div>
+              </div>
+              <img
+                v-if="askJson.askJson[index1].img"
+                :src="askJson.askJson[index1].img"
+                style="height: 300px; margin-top: 10px; max-width: 100%"
+              />
+            </div>
+            <div class="a_add_body">
+              <div class="a_add_input">
+                <el-radio-group v-model="radio[index1]">
+                  <el-radio
+                    v-for="(item2, checkIndex) in askJson.askJson[index1]
+                      .checkList"
+                    :key="checkIndex"
+                    :label="checkIndex"
+                    :disabled="isAnswer"
+                    class="redioStyle"
+                    ><span v-html="item2"></span
+                  ></el-radio>
+                </el-radio-group>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button class="cancelbtnGM" @click="dialogVisible5 = false" v-show="noteName == ''"
+          >取 消</el-button
+        >
+        <el-button class="btnClassGM" type="primary" @click="addStudentAsk" v-show="noteName == ''"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
+    <el-dialog
+      :title="noteName != '' ? noteName : '查看问卷'"
+      :visible.sync="dialogVisibleChoice"
+      :append-to-body="true"
+      width="1000px"
+      :before-close="handleClose"
+      class="dialog_diy dialog_diy3"
+    >
+      <div>
+        <div
+          class="a_add_title"
+          style="
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: center;
+          "
+        >
+          <div style="margin-right: 20px; font-size: 20px">标题:</div>
+          <div style="font-size: 20px">{{ testJson.testTitle }}</div>
+        </div>
+        <div class="a_addBox">
+          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
+          <div
+            class="a_add_box"
+            v-for="(item1, index1) in testJson.testCount"
+            :key="index1"
+          >
+            <div class="a_add_head">
+              <div style="display: flex">
+                {{ index1 + 1 + "、" }}
+                <div>题目：{{ testJson.testJson[index1].teststitle }}</div>
+              </div>
+              <img
+                v-if="testJson.testJson[index1].img"
+                :src="testJson.testJson[index1].img"
+                style="height: 300px; margin-top: 10px; max-width: 100%"
+              />
+            </div>
+            <div class="a_add_body">
+              <div class="a_add_input">
+                <el-radio-group
+                  v-model="radio[index1]"
+                  v-if="testJson.testJson[index1].type == '1'"
+                >
+                  <el-radio
+                    v-for="(item2, checkIndex) in testJson.testJson[index1]
+                      .checkList"
+                    :key="checkIndex"
+                    :label="checkIndex"
+                    :disabled="isAnswer"
+                    class="redioStyle"
+                    ><span v-html="item2"></span
+                  ></el-radio>
+                </el-radio-group>
+                <el-checkbox-group
+                  v-model="radio[index1]"
+                  v-if="testJson.testJson[index1].type == '2'"
+                >
+                  <el-checkbox
+                    v-for="(item2, checkIndex) in testJson.testJson[index1]
+                      .checkList"
+                    :key="checkIndex"
+                    :label="checkIndex"
+                    :disabled="isAnswer"
+                    class="redioStyle"
+                  >
+                    <span v-html="item2"></span>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button class="cancelbtnGM" @click="dialogVisibleChoice = false" v-show="noteName == ''"
+          >取 消</el-button
+        >
+        <el-button
+          class="btnClassGM"
+          type="primary"
+          @click="addStudentTest"
+          v-show="noteName == ''"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
+    <el-dialog
+      title="查看富文本"
+      :visible.sync="dialogVisible1"
+      :append-to-body="true"
+      width="500px"
+      :before-close="handleClose"
+      class="dialog_diy textCss"
+    >
+      <el-form style="font-size: 20px">
+        <el-form-item label="文本标题" class="textTitle">
+          <div style="font-size: 20px">{{ text.name }}</div>
+        </el-form-item>
+        <div>富文本内容</div>
+        <div
+          v-html="text.url"
+          style="font-size: 18px; padding: 40px 0 0 0"
+        ></div>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button class="btnClassGM" type="primary" @click="dialogVisible1 = false"
+          >确定</el-button
+        >
+      </span>
+    </el-dialog>
+    <el-dialog
+      title="文件预览"
+      :visible.sync="dialogVisible3"
+      width="50%"
+      :before-close="handleClose"
+      class="dialog_diy"
+      :class="{ fullStyle: full }"
+    >
+      <div slot="title" class="header-title">
+        <div style="color: #fff">文件预览</div>
+        <div style="position: absolute; top: 19px; right: 50px">
+          <img
+            src="@/assets/full.png"
+            style="height: 16px; cursor: pointer"
+            alt=""
+            @click="fullTools"
+          />
+        </div>
+      </div>
+      <pdf
+        v-if="showPDF"
+        :pdfUrl="pptImgUrl"
+        style="width: 100%; height: 520px; overflow: auto"
+        :class="{ fullStyle: full }"
+      ></pdf>
+      <iframe
+        v-else
+        :src="pptImgUrl"
+        frameborder="0"
+        width="100%"
+        height="600"
+        :class="{ fullStyle: full }"
+      ></iframe>
+    </el-dialog>
+    <el-dialog
+      title="文件预览"
+      :visible.sync="dialogVisible6"
+      width="50%"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <iframe
+        :src="pptImgUrl1"
+        frameborder="0"
+        width="100%"
+        height="600"
+      ></iframe>
+    </el-dialog>
+    <el-dialog
+      title="提示"
+      :visible.sync="dialogVisible4"
+      :append-to-body="true"
+      width="800px"
+      :before-close="handleClose"
+      class="dialog_diy notice"
+    >
+      <div>此功能暂未开放！</div>
+      <el-button type="primary" @click="dialogVisible4 = false">确定</el-button>
+    </el-dialog>
+    <el-dialog
+      title="问答"
+      :visible.sync="answerDialogVisible"
+      :append-to-body="true"
+      width="800px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <div>
+        <div
+          style="
+            display: flex;
+            flex-wrap: nowrap;
+            flex-direction: column;
+            position: relative;
+          "
+        >
+          <div class="queTop" style="padding: 20px 0 20px 0">
+            <div class="question">
+              <img src="@/assets/icon/question.png" alt />
+            </div>
+            <div class="queTitle">
+              <div style="width: 90px; min-width: 90px">提问：</div>
+              <div>{{ answerQ }}</div>
+            </div>
+          </div>
+          <div class="ediBottom">
+            <textarea
+              rows="6"
+              class="binfo_input"
+              cols
+              style="width: 95%; height: 120px"
+              v-model="questionAnswer"
+            ></textarea>
+          </div>
+        </div>
+      </div>
+      <div slot="footer">
+        <el-button class="cancelbtnGM" @click="answerDialogVisible = false">取 消</el-button>
+        <el-button class="btnClassGM" type="primary" @click="addQuestion">提 交</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="倒计时"
+      :visible.sync="timeDialogVisible"
+      :append-to-body="true"
+      width="800px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <div>
+        <Time v-if="timeDialogVisible"></Time>
+      </div>
+      <div slot="footer">
+        <el-button class="cancelbtnGM" @click="timeDialogVisible = false">关 闭</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="权限设置"
+      :visible.sync="juriVisible"
+      :append-to-body="true"
+      width="400px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <div>
+        <div class="open_box">
+          <div class="switch_box">
+            <span>学生是否能查看所有作业</span>
+            <el-switch
+              v-model="sIsOpen"
+              active-text=""
+              class="switchCss"
+              @change="updateSLook"
+            ></el-switch>
+          </div>
+          <div class="switch_box" v-if="courseDetail.userid == userid">
+            <span>是否锁定阶段</span>
+            <el-switch
+              v-model="IsLookOpen"
+              active-text=""
+              class="switchCss"
+              @change="updateLookOpen"
+            ></el-switch>
+          </div>
+        </div>
+      </div>
+      <div slot="footer">
+        <el-button
+        class="btnClassGM"
+          style=" color: #fff"
+          @click="juriVisible = false"
+          >关 闭</el-button
+        >
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="查看视频"
+      :visible.sync="videoVisible"
+      :append-to-body="true"
+      width="1000px"
+      :before-close="handleClose"
+      class="dialog_diy1"
+    >
+      <div class="workd_media" style="height: 100%" v-if="videoDetail.sources">
+        <video-player
+          class="video-player vjs-custom-skin"
+          :playsinline="true"
+          :options="videoDetail"
+          @play="onPlayerPlay($event)"
+          style="width: 100%; height: 100%"
+        ></video-player>
+      </div>
+      <div slot="footer">
+        <el-button
+        class="btnClassGM"
+          style="color: #fff"
+          @click="(videoVisible = false), (videoDetail.sources[0].src = '')"
+        >
+          关 闭</el-button
+        >
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="查看详情"
+      :visible.sync="commentDialogVisible"
+      :append-to-body="true"
+      width="800px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <div class="commentTop">
+        <div class="studentDetail">
+          <div class="tx"><img src="@/assets/avatar.png" alt="" /></div>
+          <div class="nameAndTime">
+            <div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
+            <div>{{ commentDetail.time }}</div>
+          </div>
+        </div>
+        <div
+          class="worksAnswer"
+          v-if="commentDetail.works && commentDetail.type == 2"
+        >
+          {{ JSON.parse(commentDetail.works)[0].answer }}
+        </div>
+        <div
+          class="worksAnswer"
+          v-if="commentDetail.works && commentDetail.type == 1"
+        >
+          <pdf
+            v-if="showPDF"
+            :pdfUrl="pptImgUrl"
+            style="width: 100%; height: 520px; overflow: auto"
+            :class="{ fullStyle: full }"
+          ></pdf>
+          <iframe
+            v-else
+            :src="pptImgUrl"
+            frameborder="0"
+            width="100%"
+            height="600"
+            :class="{ fullStyle: full }"
+          ></iframe>
+        </div>
+        <div
+          class="worksAnswer"
+          v-if="commentDetail.works && commentDetail.type == 0"
+        >
+          <img
+            :src="commentDetail.works"
+            alt=""
+            @click="previewImg(commentDetail.works)"
+          />
+        </div>
+        <div
+          class="worksAnswer"
+          v-if="commentDetail.works && commentDetail.type == 3"
+        >
+          <video-player
+            class="video-player vjs-custom-skin"
+            :playsinline="true"
+            :options="videoDetail"
+            @play="onPlayerPlay($event)"
+            style="width: 90%; height: 100%; margin: 0 0 0 30px"
+          ></video-player>
+        </div>
+        <div
+          class="worksAnswer"
+          v-if="commentDetail.works && commentDetail.type == 4"
+        >
+          <div class="evalCss">
+            <div class="nav">请选择星星进行评分</div>
+            <div class="middleBox" v-if="eScore.eStar">
+              <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
+                <div class="nameAndrate">
+                  <div>{{ e.value }}</div>
+                  <el-rate v-model="eScore.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: 70%;
+                    background: #f7f6f9;
+                    font-size: 14px;
+                    text-indent: 10px;
+                    color: #000;
+                  "
+                  cols
+                  v-model="eScore.eBzText"
+                  placeholder="请输入评价内容..."
+                ></textarea>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="comment">
+          <div class="commentList">
+            <div class="commentImg">
+              <img
+                @click="
+                  isLikes(
+                    commentDetail.wid,
+                    commentDetail.userid,
+                    1,
+                    null,
+                    commentDetail.isLikes
+                  )
+                "
+                :src="commentDetail.isLikes == true ? likes : noLikes"
+                alt=""
+              />
+            </div>
+            <div>{{ commentDetail.likesCount }}</div>
+          </div>
+          <div class="commentList">
+            <div class="commentImg">
+              <img src="@/assets/icon/comment/comment.png" alt="" />
+            </div>
+            <div>{{ commentDetail.commentCount }}</div>
+          </div>
+        </div>
+      </div>
+      <div class="commentBox">
+        <div class="pl">评论：</div>
+        <div style="max-height: 200px; overflow: auto">
+          <div v-if="commentDetail.commentJson" style="padding: 10px 0 0 0">
+            <div
+              class="studentDetail"
+              style="padding-top: 10px"
+              v-for="(co, coIndex) in commentDetail.commentJson"
+              :key="coIndex"
+            >
+              <div class="tx" style="min-width: 50px">
+                <img src="@/assets/avatar.png" alt="" />
+              </div>
+              <div class="plPerson">
+                <div class="plName">
+                  <div>{{ co.commentPeople }}</div>
+                  <div style="margin-left: 5px">
+                    {{ co.commentTime }}
+                  </div>
+                </div>
+                <div class="plContent">{{ co.commentText }}</div>
+              </div>
+            </div>
+          </div>
+          <div v-else style="padding: 10px 0 0 0">暂无评论</div>
+        </div>
+      </div>
+      <div style="margin-top: 10px">
+        <div class="displayBox">
+          <div
+            style="
+              color: #556db4;
+              font-size: 14px;
+              font-weight: bold;
+              padding-bottom: 10px;
+            "
+          >
+            评价
+          </div>
+          <div class="easy_comment">
+            <div
+              v-for="(p, pIndex) in PlTextList"
+              :key="pIndex"
+              @click="fastText(p, 1)"
+            >
+              {{ p }}
+            </div>
+          </div>
+        </div>
+
+        <div>
+          <textarea
+            rows="3"
+            class="pj"
+            style="padding: 10px 5px"
+            cols
+            v-model="commentText"
+            placeholder="请输入对该学生的评价"
+          ></textarea>
+        </div>
+      </div>
+
+      <div slot="footer">
+        <el-button
+        class="cancelbtnGM"
+          @click="
+            (commentDialogVisible = false),
+              (commentIndexJson = {}),
+              videoDetail.sources && videoDetail.sources[0]
+                ? (videoDetail.sources[0].src = '')
+                : ''
+          "
+          >取 消</el-button
+        >
+        <el-button
+        class="btnClassGM"
+          type="primary"
+          @click="addComment(commentDetail.wid, userid, 2)"
+          >确 定</el-button
+        >
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="查看文档"
+      :visible.sync="fullDialogVisible"
+      :append-to-body="true"
+      width="100%"
+      :before-close="handleClose"
+      :show-close="false"
+      class="dialog_diy full_diy"
+    >
+      <div slot="title" class="header-title">
+        <div style="color: #fff">查看文档</div>
+        <div
+          @click="fullDialogVisible = false"
+          style="
+            cursor: pointer;
+            position: absolute;
+            top: 20px;
+            right: 20px;
+            color: #fff;
+          "
+        >
+          退出全屏
+        </div>
+      </div>
+      <div style="height: 100%">
+        <iframe
+          v-if="fulltype == 2"
+          style="width: 100%; height: 100%; border: none"
+          :src="fullUrl"
+        ></iframe>
+        <pdf
+          v-else-if="fulltype == 3"
+          :pdfUrl="fullUrl"
+          style="width: 100%; height: 100%; overflow: auto"
+        ></pdf>
+        <div
+          class="wheel"
+          v-if="fulltype == 1"
+          style="
+            box-shadow: 0 0 6px 1px #f2f2f2;
+            width: 100%;
+            background: #f1f1f1;
+          "
+        >
+          <div class="title" style="width: 100%; box-sizing: border-box">
+            查看文档
+          </div>
+          <el-form class="textBox" style="height: 90%">
+            <el-form-item class="textTitle">
+              <div style="font-size: 22px; max-height: 100px; overflow: auto">
+                {{ fullUrl.name }}
+              </div>
+            </el-form-item>
+            <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
+            <div
+              v-html="fullUrl.url"
+              class="textContent"
+              style="height: auto"
+            ></div>
+          </el-form>
+        </div>
+      </div>
+      <!-- <div slot="footer">
+        <el-button @click="fullDialogVisible = false">关 闭</el-button>
+      </div> -->
+    </el-dialog>
+    <el-dialog
+      title="学生评价"
+      :visible.sync="studentEvalDialogVisible"
+      :append-to-body="true"
+      width="800px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <div class="evalCss">
+        <div class="nav">请选择星星进行评分</div>
+        <div class="middleBox" v-if="eScore.eStar">
+          <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
+            <div class="nameAndrate">
+              <div>{{ e.value }}</div>
+              <el-rate
+                v-model="eScore.eStar[eIndex]"
+                :disabled="isStar"
+              ></el-rate>
+            </div>
+            <div v-if="e.detail">{{ e.detail }}</div>
+          </div>
+          <div class="easy_comment" v-if="isStar == false">
+            <div
+              v-for="(p, pIndex) in PlTextList"
+              :key="pIndex"
+              @click="fastText(p, 2)"
+            >
+              {{ p }}
+            </div>
+          </div>
+          <div class="bz">
+            <textarea
+              :disabled="isStar"
+              rows="4"
+              class="pj"
+              style="
+                padding: 10px 5px;
+                width: 70%;
+                background: #f7f6f9;
+                font-size: 14px;
+                text-indent: 10px;
+              "
+              cols
+              v-model="eScore.eBzText"
+              placeholder="请输入评价内容..."
+            ></textarea>
+          </div>
+        </div>
+      </div>
+      <div slot="footer">
+        <el-button class="cancelbtnGM" @click="studentEvalDialogVisible = false">取 消</el-button>
+        <el-button class="btnClassGM" type="primary" @click="addBzWorks" v-if="!isStar"
+          >确 定</el-button
+        >
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="选择填空"
+      :visible.sync="dialogVisibleSelect"
+      :append-to-body="true"
+      width="90%"
+      :before-close="handleClose"
+      class="dialog_diy dialog_diy3"
+    >
+      <div v-if="selectJson">
+        <div class="select_box2">
+          <div class="select_box2_title">
+            <div>选择填空</div>
+            <div>请选择对应的答案进行答题！</div>
+          </div>
+          <div class="select_box2_box">
+            <div class="select_box2_img">
+              <img
+                :src="selectJson.url"
+                @click="previewImg(selectJson.url)"
+                alt=""
+              />
+            </div>
+            <div :class="isSelect ? 'rightWidthCss' : 'select_box2_answer'">
+              <div style="padding-top: 15px">
+                <div class="select_answer_title" v-if="isSelect">
+                  {{ selectAnswer.stu }}
+                </div>
+                <div class="select_answer_title" v-else>
+                  根据题目选择对应答案
+                </div>
+                <div
+                  class="select_box2_answer_box"
+                  v-for="(item2, checkIndex) in selectJson.select"
+                  :key="checkIndex"
+                >
+                  <span style="min-width: 30px">{{ checkIndex + 1 }}、</span>
+                  <el-select
+                    :disabled="isSelect"
+                    v-model="selectAnswer.answer[checkIndex]"
+                    placeholder="请选择正确答案"
+                  >
+                    <el-option
+                      v-for="(e, eIndex) in selectJson.select"
+                      :key="eIndex"
+                      :label="e"
+                      :value="eIndex"
+                    >
+                    </el-option>
+                  </el-select>
+                </div>
+              </div>
+              <div
+                class="rightAnswerCss"
+                v-if="isSelect && (tType == 1 || tType == 4)"
+              >
+                <div
+                  v-for="(a, aIndex) in selectJson.answer"
+                  :key="aIndex"
+                  class="rightAnswer"
+                >
+                  <div
+                    v-if="selectAnswer.answer[aIndex] === a"
+                    style="color: #767de1"
+                  >
+                    回答正确
+                  </div>
+                  <div v-else>回答错误</div>
+                  <div
+                    style="margin-left: 10px"
+                    v-if="selectAnswer.answer[aIndex] !== a"
+                  >
+                    正确答案：
+                  </div>
+                  <div
+                    :class="
+                      selectAnswer.answer[aIndex] === a ? 'blueCss' : 'redCss'
+                    "
+                  >
+                    {{ selectJson.select[a] }}
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div class="upAnswerCss">
+              <el-button
+                class="btnClassGM"
+                type="primary"
+                @click="addSelectAnswer"
+                v-if="!isSelect"
+                >提交答案</el-button
+              >
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="教师评分"
+      :visible.sync="dialogVisibleScore"
+      :append-to-body="true"
+      width="800px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <div>
+        <div class="studentDetail">
+          <div class="tx"><img src="@/assets/avatar.png" alt="" /></div>
+          <div class="nameAndTime">
+            <div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
+            <div>{{ commentDetail.time }}</div>
+          </div>
+        </div>
+        <div
+          class="worksAnswer"
+          v-if="commentDetail.works && commentDetail.type == 2"
+        >
+          {{ JSON.parse(commentDetail.works)[0].answer }}
+        </div>
+        <div
+          class="worksAnswer"
+          v-if="commentDetail.works && commentDetail.type == 1"
+        >
+          <pdf
+            v-if="showPDF"
+            :pdfUrl="pptImgUrl"
+            style="width: 100%; height: 520px; overflow: auto"
+            :class="{ fullStyle: full }"
+          ></pdf>
+          <iframe
+            v-else
+            :src="pptImgUrl"
+            frameborder="0"
+            width="100%"
+            height="600"
+            :class="{ fullStyle: full }"
+          ></iframe>
+        </div>
+        <div
+          class="worksAnswer"
+          v-if="commentDetail.works && commentDetail.type == 0"
+        >
+          <img
+            :src="commentDetail.works"
+            alt=""
+            @click="previewImg(commentDetail.works)"
+          />
+        </div>
+        <div
+          class="worksAnswer"
+          v-if="commentDetail.works && commentDetail.type == 3"
+        >
+          <video-player
+            class="video-player vjs-custom-skin"
+            :playsinline="true"
+            :options="videoDetail"
+            @play="onPlayerPlay($event)"
+            style="width: 90%; height: 100%; margin: 0 0 0 30px"
+          ></video-player>
+        </div>
+        <div class="scoreBox">
+          <span class="t">请输入分数</span
+          ><el-input-number
+            :disabled="courseDetail.userid != userid"
+            v-model="wScore"
+            :controls="false"
+            :min="0"
+            :max="100"
+          ></el-input-number>
+        </div>
+        <div class="scoreDetailBox">
+          <span class="t">评分评论</span>
+          <el-input
+            type="textarea"
+            :rows="5"
+            :disabled="courseDetail.userid != userid"
+            resize="none"
+            v-model="scoreDetail"
+            placeholder="请输入对学生的评价"
+          >
+          </el-input>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button
+        class="cancelbtnGM"
+          @click="
+            (dialogVisibleScore = false),
+              (commentIndexJson = {}),
+              videoDetail.sources && videoDetail.sources[0]
+                ? (videoDetail.sources[0].src = '')
+                : ''
+          "
+          >取 消</el-button
+        >
+        <el-button
+          type="primary"
+          class="btnClassGM"
+          v-if="courseDetail.userid == userid"
+          @click="scoreWork(commentDetail.wid)"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import "../../common/aws-sdk-2.235.1.min.js";
+// import pdf from "./components/pdf3";
+import pdf from "../components/vpdfGM";
+import AskStatic from "../components/askStaticGM";
+import AskStatic2 from "../components/askStatic2GM";
+import AnswerData2 from "../components/answerData2";
+import EditorBar from "../tools/wangEnduit.vue";
+import Time from "../tools/time.vue";
+import Mind from "../tools/jsmind.vue";
+import Sunburst from "../tools/sunburst";
+import SeeBoard from "../tools/seeBoard";
+import * as imageConversion from "image-conversion";
+import Audio from "../components/audioGM.vue";
+
+export default {
+  components: {
+    EditorBar,
+    Time,
+    pdf,
+    AskStatic,
+    AskStatic2,
+    Mind,
+    Sunburst,
+    SeeBoard,
+    AnswerData2,
+    Audio,
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      commentDialogVisible: false,
+      videoVisible: false,
+      isStar: false,
+      studentEvalDialogVisible: false,
+      dialogVisibleSelect: false,
+      dialogVisibleScore: false,
+      bzText: "",
+      commentDetail: [],
+      selectAnswer: [],
+      videoDetail: {},
+      selectJson: {},
+      eScore: { eBzText: "", eStar: [] },
+      id: this.$route.query.courseId,
+      userid: this.$route.query.userid,
+      classId: this.$route.query.cid,
+      // courseTypeLine: this.$route.query.type,
+      oid: this.$route.query.oid,
+      org: this.$route.query.org,
+      tType: this.$route.query.tType,
+      courseType: this.$route.query.type,
+      screenType: this.$route.query.screenType,
+      pptImgUrl: "",
+      pptImgUrl1: "",
+      commentText: "",
+      full: false,
+      sIsOpen: false,
+      IsLookOpen: false,
+      pzDialog: false,
+      type: 1,
+      vedio: [],
+      text: [],
+      textList: [],
+      line: [],
+      lineList: [],
+      chapTools: [],
+      chapToolList: [],
+      file: [],
+      vedioTime: [],
+      upToolImg: "",
+      rateList: {
+        ca: 0,
+      },
+      rateParams: [],
+      colors: ["#DFDFDF", "#DFDFDF", "#DFDFDF"],
+      studyJuri: [
+        {
+          content: "",
+          cover: [],
+          upVedio: [],
+          upFile: [],
+        },
+      ],
+      mr: require("@/assets/vedioPic.png"),
+      word: require("@/assets/icon/isWord.png"),
+      video: require("@/assets/icon/isVideo.png"),
+      noLikes: require("@/assets/icon/comment/noLikes.png"),
+      likes: require("@/assets/icon/comment/likes.png"),
+      scoreImg: require("@/assets/score.png"),
+      courseDetail: {},
+      isSelect: false,
+      chapInfo: [],
+      chapInfoList: [],
+      taskCount: 0,
+      imgList: [],
+      noImgList: [],
+      pzList: [],
+      PlTextList: [
+        "Excellent！",
+        "nice！",
+        "很有创意！",
+        "还不错哦～",
+        "继续努力哦～",
+      ],
+      isClickNav: "",
+      navId: "",
+      playerOptions: {
+        playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
+        autoplay: false, //如果true,浏览器准备好时开始回放。
+        muted: false, // 默认情况下将会消除任何音频。
+        loop: false, // 导致视频一结束就重新开始。
+        preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
+        language: "zh-CN",
+        aspectRatio: "16:9", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
+        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
+        sources: [
+          {
+            type: "video/mp4", //这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目   || "video/ogg"|| "video/webm"
+            src: "", //url地址require("../@/assets/media/aaa.mp4")
+          },
+        ],
+        // poster: require("../@/assets/tu31.png"), //你的封面地址
+        // poster: dataRes.imgUrl, //你的封面地址
+        notSupportedMessage: "此视频暂无法播放，请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
+        controlBar: {
+          timeDivider: true, //当前时间和持续时间的分隔符
+          durationDisplay: true, //显示持续时间
+          remainingTimeDisplay: false, //是否显示剩余时间功能
+          fullscreenToggle: true, //全屏按钮
+        },
+      },
+      playerOptions1: {
+        playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
+        autoplay: false, //如果true,浏览器准备好时开始回放。
+        muted: false, // 默认情况下将会消除任何音频。
+        loop: false, // 导致视频一结束就重新开始。
+        preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
+        language: "zh-CN",
+        aspectRatio: "16:9", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
+        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
+        sources: [
+          {
+            type: "video/mp4", //这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目   || "video/ogg"|| "video/webm"
+            src: "", //url地址require("../@/assets/media/aaa.mp4")
+          },
+        ],
+        // poster: require("../@/assets/tu31.png"), //你的封面地址
+        // poster: dataRes.imgUrl, //你的封面地址
+        notSupportedMessage: "此视频暂无法播放，请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
+        controlBar: {
+          timeDivider: true, //当前时间和持续时间的分隔符
+          durationDisplay: true, //显示持续时间
+          remainingTimeDisplay: false, //是否显示剩余时间功能
+          fullscreenToggle: true, //全屏按钮
+        },
+      },
+      playerO: {},
+      noneBtnImg: false,
+      proVisible: false,
+      progress: 0,
+      questionAnswer: "",
+      answerQ: "", //问答标题
+      rateJson: [],
+      wbCount: 0,
+      wordCount: 0,
+      mindCount: 0,
+      askCount: 0,
+      noteCount: 0,
+      mindNetWorkCount: 0,
+      libraryCount: 0,
+      workCount: 0,
+      timeCount: 0,
+      answerCount: 0,
+      trainCount: 0,
+      evalCount: 0,
+      dialogImageUrl: "",
+      pictureDialog: false,
+      toolTypeList: [],
+      dialogVisible1: false,
+      dialogVisible2: false,
+      dialogVisible3: false,
+      dialogVisible6: false,
+      dialogVisible4: false,
+      isNoHomeWork: false,
+      dialogVisible5: false,
+      dialogVisibleChoice: false,
+      answerDialogVisible: false,
+      juriVisible: false,
+      timeDialogVisible: false,
+      radio: [],
+      isAsk: false,
+      askJson: {
+        askCount: 1,
+        askTitle: "",
+        askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
+      },
+      testJson: {},
+      checkJson: [],
+      askList: [],
+      answerList: [],
+      navList: [],
+      addPzDialog: false,
+      pzConText: "",
+      worksStudent: [],
+      workStudent: [],
+      noWorksS: [],
+      isWorksS: [],
+      noWorksStudent: [],
+      toolindex: 0,
+      workTypeA: false,
+      workTypeB: false,
+      workTypeC: false,
+      isAnswer: false,
+      timer: null,
+      showType: 0,
+      fileType: 0,
+      showPDF: false,
+      noteName: "",
+      evaJuri: [],
+      evalua: "",
+      eTitle: "",
+      eName: "",
+      eJson: {},
+      fid: "", //一级
+      sid: "", //二级
+      tid: "", //二级
+      typeMode: 1,
+      eJSONNum: 0,
+      Etype: 1,
+      data: {
+        meta: {
+          name: "example",
+          author: "dd@163.com",
+          version: "0.2",
+        },
+        format: "node_array",
+        data: [{ id: "root", isroot: true, topic: "" }],
+      },
+      fullDialogVisible: false,
+      fulltype: "",
+      fullUrl: "",
+      commentIndexJson: {},
+      Stbodywidth: 0,
+      pzType: 1,
+      wScore: 0,
+      scoreDetail: "",
+    };
+  },
+  methods: {
+    jump() {
+      window.parent.postMessage({ tools: "43" }, "*");
+    },
+    previewImg(url) {
+      this.$hevueImgPreview(url);
+    },
+    change(val) {
+      console.log(val);
+    },
+    goTo(path) {
+      this.$router.push(path);
+    },
+    handlePictureCardPreview(url) {
+      this.dialogImageUrl = url;
+      this.pictureDialog = true;
+    },
+    clean(type) {
+      if (type == 1) {
+        this.studyJuri[0].cover.splice(0, 1);
+      } else if (type == 2) {
+        this.studyJuri[0].upVedio.splice(0, 1);
+      } else {
+        this.studyJuri[0].upFile.splice(0, 1);
+      }
+    },
+    handleClose(done) {
+      if (this.videoDetail.sources && this.videoDetail.sources[0]) {
+        this.videoDetail.sources[0].src = "";
+      }
+      this.commentIndexJson = {};
+      done();
+    },
+    fullTools() {
+      this.full = !this.full;
+    },
+    imgChange(file, fileList, type) {
+      if (type == 1) {
+        var _tmp = this.studyJuri[0].cover;
+      } else if (type == 2) {
+        var _tmp = this.studyJuri[0].upVedio;
+      } else {
+        var _tmp = this.studyJuri[0].upFile;
+      }
+      this.noneBtnImg = _tmp.length >= 1;
+    },
+    addImg(e) {
+      var el = e.currentTarget;
+      // this.$message.success('触发上传')
+      el.getElementsByTagName("input")[0].click();
+    },
+    addSelectAnswer() {
+      let params = [
+        {
+          uid: this.userid,
+          cid: this.id,
+          stage: this.courseType,
+          task: this.taskCount,
+          tool: this.toolindex,
+          content: this.selectAnswer.answer,
+          type: 7,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addCourseWorks", params)
+        .then((res) => {
+          this.$message({
+            message: "提交成功",
+            type: "success",
+          });
+          this.dialogVisibleSelect = false;
+          // this.selectAnswer = {};
+          this.selectSWorks();
+          this.selectStudent();
+        })
+        .catch((err) => {
+          this.$message.error("提交失败");
+          console.error(err);
+        });
+    },
+    addCourseWorks(i) {
+      var typesql;
+      if (this.fileType === 0) {
+        typesql = 1;
+      } else if (this.fileType === 1) {
+        typesql = 4;
+      } else {
+        typesql = 5;
+      }
+      if (this.workTypeA == true) {
+        this.$confirm(
+          "您已经提交了该作业了，如果您再提交将覆盖上次提交的作业！",
+          "提示",
+          {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+          }
+        )
+          .then(() => {
+            let params = [
+              {
+                uid: this.userid,
+                cid: this.id,
+                stage: this.courseType,
+                task: i,
+                tool: this.toolindex,
+                content: this.studyJuri[0].cover[0].url,
+                type: typesql,
+              },
+            ];
+            this.ajax
+              .post(this.$store.state.api + "addCourseWorks", params)
+              .then((res) => {
+                this.$message({
+                  message: "提交成功",
+                  type: "success",
+                });
+                this.studyJuri[0].cover = [];
+                this.dialogVisible = false;
+                this.getCourseDetail();
+              })
+              .catch((err) => {
+                this.$message.error("提交失败");
+                console.error(err);
+              });
+          })
+          .catch(() => {});
+      } else {
+        let params = [
+          {
+            uid: this.userid,
+            cid: this.id,
+            stage: this.courseType,
+            task: i,
+            tool: this.toolindex,
+            content: this.studyJuri[0].cover[0].url,
+            type: typesql,
+          },
+        ];
+        this.ajax
+          .post(this.$store.state.api + "addCourseWorks", params)
+          .then((res) => {
+            this.$message({
+              message: "提交成功",
+              type: "success",
+            });
+            this.studyJuri[0].cover = [];
+            this.dialogVisible = false;
+            this.getCourseDetail();
+          })
+          .catch((err) => {
+            this.$message.error("提交失败");
+            console.error(err);
+          });
+      }
+    },
+    selectWorksStudent() {
+      let params = {
+        oid: this.oid,
+        cid: this.courseDetail.juri,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectWorksStudent", params)
+        .then((res) => {
+          var a = res.data[0];
+          for (var i = 0; i < this.isWorksS.length; i++) {
+            this.noWorksS[i] = [];
+            var studentK = [];
+            if (this.isWorksS[i].length > 0) {
+              for (var z = 0; z < this.isWorksS[i].length; z++) {
+                studentK.push(this.isWorksS[i][z].uid);
+              }
+              studentK = studentK.join(",");
+              for (var j = 0; j < a.length; j++) {
+                if (studentK.indexOf(a[j].userid) == -1) {
+                  this.noWorksS[i].push({ student: a[j].name });
+                }
+              }
+            } else {
+              for (var k = 0; k < a.length; k++) {
+                this.noWorksS[i].push({ student: a[k].name });
+              }
+            }
+          }
+          this.$forceUpdate();
+          if (
+            Object.keys(this.commentIndexJson).length &&
+            !this.dialogVisibleScore
+          ) {
+            this.commentOther(
+              this.worksStudent[this.commentIndexJson.toolIndex][
+                this.commentIndexJson.wIndex
+              ],
+              this.commentIndexJson.toolIndex,
+              this.commentIndexJson.wIndex
+            );
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    selectStudent() {
+      //学生查看自己作业
+      let params = {
+        uid: this.userid,
+        cid: this.id,
+        s: this.courseType,
+        t: this.taskCount,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectStudentWorks", params)
+        .then((res) => {
+          var a =
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+              this.taskCount
+            ].toolChoose;
+          var b = res.data[0];
+          var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
+          var y = [
+            "AVI",
+            "NAVI",
+            "MPEG",
+            "ASF",
+            "MOV",
+            "WMV",
+            "3GP",
+            "RM",
+            "RMVB",
+            "FLV",
+            "F4V",
+            "H.264",
+            "H.265",
+            "REAL VIDEO",
+            "MKV",
+            "WebM",
+            "HDDVD",
+            "MP4",
+            "MPG",
+            "M4V",
+            "MGV",
+            "OGV",
+            "QTM",
+            "STR",
+            "AMC",
+            "DVX",
+            "EVO",
+            "DAT",
+            "OGG",
+            "OGM",
+          ];
+          for (var i = 0; i < a.length; i++) {
+            this.workStudent[i] = [];
+            for (var j = 0; j < b.length; j++) {
+              if (i == b[j].tool) {
+                if (
+                  (b[j].type == 1 ||
+                    b[j].type == 4 ||
+                    b[j].type == 5 ||
+                    b[j].type == 6 ||
+                    b[j].type == 7) &&
+                  a[i].tool[0] != 15 &&
+                  a[i].tool[0] != 4 &&
+                  a[i].tool[0] != 45
+                ) {
+                  if (
+                    c.indexOf(
+                      b[j].content
+                        .split(".")
+                        [b[j].content.split(".").length - 1].toLocaleUpperCase()
+                    ) != -1
+                  ) {
+                    this.workStudent[i].push({
+                      works: b[j].content,
+                      sName: b[j].name,
+                      score: b[j].score,
+                      type: 1,
+                      time: b[j].time,
+                      userid: b[j].userid,
+                      wid: b[j].id,
+                    });
+                  } else if (
+                    y.indexOf(
+                      b[j].content
+                        .split(".")
+                        [b[j].content.split(".").length - 1].toLocaleUpperCase()
+                    ) != -1
+                  ) {
+                    this.workStudent[i].push({
+                      userid: b[j].userid,
+                      wid: b[j].id,
+                      works: b[j].content,
+                      sName: b[j].name,
+                      score: b[j].score,
+                      type: 3,
+                      time: b[j].time,
+                    });
+                  } else if (b[j].type == 6) {
+                    this.workStudent[i].push({
+                      userid: b[j].userid,
+                      wid: b[j].id,
+                      works: b[j].content,
+                      sName: b[j].name,
+                      score: b[j].score,
+                      type: 4,
+                      time: b[j].time,
+                    });
+                  } else if (b[j].type == 7) {
+                    this.workStudent[i].push({
+                      userid: b[j].userid,
+                      wid: b[j].id,
+                      works: b[j].content,
+                      sName: b[j].name,
+                      score: b[j].score,
+                      type: 5,
+                      time: b[j].time,
+                    });
+                  } else {
+                    this.workStudent[i].push({
+                      works: b[j].content,
+                      sName: b[j].name,
+                      score: b[j].score,
+                      type: 0,
+                      time: b[j].time,
+                      userid: b[j].userid,
+                      wid: b[j].id,
+                    });
+                  }
+                } else if (b[j].type == 3 && a[i].tool[0] == 15) {
+                  this.workStudent[i].push({
+                    works: b[j].content,
+                    sName: b[j].name,
+                    score: b[j].score,
+                    type: 2,
+                    time: b[j].time,
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                  });
+                } else if (b[j].type == 2 && a[i].tool[0] == 4) {
+                  //问卷
+                  this.workStudent[i].push({
+                    works: b[j].content,
+                    sName: b[j].name,
+                    score: b[j].score,
+                    type: 2,
+                    time: b[j].time,
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                  });
+                } else if (b[j].type == 8 && a[i].tool[0] == 45) {
+                  //选择题
+                  this.workStudent[i].push({
+                    works: b[j].content,
+                    sName: b[j].name,
+                    score: b[j].score,
+                    type: 8,
+                    time: b[j].time,
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                  });
+                }
+              }
+            }
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    openVideo(w) {
+      this.videoDetail = {};
+      this.playerOptions1.sources[0].src = w;
+      this.videoDetail = this.playerOptions1;
+      this.videoVisible = true;
+    },
+    isLikes(wid, uid, t, c, isLikes) {
+      if (isLikes == false) {
+        let params = [
+          {
+            wid: wid,
+            lid: uid,
+            t: t,
+            c: c,
+          },
+        ];
+        this.ajax
+          .post(this.$store.state.api + "insertComment", params)
+          .then((res) => {
+            this.$message({
+              message: "点赞成功",
+              type: "success",
+            });
+            this.selectSWorks();
+            this.selectStudent();
+          })
+          .catch((err) => {
+            this.$message.error("点赞失败");
+            console.error(err);
+          });
+      } else {
+        let params = {
+          wid: wid,
+          lid: uid,
+          type: t,
+        };
+        this.ajax
+          .get(this.$store.state.api + "deleteComment", params)
+          .then((res) => {
+            this.$message({
+              message: "取消点赞成功",
+              type: "success",
+            });
+            this.selectSWorks();
+            this.selectStudent();
+          })
+          .catch((err) => {
+            console.error(err);
+          });
+      }
+    },
+    commentOther(w, toolIndex, wIndex) {
+      this.commentIndexJson = { toolIndex: toolIndex, wIndex: wIndex };
+      this.commentDetail = [];
+      this.commentDialogVisible = true;
+      this.commentDetail = w;
+      if (w.works && w.type == 1) {
+        this.pptImgUrl = "";
+        var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
+        if (
+          a.indexOf(
+            w.works
+              .split(".")
+              [w.works.split(".").length - 1].toLocaleUpperCase()
+          ) != -1
+        ) {
+          this.pptImgUrl =
+            "https://view.officeapps.live.com/op/view.aspx?src=" + w.works;
+          this.showPDF = false;
+        } else if (
+          w.works
+            .split(".")
+            [w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
+        ) {
+          this.pptImgUrl = w.works;
+          this.showPDF = true;
+        }
+      } else if (w.works && w.type == 3) {
+        this.videoDetail = {};
+        this.playerOptions1.sources[0].src = w.works;
+        this.videoDetail = this.playerOptions1;
+        // this.videoVisible = true;
+      } else if (w.works && w.type == 4) {
+        this.eScore = JSON.parse(w.works);
+        this.rateJson =
+          this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+            this.taskCount
+          ].toolChoose[toolIndex].rateJson;
+      }
+    },
+    openScore(w) {
+      this.wScore = 0;
+      this.wScore = w.score ? JSON.parse(w.score).wScore : 0;
+      this.scoreDetail = w.score ? JSON.parse(w.score).detail : "";
+      this.commentDetail = [];
+      this.dialogVisibleScore = true;
+      this.commentDetail = w;
+
+      if (w.works && w.type == 1) {
+        this.pptImgUrl = "";
+        var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
+        if (
+          a.indexOf(
+            w.works
+              .split(".")
+              [w.works.split(".").length - 1].toLocaleUpperCase()
+          ) != -1
+        ) {
+          this.pptImgUrl =
+            "https://view.officeapps.live.com/op/view.aspx?src=" + w.works;
+          this.showPDF = false;
+        } else if (
+          w.works
+            .split(".")
+            [w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
+        ) {
+          this.pptImgUrl = w.works;
+          this.showPDF = true;
+        }
+      } else if (w.works && w.type == 3) {
+        this.videoDetail = {};
+        this.playerOptions1.sources[0].src = w.works;
+        this.videoDetail = this.playerOptions1;
+      }
+    },
+    addComment(wid, uid, t) {
+      if (this.commentText == "") {
+        this.$message.error("请输入对该学生的评价");
+        return;
+      }
+      let params = [
+        {
+          wid: wid,
+          lid: uid,
+          t: t,
+          c: this.commentText,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "insertComment", params)
+        .then((res) => {
+          this.$message({
+            message: "评论成功",
+            type: "success",
+          });
+          this.commentText = "";
+          this.selectSWorks();
+          this.selectStudent();
+        })
+        .catch((err) => {
+          this.$message.error("评论失败");
+          console.error(err);
+        });
+    },
+    scoreWork(wid) {
+      if (this.wScore == 0) {
+        this.$message.error("请评分");
+        return;
+      }
+      let params = [
+        {
+          wid: wid,
+          score: JSON.stringify({
+            wScore: this.wScore,
+            detail: this.scoreDetail,
+          }),
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "scoreWork", params)
+        .then((res) => {
+          this.$message({
+            message: "评分成功",
+            type: "success",
+          });
+          this.wScore = 0;
+          this.scoreDetail = "";
+          this.dialogVisibleScore = false;
+          this.selectSWorks();
+          this.selectStudent();
+        })
+        .catch((err) => {
+          this.$message.error("评分失败");
+          console.error(err);
+        });
+    },
+    openXz(w, i) {
+      this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
+        .taskJson[this.taskCount].toolChoose[i].selectJson
+        ? JSON.parse(
+            JSON.stringify(
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+                this.taskCount
+              ].toolChoose[i].selectJson
+            )
+          )
+        : { url: "", select: [], answer: [] };
+      var a = w.works.split(",");
+      for (var k = 0; k < a.length; k++) {
+        a[k] = parseInt(a[k]);
+      }
+      this.selectAnswer = { answer: a, stu: w.sName };
+      this.isSelect = true;
+      this.dialogVisibleSelect = true;
+    },
+    openPj(w, toolindex) {
+      this.isStar = true;
+      this.eScore = JSON.parse(w);
+      this.rateJson =
+        this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+          this.taskCount
+        ].toolChoose[toolindex].rateJson;
+      this.studentEvalDialogVisible = true;
+    },
+    deleteWorks(id) {
+      this.$confirm("确定删除此作业吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          let params = [
+            {
+              id: id,
+            },
+          ];
+          this.ajax
+            .post(this.$store.state.api + "deleteCourseWork", params)
+            .then((res) => {
+              this.$message({
+                message: "删除成功",
+                type: "success",
+              });
+              this.selectStudent();
+              this.selectSWorks();
+              this.selectSLook();
+            })
+            .catch((err) => {
+              this.$message.error("网络异常");
+              console.error(err);
+            });
+        })
+        .catch(() => {});
+    },
+    selectSWorks() {
+      //教师查看全部作业
+      let params = {
+        cid: this.id,
+        s: this.courseType,
+        t: this.taskCount,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectSWorks", params)
+        .then((res) => {
+          var a =
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+              this.taskCount
+            ].toolChoose;
+          var b = res.data[0];
+          var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
+          var y = [
+            "AVI",
+            "NAVI",
+            "MPEG",
+            "ASF",
+            "MOV",
+            "WMV",
+            "3GP",
+            "RM",
+            "RMVB",
+            "FLV",
+            "F4V",
+            "H.264",
+            "H.265",
+            "REAL VIDEO",
+            "MKV",
+            "WebM",
+            "HDDVD",
+            "MP4",
+            "MPG",
+            "M4V",
+            "MGV",
+            "OGV",
+            "QTM",
+            "STR",
+            "AMC",
+            "DVX",
+            "EVO",
+            "DAT",
+            "OGG",
+            "OGM",
+          ];
+          var d = res.data[1];
+          var e = res.data[2];
+
+          for (var i = 0; i < a.length; i++) {
+            this.worksStudent[i] = [];
+            this.isWorksS[i] = [];
+            this.checkJson[i] = [];
+            for (var j = 0; j < b.length; j++) {
+              var likesCount = 0;
+              var commentCount = 0;
+              var isLikes = false;
+              var commentJson = [];
+              var data = b[j];
+              if (i == b[j].tool) {
+                if (data.type == 2 && a[i].tool[0] == 4) {
+                  var checkL = JSON.parse(data.content)[0].anwer.split(",");
+                  for (var z = 0; z < checkL.length; z++) {
+                    if (!this.checkJson[i][z]) {
+                      this.checkJson[i].push({
+                        checkCount: [],
+                        checkPerson: [],
+                        rightPerson: [],
+                      });
+                    }
+                    if (!this.checkJson[i][z].checkCount.length) {
+                      this.checkJson[i][z].checkCount = [];
+                      let _askItemCount = JSON.parse(data.content)[0].askJson
+                        .askJson[z].askItem;
+                      for (var aic = 0; aic < _askItemCount; aic++) {
+                        this.checkJson[i][z].checkCount.push(0);
+                      }
+                    }
+                    if (
+                      (JSON.parse(data.content)[0].askJson.askJson[z].answer ||
+                        JSON.parse(data.content)[0].askJson.askJson[z].answer ==
+                          0) &&
+                      JSON.parse(data.content)[0].askJson.askJson[z].answer ==
+                        checkL[z]
+                    ) {
+                      this.checkJson[i][z].rightPerson.push(data.name);
+                    }
+                    this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
+                      ? this.checkJson[i][z].checkPerson[
+                          parseInt(checkL[z])
+                        ].push(data.name)
+                      : (this.checkJson[i][z].checkPerson[parseInt(checkL[z])] =
+                          [data.name]);
+                    this.checkJson[i][z].checkCount[parseInt(checkL[z])]
+                      ? this.checkJson[i][z].checkCount[parseInt(checkL[z])]++
+                      : (this.checkJson[i][z].checkCount[
+                          parseInt(checkL[z])
+                        ] = 1);
+                  }
+                } else if (data.type == 8 && a[i].tool[0] == 45) {
+                  var checkL = JSON.parse(data.content)[0].anwer;
+                  for (var z = 0; z < checkL.length; z++) {
+                    if (!this.checkJson[i][z]) {
+                      this.checkJson[i].push({
+                        checkCount: [],
+                        checkPerson: [],
+                        rightPerson: [],
+                      });
+                    }
+                    if (!this.checkJson[i][z].checkCount.length) {
+                      this.checkJson[i][z].checkCount = [];
+                      let _askItemCount = JSON.parse(data.content)[0].testJson
+                        .testJson[z].testItem;
+                      for (var aic = 0; aic < _askItemCount; aic++) {
+                        this.checkJson[i][z].checkCount.push(0);
+                      }
+                    }
+
+                    if (checkL[z] instanceof Array) {
+                      if (
+                        JSON.parse(data.content)[0].testJson.testJson[
+                          z
+                        ].answer.join(",") == checkL[z].join(",")
+                      ) {
+                        this.checkJson[i][z].rightPerson.push(data.name);
+                      }
+                      for (var q = 0; q < checkL[z].length; q++) {
+                        this.checkJson[i][z].checkPerson[parseInt(checkL[z][q])]
+                          ? this.checkJson[i][z].checkPerson[
+                              parseInt(checkL[z][q])
+                            ].push(data.name)
+                          : (this.checkJson[i][z].checkPerson[
+                              parseInt(checkL[z][q])
+                            ] = [data.name]);
+                        this.checkJson[i][z].checkCount[parseInt(checkL[z][q])]
+                          ? this.checkJson[i][z].checkCount[
+                              parseInt(checkL[z][q])
+                            ]++
+                          : (this.checkJson[i][z].checkCount[
+                              parseInt(checkL[z][q])
+                            ] = 1);
+                      }
+                    } else {
+                      if (
+                        JSON.parse(data.content)[0].testJson.testJson[z]
+                          .answer == checkL[z]
+                      ) {
+                        this.checkJson[i][z].rightPerson.push(data.name);
+                      }
+                      this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
+                        ? this.checkJson[i][z].checkPerson[
+                            parseInt(checkL[z])
+                          ].push(data.name)
+                        : (this.checkJson[i][z].checkPerson[
+                            parseInt(checkL[z])
+                          ] = [data.name]);
+                      this.checkJson[i][z].checkCount[parseInt(checkL[z])]
+                        ? this.checkJson[i][z].checkCount[parseInt(checkL[z])]++
+                        : (this.checkJson[i][z].checkCount[
+                            parseInt(checkL[z])
+                          ] = 1);
+                    }
+                  }
+                }
+                for (var k = 0; k < d.length; k++) {
+                  //点赞
+                  if (d[k].workId == b[j].id) {
+                    likesCount++;
+
+                    if (d[k].likesId == this.userid) {
+                      isLikes = true;
+                    }
+                  }
+                }
+                for (var l = 0; l < e.length; l++) {
+                  //评论
+                  if (e[l].workId == b[j].id) {
+                    if (e[l].comment != "") {
+                      commentCount++;
+                      commentJson.push({
+                        commentText: e[l].comment,
+                        commentTime: e[l].commentTime,
+                        commentPeople: e[l].commentPeople,
+                      });
+                    }
+                  }
+                }
+                if (
+                  (b[j].type == 1 ||
+                    b[j].type == 4 ||
+                    b[j].type == 5 ||
+                    b[j].type == 6 ||
+                    b[j].type == 7) &&
+                  a[i].tool[0] != 15 &&
+                  a[i].tool[0] != 4 &&
+                  a[i].tool[0] != 45
+                ) {
+                  if (
+                    c.indexOf(
+                      b[j].content
+                        .split(".")
+                        [b[j].content.split(".").length - 1].toLocaleUpperCase()
+                    ) != -1
+                  ) {
+                    this.worksStudent[i].push({
+                      userid: b[j].userid,
+                      wid: b[j].id,
+                      works: b[j].content,
+                      sName: b[j].name,
+                      type: 1,
+                      time: b[j].time,
+                      score: b[j].score,
+                      likesCount: likesCount,
+                      commentCount: commentCount,
+                      isLikes: isLikes,
+                      commentJson: commentJson,
+                    });
+                  } else if (
+                    y.indexOf(
+                      b[j].content
+                        .split(".")
+                        [b[j].content.split(".").length - 1].toLocaleUpperCase()
+                    ) != -1
+                  ) {
+                    this.worksStudent[i].push({
+                      userid: b[j].userid,
+                      wid: b[j].id,
+                      works: b[j].content,
+                      sName: b[j].name,
+                      type: 3,
+                      time: b[j].time,
+                      score: b[j].score,
+                      likesCount: likesCount,
+                      commentCount: commentCount,
+                      isLikes: isLikes,
+                      commentJson: commentJson,
+                    });
+                  } else if (b[j].type == 6) {
+                    this.worksStudent[i].push({
+                      userid: b[j].userid,
+                      wid: b[j].id,
+                      works: b[j].content,
+                      sName: b[j].name,
+                      type: 4,
+                      time: b[j].time,
+                      score: b[j].score,
+                      likesCount: likesCount,
+                      commentCount: commentCount,
+                      isLikes: isLikes,
+                      commentJson: commentJson,
+                    });
+                  } else if (b[j].type == 7) {
+                    this.worksStudent[i].push({
+                      userid: b[j].userid,
+                      wid: b[j].id,
+                      works: b[j].content,
+                      sName: b[j].name,
+                      type: 5,
+                      time: b[j].time,
+                      score: b[j].score,
+                      likesCount: likesCount,
+                      commentCount: commentCount,
+                      isLikes: isLikes,
+                      commentJson: commentJson,
+                    });
+                  } else {
+                    this.worksStudent[i].push({
+                      userid: b[j].userid,
+                      wid: b[j].id,
+                      works: b[j].content,
+                      sName: b[j].name,
+                      type: 0,
+                      time: b[j].time,
+                      score: b[j].score,
+                      likesCount: likesCount,
+                      commentCount: commentCount,
+                      isLikes: isLikes,
+                      commentJson: commentJson,
+                    });
+                  }
+                } else if (b[j].type == 3 && a[i].tool[0] == 15) {
+                  this.worksStudent[i].push({
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                    works: b[j].content,
+                    sName: b[j].name,
+                    type: 2,
+                    time: b[j].time,
+                    score: b[j].score,
+                    likesCount: likesCount,
+                    commentCount: commentCount,
+                    isLikes: isLikes,
+                    commentJson: commentJson,
+                  });
+                } else if (b[j].type == 2 && a[i].tool[0] == 4) {
+                  //问卷
+                  this.worksStudent[i].push({
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                    works: b[j].content,
+                    sName: b[j].name,
+                    type: 2,
+                    time: b[j].time,
+                    score: b[j].score,
+                    likesCount: likesCount,
+                    commentCount: commentCount,
+                    isLikes: isLikes,
+                    commentJson: commentJson,
+                  });
+                } else if (b[j].type == 8 && a[i].tool[0] == 45) {
+                  //选择题
+                  this.worksStudent[i].push({
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                    works: b[j].content,
+                    sName: b[j].name,
+                    type: 8,
+                    time: b[j].time,
+                    score: b[j].score,
+                    likesCount: likesCount,
+                    commentCount: commentCount,
+                    isLikes: isLikes,
+                    commentJson: commentJson,
+                  });
+                }
+
+                this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
+              }
+            }
+            if (this.worksStudent[i] && this.worksStudent[i].length) {
+              this.worksStudent[i] = this.worksStudent[i].sort(function (a, b) {
+                let jscoreA = a.score ? JSON.parse(a.score).wScore : 0;
+                let jscoreB = b.score ? JSON.parse(b.score).wScore : 0;
+                var scoreA = parseFloat(jscoreA);
+                var scoreB = parseFloat(jscoreB);
+                if (scoreA == scoreB) {
+                  return b.likesCount - a.likesCount;
+                }
+                return scoreB - scoreA;
+              });
+            }
+          }
+
+          for (var i = 0; i < a.length; i++) {
+            for (var j = 0; j < b.length; j++) {
+              var data = b[j];
+              if (i == b[j].tool) {
+                if (data.type == 2 || data.type == 8) {
+                  for (var z = 0; z < this.checkJson[i].length; z++) {
+                    this.checkJson[i][z].checkPerent = [];
+                    this.checkJson[i][z].right = Math.round(
+                      (this.checkJson[i][z].rightPerson.length /
+                        parseInt(this.worksStudent[i].length)) *
+                        100
+                    );
+                    let aaaa = this.checkJson[i][z];
+                    console.log(aaaa);
+                    for (
+                      var k = 0;
+                      k < this.checkJson[i][z].checkCount.length;
+                      k++
+                    ) {
+                      this.checkJson[i][z].checkPerent.push(
+                        Math.round(
+                          (this.checkJson[i][z].checkCount[k] /
+                            parseInt(this.worksStudent[i].length)) *
+                            100
+                        )
+                      );
+                    }
+                  }
+                }
+              }
+            }
+          }
+          this.selectWorksStudent();
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    pngToWhiteBg(file) {
+      const _file = file;
+      let read = new FileReader();
+      read.readAsDataURL(file); // 文件转base64
+      return new Promise((resolve, reject) => {
+        read.onload = (e) => {
+          let img = new Image();
+          img.src = e.target.result;
+          img.onload = async () => {
+            // 生成canvas
+            let canvas = document.createElement("canvas");
+            let context = canvas.getContext("2d");
+            // 绘制图片到canvas上
+            canvas.width = img.width;
+            canvas.height = img.height;
+
+            // 在canvas绘制前填充白色背景
+            context.fillStyle = "#fff";
+            context.fillRect(0, 0, canvas.width, canvas.height);
+            context.drawImage(img, 0, 0);
+            let base64 = canvas.toDataURL(file["type"], 1);
+            let newFile = this.dataUrlToFile(base64, _file);
+            resolve(newFile);
+          };
+        };
+      });
+    },
+    dataUrlToFile(dataurl, file) {
+      let arr = dataurl.split(","),
+        mime = arr[0].match(/:(.*?);/)[1],
+        bstr = atob(arr[1]),
+        n = bstr.length,
+        u8arr = new Uint8Array(n);
+      while (n--) {
+        u8arr[n] = bstr.charCodeAt(n);
+      }
+      // return new Blob([u8arr], { type: mime });
+      return new File([new Blob([u8arr], { type: mime })], file.name, {
+        type: mime,
+      });
+    },
+    async beforeUpload1(event, type, i) {
+      // this.$message.success('进入上传')
+
+      var file = event.target.files[0];
+      var credentials = {
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
+        secretAccessKey: "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",
+      }; //秘钥形式的登录上传
+      window.AWS.config.update(credentials);
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
+
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
+      var _this = this;
+      var b = [
+        "DOC",
+        "DOCX",
+        "DOCM",
+        "DOTM",
+        "DOTX",
+        "PPTX",
+        "PPSX",
+        "PPT",
+        "PPS",
+        "PPTM",
+        "POTM",
+        "PPAM",
+        "POTX",
+        "PPSM",
+      ];
+      var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
+      var photoA = [
+        "BMP",
+        "GIF",
+        "PNG",
+        "JPGE",
+        "JPG",
+        "TIF",
+        "PCX",
+        "TGA",
+        "EXIF",
+        "FPX",
+        "SVG",
+        "APNG",
+      ];
+      if (
+        b.indexOf(
+          file.name
+            .split(".")
+            [file.name.split(".").length - 1].toLocaleUpperCase()
+        ) != -1
+      ) {
+        if (file.size / 1024 / 1024 > 10) {
+          this.$message.error("上传文件大于10兆,请重新选择文件！");
+          return;
+        }
+      } else if (
+        excelA.indexOf(
+          file.name
+            .split(".")
+            [file.name.split(".").length - 1].toLocaleUpperCase()
+        ) != "-1"
+      ) {
+        if (file.size / 1024 / 1024 > 5) {
+          this.$message.error("添加成上传文件大于5兆,请重新选择文件！");
+          return;
+        }
+      }
+
+      if (
+        photoA.indexOf(
+          file.name
+            .split(".")
+            [file.name.split(".").length - 1].toLocaleUpperCase()
+        ) != -1 &&
+        type != 4
+      ) {
+        // const blob = await imageConversion.compress(file, 0.8)
+        file = await this.pngToWhiteBg(file);
+        const blob = await imageConversion.compressAccurately(file, 64);
+        // const blob = await imageConversion.compressAccurately(file, {type:file.type});
+        file = new File([blob], file.name, { type: file.type });
+      }
+      _this.progress = 0;
+      _this.proVisible = true;
+
+      if (file) {
+        var params = {
+          Key:
+            file.name.split(".")[0] +
+            new Date().getTime() +
+            "." +
+            file.name.split(".")[file.name.split(".").length - 1],
+          ContentType: file.type,
+          Body: file,
+          "Access-Control-Allow-Credentials": "*",
+          ACL: "public-read",
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
+        var options = {
+          // partSize: 2048 * 1024 * 1024,
+          partSize: 1024 * 1024 * 1024,
+          queueSize: 2,
+          leavePartsOnError: true,
+        };
+        bucket
+          .upload(params, options)
+          .on("httpUploadProgress", function (evt) {
+            //这里可以写进度条
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
+            _this.progress = parseInt((evt.loaded * 80) / evt.total);
+          })
+          .send(function (err, data) {
+            _this.progress = 100;
+            setTimeout(() => {
+              _this.proVisible = false;
+            }, 1000);
+            if (err) {
+              var a = _this.$refs.upload1.uploadFiles;
+              a.splice(a.length - 1, a.length);
+              _this.$message.error("上传失败");
+            } else {
+              // _this.$message.success('上传成功')
+              if (type == 1) {
+                _this.studyJuri[0].cover.push({
+                  name: file.name,
+                  url: data.Location,
+                  uid: file.uid,
+                });
+                var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
+                var c = [
+                  "AVI",
+                  "NAVI",
+                  "MPEG",
+                  "ASF",
+                  "MOV",
+                  "WMV",
+                  "3GP",
+                  "RM",
+                  "RMVB",
+                  "FLV",
+                  "F4V",
+                  "H.264",
+                  "H.265",
+                  "REAL VIDEO",
+                  "MKV",
+                  "WebM",
+                  "HDDVD",
+                  "MP4",
+                  "MPG",
+                  "M4V",
+                  "MGV",
+                  "OGV",
+                  "QTM",
+                  "STR",
+                  "AMC",
+                  "DVX",
+                  "EVO",
+                  "DAT",
+                  "OGG",
+                  "OGM",
+                ];
+                if (
+                  c.indexOf(
+                    _this.studyJuri[0].cover[0].url
+                      .split(".")
+                      [
+                        _this.studyJuri[0].cover[0].url.split(".").length - 1
+                      ].toLocaleUpperCase()
+                  ) != -1
+                ) {
+                  _this.fileType = 2;
+                } else if (
+                  b.indexOf(
+                    _this.studyJuri[0].cover[0].url
+                      .split(".")
+                      [
+                        _this.studyJuri[0].cover[0].url.split(".").length - 1
+                      ].toLocaleUpperCase()
+                  ) != -1
+                ) {
+                  _this.fileType = 1;
+                } else {
+                  _this.fileType = 0;
+                }
+                _this.imgChange(null, null, type);
+              } else if (type == 2) {
+                _this.upToolImg = data.Location;
+                _this.imgChange(null, null, type);
+                _this.addCourseWorks(i);
+              } else if (type == 4) {
+                _this.addPz("3", data.Location);
+              }
+              _this.imgChange(null, null, type);
+              console.log(data.Location);
+              // _this.$message.success('上传成功'+data.Location)
+            }
+          });
+      }
+    },
+    beforeUpload2(event, type) {
+      var file = event.target.files[0];
+      var credentials = {
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
+        secretAccessKey: "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",
+      }; //秘钥形式的登录上传
+      window.AWS.config.update(credentials);
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
+
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
+      var _this = this;
+      _this.progress = 0;
+      _this.proVisible = true;
+
+      if (file) {
+        var params = {
+          Key:
+            file.name.split(".")[0] +
+            new Date().getTime() +
+            "." +
+            file.name.split(".")[file.name.split(".").length - 1],
+          ContentType: file.type,
+          Body: file,
+          "Access-Control-Allow-Credentials": "*",
+          ACL: "public-read",
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
+        var options = {
+          partSize: 2048 * 1024 * 1024,
+          queueSize: 2,
+          leavePartsOnError: true,
+        };
+        bucket
+          .upload(params, options)
+          .on("httpUploadProgress", function (evt) {
+            //这里可以写进度条
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
+            _this.progress = parseInt((evt.loaded * 80) / evt.total);
+          })
+          .send(function (err, data) {
+            _this.progress = 100;
+            setTimeout(() => {
+              _this.proVisible = false;
+            }, 1000);
+            if (err) {
+              var a = _this.$refs.upload1.uploadFiles;
+              a.splice(a.length - 1, a.length);
+              _this.$message.error("上传失败");
+            } else {
+              if (type == 2) {
+                _this.studyJuri[0].upVedio.push({
+                  name: file.name,
+                  url: data.Location,
+                  uid: file.uid,
+                });
+                _this.imgChange(null, null, type);
+              } else if (type == 3) {
+                _this.studyJuri[0].upFile.push({
+                  name: file.name,
+                  url: data.Location,
+                  uid: file.uid,
+                });
+                _this.imgChange(null, null, type);
+              }
+              console.log(data.Location);
+            }
+          });
+      }
+    },
+    allScrell() {
+      window.parent.postMessage({ allScreen: this.screenType }, "*");
+    },
+    nextOrpreSteps(t) {
+      var b = this.chapInfoList.length - 1;
+      if (t == 0) {
+        if (this.courseType == 0) {
+          if (this.taskCount == 0) {
+            // console.log(this.navList[b].task[this.navList[b].task.length - 1].isLook);
+            if (this.IsLookOpen) {
+              if (
+                !this.navList[b].task[this.navList[b].task.length - 1].isLook
+              ) {
+                if (this.courseDetail.userid != this.userid) {
+                  this.$message.error("任务未解锁");
+                } else {
+                  this.$message.error("上一任务未解锁");
+                }
+                return;
+              }
+            }
+            this.navList[this.courseType].isOpen = false;
+            this.courseType = b;
+            this.taskCount =
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson
+                .length - 1;
+            this.navList[this.courseType].isOpen = true;
+          } else {
+            this.taskCount--;
+          }
+        } else {
+          if (this.taskCount == 0) {
+            this.navList[this.courseType].isOpen = false;
+            this.courseType--;
+            this.taskCount =
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson
+                .length - 1;
+            this.navList[this.courseType].isOpen = true;
+          } else {
+            this.taskCount--;
+          }
+        }
+      } else {
+        if (this.courseType == b) {
+          if (
+            this.taskCount ==
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
+              1
+          ) {
+            this.navList[this.courseType].isOpen = false;
+            this.courseType = 0;
+            this.taskCount = 0;
+            this.navList[this.courseType].isOpen = true;
+          } else {
+            var bbb = parseInt(this.taskCount) + 1;
+            if (
+              !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
+                .isLook &&
+              this.courseDetail.userid != this.userid  && this.IsLookOpen
+            ) {
+              this.$message.error("任务未解锁");
+              return;
+            }
+            this.taskCount++;
+            if (this.IsLookOpen) {
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+                this.taskCount
+              ].isLook = true;
+              this.addCourseState(3);
+            }
+          }
+        } else {
+          if (
+            this.taskCount ==
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
+              1
+          ) {
+            var bbb = parseInt(this.courseType) + 1;
+            if (
+              !this.chapInfoList[bbb].chapterInfo[0].taskJson[0].isLook &&
+              this.courseDetail.userid != this.userid  && this.IsLookOpen
+            ) {
+              this.$message.error("任务未解锁");
+              return;
+            }
+            this.navList[this.courseType].isOpen = false;
+            this.courseType++;
+            this.taskCount = 0;
+            this.navList[this.courseType].isOpen = true;
+          } else {
+            var bbb = parseInt(this.taskCount) + 1;
+            if (
+              !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
+                .isLook &&
+              this.courseDetail.userid != this.userid && this.IsLookOpen
+            ) {
+              this.$message.error("任务未解锁");
+              return;
+            }
+            this.taskCount++;
+          }
+          if (this.IsLookOpen) {
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+              this.taskCount
+            ].isLook = true;
+            this.addCourseState(3);
+          }
+        }
+
+        // if (
+        //   this.taskCount ==
+        //   this.chapInfo.chapterInfo[0].taskJson.length - 1
+        // ) {
+        //   this.taskCount = this.chapInfo.chapterInfo[0].taskJson.length - 1;
+        // } else {
+        //   this.taskCount++;
+        // }
+      }
+      document.scrollingElement.scrollTop = 0;
+      this.showType = 0;
+      this.navId = this.navList[this.courseType].task[this.taskCount].id;
+      // if (this.vedio[this.taskCount].length > 0) {
+      //   var a =
+      //     document.getElementsByClassName("box_course")[this.taskCount]
+      //       .offsetHeight;
+      //   document.getElementsByClassName("vedioList")[
+      //     this.taskCount
+      //   ].style.height = a + "px";
+      //   document.getElementsByClassName("navBox")[this.taskCount].style.height =
+      //     a - 40 + "px";
+      // }
+
+      this.isNoHomeWork = false;
+      (this.studyJuri = [
+        {
+          content: "",
+          cover: [],
+          upVedio: [],
+          upFile: [],
+        },
+      ]),
+        (this.radio = []);
+      this.isClickNav = "";
+      this.selectPz();
+      this.getHomeWork();
+      this.getCourseDetail();
+      this.$forceUpdate();
+    },
+    openTask(s, n, i) {
+      if (this.IsLookOpen) {
+        if (
+          !this.chapInfoList[s].chapterInfo[0].taskJson[n].isLook &&
+          this.courseDetail.userid != this.userid
+        ) {
+          this.$message.error("任务未解锁");
+          return;
+        }
+        if (this.courseType == s && this.taskCount != n && n > this.taskCount) {
+          if (
+            !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[n - 1]
+              .isLook
+          ) {
+            this.$message.error("上一任务未解锁");
+            return;
+          }
+        } else if (s > this.courseType) {
+          if (n > 0) {
+            if (!this.chapInfoList[s].chapterInfo[0].taskJson[n - 1].isLook) {
+              this.$message.error("上一任务未解锁");
+              return;
+            }
+          } else {
+            if (
+              !this.chapInfoList[s - 1].chapterInfo[0].taskJson[
+                this.chapInfoList[s - 1].chapterInfo[0].taskJson.length - 1
+              ].isLook
+            ) {
+              this.$message.error("上一任务未解锁");
+              return;
+            }
+          }
+        }
+      }
+      this.courseType = s;
+      this.navId = i;
+      this.taskCount = n;
+      if (this.IsLookOpen) {
+        this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+          this.taskCount
+        ].isLook = true;
+        this.addCourseState(3);
+      }
+      this.showType = 0;
+      this.isNoHomeWork = false;
+      (this.studyJuri = [
+        {
+          content: "",
+          cover: [],
+          upVedio: [],
+          upFile: [],
+        },
+      ]),
+        (this.radio = []);
+      document.scrollingElement.scrollTop = 0;
+
+      // setTimeout(() => {
+      //   let a = document.getElementById(i);
+      //   if (a.offsetTop - 110 == 0) {
+      //     window.scrollTo(0, 0);
+      //   } else {
+      //     window.scrollTo(0, a.offsetTop);
+      //   }
+      // }, 0);
+      this.selectPz();
+      this.getHomeWork();
+      this.getCourseDetail();
+    },
+
+    get(i) {
+      this.navList[i].isOpen = !this.navList[i].isOpen;
+    },
+    addQuestion() {
+      this.answerList.push({
+        answerTitle: this.answerQ,
+        answer: this.questionAnswer.replaceAll(/%/g, "%25"),
+      });
+      let params = [
+        {
+          uid: this.userid,
+          cid: this.id,
+          stage: this.courseType,
+          task: this.taskCount,
+          tool: this.toolindex,
+          content: JSON.stringify(this.answerList),
+          type: 3,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addCourseWorks", params)
+        .then((res) => {
+          this.$message({
+            message: "提交成功",
+            type: "success",
+          });
+          this.answerList = [];
+          this.answerDialogVisible = false;
+          this.selectStudent();
+          this.selectSWorks();
+          this.selectSLook();
+        })
+        .catch((err) => {
+          this.$message.error("提交失败");
+          console.error(err);
+        });
+    },
+    getCourseDetail() {
+      const loading = this.$loading.service({
+        background: "rgba(255, 255, 255, 0.7)",
+        target: document.querySelector(".student_table"),
+      });
+      // this.navList[0].isOpen = false;
+      // this.navList[this.courseType].isOpen = true;
+      // this.courseType = this.courseTypeLine;
+      // this.navId = this.navList[this.courseType].task[this.taskCount].id;
+      let params = {
+        courseId: this.id,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectCourseDetail", params)
+        .then((res) => {
+          loading.close();
+          var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
+            .chapterInfo[0].taskJson;
+          var b = [
+            "AVI",
+            "NAVI",
+            "MPEG",
+            "ASF",
+            "MOV",
+            "WMV",
+            "3GP",
+            "RM",
+            "RMVB",
+            "FLV",
+            "F4V",
+            "H.264",
+            "H.265",
+            "REAL VIDEO",
+            "MKV",
+            "WebM",
+            "HDDVD",
+            "MP4",
+            "MPG",
+            "M4V",
+            "MGV",
+            "OGV",
+            "QTM",
+            "STR",
+            "AMC",
+            "DVX",
+            "EVO",
+            "DAT",
+            "OGG",
+            "OGM",
+          ];
+          for (var i = 0; i < a.length; i++) {
+            var c = a[i].chapterData;
+            this.vedio[i] = [];
+            this.textList[i] = [];
+            this.lineList[i] = [];
+            this.chapToolList[i] = [];
+            this.file[i] = [];
+            for (var j = 0; j < c.length; j++) {
+              if (c[j].type == 7) {
+                this.chapToolList[i].push(c[j]);
+              } else if (c[j].type == 8) {
+                this.lineList[i].push(c[j]);
+              } else if (c[j].type == 6) {
+                this.textList[i].push(c[j]);
+              } else {
+                if (
+                  b.indexOf(
+                    c[j].url
+                      .split(".")
+                      [c[j].url.split(".").length - 1].toLocaleUpperCase()
+                  ) != -1
+                ) {
+                  this.vedio[i].push(c[j]);
+                } else {
+                  this.file[i].push(c[j]);
+                }
+              }
+            }
+            var d = JSON.parse(JSON.stringify(this.playerOptions));
+            d.sources[0].src =
+              this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
+            this.playerO[i] = d;
+          }
+          this.courseDetail = res.data[0][0];
+          this.evalua = res.data[0][0].evaId;
+          this.chapInfo = JSON.parse(this.courseDetail.chapters)[
+            this.courseType
+          ];
+          this.chapInfoList = JSON.parse(this.courseDetail.chapters);
+          // if (this.navList.length == 0) {
+          //   this.navList = [];
+          //   for (var l = 0; l < this.chapInfoList.length; l++) {
+          //     var q = this.chapInfoList[l].dyName;
+          //     var w = this.chapInfoList[l].chapterInfo[0].taskJson;
+          //     var e;
+          //     this.navList.push({
+          //       dyName: q,
+          //       isOpen: l === 0 ? true : false,
+          //       task: [],
+          //     });
+          //     for (var r = 0; r < w.length; r++) {
+          //       e = w[r].task;
+          //       this.navList[l].task.push({ taskName: e, id: l + "-" + r });
+          //       this.navId = this.navId ? this.navId : l + "-" + r;
+          //     }
+          //   }
+          // }
+          // this.navList[0].isOpen = false;
+          // this.navList[this.courseType].isOpen = true;
+          // this.navId = this.navList[this.courseType].task[this.taskCount].id;
+          for (var l = 0; l < this.chapInfoList.length; l++) {
+            var w = this.chapInfoList[l].chapterInfo[0].taskJson;
+            for (var m = 0; m < w.length; m++) {
+              w[m].id = l + "-" + m;
+            }
+          }
+          if (
+            !this.vedio[this.taskCount][0] ||
+            this.vedio[this.taskCount][0].url == ""
+          ) {
+            if (
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+                this.taskCount
+              ].chapterData.length > 0
+            ) {
+              // if (
+              //   this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+              //     this.taskCount
+              //   ].chapterData[0].type != 8
+              // ) {
+              let _url =
+                this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+                  this.taskCount
+                ].chapterData[0].url;
+              if (
+                this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+                  this.taskCount
+                ].chapterData[0].type == 8
+              ) {
+                this.showType = 2;
+                if (
+                  _url.indexOf("https://") == -1 &&
+                  _url.indexOf("http://") == -1
+                ) {
+                  _url = "https://" + _url;
+                }
+                this.pptImgUrl1 = _url;
+                this.isClickNav = "line0";
+              } else if (
+                this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+                  this.taskCount
+                ].chapterData[0].type == 3
+              ) {
+                if (
+                  _url
+                    .split(".")
+                    [_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
+                ) {
+                  this.showType = 3;
+                  this.pptImgUrl1 = _url;
+                  this.isClickNav = "word0";
+                } else if (
+                  this.isAssetTypeAnImage(
+                    _url
+                      .split(".")
+                      [_url.split(".").length - 1].toLocaleLowerCase()
+                  )
+                ) {
+                  this.showType = 4;
+                  this.pptImgUrl1 = _url;
+                  this.isClickNav = "word0";
+                } else {
+                  this.showType = 2;
+                  this.pptImgUrl1 =
+                    "https://view.officeapps.live.com/op/view.aspx?src=" + _url;
+                  this.isClickNav = "word0";
+                }
+              } else if (
+                this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+                  this.taskCount
+                ].chapterData[0].type == 6
+              ) {
+                this.showType = 1;
+                this.text = this.textList[this.taskCount][0];
+                this.isClickNav = "text0";
+              }
+              // }
+              //  else {
+              //   for (
+              //     var y = 0;
+              //     y <
+              //     this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+              //       this.taskCount
+              //     ].chapterData.length;
+              //     y++
+              //   ) {
+              //     if (
+              //       this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+              //         this.taskCount
+              //       ].chapterData[y].type != 8
+              //     ) {
+              //       if (
+              //         this.chapInfoList[this.courseType].chapterInfo[0]
+              //           .taskJson[this.taskCount].chapterData[y].type == 3
+              //       ) {
+              //         let _url =
+              //           this.chapInfoList[this.courseType].chapterInfo[0]
+              //             .taskJson[this.taskCount].chapterData[y].url;
+              //         if (
+              //           _url
+              //             .split(".")
+              //             [_url.split(".").length - 1].toLocaleUpperCase() ==
+              //           "PDF"
+              //         ) {
+              //           this.showType = 3;
+              //           this.pptImgUrl1 = _url;
+              //         } else if (
+              //           this.isAssetTypeAnImage(
+              //             _url
+              //               .split(".")
+              //               [_url.split(".").length - 1].toLocaleLowerCase()
+              //           )
+              //         ) {
+              //           this.showType = 4;
+              //           this.pptImgUrl1 = _url;
+              //         } else {
+              //           this.showType = 2;
+              //           this.pptImgUrl1 =
+              //             "https://view.officeapps.live.com/op/view.aspx?src=" +
+              //             _url;
+              //         }
+              //       } else if (
+              //         this.chapInfoList[this.courseType].chapterInfo[0]
+              //           .taskJson[this.taskCount].chapterData[y].type == 6
+              //       ) {
+              //         this.showType = 1;
+              //         this.text = this.textList[this.taskCount][0];
+              //       }
+              //     } else {
+              //       this.showType = 2;
+              //       this.pptImgUrl1 =
+              //         "https://view.officeapps.live.com/op/view.aspx?src=" +
+              //         _url;
+              //     }
+              //   }
+              // }
+            }
+          } else {
+            this.isClickNav = "video0";
+          }
+          setTimeout(() => {
+            this.checkEva();
+          }, 500);
+          this.selectStudent();
+          this.selectSWorks();
+          this.selectSLook();
+          let _this = this;
+          if (_this.timer) {
+            clearInterval(_this.timer);
+            _this.timer = null;
+          }
+          _this.timer = setInterval(function () {
+            _this.selectSWorks();
+            _this.selectStudent();
+            _this.selectSLook();
+            if (_this.tType == 4) {
+              _this.selectPz();
+            }
+          }, 5000);
+          _this.$nextTick(function () {
+            setTimeout(() => {
+              var a =
+                document.getElementsByClassName("box_course")[0].offsetHeight;
+              document.getElementsByClassName("vedioList")[0].style.height =
+                a + "px";
+              document.getElementsByClassName("navBox")[0].style.height =
+                a - 40 + "px";
+              if (_this.vedio[_this.taskCount].length > 0) {
+                _this.vedioTime = [];
+                for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
+                  _this.vedioTime[i] = document.getElementsByClassName(
+                    "vjs-duration-display"
+                  )[i].textContent;
+                }
+              }
+            }, 500);
+          });
+        })
+        .catch((err) => {
+          loading.close();
+          console.error(err);
+        });
+    },
+    addPz(type, content) {
+      if (type == "1" && this.pzConText == "") {
+        this.$message.error("批注不能为空！");
+        return;
+      }
+      let params = [
+        {
+          cid: this.id,
+          uid: this.userid,
+          s: this.courseType,
+          t: this.taskCount,
+          c: type == "1" ? this.pzConText.replaceAll(/%/g, "%25") : content,
+          type: type,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addPz2", params)
+        .then((res) => {
+          this.$message({
+            message: "添加成功",
+            type: "success",
+          });
+          this.pzConText = "";
+          this.addPzDialog = false;
+          this.selectPz();
+        })
+        .catch((err) => {
+          this.$message.error("添加失败");
+          console.error(err);
+        });
+    },
+    deletePz(id) {
+      this.$confirm("确定删除此批注吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          let params = [
+            {
+              id: id,
+            },
+          ];
+          this.ajax
+            .post(this.$store.state.api + "deletePz", params)
+            .then((res) => {
+              this.$message({
+                message: "删除成功",
+                type: "success",
+              });
+              this.selectPz();
+            })
+            .catch((err) => {
+              this.$message.error("网络异常");
+              console.error(err);
+            });
+        })
+        .catch(() => {});
+    },
+    selectPz() {
+      let params = {
+        cid: this.id,
+        s: this.courseType,
+        t: this.taskCount,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectPzList", params)
+        .then((res) => {
+          this.pzList = res.data[0];
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    updateSLook() {
+      let params = {
+        sopen: this.sIsOpen == false ? 1 : 2,
+        cid: this.id,
+      };
+      this.ajax
+        .get(this.$store.state.api + "updateCourseSLook", params)
+        .then((res) => {
+          if (this.sIsOpen == true) {
+            this.$message({
+              message: "权限开放成功",
+              type: "success",
+            });
+          } else {
+            this.$message({
+              message: "权限关闭成功",
+              type: "success",
+            });
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    updateLookOpen() {
+      let params = [
+        {
+          sopen: this.IsLookOpen == false ? 1 : 2,
+          cid: this.id,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "updateCourseLookOpen", params)
+        .then((res) => {
+          if (this.IsLookOpen == true) {
+            if (this.courseType != 0 && this.taskCount != 0) {
+              this.openTask(0, 0, "0-0");
+            }
+            this.$message({
+              message: "权限开放成功",
+              type: "success",
+            });
+          } else {
+            this.$message({
+              message: "权限关闭成功",
+              type: "success",
+            });
+          }
+          this.getCourseState(2);
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    selectSLook() {
+      let params = {
+        cid: this.id,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectCourseSLook", params)
+        .then((res) => {
+          this.sIsOpen = res.data[0][0].sopen == 1 ? false : true;
+          this.IsLookOpen = res.data[0][0].look == 1 ? false : true;
+          if (!this.IsLookOpen) {
+            this.setNavList();
+          } else {
+            this.getCourseState(1);
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    setNavList() {
+      if (this.navList.length == 0) {
+        this.navList = [];
+        for (var l = 0; l < this.chapInfoList.length; l++) {
+          var q = this.chapInfoList[l].dyName;
+          var w = this.chapInfoList[l].chapterInfo[0].taskJson;
+          var e;
+          this.navList.push({
+            dyName: q,
+            isOpen: l === 0 ? true : false,
+            task: [],
+          });
+          for (var r = 0; r < w.length; r++) {
+            e = w[r].task;
+            this.navList[l].task.push({
+              taskName: e,
+              id: l + "-" + r,
+              isLook: w[r].isLook,
+            });
+            // this.navId = this.navId ? this.navId : l + "-" + r;
+            // this.navId = l + "-" + r;
+          }
+        }
+        this.navList[0].isOpen = false;
+        this.navList[this.courseType].isOpen = true;
+        this.navId = this.navList[this.courseType].task[this.taskCount].id;
+      } else {
+        this.setNavList2();
+      }
+    },
+    setNavList2() {
+      for (var l = 0; l < this.chapInfoList.length; l++) {
+        var w = this.chapInfoList[l].chapterInfo[0].taskJson;
+        for (var r = 0; r < w.length; r++) {
+          this.navList[l].task[r].isLook = w[r].isLook;
+        }
+      }
+      if (
+        this.IsLookOpen &&
+        !this.navList[this.courseType].task[this.taskCount].isLook
+      ) {
+        this.openTask(0, 0, "0-0");
+      }
+      this.$forceUpdate();
+    },
+    getCourseState(type) {
+      let params = {
+        cid: this.id,
+      };
+      this.ajax
+        .get(this.$store.state.api + "getCourseState", params)
+        .then((res) => {
+          if (res.data[0].length > 0 && this.IsLookOpen && type == 1) {
+            this.chapInfoList = JSON.parse(res.data[0][0].state);
+            this.setNavList();
+            this.$forceUpdate();
+          } else if (res.data[0].length > 0 && this.IsLookOpen && type == 2) {
+            this.addCourseState(2);
+          } else {
+            this.addCourseState(1);
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    addCourseState(type) {
+      let _state = this.chapInfoList;
+      if (type == 1 || type == 2) {
+        for (var i = 0; i < _state.length; i++) {
+          let el = _state[i].chapterInfo[0].taskJson;
+          for (var j = 0; j < el.length; j++) {
+            if (i == 0 && j == 0) {
+              el[j].isLook = true;
+            } else {
+              el[j].isLook = false;
+            }
+          }
+        }
+      }
+      let params = [
+        {
+          cid: this.id,
+          state: JSON.stringify(_state).replaceAll(/%/g, "%25"),
+        },
+      ];
+      this.ajax
+        .post(
+          this.$store.state.api +
+            (type == 1 ? "addCourseState" : "updateCourseSate"),
+          params
+        )
+        .then((res) => {
+          if (this.IsLookOpen) {
+            this.setNavList();
+          }
+          if (type == 3 && type == 2) {
+            this.getCourseState(1);
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getHomeWork() {
+      let params = {
+        cid: this.id,
+        stage: this.courseType,
+        task: this.taskCount,
+        uid: this.userid,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectWork", params)
+        .then((res) => {
+          if (res.data[0].length > 0) {
+            this.studyJuri = JSON.parse(res.data[0][0].content);
+            this.isNoHomeWork = true;
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    isAssetTypeAnImage(ext) {
+      return (
+        [
+          "png",
+          "jpg",
+          "jpeg",
+          "bmp",
+          "gif",
+          "webp",
+          "psd",
+          "svg",
+          "tiff",
+        ].indexOf(ext) !== -1
+      );
+    },
+    switchVideo(media) {
+      this.playerO = {};
+      this.playerOptions.poster = "";
+      this.playerOptions.sources[0].src = media;
+      this.playerO = this.playerOptions;
+    },
+    onPlayerPlay() {},
+    lookVedio(u, i) {
+      this.isClickNav = "";
+      // this.playerOptions.sources[0].src = u;
+      var d = JSON.parse(JSON.stringify(this.playerOptions));
+      d.sources[0].src = u;
+      this.playerO[this.taskCount] = d;
+      this.showType = 0;
+      this.isClickNav = "video" + i;
+      this.$forceUpdate();
+    },
+    lookText(i, t) {
+      this.isClickNav = "";
+      this.text = this.textList[i][t];
+      // this.dialogVisible1 = true;
+      this.showType = 1;
+      this.isClickNav = "text" + t;
+    },
+    lookTools(i, t) {
+      this.chapTools = this.chapToolList[i][t];
+      this.dialogVisible2 = true;
+    },
+    openFile(f) {
+      this.pptImgUrl = "";
+      var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
+      if (
+        a.indexOf(f.split(".")[f.split(".").length - 1].toLocaleUpperCase()) !=
+        -1
+      ) {
+        this.pptImgUrl =
+          "https://view.officeapps.live.com/op/view.aspx?src=" + f;
+        this.showPDF = false;
+        this.dialogVisible3 = true;
+      } else if (
+        f.split(".")[f.split(".").length - 1].toLocaleUpperCase() == "PDF"
+      ) {
+        this.pptImgUrl = f;
+        this.showPDF = true;
+        this.dialogVisible3 = true;
+      }
+    },
+    doUrl(url, i) {
+      this.isClickNav = "";
+      this.pptImgUrl1 = "";
+      this.showType = 2;
+      if (url.indexOf("https://") == -1 && url.indexOf("http://") == -1) {
+        url = "https://" + url;
+      }
+      this.pptImgUrl1 = url;
+      this.isClickNav = "line" + i;
+    },
+    downFile(f, i) {
+      this.isClickNav = "";
+      this.pptImgUrl1 = "";
+      var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"]; //"PDF",
+      if (
+        a.indexOf(
+          f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase()
+        ) != -1
+      ) {
+        this.pptImgUrl1 =
+          "https://view.officeapps.live.com/op/view.aspx?src=" + f.url;
+        // this.dialogVisible3 = true;
+        this.showType = 2;
+      } else if (
+        this.isAssetTypeAnImage(
+          f.url.split(".")[f.url.split(".").length - 1].toLocaleLowerCase()
+        )
+      ) {
+        this.showType = 4;
+        this.pptImgUrl1 = f.url;
+      } else if (
+        f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() ==
+        "PDF"
+      ) {
+        this.pptImgUrl1 = f.url;
+        // this.dialogVisible3 = true;
+        this.showType = 3;
+      } else {
+        window.open(this.file[i].url);
+      }
+      this.isClickNav = "word" + i;
+    },
+    downFileList(i) {
+      window.open(this.noImgList[i].url);
+    },
+    openAddWork() {
+      this.dialogVisible = true;
+    },
+    addBzWorks() {
+      let params = [
+        {
+          uid: this.userid,
+          cid: this.id,
+          stage: this.courseType,
+          task: this.taskCount,
+          tool: this.toolindex,
+          content: JSON.stringify(this.eScore),
+          type: 6,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addCourseWorks", params)
+        .then((res) => {
+          this.$message({
+            message: "提交成功",
+            type: "success",
+          });
+          this.eScore = { eBzText: "", eStar: [] };
+          this.studentEvalDialogVisible = false;
+          this.selectSWorks();
+        })
+        .catch((err) => {
+          this.$message.error("提交失败");
+          console.error(err);
+        });
+    },
+    addStudentAsk() {
+      for (var i = 0; i < this.radio.length; i++) {
+        if (this.radio[i] !== 0 && !this.radio[i]) {
+          this.$message.error("请选择选项");
+          return;
+        }
+      }
+      this.askList.push({ askJson: this.askJson, anwer: this.radio.join(",") });
+      let params = [
+        {
+          uid: this.userid,
+          cid: this.id,
+          stage: this.courseType,
+          task: this.taskCount,
+          tool: this.toolindex,
+          content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
+          type: 2,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addCourseWorks", params)
+        .then((res) => {
+          this.$message({
+            message: "提交成功",
+            type: "success",
+          });
+          this.askList = [];
+          this.dialogVisible5 = false;
+          this.selectStudent();
+          this.selectSWorks();
+          this.selectSLook();
+        })
+        .catch((err) => {
+          this.$message.error("提交失败");
+          console.error(err);
+        });
+    },
+    addStudentTest() {
+      for (var i = 0; i < this.radio.length; i++) {
+        if (
+          (this.radio[i] instanceof Array && !this.radio[i].length) ||
+          (this.radio[i] !== 0 && !this.radio[i])
+        ) {
+          this.$message.error("请选择选项");
+          return;
+        }
+      }
+      this.askList.push({ testJson: this.testJson, anwer: this.radio });
+      let params = [
+        {
+          uid: this.userid,
+          cid: this.id,
+          stage: this.courseType,
+          task: this.taskCount,
+          tool: this.toolindex,
+          content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
+          type: 8,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addCourseWorks", params)
+        .then((res) => {
+          this.$message({
+            message: "提交成功",
+            type: "success",
+          });
+          this.askList = [];
+          this.dialogVisibleChoice = false;
+          this.selectStudent();
+          this.selectSWorks();
+          this.selectSLook();
+        })
+        .catch((err) => {
+          this.$message.error("提交失败");
+          console.error(err);
+        });
+    },
+    addWork() {
+      if (this.studyJuri[0].content == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      } else if (this.studyJuri[0].cover.length == 0) {
+        this.$message.error("请将信息填写完整");
+        return;
+      } else if (this.studyJuri[0].upVedio.length == 0) {
+        this.$message.error("请将信息填写完整");
+        return;
+      }
+      if (this.isNoHomeWork) {
+        this.$confirm(
+          "您已经提交了该作业了，如果您再提交将覆盖上次提交的作业！",
+          "提示",
+          {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+          }
+        )
+          .then(() => {
+            let params = [
+              {
+                uid: this.userid,
+                cid: this.id,
+                stage: this.courseType,
+                task: this.taskCount,
+                content: JSON.stringify(this.studyJuri),
+              },
+            ];
+            this.ajax
+              .post(this.$store.state.api + "addWorks", params)
+              .then((res) => {
+                this.$message({
+                  message: "提交成功",
+                  type: "success",
+                });
+                this.isNoHomeWork = true;
+                this.dialogVisible = false;
+              })
+              .catch((err) => {
+                this.$message.error("提交失败");
+                console.error(err);
+              });
+          })
+          .catch(() => {});
+      } else {
+        let params = [
+          {
+            uid: this.userid,
+            cid: this.id,
+            stage: this.courseType,
+            task: this.taskCount,
+            content: JSON.stringify(this.studyJuri),
+          },
+        ];
+        this.ajax
+          .post(this.$store.state.api + "addWorks", params)
+          .then((res) => {
+            this.$message({
+              message: "提交成功",
+              type: "success",
+            });
+            this.isNoHomeWork = true;
+            this.dialogVisible = false;
+          })
+          .catch((err) => {
+            this.$message.error("提交失败");
+            console.error(err);
+          });
+      }
+    },
+    selectCount() {
+      let params = {
+        cid: this.id,
+        chid: this.courseType,
+        uid: this.userid,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectToolsCount", params)
+        .then((res) => {
+          for (var i = 0; i < res.data[0].length; i++) {
+            if (res.data[0][i].tools == 1) {
+              this.wbCount = res.data[0][i].count;
+            } else if (res.data[0][i].tools == 2) {
+              this.wordCount = res.data[0][i].count;
+            } else if (res.data[0][i].tools == 3) {
+              this.mindCount = res.data[0][i].count;
+            } else if (res.data[0][i].tools == 4) {
+              this.askCount = res.data[0][i].count;
+            } else if (res.data[0][i].tools == 6) {
+              this.noteCount = res.data[0][i].count;
+            } else if (res.data[0][i].tools == 7) {
+              this.mindNetWorkCount = res.data[0][i].count;
+            } else if (res.data[0][i].tools == 8) {
+              this.libraryCount = res.data[0][i].count;
+            } else if (res.data[0][i].tools == 16) {
+              this.workCount = res.data[0][i].count;
+            } else if (res.data[0][i].tools == 10) {
+              this.timeCount = res.data[0][i].count;
+            } else if (res.data[0][i].tools == 15) {
+              this.answerCount = res.data[0][i].count;
+            } else if (res.data[0][i].tools == 18) {
+              this.trainCount = res.data[0][i].count;
+            }
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    openTools(t, i, index, c, sName) {
+      var z = JSON.parse(c);
+      this.noteName = sName;
+      if (t == 4) {
+        this.radio = [];
+        this.isAnswer = false;
+        for (var i = 0; i < z.length; i++) {
+          let a = z[i];
+          let b = a.anwer.split(",");
+          let d = [];
+          for (var j = 0; j < b.length; j++) {
+            d.push(parseInt(b[j]));
+          }
+          this.radio = d;
+          this.askJson = a.askJson;
+        }
+        this.isAnswer = true;
+        this.dialogVisible5 = true;
+      } else if (t == 45) {
+        this.radio = [];
+        this.isAnswer = false;
+        let b = z[0].anwer;
+        this.radio = b;
+        this.testJson = z[0].testJson;
+        this.isAnswer = true;
+        this.dialogVisibleChoice = true;
+      }
+      //  else if (t == 15) {
+      //   this.answerQ = "";
+      //   this.questionAnswer = "";
+      //   this.answerQ = z[0].answerTitle;
+      //   this.questionAnswer = z[0].answer;
+      //   this.answerDialogVisible = true;
+      // }
+    },
+
+    fastText(p, t) {
+      if (t == 1) {
+        this.commentText += p;
+      } else {
+        this.eScore.eBzText += p;
+      }
+    },
+    addTools(t, i, index) {
+      var a = 0;
+      // this.taskCount = index;
+      this.toolindex = i;
+      if (t == 1) {
+        if (this.wbCount > 0) {
+          this.updateCount(this.wbCount, t);
+        } else {
+          this.wbCount++;
+          a = this.wbCount;
+          this.toolsCount(a, t);
+        }
+        window.parent.postMessage(
+          {
+            tools: "1",
+            cid: this.id,
+            stage: this.courseType,
+            task: this.taskCount,
+            tool: i,
+          },
+          "*"
+        );
+      } else if (t == 2) {
+        if (this.wordCount > 0) {
+          this.updateCount(this.wordCount, t);
+        } else {
+          this.wordCount++;
+          a = this.wordCount;
+          this.toolsCount(a, t);
+        }
+        window.parent.postMessage({ tools: "2" }, "*");
+      } else if (t == 3) {
+        if (this.mindCount > 0) {
+          this.updateCount(this.mindCount, t);
+        } else {
+          this.mindCount++;
+          a = this.mindCount;
+          this.toolsCount(a, t);
+        }
+        window.parent.postMessage(
+          {
+            tools: "3",
+            cid: this.id,
+            stage: this.courseType,
+            task: this.taskCount,
+            tool: i,
+          },
+          "*"
+        );
+      } else if (t == 4) {
+        this.radio = [];
+        this.noteName = "";
+        this.isAnswer = false;
+        if (this.askCount > 0) {
+          this.updateCount(this.askCount, t);
+        } else {
+          this.askCount++;
+          a = this.askCount;
+          this.toolsCount(a, t);
+        }
+        if (!this.dialogVisible2) {
+          this.askJson.askJson =
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+              index
+            ].toolChoose[i].askJson;
+          this.askJson.askTitle =
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+              index
+            ].toolChoose[i].askTitle;
+          this.askJson.askCount =
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+              index
+            ].toolChoose[i].askCount;
+        } else {
+          this.askJson.askJson = this.chapTools.askJson.askJson;
+          this.askJson.askTitle = this.chapTools.askJson.askTitle;
+          this.askJson.askCount = this.chapTools.askJson.askCount;
+        }
+        this.dialogVisible5 = true;
+
+        // window.parent.postMessage({ tools: "4" }, "*");
+      } else if (t == 45) {
+        this.noteName = "";
+        this.radio = [];
+        this.isAnswer = false;
+        if (this.askCount > 0) {
+          this.updateCount(this.askCount, t);
+        } else {
+          this.askCount++;
+          a = this.askCount;
+          this.toolsCount(a, t);
+        }
+        this.testJson =
+          this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+            index
+          ].toolChoose[i].testJson;
+        for (var k = 0; k < this.testJson.testJson.length; k++) {
+          if (this.testJson.testJson[k].type == "2") {
+            this.radio.push([]);
+          } else {
+            this.radio.push("");
+          }
+        }
+
+        this.dialogVisibleChoice = true;
+
+        // window.parent.postMessage({ tools: "4" }, "*");
+      } else if (t == 5) {
+        if (this.scoreCount > 0) {
+          this.updateCount(this.scoreCount, t);
+        } else {
+          this.scoreCount++;
+          a = this.scoreCount;
+          this.toolsCount(a, t);
+        }
+        this.dialogVisible4 = true;
+        // window.parent.postMessage({ tools: "5" }, "*");
+      } else if (t == 6) {
+        if (this.noteCount > 0) {
+          this.updateCount(this.noteCount, t);
+        } else {
+          this.noteCount++;
+          a = this.noteCount;
+          this.toolsCount(a, t);
+        }
+        window.parent.postMessage(
+          {
+            tools: "6",
+            cid: this.id,
+            stage: this.courseType,
+            task: this.taskCount,
+            tool: i,
+          },
+          "*"
+        );
+      } else if (t == 7) {
+        if (this.mindNetWorkCount > 0) {
+          this.updateCount(this.mindNetWorkCount, t);
+        } else {
+          this.mindNetWorkCount++;
+          a = this.mindNetWorkCount;
+          this.toolsCount(a, t);
+        }
+        window.parent.postMessage(
+          {
+            tools: "7",
+            cid: this.id,
+            stage: this.courseType,
+            task: this.taskCount,
+            tool: i,
+          },
+          "*"
+        );
+      } else if (t == 16) {
+        if (this.workCount > 0) {
+          this.updateCount(this.workCount, t);
+        } else {
+          this.workCount++;
+          a = this.workCount;
+          this.toolsCount(a, t);
+        }
+        this.dialogVisible = true;
+      } else if (t == 8) {
+        if (this.libraryCount > 0) {
+          this.updateCount(this.libraryCount, t);
+        } else {
+          this.libraryCount++;
+          a = this.libraryCount;
+          this.toolsCount(a, t);
+        }
+        window.parent.postMessage({ tools: "8" }, "*");
+      } else if (t == 17) {
+        if (this.libraryCount > 0) {
+          this.updateCount(this.libraryCount, t);
+        } else {
+          this.libraryCount++;
+          a = this.libraryCount;
+          this.toolsCount(a, t);
+        }
+        window.parent.postMessage({ tools: "17" }, "*");
+      } else if (t == 18) {
+        if (this.trainCount > 0) {
+          this.updateCount(this.trainCount, t);
+        } else {
+          this.trainCount++;
+          a = this.trainCount;
+          this.toolsCount(a, t);
+        }
+        window.parent.postMessage({ tools: "18" }, "*");
+      } else if (t == 10) {
+        if (this.timeCount > 0) {
+          this.updateCount(this.timeCount, t);
+        } else {
+          this.timeCount++;
+          a = this.timeCount;
+          this.toolsCount(a, t);
+        }
+        this.timeDialogVisible = true;
+      } else if (t == 15) {
+        this.answerQ = "";
+        this.questionAnswer = "";
+        if (this.answerCount > 0) {
+          this.updateCount(this.answerCount, t);
+        } else {
+          this.answerCount++;
+          a = this.answerCount;
+          this.toolsCount(a, t);
+        }
+        this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0]
+          .taskJson[index].toolChoose[i].answerQ
+          ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
+              .toolChoose[i].answerQ
+          : "";
+        this.answerDialogVisible = true;
+      } else if (t == 21) {
+        window.parent.postMessage({ tools: "21" }, "*");
+      } else if (t == 22) {
+        window.parent.postMessage({ tools: "22" }, "*");
+      } else if (t == 23) {
+        window.parent.postMessage({ tools: "23" }, "*");
+      } else if (t == 24) {
+        window.parent.postMessage({ tools: "24" }, "*");
+      } else if (t == 25) {
+        window.parent.postMessage({ tools: "25" }, "*");
+      } else if (t == 31) {
+        window.parent.postMessage({ tools: "31" }, "*");
+      } else if (t == 28) {
+        window.parent.postMessage({ tools: "28" }, "*");
+      } else if (t == 37) {
+        window.parent.postMessage({ tools: "37" }, "*");
+      } else if (t == 38) {
+        window.parent.postMessage({ tools: "38" }, "*");
+      } else if (t == 39) {
+        window.parent.postMessage({ tools: "39" }, "*");
+      } else if (t == 32) {
+        window.parent.postMessage({ tools: "32" }, "*");
+      } else if (t == 26) {
+        window.parent.postMessage(
+          {
+            tools: "26",
+            cid: this.id,
+            stage: this.courseType,
+            task: this.taskCount,
+            tool: i,
+          },
+          "*"
+        );
+      } else if (t == 40) {
+        if (this.evalCount > 0) {
+          this.updateCount(this.evalCount, t);
+        } else {
+          this.evalCount++;
+          a = this.evalCount;
+          this.toolsCount(a, t);
+        }
+        this.eScore = { eBzText: "", eStar: [] };
+        if (this.worksStudent[i].length) {
+          for (var k = 0; k < this.worksStudent[i].length; k++) {
+            if (this.userid == this.worksStudent[i][k].userid) {
+              this.eScore = JSON.parse(this.worksStudent[i][k].works);
+              this.rateJson =
+                this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+                  index
+                ].toolChoose[i].rateJson;
+              break;
+            } else {
+              this.rateJson =
+                this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+                  index
+                ].toolChoose[i].rateJson;
+            }
+          }
+        } else {
+          this.rateJson =
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+              index
+            ].toolChoose[i].rateJson;
+        }
+
+        this.isStar = false;
+        this.studentEvalDialogVisible = true;
+      } else if (t == 41) {
+        this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
+          .taskJson[index].toolChoose[i].selectJson
+          ? JSON.parse(
+              JSON.stringify(
+                this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+                  index
+                ].toolChoose[i].selectJson
+              )
+            )
+          : { url: "", select: [], answer: [] };
+        if (this.worksStudent[i].length) {
+          for (var k = 0; k < this.worksStudent[i].length; k++) {
+            if (this.userid == this.worksStudent[i][k].userid) {
+              var a = this.worksStudent[i][k].works.split(",");
+              for (var ki = 0; ki < a.length; ki++) {
+                a[ki] = parseInt(a[ki]);
+              }
+              this.selectAnswer = {
+                answer: a,
+                stu: this.worksStudent[i][k].sName,
+              };
+              break;
+            } else {
+              this.selectAnswer = { answer: [], stu: "" };
+            }
+          }
+        } else {
+          this.selectAnswer = { answer: [], stu: "" };
+        }
+        this.isSelect = false;
+        this.dialogVisibleSelect = true;
+      } else if (t == 44) {
+        window.parent.postMessage({ tools: "44" }, "*");
+      }
+    },
+    toolsCount(a, t) {
+      let params = {
+        cid: this.id,
+        chid: this.courseType,
+        uid: this.userid,
+        tid: t,
+        count: a,
+      };
+      this.ajax
+        .get(this.$store.state.api + "insertToolsCount", params)
+        .then((res) => {
+          this.selectCount();
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    updateCount(c, t) {
+      c++;
+      let params = {
+        cid: this.id,
+        chid: this.courseType,
+        uid: this.userid,
+        tid: t,
+        count: c,
+      };
+      this.ajax
+        .get(this.$store.state.api + "updateToolsCount", params)
+        .then((res) => {
+          this.selectCount();
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    checkEva() {
+      if (this.evalua != "") {
+        for (var i = 0; i < this.evaJuri.length; i++) {
+          if (this.evalua == this.evaJuri[i].id) {
+            this.eTitle = this.evaJuri[i].title;
+            this.eJson = JSON.parse(this.evaJuri[i].content);
+          }
+        }
+        this.$forceUpdate();
+        setTimeout(() => {
+          this.setMindData();
+        }, 0);
+      }
+    },
+    selectEva() {
+      let params = {
+        oid: this.oid,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectAllEvaluation", params)
+        .then((res) => {
+          this.evaJuri = res.data[0];
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    setMindData() {
+      this.data.data = [];
+      this.data.data.push({ id: "root", isroot: true, topic: this.eTitle });
+      let _eJson = Object.keys(this.eJson);
+      let _e = this.eJson;
+      for (let i = 0; i < _eJson.length; i++) {
+        let element = _e[_eJson[i]];
+        this.data.data.push({
+          id: element.id,
+          parentid: "root",
+          topic: element.name,
+        });
+        let _eJsonc = Object.keys(element.child);
+        let _e2 = element.child;
+        for (let j = 0; j < _eJsonc.length; j++) {
+          let _ec = _e2[_eJsonc[j]];
+          this.data.data.push({
+            id: _ec.id,
+            parentid: element.id,
+            topic: _ec.name,
+          });
+          let _eJsonz = Object.keys(_ec.child);
+          let _e3 = _ec.child;
+          for (let z = 0; z < _eJsonz.length; z++) {
+            let _ez = _e3[_eJsonz[z]];
+            this.data.data.push({
+              id: _ez.id,
+              parentid: _ec.id,
+              topic: _ez.name,
+            });
+          }
+        }
+      }
+      this.$forceUpdate();
+    },
+    checkFileFull(type, url) {
+      this.fullDialogVisible = true;
+      this.fulltype = type;
+      this.fullUrl = url;
+    },
+    downloadFile(url) {
+      let _url = "";
+      if (
+        url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
+      ) {
+        _url = url.split(
+          "https://view.officeapps.live.com/op/view.aspx?src="
+        )[1];
+      } else {
+        _url = url;
+      }
+      const x = new XMLHttpRequest();
+      x.open("GET", _url, true);
+      x.responseType = "blob";
+      x.onload = function (e) {
+        // const url = window.URL.createObjectURL(x.response);
+        // const a = document.createElement("a");
+        // a.href = url;
+        // a.target = "_blank";
+        // a.download = url;
+        // a.click();
+        // a.remove();
+        let content = x.response;
+        let elink = document.createElement("a");
+        elink.download = decodeURI(_url.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1]);
+        elink.style.display = "none";
+        let blob = new Blob([content]);
+        elink.href = URL.createObjectURL(blob);
+        document.body.appendChild(elink);
+        elink.click();
+        document.body.removeChild(elink);
+      };
+      x.send();
+    },
+    openLine(url) {
+      window.open(url);
+    },
+    resize() {
+      if (document.getElementsByClassName("box_course").length) {
+        var a = document.getElementsByClassName("box_course")[0].offsetHeight;
+        document.getElementsByClassName("vedioList")[0].style.height = a + "px";
+        document.getElementsByClassName("navBox")[0].style.height =
+          a - 40 + "px";
+      }
+      this.Stbodywidth =
+        document.getElementsByClassName("student_body").length &&
+        document.getElementsByClassName("student_body")[0].offsetWidth;
+    },
+  },
+  directives: {
+    // 使用局部注册指令的方式
+    resize: {
+      // 指令的名称
+      bind(el, binding) {
+        // el为绑定的元素，binding为绑定给指令的对象
+        let width = "",
+          height = "";
+        function isReize() {
+          const style = document.defaultView.getComputedStyle(el);
+          if (width !== style.width || height !== style.height) {
+            binding.value(); // 关键
+          }
+          width = style.width;
+          height = style.height;
+        }
+        el.__vueSetInterval__ = setInterval(isReize, 300);
+      },
+      unbind(el) {
+        clearInterval(el.__vueSetInterval__);
+      },
+    },
+  },
+  beforeDestroy() {
+    window.onresize = null;
+    clearInterval(this.timer);
+    this.timer = null;
+  },
+  computed: {
+    contentConvent() {
+      return function (c) {
+        return c
+          ? c
+              .replaceAll(/\r\n/g, "<br/>")
+              .replaceAll(/\n/g, "<br/>")
+              .replaceAll(/\s/g, " &nbsp")
+          : "";
+      };
+    },
+  },
+  created() {
+    if (this.screenType == 2) {
+      window.parent.postMessage({ allScreen: 4 }, "*");
+    } else if (this.screenType == 3) {
+      window.parent.postMessage({ allScreen: 5 }, "*");
+    } else if (this.screenType == 1) {
+      window.parent.postMessage({ allScreen: 6 }, "*");
+    }
+    this.selectEva();
+    this.getCourseDetail();
+    this.selectCount();
+    this.getHomeWork();
+    if (this.tType == 4) {
+      this.pzDialog = true;
+      this.selectPz();
+    }
+    document.scrollingElement.scrollTop = 0;
+    window.addEventListener("resize", () => {
+      var a = document.getElementsByClassName("box_course")[0].offsetHeight;
+      document.getElementsByClassName("vedioList")[0].style.height = a + "px";
+      document.getElementsByClassName("navBox")[0].style.height = a - 40 + "px";
+    });
+    let _this = this;
+    setTimeout(() => {
+      _this.vedioTime = [];
+      for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
+        _this.vedioTime[i] = document.getElementsByClassName(
+          "vjs-duration-display"
+        )[i].textContent;
+      }
+    }, 1000);
+  },
+};
+</script>
+
+<style scoped>
+@media screen and (max-width: 1280px) {
+  /* .courseIndex > div:first-child(2) {
+    width: 15% !important;
+  } */
+  /* .navText {
+    width: 120px !important;
+  } */
+  .evaCss {
+    flex-direction: column !important;
+    align-items: center !important;
+  }
+
+  .dialog_diy1 >>> .el-dialog {
+    width: 100% !important;
+  }
+
+  .rightWidthCss {
+    width: 100% !important;
+  }
+
+  .dialog_diy3 >>> .el-dialog {
+    width: 100% !important;
+  }
+
+  /* .textTitle >>> .el-form-item__label {
+    width: 150px !important;
+  } */
+}
+
+.evaCssMax {
+  flex-direction: column !important;
+  align-items: center !important;
+}
+
+.dialog_diy >>> .el-dialog {
+  margin-top: 10vh !important;
+}
+
+.body_student {
+  width: 77%;
+  height: 100%;
+  position: absolute;
+  left: 22%;
+  top: 0;
+}
+
+.student_head {
+  width: 100%;
+  margin: 0 auto;
+  padding-bottom: 50px;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+
+.pb_left {
+  width: 20%;
+  margin-right: 10px;
+  background: rgb(255, 255, 255);
+  padding-right: 10px;
+  position: fixed;
+  height: 100%;
+}
+
+.wheel > img,
+.project > img,
+.star > img,
+.evaluate > img,
+.up_photo > img,
+.chapter_add > img,
+.upCover > img,
+.deleteWord > img,
+.question > img,
+.homework > img {
+  width: 100%;
+  height: 100%;
+}
+
+.upCover {
+  width: calc(100% / 3.5);
+  position: relative;
+  margin: 0 15px 10px 0;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-content: center;
+  align-items: center;
+}
+
+.chapter_add {
+  width: 120px;
+  position: relative;
+  text-align: center;
+}
+
+.isAddThings {
+  margin-top: 20px;
+  position: relative;
+  text-align: center;
+  background: #f7f8fa;
+  height: 90px;
+  width: 90px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.deleteWord {
+  width: 22px;
+  height: 22px;
+  position: absolute;
+  right: -5px;
+  top: -5px;
+  cursor: pointer;
+}
+
+.box_course {
+  /* width: 60%; */
+  width: 81%;
+}
+
+.wheel {
+  width: 100%;
+  height: 100%;
+}
+
+.right_box {
+  display: flex;
+  flex-direction: column;
+  margin-left: 30px;
+  justify-content: space-around;
+}
+
+.right_box_title {
+  font-size: 23px;
+}
+
+.people {
+  display: flex;
+}
+
+.student_body {
+  width: 100%;
+  margin: 0 auto;
+  margin-top: 10px;
+  padding: 0 0 20px;
+}
+
+.study_top {
+  margin-top: 70px;
+  width: 100%;
+  /* overflow: auto; */
+  height: auto;
+}
+
+.study_top .checkbox {
+  display: flex;
+  align-items: center;
+  padding: 15px 0 15px 30px;
+  flex: 0 0 auto;
+  font-weight: bold;
+  border-bottom: 1px solid #eee;
+}
+
+.study_top .check {
+  padding-bottom: 5px;
+  text-align: center;
+  cursor: pointer;
+  height: 30px;
+  box-sizing: border-box;
+  display: flex;
+}
+
+.study_top .checked {
+  border-bottom: 4px solid #3fc6a0;
+  padding-bottom: 5px;
+  color: #3fc6a0;
+  display: flex;
+  height: 35px;
+}
+
+.study_top .checked > div,
+.study_top .check > div {
+  margin-right: 5px;
+}
+
+.videoTop {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  background: #fff;
+  align-items: center;
+  width: 95%;
+  padding: 20px;
+}
+
+.upbtn {
+  margin: 25px;
+  background: #70afdb;
+  color: #fff;
+  width: 120px;
+  text-align: center;
+  height: 30px;
+  line-height: 30px;
+  font-size: 13px;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+.filebox {
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: column;
+  padding: 15px 0 5px;
+}
+
+.filebox .tooldetail {
+  width: 100%;
+  margin: 0px 12px;
+  background: rgb(247, 247, 247);
+  padding: 20px;
+  line-height: 30px;
+  word-break: break-word;
+}
+
+.file {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  width: 200px;
+}
+
+.file div {
+  margin-top: 10px;
+  width: 150px;
+  text-align: center;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.media {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  margin: 0 20px 20px 0;
+  cursor: pointer;
+  margin: 12px 0 5px 15px;
+  overflow: hidden;
+  box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%),
+    0px 2px 1px -1px rgb(0 0 0 / 12%);
+  box-sizing: border-box;
+}
+
+.media img {
+  height: 90px;
+  width: 160px;
+  object-fit: cover;
+}
+
+.media .title {
+  padding: 5px;
+  text-align: left;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.media .btn {
+  width: 100%;
+  height: 35px;
+  line-height: 35px;
+  color: #fff;
+  background: #606060;
+  text-align: center;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.detail_content_top {
+  width: 100%;
+  padding: 25px 0 25px 0;
+}
+
+.detail_title {
+  text-align: center;
+  font-size: 24px;
+}
+
+.detail_time {
+  font-size: 13px;
+  padding: 15px 0 0 40px;
+}
+
+.detail_content {
+  line-height: 2pc;
+  width: 90%;
+  margin: 0 auto;
+  padding-top: 30px;
+  text-indent: 30px;
+  overflow: auto;
+  height: 200px;
+}
+
+.score_box >>> .el-rate {
+  margin-left: 10px;
+}
+
+.dialog_change >>> .el-dialog {
+  border-radius: 5px;
+}
+
+.dialog_change >>> .el-dialog__header {
+  background: #f2f2f2;
+  text-align: center;
+}
+
+.dialog_change >>> .el-dialog__title {
+  line-height: 5px;
+}
+
+.dialog_change >>> .el-dialog__body {
+  background: #fff;
+  padding: 10px 20px;
+}
+
+.score_box {
+  display: flex;
+  align-items: center;
+  margin-bottom: 18px;
+  margin-top: 20px;
+}
+
+.up_photo {
+  width: 120px;
+  cursor: pointer;
+  margin-top: 10px;
+}
+
+.upload_send {
+  margin: 30px auto 30px;
+  width: 60%;
+  background: #169bd6;
+  text-align: center;
+  height: 35px;
+  line-height: 35px;
+  color: #fff;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+.marginT {
+  margin-top: 20px;
+}
+
+.cd_content_steps {
+  display: flex;
+  width: 90%;
+  justify-content: space-around;
+  border-top: 1px solid #eeeeee;
+}
+
+.cd_steps_box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  cursor: pointer;
+}
+
+.first {
+  display: flex;
+  align-items: center;
+  margin: 15px 0 20px 0;
+  font-size: 20px;
+}
+
+.first > div:nth-child(2) {
+  font-size: 16px !important;
+  padding-left: 10px;
+  line-height: 26px;
+  box-sizing: border-box;
+}
+
+.blue_box_one {
+  text-align: center;
+  color: #fff;
+  background-image: linear-gradient(90deg, #7960d5, #65b9fc);
+  border-radius: 7px;
+  margin: 10px;
+  cursor: pointer;
+  width: 95%;
+  height: 45px;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.blue_box_one > div:nth-child(1) {
+  line-height: 30px;
+  margin: 0 5px 0 10px;
+  width: 30%;
+  min-width: 70px;
+  border-radius: 4px;
+}
+
+.blue_box_one > div:nth-child(2) {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+  width: 70%;
+  text-align: left;
+  margin-right: 10px;
+  max-width: calc(100% - 85px);
+}
+
+.blue_box_one > div:nth-child(2):hover {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.upFile {
+  margin: 0 auto;
+  width: 120px;
+  background: #70afdb;
+  color: #fff;
+  height: 30px;
+  text-align: center;
+  line-height: 30px;
+  border-radius: 5px;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.courseTitle {
+  background: #634fa4;
+  width: 85%;
+  margin: 10px auto;
+  height: 50px;
+  color: #fff;
+  line-height: 50px;
+  text-align: center;
+  font-size: 20px;
+  font-weight: bold;
+  border-radius: 5px;
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding: 0 10px;
+}
+
+.ml {
+  margin-left: 20px;
+  color: #5b7dba;
+  border-left: 3px solid #5b7dba;
+  padding-left: 5px;
+  font-weight: bold;
+}
+
+.return {
+  width: 2rem;
+  height: 2rem;
+  cursor: pointer;
+}
+
+.return > img {
+  width: 100%;
+  height: 100%;
+}
+
+.returnBtn {
+  background: #7b7cb3;
+  width: 65px;
+  height: 30px;
+  color: #fff;
+  text-align: center;
+  line-height: 32px;
+  margin-right: 20px;
+  cursor: pointer;
+  border-radius: 5px;
+  font-size: 14px;
+}
+
+.tool {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  width: 13%;
+  margin: 0 30px;
+  align-items: center;
+}
+
+.whiteBIcon {
+  width: 150px;
+  cursor: pointer;
+}
+
+.whiteBIcon > img {
+  width: 100%;
+  height: 100%;
+}
+
+.mask {
+  background-color: rgba(0, 0, 0, 0);
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 20000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.progressBox {
+  width: 500px;
+  height: 180px;
+  background: #fff;
+  border-radius: 10px;
+  box-shadow: 0 0 6px 1px #bfbfbf;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.progressBox .lbox {
+  height: 100px;
+  font-size: 19px;
+  display: flex;
+  align-items: center;
+}
+
+.progressBox .lbox img {
+  width: 40px;
+  margin-right: 20px;
+}
+
+.progressBox >>> .el-progress-bar__outer {
+  background-color: #d1dfff !important;
+}
+
+.progressBox .lbox {
+  height: 100px;
+  font-size: 19px;
+  display: flex;
+  align-items: center;
+}
+
+.progressBox .lbox img {
+  width: 40px;
+  margin-right: 20px;
+}
+
+.uploadVedio {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-items: center;
+  margin: 0 15px 10px 0;
+}
+
+.uploadVedio > img {
+  width: 30px;
+  height: 30px;
+}
+
+.uploadVedio > span {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 75px;
+  margin-top: 7px;
+}
+
+.picName {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 75px;
+  margin-top: 7px;
+}
+
+.new_top {
+  display: flex;
+  background: #fff;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  height: 60px;
+  position: relative;
+}
+
+.before {
+  position: absolute;
+  background: #c3dad4;
+  width: 6px;
+  height: 100%;
+}
+
+.courseIndex {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: calc(100% - 420px);
+}
+
+.courseIndex > div:nth-child(1) {
+  margin: 0 20px;
+  padding-left: 5px;
+  font-size: 24px;
+  min-width: 100px;
+  font-weight: bold;
+  border-left: 4px solid #5e539d;
+  height: 35px;
+  text-align: center;
+  line-height: 35px;
+}
+
+.courseIndex > div:nth-child(2) {
+  font-size: 23px;
+  width: 300px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.courseIndex > div:nth-child(3) {
+  border-bottom: 1px solid #d7d7d7;
+  padding-bottom: 5px;
+  background: #967cdf;
+  width: 55px;
+  min-width: 55px;
+  border-radius: 5px;
+  color: #fff;
+  text-align: center;
+  height: 20px;
+  line-height: 26px;
+  font-size: 14px;
+  margin: 0 0 0 10px;
+}
+
+.course_text {
+  padding: 20px 0 0 15px;
+  text-indent: 30px;
+  width: 80%;
+  min-height: 20px;
+}
+
+.vedioList {
+  background: #f2f2f2;
+  border: 1px solid #ececec;
+  /* width: 38.8%; */
+  width: calc(100% - 83%);
+  height: 445px;
+  border-radius: 10px;
+  overflow: hidden;
+}
+
+.vedioNav {
+  margin: 10px 0 0 15px;
+  /* border-bottom: 1px solid #d7d7d7; */
+  padding-bottom: 5px;
+  background: #b9afe3;
+  width: 55px;
+  min-width: 55px;
+  border-radius: 5px;
+  color: #fff;
+  text-align: center;
+  height: 20px;
+  line-height: 26px;
+  font-size: 14px;
+}
+
+.queTop {
+  display: flex;
+  padding: 20px 0 20px 30px;
+  width: 100%;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  border-bottom: 1px solid #eeeeee;
+  box-sizing: border-box;
+}
+
+.question {
+  width: 40px;
+  margin-right: 10px;
+  margin-top: 7px;
+}
+
+.queTitle {
+  margin-left: 5px;
+  font-size: 25px;
+  display: flex;
+  align-items: center;
+}
+
+.addEditor {
+  width: 100px;
+  height: 30px;
+  background: #42cda6;
+  color: #fff;
+  border-radius: 5px;
+  text-align: center;
+  line-height: 30px;
+  box-shadow: 1px 3px 6px 1px #bfbfbf;
+  cursor: pointer;
+}
+
+.vedioName {
+  /* text-overflow: ellipsis;
+  top: 8px;
+  font-size: 14px;
+  overflow: hidden;
+  width: 100%;
+  word-break: break-all;
+  white-space: nowrap; */
+
+  cursor: pointer;
+  margin: 0px 0px 10px 5px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+}
+
+.vedioTime {
+  width: 35px;
+  position: absolute;
+  color: #fff;
+  bottom: 0px;
+  right: 0px;
+  text-align: center;
+  background: #46411f;
+  height: 20px;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.homework {
+  width: 200px;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: center;
+  cursor: pointer;
+}
+
+.homebox {
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 15px 0;
+}
+
+.isChooseActive {
+  color: #5c549f;
+  border-bottom: 2px solid #5c549f;
+}
+
+.chooseWho {
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  padding-bottom: 10px;
+}
+
+.chooseWho > div {
+  cursor: pointer;
+  padding-bottom: 10px;
+  margin: 0 30px;
+}
+
+.addPoint > div > img {
+  cursor: pointer;
+  margin: 0 10px;
+  width: 85px;
+  border-radius: 15px;
+  box-shadow: 0px 1px 8px 0px rgb(20 20 20 / 14%);
+}
+
+.addPoint > div {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.isBorder > div {
+  margin: 0 0 10px 0;
+  align-items: flex-start !important;
+}
+
+.noiframeBox {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.iframeBox iframe {
+  width: 100%;
+  height: 800px;
+  border: none;
+  margin-bottom: 20px;
+  border: 1px solid #ccc;
+}
+
+.upload_toolBtn {
+  background: #6b92c9;
+  color: #fff;
+  width: 110px;
+  text-align: center;
+  height: 35px;
+  line-height: 35px;
+  font-size: 14px;
+  border-radius: 5px;
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  bottom: 0;
+}
+
+.binfo_input,
+.pj {
+  font: inherit;
+  color: currentColor;
+  width: 100%;
+  margin: 0;
+  padding: 15px 14px;
+  display: block;
+  min-width: 0;
+  outline: none;
+  box-sizing: content-box;
+  background: none;
+  -webkit-tap-highlight-color: transparent;
+  border: 1px solid rgba(0, 0, 0, 0.23);
+  border-radius: 4px;
+  box-sizing: border-box;
+  resize: none;
+}
+
+.binfo_input:focus-visible {
+  border: 1px solid rgba(61, 103, 188);
+}
+
+.dialog_diy >>> .el-dialog__header,
+.dialog_diy1 >>> .el-dialog__header {
+  background: #454545 !important;
+  padding: 15px 20px;
+}
+
+.dialog_diy >>> .el-dialog__title,
+.dialog_diy1 >>> .el-dialog__title {
+  color: #fff;
+}
+
+.dialog_diy >>> .el-dialog__headerbtn,
+.dialog_diy1 >>> .el-dialog__headerbtn {
+  top: 19px;
+}
+
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close,
+.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close {
+  color: #fff;
+}
+
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover,
+.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close:hover {
+  color: #fff;
+}
+
+.dialog_diy1 >>> .el-dialog__body {
+  padding: 0;
+}
+
+.dialog_diy >>> .el-dialog__body,
+.dialog_diy >>> .el-dialog__footer,
+.dialog_diy1 >>> .el-dialog__footer {
+  background: #fafafa;
+}
+
+.a_addBox {
+  margin: 10px 0;
+  background: #fff;
+  padding: 15px;
+  max-height: 400px;
+  overflow: auto;
+}
+
+.a_add_box {
+  border-bottom: 2px solid #eee;
+  padding-bottom: 10px;
+}
+
+.a_add_head {
+  display: flex;
+  align-items: flex-start;
+  /* justify-content: space-between; */
+  flex-direction: column;
+  margin: 10px 0;
+  font-size: 18px;
+  width: 100%;
+}
+
+.a_add_head .a_add_head_input {
+  width: 300px;
+}
+
+.a_add_head .a_add_head_div {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.a_add_body {
+  display: flex;
+  align-items: center;
+}
+
+.a_add_input {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.a_add_input >>> el-radio-group {
+  margin: 10px 0;
+}
+
+.a_add_input >>> .el-radio {
+  margin-bottom: 10px;
+}
+
+.redioStyle >>> .el-radio__label {
+  font-size: 18px;
+}
+
+.redioStyle >>> .el-checkbox__label {
+  font-size: 18px;
+}
+
+.toolHeng2 {
+  width: 100%;
+}
+
+.toolHeng {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+}
+
+.toolHeng > div {
+  padding-left: 20px;
+}
+
+.isWidth {
+  width: 20%;
+}
+
+.textTitle {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  width: 95%;
+}
+
+.textTitle >>> .el-form-item__label {
+  font-size: 22px;
+  color: #918f8f;
+  width: 100px;
+}
+
+.textTitle >>> .el-form-item__content {
+  width: calc(100% - 100px);
+}
+
+.textCss >>> .el-dialog {
+  width: 800px !important;
+  height: 400px;
+  background: #fafafa;
+}
+
+.textCss >>> .el-dialog__body {
+  margin: 55px 8% 0 8%;
+  padding: 0 !important;
+}
+
+.textCss >>> .el-dialog__footer {
+  padding-top: 38px;
+}
+
+.toolsCss >>> .el-dialog__body {
+  padding: 20px;
+}
+
+.lineCss >>> .el-dialog__body {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+
+.newNav {
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  justify-content: flex-start;
+}
+
+.navText {
+  cursor: pointer;
+  margin: 0px 0px 10px 5px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  /* width: 300px; */
+  width: 100%;
+}
+
+.noVedio {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-content: center;
+}
+
+.noNavText {
+  cursor: pointer;
+  margin: 0px 0px 10px 5px;
+  width: 112px;
+}
+
+.listNoVedio {
+  margin: 0 0 0 30px;
+  width: 97%;
+}
+
+.video-player >>> .video-js {
+  height: 100%;
+}
+
+.hangVedioList {
+  width: 90% !important;
+  height: 150px !important;
+  margin: 20px 0 0 30px;
+}
+
+.hangVedio {
+  width: 100%;
+  height: 170px !important;
+  align-items: flex-start !important;
+}
+
+.hangHand {
+  height: 150px !important;
+}
+
+.twoChild {
+  width: 95%;
+  margin: 10px;
+  border-radius: 5px;
+  background: #f2f2f2;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  transition: all 0.5s;
+  overflow: hidden;
+  height: 0;
+  background: #e7f3ff;
+}
+
+.twoChild > div:nth-child(1) {
+  margin-top: 5px;
+}
+
+.navChild {
+  width: 100%;
+  cursor: pointer;
+  margin-bottom: 10px;
+  position: relative;
+}
+.navChild img {
+  position: absolute;
+  right: 11px;
+  width: 15px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.navActive {
+  height: auto;
+}
+
+.navTask {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  align-content: flex-start;
+  height: 40px;
+  justify-content: flex-start;
+  padding: 0 10px;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.navTaskname {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+  padding-left: 5px;
+}
+
+.openTaskActive {
+  color: #947edc;;
+}
+
+.iframeName {
+  margin: 5px 0;
+  border-left: 4px solid #41c4a4;
+  padding-left: 4px;
+}
+
+.toolTitle {
+  margin: 0px 0px 20px;
+  font-size: 20px;
+  font-weight: 500;
+  border-left: 4px solid #41c4a4;
+  padding-left: 4px;
+}
+
+.cru_selectBox {
+  overflow: auto;
+  width: 96%;
+  margin: 0 auto;
+  height: calc(100% - 40px - 21px - 20px);
+}
+
+.cru_selectBox::-webkit-scrollbar,
+.study_top::-webkit-scrollbar,
+.textContent::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 6px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  height: 6px;
+}
+
+/*定义滚动条轨道 内阴影+圆角*/
+.cru_selectBox::-webkit-scrollbar-track,
+.study_top::-webkit-scrollbar-track,
+.textContent::-webkit-scrollbar {
+  border-radius: 10px;
+  background-color: #b8bdc9;
+}
+
+/*定义滑块 内阴影+圆角*/
+.cru_selectBox::-webkit-scrollbar-thumb,
+.study_top::-webkit-scrollbar-thumb,
+.textContent::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgb(96, 125, 184);
+  background-color: #2c5ab3;
+}
+
+.vedioBox {
+  border-radius: 20px;
+  background: #fff;
+  margin-bottom: 10px;
+}
+
+.taskBox {
+  margin: 15px auto 20px;
+  background: #f7f7f7;
+  width: 97%;
+  border-radius: 10px;
+}
+
+.vedioTaskBox {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.toolBox {
+  padding: 20px 0 0 0;
+  display: flex;
+}
+
+.btnAll {
+  position: absolute;
+  right: 0;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.vedioTimeBox {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: nowrap;
+  position: relative;
+}
+
+.navBox {
+  background: rgb(255, 255, 255);
+  height: 400px;
+  padding: 5px 1px 0 1px;
+  overflow: auto;
+}
+
+.worksBox {
+  padding: 5px 0 0 10px;
+  border-bottom: 1px solid #eeeeee;
+}
+
+.worksBTitle {
+  font-size: 20px;
+  padding-bottom: 15px;
+  border-bottom: 1px solid #eeeeee;
+  display: flex;
+  align-items: center;
+}
+
+.greenBox {
+  width: 5px;
+  height: 30px;
+  background: #63b6fa;
+  margin-right: 5px;
+}
+
+.worksDetailBox {
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-start;
+  padding: 15px 0;
+}
+
+.works {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  justify-content: flex-start;
+  align-content: center;
+  max-width: 240px;
+  width: calc(100% / 3 - 10px);
+  height: auto;
+  margin-right: 10px;
+  margin-bottom: 10px;
+  overflow: hidden;
+  height: 140px;
+  box-shadow: 0 0 6px 1px #dfdada;
+  border-radius: 15px;
+}
+
+.workImg {
+  width: 100%;
+  /* height: calc(100% - 40px); */
+  height: 105px;
+  position: relative;
+}
+
+.workImg > img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.worksName {
+  height: 40px;
+  line-height: 40px;
+  display: flex;
+  width: 92%;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-items: center;
+  margin: 0 10px;
+}
+
+.worksName > div:nth-child(1) {
+  width: 48px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.worksName > div:nth-child(2) {
+  color: #b7b4b5;
+}
+
+.noWorksS {
+  padding: 15px 0;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.noWorksName,
+.isWorksName {
+  background: #967cdf;
+  color: #fff;
+  width: 90px;
+  height: 25px;
+  text-align: center;
+  line-height: 25px;
+  border-radius: 5px;
+  margin: 10px 15px 10px 0;
+  white-space: nowrap;
+  overflow: hidden;
+  padding: 5px;
+  text-overflow: ellipsis;
+}
+
+.isWorksName {
+  cursor: pointer;
+  background: #967cdf !important;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  position: relative;
+}
+.noWorksName:hover {
+  background: #8363dc !important;
+}
+
+.title {
+  background: #74679c;
+  /* width: 98%; */
+  height: 45px;
+  color: #fff;
+  line-height: 45px;
+  padding-left: 20px;
+  box-sizing: border-box;
+}
+
+.textBox {
+  font-size: 20px;
+  width: 90%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 20px auto 0;
+}
+
+.textContent {
+  font-size: 18px;
+  height: 450px;
+  width: 95%;
+  overflow: auto;
+  line-height: 30px;
+}
+
+.answerBg {
+  background: url("../../assets/icon/answerBgNew.png") no-repeat;
+  background-size: 100% 100%;
+  width: 100%;
+  height: 100%;
+  color: #fff;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: center;
+  position: relative;
+}
+
+.answerBg > div:nth-child(1) {
+  font-size: 22px;
+  padding: 25px 0 10px;
+}
+
+.answerContent {
+  width: 215px;
+  height: 60px;
+  word-break: break-all;
+  text-align: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.elist_input_box {
+  display: flex;
+  align-items: flex-start;
+  flex-wrap: nowrap;
+  padding: 10px 0 15px 30px;
+  flex-direction: column;
+}
+
+.elist_input {
+  /* width: 40%; */
+  width: 100%;
+}
+
+.elist_input .elist_input_box input {
+  font: inherit;
+  color: currentColor;
+  width: 200px;
+  padding: 8px 14px;
+  display: block;
+  min-width: 0;
+  outline: none;
+  border: 1px solid rgba(0, 0, 0, 0.23);
+  border-radius: 4px;
+  box-sizing: border-box;
+  background: #fff;
+  margin: 0 20px 0 0;
+}
+
+.elist_input .elist_input_box span {
+  height: 36px;
+  line-height: 36px;
+  color: rgb(82, 82, 82);
+}
+
+.elist_input .elist_input_box .remove {
+  height: 20px;
+  width: 20px;
+  background-size: 100% 100%;
+  background-position: unset;
+  margin-left: 5px;
+}
+
+.elist_input_box >>> .el-rate {
+  display: flex;
+  height: 36px;
+  align-items: center;
+}
+
+.elist_input_box .elist_inptu_text {
+  min-height: 50px;
+  /* width: 500px;
+  max-height: 150px; */
+  width: 100%;
+  line-height: 50px;
+  color: rgb(82, 82, 82);
+  overflow: auto;
+  text-indent: 5px;
+  background: #f7f6f9;
+  border-radius: 10px;
+}
+
+.elist_input_box .elist_inptu_text input {
+  width: 500px;
+}
+
+.elist_input_box >>> .el-rate__icon {
+  font-size: 24px;
+}
+
+.isClick {
+  background: #947edc;
+}
+
+.bzBox {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.bzBox > div:nth-child(1) {
+  width: 4px;
+  height: 40px;
+  background-image: linear-gradient(180deg, #2c5cbd, #a1cff4);
+}
+
+.bzBox > div:nth-child(2) {
+  font-size: 23px;
+  font-weight: bold;
+  padding: 0px 0px 0 10px;
+}
+
+.navTitile {
+  padding: 0 0px 0 15px;
+  background: #74679c;
+  color: #fff;
+  height: 40px;
+  line-height: 40px;
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+}
+
+.isTypeOne {
+  width: 240px;
+  height: 170px;
+  /* border: 1px solid #f8f8f8; */
+  border-radius: 10px;
+  box-shadow: 0 0 6px 1px #dfdada;
+}
+
+.e_add_top {
+  display: flex;
+  justify-content: space-between;
+  padding: 20px 20px 0 20px;
+  border-radius: 3px;
+  background: #fff;
+}
+
+.e_add_title2 {
+  display: flex;
+  align-items: center;
+}
+
+.e_add_title2 span {
+  width: 40px;
+}
+
+.e_add_title {
+  display: flex;
+  align-items: center;
+  color: #b8b8b8;
+  font-size: 18px;
+  position: relative;
+  height: 40px;
+}
+
+.e_add_title span {
+  margin-right: 10px;
+}
+
+.e_add_title .el_input {
+  width: 300px;
+}
+
+.e_add_title >>> .el-input__inner {
+  width: 400px;
+}
+
+.e_add_btn {
+}
+
+.e_add_content {
+  display: flex;
+  width: 100%;
+  max-width: 650px;
+  height: 550px;
+}
+
+.e_add_list {
+  background: #fff;
+  height: 500px;
+  width: 210px;
+  position: relative;
+  margin: 15px 5px 0 0;
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.e_add_list_title {
+  font-size: 20px;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 15px 40px;
+  text-align: center;
+  border-bottom: 1px solid #eaeaea;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 57px;
+  background: #f6f6f6;
+}
+
+.e_add_list_title span {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.e_add_list_title img {
+  position: absolute;
+  right: 15px;
+  width: 25px;
+  cursor: pointer;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.e_add_list_body {
+  height: calc(100% - 187px);
+  overflow: auto;
+}
+
+.e_add_list_child {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  padding: 15px 40px;
+  text-align: center;
+}
+
+.e_add_list_child span {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+
+.e_add_list_child img {
+  position: absolute;
+  right: 10px;
+  width: 21px;
+  cursor: pointer;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.e_add_list_child + .e_add_list_child {
+  border-top: 1px solid #eaeaea;
+}
+
+.e_add_list_child .active {
+  color: #409eff;
+}
+
+.e_add_list_btn {
+  position: absolute;
+  bottom: 0;
+  height: 50px;
+  background: rgb(120, 120, 254);
+  width: 100%;
+  color: #fff;
+  font-size: 16px;
+  text-align: center;
+  line-height: 50px;
+  cursor: pointer;
+}
+
+.e_add_list_detail {
+  position: absolute;
+  bottom: 0;
+  height: 130px;
+  background: rgb(120, 120, 254);
+  width: 100%;
+  color: #fff;
+  font-size: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.e_add_list_detail textarea {
+  height: 90%;
+  width: 95%;
+  border: none;
+  resize: none;
+  outline: none;
+  padding: 5px;
+  box-sizing: border-box;
+}
+
+.e_add_list_pbox {
+  width: 100%;
+  max-width: 650px;
+  /* height: 600px; */
+}
+
+.e_add_list_pbox_title {
+  height: 50px;
+  background: #fff;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 20px;
+}
+
+.type_title {
+  font-size: 18px;
+  font-weight: 700;
+}
+
+.type_content {
+  font-size: 16px;
+  margin-left: 30px;
+}
+
+.type_content span + span {
+  margin-left: 20px;
+}
+
+.type_content span {
+  cursor: pointer;
+  padding-bottom: 5px;
+  box-sizing: border-box;
+}
+
+.type_content .active {
+  color: #5c549f;
+  border-bottom: 2px solid #5c549f;
+}
+
+.e_add_list_pbox_content {
+  height: calc(100% - 50px);
+  display: flex;
+  align-items: center;
+  width: 100%;
+  background: #fff;
+}
+
+.evaCss {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+}
+
+.cru_line {
+  position: absolute;
+  bottom: 0px;
+  transition: all 0.5s;
+  left: 0px;
+  width: 125px;
+  margin-left: -25px;
+}
+
+.isNoMessage {
+  width: 20%;
+  margin: 25% auto 0;
+}
+
+.isNoMessage > img {
+  width: 100%;
+  height: 100%;
+}
+
+.fullStyle >>> .el-dialog__body {
+  height: 100% !important;
+}
+
+.fullStyle >>> .el-dialog,
+.fullStyle {
+  width: 100% !important;
+  max-width: 100% !important;
+  height: 100% !important;
+  margin: 0 !important;
+}
+
+.full_diy >>> .el-dialog {
+  margin: 0 !important;
+  height: 100%;
+  padding: 4px;
+}
+
+.full_diy >>> .el-dialog__body {
+  height: calc(100% - 100px);
+}
+
+.switchCss {
+  /* width: 100%; */
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  /* justify-content: center; */
+}
+
+.isClickNav {
+  color: #947edc;;
+}
+
+.commentImg {
+  width: 25px;
+  height: 25px;
+  cursor: pointer;
+}
+
+.commentImg > img {
+  width: 100%;
+  height: 100%;
+}
+
+.comment {
+  background: #f9f9f9;
+  border-radius: 0 0 15px 15px;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: flex-end;
+  height: 35px;
+}
+
+.commentList {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: center;
+  align-content: center;
+  /* margin-left: 15px; */
+  margin-left: 8px;
+}
+.scoreImg {
+  width: 17px;
+  height: 17px;
+}
+.studentDetail {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  /* align-items: center; */
+  align-items: flex-start;
+}
+
+.tx {
+  width: 50px;
+}
+
+.tx > img {
+  width: 100%;
+  height: 100%;
+}
+
+.nameAndTime {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  margin-left: 10px;
+}
+
+.worksAnswer {
+  color: #4078dd;
+  margin: 10px 0;
+  font-size: 16px;
+}
+
+.worksAnswer > img {
+  width: 100%;
+  height: 100%;
+}
+
+.commentTop {
+  border-bottom: 1px solid #eaeaea;
+  padding-bottom: 10px;
+}
+
+.commentBox {
+  padding-top: 15px;
+}
+
+.pl {
+  font-size: 18px;
+}
+
+.plName {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: baseline;
+  color: #78787a;
+}
+
+.evalCss {
+  background: #fff;
+  font-size: 18px;
+}
+
+.nav {
+  color: #9d9d9d;
+  padding: 5px 0 15px 20px;
+}
+
+.middleBox {
+  padding: 5px 0 15px 20px;
+}
+
+.pfBox {
+  padding-bottom: 30px;
+}
+
+.nameAndrate {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  padding-bottom: 10px;
+}
+
+.nameAndrate > div {
+  margin-left: 10px;
+  color: #000;
+}
+
+.pfBox > div:nth-child(2) {
+  background: #f7f6f9;
+  width: 400px;
+  min-height: 45px;
+  border-radius: 10px;
+  font-size: 16px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  padding: 10px 20px;
+  box-sizing: border-box;
+  color: #000;
+}
+
+.bz {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+}
+
+.bz > div {
+  padding: 0 10px;
+}
+
+.select_box2_title {
+  background: #fff;
+  border-radius: 5px;
+  padding: 15px 10px;
+  box-sizing: border-box;
+  margin-bottom: 10px;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.select_box2_title > div:nth-child(2) {
+  margin-left: 10px;
+  color: #c4c4c4;
+}
+
+.select_box2_box {
+  display: flex;
+  height: 500px;
+}
+
+.select_box2_img {
+  width: calc(100% - 310px);
+  height: 100%;
+  overflow: auto;
+  background: #fff;
+  border-radius: 5px;
+}
+
+.select_box2_img img {
+  width: 100%;
+}
+
+.select_box2_answer {
+  background: #fff;
+  margin-left: 10px;
+  border-radius: 5px;
+  width: 300px;
+  overflow: auto;
+  height: 90%;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding-top: 10px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.select_answer_title {
+  padding: 0 0 15px 20px;
+  color: #c4c4c4;
+}
+
+.select_box2_answer_box {
+  margin: 0 0 10px 20px;
+  width: 85%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.select_box2_answer_box >>> .el-input.is-disabled .el-input__inner {
+  color: #000;
+}
+
+.upAnswerCss {
+  position: absolute;
+  bottom: 15px;
+  right: 15px;
+}
+
+.upAnswerCss >>> .el-button {
+  width: 95px;
+  height: 35px;
+  line-height: 35px;
+  padding: 0;
+}
+
+.rightWidthCss {
+  width: 60%;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+}
+
+.rightAnswer {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  color: red;
+  margin-bottom: 31px;
+}
+
+.rightAnswerCss {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  padding-top: 60px;
+}
+
+.blueCss {
+  color: #767de1;
+  margin-left: 10px;
+}
+
+.redCss {
+  color: red;
+}
+
+.redioStyle >>> .el-radio__input.is-checked + .el-radio__label {
+  color: rgb(0 123 255) !important;
+}
+.redioStyle >>> .el-checkbox__input.is-checked + .el-checkbox__label {
+  color: rgb(0 123 255) !important;
+}
+
+.zuoyeYulan {
+  padding-top: 15px;
+  font-size: 18px;
+  display: flex;
+  align-items: flex-end;
+}
+
+.buttonA {
+  margin-left: 10px;
+  padding: 0;
+  color: #8681b7;
+}
+
+.displayBox {
+  margin-bottom: 10px;
+  display: block;
+  border-bottom: 3px solid #eee;
+  display: flex;
+  align-items: center;
+}
+
+.easy_comment {
+  width: calc(100% - 90px);
+  margin-left: 10px;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.easy_comment > div {
+  border: 1px solid #4a4a4a;
+  color: #666;
+  border-radius: 15px;
+  padding: 5px 10px;
+  font-size: 16px;
+  margin-bottom: 10px;
+  margin-right: 5px;
+  cursor: pointer;
+}
+
+.easy_comment div:hover {
+  border: 1px solid #f7ba2a;
+  color: #c69217;
+}
+
+.xuan_right_box {
+  padding: 10px;
+  background: rgb(247, 247, 247);
+  margin: 10px 12px;
+  border-radius: 5px;
+}
+
+.tool_right_box {
+  display: flex;
+  align-items: center;
+}
+
+.tool_right_box + .tool_right_box {
+  margin-top: 10px;
+}
+
+.right_box_xuan {
+  background: rgb(0 123 255);
+  color: #fff;
+  border-radius: 5px;
+  padding: 5px;
+  margin-left: 10px;
+}
+
+.pButton {
+  position: fixed;
+  /* right: 5%; */
+  /* bottom: 5%; */
+  color: #fff;
+  /* width: 50px;
+  height: 50px; */
+  /* border-radius: 50%; */
+  text-align: center;
+  /* line-height: 50px; */
+  /* background-image: -webkit-linear-gradient(left, #72aaf4, #4d81d5); */
+  cursor: pointer;
+  z-index: 999;
+  right: 0;
+  top: 83px;
+  width: 50px;
+  height: 50px;
+  background: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0px 0 8px 0px #c5c5c5;
+}
+
+.pzClass {
+  width: calc(100% - 340px);
+}
+
+.newDialogCss {
+  /* position: fixed;
+  right: 5%;
+  top: 50%;
+  width: 340px;
+  transform: translateY(-50%);
+  height: 60%;
+  box-shadow: 0px 0 8px 0px #555555;
+  border-radius: 15px;
+  z-index: 999; */
+  position: fixed;
+  right: 0;
+  top: 70px;
+  width: 340px;
+  height: calc(100% - 80px);
+  z-index: 999;
+  background: #fff;
+  border-radius: 15px;
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+  overflow: hidden;
+}
+
+.pzTop {
+  color: #fff;
+  background: #000;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: space-between;
+  height: 40px;
+  border-radius: 15px 15px 0 0;
+}
+
+.pzTop2 .checkbox {
+  display: flex;
+  align-items: center;
+  padding: 15px 30px;
+  flex: 0 0 auto;
+  font-weight: bold;
+  border-bottom: 1px solid #eee;
+  justify-content: space-between;
+}
+
+.pzTop2 .check {
+  text-align: center;
+  cursor: pointer;
+  box-sizing: border-box;
+  display: flex;
+}
+
+.pzTop2 img {
+  width: 25px;
+  cursor: pointer;
+}
+
+.pzTop > div:nth-child(1) {
+  padding-left: 10px;
+}
+
+.pzTop > div:nth-child(2) {
+  width: 15px;
+  height: 15px;
+  padding-right: 10px;
+  cursor: pointer;
+}
+
+.pzTop > div:nth-child(2) > img {
+  width: 100%;
+  height: 100%;
+}
+
+.pzBox,
+.noPzBox {
+  height: calc(100% - 60px);
+  /* background: #ededed; */
+  background: #fff;
+  /* border-radius: 0 0 15px 15px; */
+}
+
+.noPzBox {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-items: center;
+}
+
+.pzList {
+  background: #f7f7f7;
+  width: 90%;
+  margin: 0 auto 15px;
+  border-radius: 5px;
+}
+
+.pzNavTop {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  padding: 10px 10px 0 10px;
+  align-items: center;
+}
+
+.pzDelete {
+  cursor: pointer;
+  margin-left: auto;
+  font-size: 14px;
+  color: #afafaf;
+}
+
+.pzNavTop > div:nth-child(1) {
+  background: #967cdf;
+  width: 35px;
+  height: 35px;
+  color: #fff;
+  text-align: center;
+  line-height: 35px;
+  border-radius: 50%;
+  font-size: 14px;
+}
+
+.pzNavTop > div:nth-child(2) {
+  font-size: 18px;
+  color: #959595;
+  margin-left: 5px;
+}
+
+.pzContent {
+  padding: 10px;
+  word-break: break-word;
+}
+
+.pzContent audio {
+  width: 100%;
+}
+
+.pzContent audio::-webkit-media-controls-panel {
+  background: #fff;
+}
+
+.pzListBox {
+  padding-top: 15px;
+  height: calc(100% - 60px);
+  overflow: auto;
+}
+
+.addPzButton {
+  position: relative;
+  margin-top: 3px;
+  width: 100%;
+}
+
+.addPzButton .img1 {
+  position: absolute;
+  top: 50%;
+  right: 25px;
+  transform: translateY(-50%);
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.addPzButton .img1 div {
+  display: flex;
+}
+
+.addPzButton .img1 div img {
+  width: 28px;
+  margin-left: 10px;
+  cursor: pointer;
+}
+
+.addPzButton .img1 div span {
+  font-size: 14px;
+  margin: 4px 0 0 3px;
+  color: #afafaf;
+}
+
+.addPz {
+  background:#8681b7;
+  width: 100px;
+  color: #fff;
+  font-size: 12px;
+  height: 30px;
+  margin: 0 auto;
+  text-align: center;
+  line-height: 30px;
+  border-radius: 10px;
+  cursor: pointer;
+}
+
+.addDialogCss {
+  position: fixed;
+  right: 37%;
+  top: 50%;
+  width: 600px;
+  transform: translateY(-50%);
+  height: 70%;
+  min-height: 450px;
+  box-shadow: 0px 0 8px 0px #555555;
+  border-radius: 15px;
+  z-index: 999;
+}
+
+.teacherPz {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+
+.teacherPzImg {
+  width: 30px;
+  height: 30px;
+}
+
+.teacherPzImg > img {
+  width: 100%;
+  height: 100%;
+}
+
+.addPzBox {
+  height: calc(100% - 40px);
+  background: #ededed;
+}
+
+.pzAudioClass {
+  margin: 15px 14px;
+  background: #fff;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.pzConText {
+  width: 95%;
+  height: 100%;
+  margin: 10px auto 0;
+  border: none;
+  background: #fff;
+  border-radius: 0px;
+}
+
+.pzConText >>> .text {
+  height: calc(100% - 82px);
+}
+
+.addTextCss {
+  background: #8681b7;
+  width: 80px;
+  height: 30px;
+  text-align: center;
+  color: #fff;
+  line-height: 30px;
+  border-radius: 10px;
+  margin: 10px auto 0;
+  cursor: pointer;
+}
+
+.pzConText:focus-visible {
+  border: none !important;
+}
+
+.maxWidth {
+  width: 1000px;
+}
+
+.noPz {
+  width: 150px;
+  margin: 0 auto 20%;
+}
+
+.noPz > img {
+  width: 100%;
+  height: 100%;
+}
+
+.pzList .time {
+  text-align: right;
+  box-sizing: border-box;
+  padding: 0 10px 10px 0px;
+  color: #949494;
+  font-size: 14px;
+}
+
+/* table 样式 */
+.cont >>> table {
+  border-top: 1px solid #ccc;
+  border-left: 1px solid #ccc;
+}
+
+.cont >>> table td,
+.cont >>> table th {
+  border-bottom: 1px solid #ccc;
+  border-right: 1px solid #ccc;
+  padding: 3px 5px;
+}
+
+.cont >>> table th {
+  border-bottom: 2px solid #ccc;
+  text-align: center;
+}
+
+/* blockquote 样式 */
+.cont >>> blockquote {
+  display: block;
+  border-left: 8px solid #d0e5f2;
+  padding: 5px 10px;
+  margin: 10px 0;
+  line-height: 1.4;
+  font-size: 100%;
+  background-color: #f1f1f1;
+}
+
+.addPzCheck {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  padding: 10px 15px 0;
+}
+
+.addPzCheck span {
+  cursor: pointer;
+  padding-bottom: 5px;
+  font-weight: bold;
+}
+
+.addPzCheck span + span {
+  margin-left: 10px;
+}
+
+.addPzCheck .isChooseActive {
+  color: #5c549f;
+  border-bottom: 2px solid #5c549f;
+}
+
+/* code 样式 */
+.cont >>> code {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+  background-color: #f1f1f1;
+  border-radius: 3px;
+  padding: 3px 5px;
+  margin: 0 3px;
+}
+
+.cont >>> pre code {
+  display: block;
+}
+
+/* ul ol 样式 */
+.cont >>> ul,
+ol {
+  margin: 10px 0 10px 20px;
+}
+
+.scoreBox,
+.scoreDetailBox {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  margin-top: 20px;
+  font-size: 18px;
+  width: 100%;
+}
+.scoreBox .t,
+.scoreDetailBox .t {
+  margin-right: 10px;
+  width: 100px;
+  text-align: right;
+}
+.scoreDetailBox {
+  align-items: flex-start;
+}
+.scoreDetailBox >>> .el-textarea {
+  width: calc(100% - 200px);
+}
+
+.scoreBox >>> .el-input {
+  width: 130px;
+  font-size: 38px;
+}
+
+.scoreBox >>> .el-input__inner {
+  height: 60px;
+}
+
+.answerScore {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  background: #0000008f;
+  border-radius: 5px;
+  padding: 3px 5px;
+  font-size: 14px;
+  color: #fff;
+  cursor: pointer;
+}
+
+.open_box .switch_box {
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: space-between;
+}
+
+.open_box .switch_box + .switch_box {
+  margin-top: 10px;
+}
+
+.deleteImg {
+  width: 25px !important;
+  height: 25px !important;
+  cursor: pointer;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+}
+
+.deleteImg2 {
+  width: 15px !important;
+  height: 15px !important;
+  top: 5px;
+  right: 5px;
+}
+
+.rightW {
+  right: 40px;
+}
+</style>

src/components/GM/worksGM.vue

@@ -0,0 +1,2833 @@
+<template>
+  <div class="pb_content" style="background: #fff">
+    <div class="pb_content_body">
+      <div class="body_student">
+        <div class="student_head">
+          <div class="box_course">
+            <div class="wheel">
+              <img
+                :src="
+                  studentMessage.headportrait != null
+                    ? studentMessage.headportrait
+                    : tx
+                "
+                alt=""
+              />
+            </div>
+            <div class="right_box">
+              <div class="right_box_title">{{ studentMessage.name }}</div>
+              <div class="people">
+                <div>
+                  <span>班级：</span><span>{{ studentMessage.cname }}</span>
+                </div>
+                <div style="margin-left: 50px">
+                  <span>所属学校：</span><span>{{ studentMessage.sname }}</span>
+                </div>
+              </div>
+              <div>
+                <span>手机号码：</span
+                ><span>{{ studentMessage.phonenumber }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="student_body" v-if="!dialogVisible">
+          <div class="student_table">
+            <el-table
+              ref="table"
+              :data="tableData1"
+              border
+              :height="tableHeight"
+              :fit="true"
+              style="width: 100%"
+              :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }"
+              :row-class-name="tableRowClassName"
+            >
+              <el-table-column
+                prop="title"
+                label="项目"
+                min-width="30"
+                align="center"
+              ></el-table-column>
+              <el-table-column
+                prop="uname"
+                label="创建人"
+                min-width="30"
+                align="center"
+              ></el-table-column>
+              <el-table-column
+                prop="time"
+                label="时间"
+                min-width="20"
+                align="center"
+              ></el-table-column>
+              <el-table-column label="操作" min-width="30">
+                <template slot-scope="scope">
+                  <el-button
+                    class="btnClassGM"
+                    type="primary"
+                    size="small"
+                    @click="getCourseDetail(scope.row.courseid)"
+                    >查看作业</el-button
+                  >
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div class="student_page" style="padding: 10px 0">
+            <el-pagination
+              background
+              layout="prev, pager, next"
+              :page-size="10"
+              :total="total"
+              v-if="page"
+              @current-change="handleCurrentChange"
+            ></el-pagination>
+          </div>
+        </div>
+      </div>
+      <el-dialog
+        title="查看作业"
+        :visible.sync="dialogVisible3"
+        :append-to-body="true"
+        :before-close="handleClose"
+        width="100%"
+        class="dialog_diy2 max_diy"
+        :class="{ fullStyle: full }"
+      >
+        <div slot="title" class="header-title">
+          <div style="color: #fff" class="btnClassGM">查看作业</div>
+          <div style="position: absolute; top: 14px; right: 50px">
+            <img
+              src="@/assets/full.png"
+              style="height: 14px; cursor: pointer"
+              alt=""
+              @click="fullTools"
+            />
+          </div>
+        </div>
+        <div class="zyBoxC">
+          <div class="courseTitle" v-if="allWorks.course">
+            <div class="txName">
+              <div class="tx"><img :src="tx" alt="" /></div>
+              <div>{{ allWorks.sName }}</div>
+            </div>
+            <div>{{ allWorks.course }}</div>
+          </div>
+          <div class="cBox">
+            <div class="pb_left">
+              <el-tooltip
+                class="cTitle"
+                effect="light"
+                :content="allWorks.course"
+                placement="top"
+              >
+                <div>{{ allWorks.course }}</div>
+              </el-tooltip>
+              <div class="ml">目录</div>
+              <div class="cru_selectBox">
+                <div v-for="(dy, dyIndex) in dyList2" :key="dyIndex">
+                  <div class="blue_box_one" @click="isOpen(dyIndex)">
+                    <div>第{{ dy.id + 1 }}阶段</div>
+                    <div>{{ dy.name }}</div>
+                  </div>
+                  <div
+                    class="twoChild"
+                    :class="{
+                      navActive: dy.isOpen,
+                    }"
+                  >
+                    <div
+                      class="navChild"
+                      v-for="(nav, navIndex) in dy.taskList"
+                      :key="navIndex"
+                    >
+                      <div
+                        class="navTask"
+                        @click="openTask(dy.id, nav.id)"
+                        :class="{
+                          openTaskActive:
+                            nav.id == taskCount &&
+                            dy.id + '-' + nav.id == navId &&
+                            dy.id == stageIndex,
+                        }"
+                      >
+                        <div
+                          class="vedioNav"
+                          :class="{
+                            isClick:
+                              nav.id == taskCount &&
+                              dy.id + '-' + nav.id == navId &&
+                              dy.id == stageIndex,
+                          }"
+                          style="margin: 0"
+                        >
+                          任务{{ navIndex + 1 }}
+                        </div>
+                        <el-tooltip
+                          class="navTaskname item"
+                          effect="light"
+                          :content="nav.name"
+                          placement="top"
+                        >
+                          <div>{{ nav.name }}</div>
+                        </el-tooltip>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="shuBox"
+              v-if="worksDetail.length"
+              :class="{ fullBox: full }"
+            >
+              <div class="allBox" v-for="(sin, sIndex) in sInfo" :key="sIndex">
+                <div
+                  class="zyBox"
+                  v-if="sin.course"
+                  :class="{ fullZyBox: full }"
+                >
+                  <div class="top">
+                    <div class="jdName">
+                      <div>
+                        {{
+                          "第" +
+                          (sin.stage + 1) +
+                          "阶段 " +
+                          dyList[sin.stage].name
+                        }}
+                      </div>
+                      <div
+                        class="taskName"
+                        style="width: 100%; justify-content: space-between"
+                      >
+                        <div
+                          class="taskName"
+                          :id="sin.stage + '-' + sin.task"
+                          :scrollindex="sIndex"
+                        >
+                          <div class="task">任务{{ sin.task + 1 }}</div>
+                          <div>
+                            {{ dyList[sin.stage].taskList[sin.task].name }}
+                          </div>
+                        </div>
+                        <div v-if="worksDetail[sIndex].wpptInfo.length > 0">
+                          <el-button
+                          class="btnClassGM"
+                            type="primary"
+                            size="small"
+                            @click="openFile(worksDetail[sIndex].wpptInfo[0])"
+                          >
+                            查看文档</el-button
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="contentBox">
+                    <div
+                      class="left_top"
+                      :style="{
+                        width: worksDetail[sIndex].eList.length ? '45%' : '95%',
+                      }"
+                      v-if="worksDetail[sIndex].img.length > 0"
+                    >
+                      <div
+                        class="bigImg"
+                        v-if="
+                          worksDetail[sIndex].img &&
+                          worksDetail[sIndex].img.length
+                        "
+                      >
+                        <img
+                          @click="
+                            previewImg(
+                              worksDetail[sIndex].img[
+                                worksDetail[sIndex].imgIndex
+                              ].src
+                            )
+                          "
+                          :src="
+                            worksDetail[sIndex].img[
+                              worksDetail[sIndex].imgIndex
+                            ].src
+                          "
+                          alt
+                        />
+                      </div>
+                      <div
+                        class="thumbnail"
+                        v-if="
+                          worksDetail[sIndex].img &&
+                          worksDetail[sIndex].img.length
+                        "
+                      >
+                        <div
+                          v-for="(item, index) in worksDetail[sIndex].img"
+                          :key="index"
+                          :class="
+                            worksDetail[sIndex].imgIndex == index
+                              ? 'isClick2'
+                              : ''
+                          "
+                        >
+                          <img
+                            :src="item.src"
+                            alt
+                            @click="worksDetail[sIndex].imgIndex = index"
+                          />
+                        </div>
+                      </div>
+                      <div class="work_nopicture" v-else>暂无上传截图</div>
+                    </div>
+                    <div
+                      class="left_top"
+                      :style="{
+                        width: worksDetail[sIndex].eList.length ? '45%' : '95%',
+                      }"
+                      v-else-if="worksDetail[sIndex].answerInfo.length > 0"
+                    >
+                      <div class="answerbox">
+                        <div style="min-width: 80px">问答标题</div>
+                        <div>
+                          {{ worksDetail[sIndex].answerInfo[0].answerTitle }}
+                        </div>
+                      </div>
+                      <div class="answerbox1">
+                        <div>学生回答</div>
+                        <div>
+                          {{ worksDetail[sIndex].answerInfo[0].answer }}
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="left_top"
+                      :style="{
+                        width: worksDetail[sIndex].eList.length ? '45%' : '95%',
+                      }"
+                      v-else-if="worksDetail[sIndex].askInfo.length > 0"
+                    >
+                      <div>
+                        <div
+                          class="a_add_title"
+                          style="
+                            display: flex;
+                            flex-direction: row;
+                            align-items: center;
+                            justify-content: center;
+                            flex-wrap: wrap;
+                          "
+                        >
+                          <div style="margin-right: 20px; font-size: 20px">
+                            标题:
+                          </div>
+                          <div style="font-size: 20px">
+                            {{ worksDetail[sIndex].askInfo[0].askTitle }}
+                          </div>
+                        </div>
+                        <div class="a_addBox">
+                          <div style="font-size: 16px; color: #c7c7c7">
+                            内容
+                          </div>
+                          <div
+                            class="a_add_box"
+                            v-for="(item1, index1) in worksDetail[sIndex]
+                              .askInfo[0].askCount"
+                            :key="index1"
+                          >
+                            <div class="a_add_head">
+                              <div style="display: flex">
+                                {{ index1 + 1 + "、" }}
+                                <div>
+                                  题目：{{
+                                    worksDetail[sIndex].askInfo[0].askJson[
+                                      index1
+                                    ].askstitle
+                                  }}
+                                </div>
+                              </div>
+                            </div>
+                            <div class="a_add_body">
+                              <div class="a_add_input">
+                                <el-radio-group
+                                  v-model="
+                                    worksDetail[sIndex].askInfo[0].radio[index1]
+                                  "
+                                >
+                                  <el-radio
+                                    v-for="(item2, checkIndex) in worksDetail[
+                                      sIndex
+                                    ].askInfo[0].askJson[index1].checkList"
+                                    :key="checkIndex"
+                                    :label="checkIndex"
+                                    disabled
+                                    class="redioStyle"
+                                    ><span v-html="item2"></span
+                                  ></el-radio>
+                                </el-radio-group>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="left_top"
+                      :style="{
+                        width: worksDetail[sIndex].eList.length ? '45%' : '95%',
+                      }"
+                      v-else-if="worksDetail[sIndex].wpptInfo.length > 0"
+                    >
+                      <div
+                        style="height: 238px"
+                        @click="openFile(worksDetail[sIndex].wpptInfo[0])"
+                      >
+                        <div
+                          @click="openFile(worksDetail[sIndex].wpptInfo[0])"
+                          style="
+                            width: 300px;
+                            height: 300px;
+                            position: absolute;
+                            z-index: 999;
+                          "
+                        ></div>
+                        <pdf
+                          v-if="showPDF"
+                          :pdfUrl="worksDetail[sIndex].wpptInfo[0]"
+                          style="width: 100%; height: 520px; overflow: auto"
+                        ></pdf>
+                        <iframe
+                          v-else
+                          :src="worksDetail[sIndex].wpptInfo[0]"
+                          frameborder="0"
+                          width="100%"
+                          height="100%"
+                        ></iframe>
+                      </div>
+                    </div>
+                    <div
+                      class="right_top"
+                      v-show="worksDetail[sIndex].eList.length"
+                    >
+                      <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>
+                <div class="right_score" :class="{ rightScoreFullBox: full }">
+                  <div
+                    class="sd_score"
+                    style="
+                      box-sizing: border-box;
+                      width: 100%;
+                      box-shadow: none;
+                      position: relative;
+                    "
+                  >
+                    <div class="worksTime">
+                      作业提交时间：<span style="width: auto"
+                        >{{ worksDetail[sIndex].time }}
+                      </span>
+                    </div>
+                    <div class="ech" style="margin-left: 23px">
+                      <img src="@/assets/icon/pj/score.png" alt="" />
+                    </div>
+                    <div style="height: 80%; overflow: auto">
+                      <div
+                        class="score_box"
+                        v-for="(item, index) in worksDetail[sIndex].eList"
+                        :key="index"
+                      >
+                        <el-tooltip
+                          class="item"
+                          effect="dark"
+                          :content="item.value"
+                          placement="top-start"
+                        >
+                          <span>{{ item.value }}</span>
+                        </el-tooltip>
+                        <el-rate
+                          class="rate_size"
+                          style="min-width: 120px"
+                          v-model="worksDetail[sIndex].rateList[item.value]"
+                          disabled
+                        ></el-rate>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </el-dialog>
+      <el-dialog
+        title="查看选择题"
+        :visible.sync="dialogVisible4"
+        :append-to-body="true"
+        width="800px"
+        :before-close="handleClose"
+        class="dialog_diy"
+      >
+        <div>
+          <div
+            class="a_add_title"
+            style="
+              display: flex;
+              flex-direction: row;
+              align-items: center;
+              justify-content: center;
+            "
+          >
+            <div style="font-size: 20px">{{ askJson.askTitle }}</div>
+          </div>
+          <div class="a_addBox">
+            <div style="font-size: 16px; color: #c7c7c7">内容</div>
+            <div
+              class="a_add_box"
+              v-for="(item, index) in askJson.askJson"
+              :key="index"
+            >
+              <div class="a_add_head">
+                <div style="display: flex">
+                  {{ index + 1 + "、" }}
+                  <div>题目：{{ item.askstitle }}</div>
+                </div>
+              </div>
+              <div class="a_add_body">
+                <div class="a_add_input">
+                  <el-radio-group v-model="askJson.radio[index]">
+                    <el-radio
+                      v-for="(item3, checkIndex1) in item.checkList"
+                      :key="checkIndex1"
+                      :label="checkIndex1"
+                      class="redioStyle"
+                      disabled
+                      >{{ item3 }}</el-radio
+                    >
+                  </el-radio-group>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="dialogVisible4 = false"
+            >关 闭</el-button
+          >
+        </span>
+      </el-dialog>
+      <el-dialog :visible.sync="pictureDialog" size="tiny">
+        <img width="100%" :src="dialogImageUrl" alt />
+      </el-dialog>
+      <el-dialog
+        title="文件预览"
+        :visible.sync="dialogVisible6"
+        width="100%"
+        :before-close="handleClose"
+        class="full_diy"
+        :append-to-body="true"
+      >
+        <div slot="title" class="header-title">
+          <div style="color: #fff">文件预览</div>
+        </div>
+        <pdf
+          v-if="showPDF"
+          :pdfUrl="pptImgUrl"
+          style="width: 100%; height: 520px; overflow: auto"
+        ></pdf>
+        <iframe
+          v-else
+          :src="pptImgUrl"
+          frameborder="0"
+          width="100%"
+          height="600"
+        ></iframe>
+      </el-dialog>
+      <!-- <div style="position: relative">
+        <div style="width: 98.5%;margin: 0 auto;">
+          <WorksDetail2
+            :cid="cid"
+            :uid="userid"
+            v-if="dialogVisible"
+          ></WorksDetail2>
+        </div>
+        <div class="cancelbox" v-if="dialogVisible">
+          <el-button @click="cancel" type="primary" size="small"
+            >返回</el-button
+          >
+        </div>
+      </div> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import WorksDetail2 from "../components/worksDetail2";
+export default {
+  components: {
+    WorksDetail2,
+  },
+  data() {
+    return {
+      myCourse: [],
+      studentMessage: [],
+      tx: require("@/assets/avatar.png"),
+      mpj: require("@/assets/project.png"),
+      userid: this.$route.query.userid,
+      oid: this.oid,
+      tableData1: [],
+      tableHeight: "500px",
+      page: 1,
+      total: 0,
+      dialogVisible: false,
+      dataJson: {},
+      cid: "",
+      dialogImageUrl: "",
+      pictureDialog: false,
+      dialogVisible3: false,
+      dialogVisible4: false,
+      full: true,
+      allWorks: [],
+      stageIndex: "",
+      taskCount: "",
+      navId: "",
+      pptImgUrl: "",
+      grade: [],
+      mr: require("@/assets/icon/wheel.png"),
+      tx: require("@/assets/avatar.png"),
+      projectchoose: "",
+      scopeId: "",
+      thumbnail: [],
+      rateList: {
+        ca: 0,
+        sia: 0,
+        eta: 0,
+        pia: 0,
+        lra: 0,
+        content: "",
+      },
+      rateParams: [],
+      page: 1,
+      total: 0,
+      worksDetail: [],
+      suserId: "",
+      sInfo: {},
+      chapInfo: [],
+      showPDF: false,
+      dialogVisible6: false,
+      vedio: [],
+      file: [],
+      tType: 0,
+      chartObj: [],
+      pptImgUrl: "",
+      ooption: [],
+      option: {
+        tooltip: {
+          trigger: "item",
+        },
+        series: [
+          {
+            name: "量规评分",
+            type: "pie",
+            radius: "70%",
+            center: ["50%", "50%"],
+            data: [
+              { value: 0, name: "意识能力" },
+              { value: 0, name: "科学探究能力" },
+              { value: 0, name: "实践创新能力" },
+              { value: 0, name: "学习反思能力" },
+              { value: 0, name: "工程思维能力" },
+            ],
+            itemStyle: {
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+              normal: {
+                label: {
+                  show: true,
+                  formatter: "{d}%",
+                  inside: true,
+                  position: "inner",
+                },
+                labelLine: { show: false },
+              },
+            },
+          },
+        ],
+      },
+      // 雷达图的数据
+      radarOption: {
+        splitNumber: 5,
+        tooltip: {
+          triggerOn: "mousemove",
+          //雷达图的tooltip不会超出div，也可以设置position属性，position定位的tooltip 不会随着鼠标移动而位置变化，不友好
+          confine: true,
+          enterable: true, //鼠标是否可以移动到tooltip区域内
+          backgroundColor: "rgba(255,255,255,0.7)",
+          textStyle: {
+            // 文字样式
+            align: "left",
+          },
+          left: "right",
+          top: "bottom",
+        },
+        radar: {
+          radius: ["0%", "70%"],
+          shape: "circle",
+          center: ["50%", "50%"],
+          axisName: {
+            textStyle: {
+              // 文字样式
+              color: "#58a5e6",
+            },
+            formatter: function (value, indicator) {
+              // value = value.replace(/\S{2}/g, function (match) {
+              //   return match + "\n";
+              // });
+              return value;
+            },
+          },
+          indicator: [
+            // 雷达图的指示器，用来指定雷达图中的多个变量（维度）
+          ],
+        },
+        // 雷达图背景的颜色，在这儿随便设置了一个颜色，完全不透明度为0，就实现了透明背景
+        splitArea: {
+          show: true,
+          areaStyle: {
+            color: "rgba(255,0,0,0)", // 图表背景的颜色
+          },
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            width: 1,
+            color: "rgba(131,141,158,.1)", // 设置网格的颜色
+          },
+        },
+        series: [
+          {
+            name: "能力图", // tooltip中的标题
+            type: "radar", // 表示是雷达图
+            symbol: "circle", // 拐点的样式，还可以取值'rect','angle'等
+            symbolSize: 8, // 拐点的大小
+            areaStyle: {
+              normal: {
+                width: 1,
+                opacity: 0.2,
+              },
+            },
+            data: [
+              {
+                // 设置各个指标原始值
+                value: [],
+                // 设置区域边框和区域的颜色
+                itemStyle: {
+                  normal: {
+                    color: "#58a5e6",
+                    lineStyle: {
+                      color: "#58a5e6",
+                    },
+                  },
+                },
+              },
+            ],
+          },
+        ],
+      },
+      askJson: {},
+      dyList: [],
+      dyList2: [],
+    };
+  },
+  methods: {
+    goTo(path) {
+      this.$router.push(path);
+    },
+    tableRowClassName({ row, rowIndex }) {
+      if ((rowIndex + 1) % 2 === 0) {
+        return "even_row";
+      } else {
+        return "";
+      }
+    },
+    handleCurrentChange(val) {
+      this.page = val;
+      this.getProject();
+    },
+    selectSDetail() {
+      let params = {
+        uid: this.userid,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectSDetail", params)
+        .then((res) => {
+          this.studentMessage = res.data[0][0];
+        })
+        .catch((err) => {
+          this.isLoading = false;
+          console.error(err);
+        });
+    },
+    getProject() {
+      let params = {
+        uid: this.userid,
+        page: this.page,
+      };
+      this.ajax
+        .get(this.$store.state.api + "getMyProject", params)
+        .then((res) => {
+          this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
+          this.tableData1 = res.data[0];
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getWorkData(res) {
+      this.cid = res.courseid;
+      this.dialogVisible = true;
+    },
+    cancel() {
+      this.dataJson = "";
+      this.dialogVisible = false;
+    },
+    previewImg(url) {
+      this.$hevueImgPreview(url);
+    },
+
+    handleClose(done) {
+      done();
+    },
+    lookWork(id, uid, stage, task) {
+      // this.scopeId = id;
+      let params = {
+        uid: uid,
+        cid: id,
+        stage: stage,
+        task: task,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectWorksDetail3", params)
+        .then((res) => {
+          this.sInfo = res.data[0];
+          var chapters = [],
+            eList = [],
+            _ooption = [],
+            _rate = [],
+            _rateList = [];
+          var worksDetail = res.data[1];
+          // this.scopeId = res.data[2][0].id;
+          // var scopeId = res.data[2][0].id;
+          var askInfo = res.data[3];
+          var answerInfo = res.data[4];
+          var pptInfo = res.data[5];
+          var workJson = [];
+          for (var k = 0; k < res.data[0].length; k++) {
+            this.allWorks = res.data[0][k];
+            this.chapInfo.push(JSON.parse(res.data[0][k].chapters));
+            chapters.push(JSON.parse(res.data[0][k].chapters));
+            if (
+              !chapters[0][res.data[0][k].stage].chapterInfo[0].taskJson[
+                res.data[0][k].task
+              ]
+            ) {
+              continue;
+            }
+
+            workJson.push({
+              img: [],
+              imgIndex: 0,
+              eList: [],
+              rateList: {},
+              askInfo: [],
+              answerInfo: [],
+              wpptInfo: [],
+              scopeId: res.data[0][k].id,
+              stagetask: "",
+              time: "",
+            });
+
+            eList =
+              chapters[0][res.data[0][k].stage].chapterInfo[0].taskJson[
+                res.data[0][k].task
+              ].eList;
+            workJson[k].time = res.data[0][k].time;
+            workJson[k].stagetask =
+              res.data[0][k].stage + "-" + res.data[0][k].task;
+            if (eList && eList.length) {
+              _ooption = [];
+              workJson[k].eList = eList;
+              for (var i = 0; i < eList.length; i++) {
+                _ooption.push({ value: 0, name: eList[i].value });
+                workJson[k].rateList[eList[i].value] = 0;
+              }
+              workJson[k].rateList.content = "";
+              this.ooption[k] = _ooption;
+            }
+            if (res.data[0][k].rate && eList && eList.length) {
+              _rate[k] = JSON.parse(res.data[0][k].rate);
+              _rateList[k] = Object.keys(JSON.parse(res.data[0][k].rate));
+              for (var i = 0; i < _rateList[k].length; i++) {
+                var _c = Object.keys(workJson[k].rateList);
+                if (_c.indexOf(_rateList[k][i]) != -1) {
+                  workJson[k].rateList[_rateList[k][i]] =
+                    _rate[k][_rateList[k][i]];
+                }
+              }
+              for (var i = 0; i < this.ooption[k].length; i++) {
+                if (_rateList[k].indexOf(this.ooption[k][i].name) != -1) {
+                  this.ooption[k][i].value = _rate[k][this.ooption[k][i].name];
+                }
+              }
+            } else {
+              _rate[k] = [];
+              _rateList[k] = [];
+            }
+
+            for (var i = 0; i < worksDetail.length; i++) {
+              if (
+                res.data[0][k].stage == worksDetail[i].stage &&
+                res.data[0][k].task == worksDetail[i].task
+              ) {
+                workJson[k].img.push({ src: worksDetail[i].content, id: i });
+              }
+            }
+            for (var i = 0; i < askInfo.length; i++) {
+              if (
+                res.data[0][k].stage == askInfo[i].stage &&
+                res.data[0][k].task == askInfo[i].task
+              ) {
+                const element = askInfo[i];
+                let a = JSON.parse(element.content)[0];
+                let b = a.anwer.split(",");
+                let c = [];
+                for (var j = 0; j < b.length; j++) {
+                  c.push(parseInt(b[j]));
+                }
+                a.askJson.radio = c;
+                a.askJson.time = element.time;
+                workJson[k].askInfo.push(a.askJson);
+              }
+            }
+
+            for (var i = 0; i < pptInfo.length; i++) {
+              if (
+                res.data[0][k].stage == pptInfo[i].stage &&
+                res.data[0][k].task == pptInfo[i].task
+              ) {
+                var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
+                if (
+                  a.indexOf(
+                    pptInfo[i].content
+                      .split(".")
+                      [
+                        pptInfo[i].content.split(".").length - 1
+                      ].toLocaleUpperCase()
+                  ) != -1
+                ) {
+                  var a =
+                    "https://view.officeapps.live.com/op/view.aspx?src=" +
+                    pptInfo[i].content;
+                  workJson[k].wpptInfo.push(a);
+                  this.showPDF = false;
+                } else if (
+                  pptInfo[i].content
+                    .split(".")
+                    [
+                      pptInfo[i].content.split(".").length - 1
+                    ].toLocaleUpperCase() == "PDF"
+                ) {
+                  workJson[k].wpptInfo.push(pptInfo[i].content);
+                  this.showPDF = true;
+                }
+              }
+            }
+
+            for (var i = 0; i < answerInfo.length; i++) {
+              if (
+                res.data[0][k].stage == answerInfo[i].stage &&
+                res.data[0][k].task == answerInfo[i].task
+              ) {
+                const element = answerInfo[i];
+                workJson[k].answerInfo.push(JSON.parse(element.content)[0]);
+              }
+            }
+          }
+
+          this.worksDetail = workJson;
+
+          this.courseDetail = res.data[0][0];
+
+          this.$forceUpdate;
+          this.dialogVisible3 = true;
+          setTimeout(() => {
+            for (var p = 0; p < res.data[0].length; p++) {
+              if (!this.ooption[p]) {
+                this.chartObj[p] = null;
+                continue;
+              }
+              var _ooption = JSON.parse(JSON.stringify(this.ooption[p]));
+              var _option = JSON.parse(JSON.stringify(this.radarOption));
+              _option.radar.indicator = [];
+              _option.series[0].data[0].value = [];
+              for (var i = 0; i < _ooption.length; i++) {
+                _option.radar.indicator.push({
+                  name: _ooption[i].name,
+                  max: 5,
+                });
+                _option.series[0].data[0].value.push(_ooption[i].value);
+              }
+              console.log(_option);
+              this.setChart(_option, p);
+            }
+          }, 0);
+
+          let _dyList = JSON.parse(JSON.stringify(this.dyList));
+          let _dyList2 = [];
+          let _dyList3 = [];
+          for (var c = 0; c < _dyList.length; c++) {
+            _dyList[c].taskList = [];
+            _dyList2.push(_dyList[c]);
+          }
+          _dyList = JSON.parse(JSON.stringify(this.dyList));
+          for (var c = 0; c < workJson.length; c++) {
+            let _stage = workJson[c].stagetask.split("-")[0];
+            let _task = workJson[c].stagetask.split("-")[1];
+            _dyList2[_stage].taskList.push(_dyList[_stage].taskList[_task]);
+            _dyList2[_stage].taskList;
+          }
+          for (var c = 0; c < _dyList2.length; c++) {
+            if (_dyList2[c].taskList.length) {
+              _dyList2[c].isOpen = c === 0 ? true : false;
+              _dyList3.push(_dyList2[c]);
+            }
+          }
+          this.dyList2 = _dyList3;
+          this.stageIndex = this.dyList2[0].id;
+          this.taskCount = this.dyList2[0].taskList[0].id;
+          this.navId =
+            this.dyList2[0].id + "-" + this.dyList2[0].taskList[0].id;
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    checkAsk(askJson) {
+      this.askJson = askJson;
+      this.dialogVisible4 = true;
+    },
+    setChart(option, k) {
+      let _this = this;
+      // 雷达图显示的标签
+      let newPromise = new Promise((resolve) => {
+        resolve();
+      });
+      //然后异步执行echarts的初始化函数
+      newPromise.then(() => {
+        console.log(_this.option);
+
+        const chartObj = _this.$echarts.init(
+          //劳动课程
+          // _this.$el.querySelector("#charts_canvas")
+          document.getElementsByClassName("charts_canvas")[k]
+        );
+        // 初始化雷达图
+        _this.chartObj[k] = chartObj;
+        _this.chartObj[k].setOption(option);
+      });
+    },
+    giveScore() {
+      this.rateList = this.chapInfo[this.publicIndex].rate;
+      this.dialogVisible2 = true;
+    },
+    openFile(f) {
+      this.pptImgUrl = f;
+      this.dialogVisible6 = true;
+    },
+    //获取班级列表
+    getClass() {
+      this.isLoading = true;
+      let params = {
+        oid: this.oid,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectClassBySchool", params)
+        .then((res) => {
+          this.isLoading = false;
+          this.grade = res.data[0];
+        })
+        .catch((err) => {
+          this.isLoading = false;
+          console.error(err);
+        });
+    },
+    //获取分组分类
+    getGroup() {
+      let params = {};
+      this.ajax
+        .get(this.$store.state.api + "getGroup", params)
+        .then((res) => {
+          this.subjectJuri = res.data[0];
+          this.projectJuri = res.data[0];
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    searchWork1() {
+      this.page = 1;
+      this.chooseTask = "";
+      this.getWorks();
+    },
+    searchWork2() {
+      this.page = 1;
+      this.getWorks();
+    },
+    fullTools() {
+      this.full = !this.full;
+    },
+    //获取作业
+    getWorks() {
+      this.isLoading = true;
+      var mr = this.mr;
+      let params = {
+        cid: this.id,
+        uname: this.userid,
+        stage: this.chooseDy,
+        task: this.chooseTask,
+        page: this.page,
+      };
+      this.ajax
+        .get(this.$store.state.api + "getCourseWorks2", params)
+        .then((res) => {
+          this.isLoading = false;
+          this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
+          this.tableData = res.data[0];
+        })
+        .catch((err) => {
+          this.isLoading = false;
+          console.error(err);
+        });
+    },
+    getCourseDetail(cid) {
+      let params = {
+        cid: cid,
+      };
+      this.ajax
+        .get(this.$store.state.api + "getCourseWorksReport", params)
+        .then((res) => {
+          this.course = res.data[0][0];
+          var dyJSON = JSON.parse(res.data[0][0].chapters);
+          let dyList = [];
+          for (var i = 0; i < dyJSON.length; i++) {
+            dyList.push({ name: dyJSON[i].dyName, id: i, taskList: [] });
+            var a = dyJSON[i].chapterInfo[0].taskJson;
+            for (var j = 0; j < a.length; j++) {
+              dyList[i].taskList.push({ name: a[j].task, id: j });
+            }
+          }
+          this.dyList = dyList;
+          this.userAarray = res.data[1];
+          this.lookWork(cid, this.userid, 0, 0);
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    handlePictureCardPreview(url) {
+      this.dialogImageUrl = url;
+      this.pictureDialog = true;
+    },
+    updatePj() {
+      for (var i = 0; i < this.worksDetail.length; i++) {
+        if (!this.worksDetail[i].eList.length) {
+          continue;
+        }
+        this.updateWorks(
+          this.worksDetail[i].scopeId,
+          this.worksDetail[i].rateList,
+          i
+        );
+      }
+    },
+    getStar(i) {
+      const k = i;
+      var _ooption = JSON.parse(JSON.stringify(this.ooption[k]));
+      var _rate = this.worksDetail[i].rateList;
+      var _rateList = Object.keys(this.worksDetail[i].rateList);
+      for (var i = 0; i < _ooption.length; i++) {
+        if (_rateList.indexOf(_ooption[i].name) != -1) {
+          _ooption[i].value = _rate[_ooption[i].name];
+        }
+      }
+      // var _option = JSON.parse(JSON.stringify(this.radarOption));
+      var _option = this.radarOption;
+      _option.radar.indicator = [];
+      _option.series[0].data[0].value = [];
+      for (var i = 0; i < _ooption.length; i++) {
+        _option.radar.indicator.push({ name: _ooption[i].name, max: 5 });
+        _option.series[0].data[0].value.push(_ooption[i].value);
+      }
+      if (this.chartObj && this.chartObj[k]) {
+        // _option.series[0].data = _ooption;
+        this.chartObj[k].setOption(_option);
+      } else {
+        this.setChart(_ooption);
+      }
+    },
+    updateWorks(scopeId, rateList, i) {
+      let params = {
+        rate: rateList,
+        tuid: this.userid,
+        id: scopeId,
+      };
+      const k = i;
+      this.ajax
+        .get(this.$store.state.api + "updateWorks", params)
+        .then((res) => {
+          var _ooption = JSON.parse(JSON.stringify(this.ooption[k]));
+          // var _option = JSON.parse(JSON.stringify(this.option));
+
+          var _rate = rateList;
+          var _rateList = Object.keys(rateList);
+          for (var i = 0; i < _ooption.length; i++) {
+            if (_rateList.indexOf(_ooption[i].name) != -1) {
+              _ooption[i].value = _rate[_ooption[i].name];
+            }
+          }
+
+          // var _option = JSON.parse(JSON.stringify(this.radarOption));
+          var _option = this.radarOption;
+          _option.radar.indicator = [];
+          _option.series[0].data[0].value = [];
+          for (var i = 0; i < _ooption.length; i++) {
+            _option.radar.indicator.push({ name: _ooption[i].name, max: 5 });
+            _option.series[0].data[0].value.push(_ooption[i].value);
+          }
+          console.log(_option);
+          if (this.chartObj) {
+            // _option.series[0].data = _ooption;
+            this.chartObj[k].setOption(_option);
+          } else {
+            this.setChart(_ooption);
+          }
+          // this.uploadBoolean = false;
+          // this.dialogVisible2 = false;
+          let _k = 0;
+          for (var i = 0; i < this.worksDetail.length; i++) {
+            if (this.worksDetail[i].eList.length) {
+              _k = i;
+            }
+          }
+          if (k == _k) {
+            this.$message({
+              message: "评价成功",
+              type: "success",
+            });
+          }
+        })
+        .catch((err) => {
+          this.$message.error("评价失败");
+          console.error(err);
+        });
+    },
+    switchVideo(media, index) {
+      this.playerO = {};
+      this.playerOptions.poster = "";
+      this.playerOptions.sources[0].src = media;
+      this.playerO = this.playerOptions;
+    },
+    onPlayerPlay() {},
+    // this.$store.commit("update", ["userInfo", userInfo]);
+    lookWork2(id, uid, stage, task) {
+      // this.scopeId = id;
+      let params = {
+        uid: uid,
+        cid: this.id,
+        stage: stage,
+        task: task,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectWorksDetail2", params)
+        .then((res) => {
+          this.sInfo = res.data[0][0];
+          this.chapInfo = JSON.parse(res.data[0][0].chapters);
+          var chapters = JSON.parse(res.data[0][0].chapters);
+          var worksDetail = res.data[1];
+          // var askArray = res.data[2];
+          this.scopeId = res.data[2].length ? res.data[2][0].id : this.sInfo.id;
+          var askInfo = res.data[3];
+          var answerInfo = res.data[4];
+          var linkInfo = res.data[5];
+          var workJson = {
+            img: [],
+            imgIndex: 0,
+            eList: [],
+            rateList: {},
+            wpptInfo: [],
+            askInfo: [],
+            answerInfo: [],
+          };
+          var eList =
+            chapters[this.sInfo.stage].chapterInfo[0].taskJson[this.sInfo.task]
+              .eList;
+          var _ooption = [];
+          if (eList) {
+            workJson.eList = eList;
+            for (var i = 0; i < eList.length; i++) {
+              _ooption.push({ value: 0, name: eList[i].value });
+              workJson.rateList[eList[i].value] = 0;
+            }
+            workJson.rateList.content = "";
+            this.ooption = _ooption;
+          } else {
+            workJson.eList = [
+              { value: "意识能力", detail: "", score: 5 },
+              { value: "科学探究能力", detail: "", score: 5 },
+              { value: "实践创新能力", detail: "", score: 5 },
+              { value: "学习反思能力", detail: "", score: 5 },
+              { value: "工程思维能力", detail: "", score: 5 },
+            ];
+            for (var i = 0; i < workJson.eList.length; i++) {
+              _ooption.push({ value: 0, name: workJson.eList[i].value });
+              workJson.rateList[workJson.eList[i].value] = 0;
+            }
+            workJson.rateList.content = "";
+            this.ooption = [
+              { value: 0, name: "意识能力" },
+              { value: 0, name: "科学探究能力" },
+              { value: 0, name: "实践创新能力" },
+              { value: 0, name: "学习反思能力" },
+              { value: 0, name: "工程思维能力" },
+            ];
+          }
+          if (this.sInfo.rate) {
+            var _rate = JSON.parse(this.sInfo.rate);
+            var _rateList = Object.keys(JSON.parse(this.sInfo.rate));
+            for (var i = 0; i < _rateList.length; i++) {
+              var _c = Object.keys(workJson.rateList);
+              if (_c.indexOf(_rateList[i]) != -1) {
+                workJson.rateList[_rateList[i]] = _rate[_rateList[i]];
+              }
+            }
+            for (var i = 0; i < this.ooption.length; i++) {
+              if (_rateList.indexOf(this.ooption[i].name) != -1) {
+                this.ooption[i].value = _rate[this.ooption[i].name];
+              }
+            }
+          }
+
+          for (var i = 0; i < worksDetail.length; i++) {
+            workJson.img.push({ src: worksDetail[i].content, id: i });
+          }
+          for (var i = 0; i < askInfo.length; i++) {
+            const element = askInfo[i];
+            let a = JSON.parse(element.content)[0];
+            let b = a.anwer.split(",");
+            let c = [];
+            for (var j = 0; j < b.length; j++) {
+              c.push(parseInt(b[j]));
+            }
+            a.askJson.radio = c;
+            a.askJson.time = element.time;
+            workJson.askInfo.push(a.askJson);
+          }
+
+          for (var i = 0; i < answerInfo.length; i++) {
+            const element = answerInfo[i];
+            workJson.answerInfo.push(JSON.parse(element.content)[0]);
+          }
+
+          this.worksDetail = workJson;
+
+          this.courseDetail = res.data[0][0];
+
+          this.$forceUpdate;
+
+          var _course = `<h1>${this.sInfo.course}</h1>`;
+          var _title =
+            "<h2>" +
+            "第" +
+            (this.sInfo.stage + 1) +
+            "阶段 " +
+            this.dyList[this.sInfo.stage].name +
+            "</h2>";
+          var _subtitle =
+            "<h3>" +
+            "任务" +
+            (this.sInfo.task + 1) +
+            " " +
+            this.dyList[this.sInfo.stage].taskList[this.sInfo.task].name +
+            "-" +
+            this.sInfo.sName +
+            "</h3>";
+          var _img = "";
+          if (workJson.img.length > 0) {
+            for (var i = 0; i < workJson.img.length; i++) {
+              // _img += `<div style="margin-top:10px"><div>图片${
+              //   i + 1
+              // }:<a href='${workJson.img[i].src}'>${
+              //   workJson.img[i].src
+              // }</a></div>`;
+              _img += `<div style="margin-top:10px"><div>图片${
+                i + 1
+              }</div><img style="max-width:500px" src="${
+                workJson.img[i].src
+              }"/></div>`;
+            }
+          }
+
+          var _ask = "";
+          if (workJson.askInfo.length > 0) {
+            var _ask = "<h3>选择题</h3>";
+            for (var i = 0; i < workJson.askInfo.length; i++) {
+              var _div = document.createElement("div");
+              _div.innerHTML = `<h4>标题:${workJson.askInfo[i].askTitle}</h4>`;
+              for (var j = 0; j < workJson.askInfo[i].askJson.length; j++) {
+                var _div2 = document.createElement("div");
+                _div2.innerHTML = `<h5>第${j + 1}题:${
+                  workJson.askInfo[i].askJson[j].askstitle
+                }  选择:${workJson.askInfo[i].radio[j] + 1}</h5> `;
+                var _div3 = document.createElement("div");
+                for (
+                  var z = 0;
+                  z < workJson.askInfo[i].askJson[j].checkList.length;
+                  z++
+                ) {
+                  _div3.innerHTML += `<span style="margin-right:5px">${z + 1}.${
+                    workJson.askInfo[i].askJson[j].checkList[z]
+                  }</span>`;
+                }
+                _div2.innerHTML += `<div>${_div3.innerHTML}</div>`;
+                _div.innerHTML += `<div>${_div2.innerHTML}</div>`;
+              }
+              _ask += `<div>${_div.innerHTML}</div>`;
+            }
+          }
+
+          var _answer = "";
+          if (workJson.answerInfo.length > 0) {
+            var _answer = "<h3>问答</h3>";
+            for (var i = 0; i < workJson.answerInfo.length; i++) {
+              var _div = document.createElement("div");
+              _div.innerHTML = `<h4>问答：${workJson.answerInfo[i].answerTitle}</h4>`;
+              _div.innerHTML += `<div>${workJson.answerInfo[i].answer}</div>`;
+              _answer += `<div>${_div.innerHTML}</div>`;
+            }
+          }
+
+          var _link = "";
+          if (linkInfo.length > 0) {
+            for (var i = 0; i < linkInfo.length; i++) {
+              _link += `<div style="margin-top:10px"><a href='${linkInfo[i].content}'>${linkInfo[i].content}</a></div>`;
+            }
+          }
+
+          var _html =
+            _course + _title + _subtitle + _img + _ask + _answer + _link;
+          this.generate(_html);
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    isOpen(s) {
+      // this.stageIndex = s;
+      this.dyList2[s].isOpen = !this.dyList2[s].isOpen;
+    },
+    openTask(s, i) {
+      var a = s + "-" + i;
+      var b = document.getElementById(a);
+      var d = b.getAttribute("scrollindex");
+      var c = document.getElementsByClassName("shuBox")[0];
+      c.scrollTop = parseInt(d) * 375;
+      this.stageIndex = s;
+      this.taskCount = i;
+      this.navId = a;
+    },
+    async generate(a) {
+      // 将html文件中需要用到的数据挂载到store上
+      this.$store.commit("update", ["report", a]);
+      console.log(this.$store.state.report);
+      const content = `<!DOCTYPE html>
+      <html lang="en">
+      <head>
+          <meta charset="UTF-8">
+          <meta http-equiv="X-UA-Compatible" content="IE=edge">
+          <meta name="viewport" content="width=device-width, initial-scale=1.0">
+          <title>报告</title>
+      </head>
+      <body>
+      ${this.$store.state.report}
+      </body>
+      </html>`;
+      // debugger
+      // 生成报告
+      const link = document.createElement("a");
+      let dname = this.sInfo.course + "-" + this.sInfo.sName + ".html";
+      // link.download = "报告.html"; // 文件名
+      link.download = dname; // 文件名
+      link.style.display = "none";
+      // 创建文件流
+      // 创建bolb实例时，内容一定要放在[]中
+      const blob = new Blob([content], {
+        type: "text/plain;charset='utf-8'",
+      });
+      link.href = window.URL.createObjectURL(blob);
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    },
+  },
+  mounted() {
+    this.$nextTick(function () {
+      this.tableHeight =
+        window.innerHeight - this.$refs.table.$el.offsetTop - 200;
+      if (this.tableHeight <= 530) {
+        this.tableHeight = 530;
+      }
+      // 监听窗口大小变化
+      let self = this;
+      window.onresize = function () {
+        self.tableHeight =
+          window.innerHeight - self.$refs.table.$el.offsetTop - 200;
+        if (self.tableHeight <= 530) {
+          self.tableHeight = 530;
+        }
+      };
+    });
+  },
+  created() {
+    this.page = 1;
+    this.selectSDetail();
+    this.getProject();
+    document.scrollingElement.scrollTop = 0;
+  },
+};
+</script>
+
+<style scoped>
+.body_student {
+  margin: 0px auto;
+  width: 98%;
+  height: 100%;
+}
+.student_head {
+  width: 100%;
+  margin: 0 auto;
+  height: 30%;
+  background-image: linear-gradient(90deg, #524c9e, #9c98b3);
+  color: #fff;
+}
+.wheel > img,
+.project > img {
+  width: 100%;
+  height: 100%;
+}
+.box_course {
+  display: flex;
+  padding: 35px 0 25px 60px;
+  align-items: center;
+}
+.wheel {
+  width: 210px;
+}
+.right_box {
+  display: flex;
+  flex-direction: column;
+  margin-left: 30px;
+  /* justify-content: space-around; */
+}
+.right_box_title {
+  font-size: 23px;
+}
+.people {
+  display: flex;
+  margin: 30px 0 20px 0px;
+}
+.student_body {
+  width: 100%;
+  margin: 0 auto;
+  background: #fff;
+  margin-top: 20px;
+  padding: 0 0 20px;
+}
+.project {
+  width: 100%;
+  height: 100%;
+}
+.project_box {
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.three_box_inthis {
+  display: flex;
+  width: 30.33%;
+  flex-direction: column;
+  align-items: flex-start;
+  border: 1px solid #ccc;
+  margin: 15px 0 0 15px;
+}
+.projct_nav {
+  margin-left: 5px;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  justify-content: space-around;
+}
+.projct_nav > div {
+  margin-bottom: 5px;
+}
+.look_score {
+  border-radius: 0px 0px 5px 5px;
+  text-align: center;
+  background: #41cda6;
+  width: 100%;
+  height: 35px;
+  font-size: 14px;
+  color: #fff;
+  line-height: 35px;
+  cursor: pointer;
+  margin-top: 10px;
+}
+
+.cancelbox {
+  position: absolute;
+  z-index: 2;
+  left: 50%;
+  width: 95%;
+  transform: translateX(-50%);
+  display: flex;
+  justify-content: flex-end;
+  box-sizing: border-box;
+}
+
+.student_table >>> .el-table,
+.student_table >>> .el-table__body-wrapper {
+  height: auto !important;
+}
+.pb_head > span:nth-child(2) {
+  font-size: 16px;
+  margin-left: 80px;
+  color: #ab582f;
+}
+
+.pb_head {
+  margin: 0 !important;
+  width: 100% !important;
+}
+
+.student_page {
+  margin-top: 10px;
+}
+
+.student_head {
+  margin-top: 10px;
+  padding-bottom: 15px;
+}
+
+.student_search {
+  display: flex;
+}
+
+.student_search > div:nth-child(1) {
+  line-height: 35px;
+  font-size: 14px;
+}
+
+.student_search >>> .el-input__inner {
+  width: 190px;
+  height: 35px;
+  margin-left: 10px;
+}
+
+.student_table >>> .el-table--border td {
+  border-right: 0px !important;
+}
+
+.add_work >>> .el-dialog__header {
+  padding: 20px 20px 10px;
+  text-align: center;
+  background: #32455b;
+}
+
+.add_work >>> .el-dialog__title {
+  font-size: 14px !important;
+  color: #fff !important;
+}
+
+.add_work >>> .el-dialog__headerbtn {
+  font-size: 20px !important;
+  top: 5px !important;
+  right: 8px !important;
+}
+
+.add_work >>> .el-form-item__label {
+  margin-left: 65px;
+}
+
+.add_work >>> .el-form-item {
+  display: flex;
+}
+
+.add_work >>> .el-form-item__content {
+  margin: 0 !important;
+}
+
+.add_work >>> .el-dialog__footer {
+  text-align: center !important;
+}
+
+.add_work >>> .el-dialog {
+  min-width: 650px !important;
+  width: 1080px;
+}
+
+.add_work >>> .el-dialog__body {
+  background: #fff;
+  height: 660px;
+  overflow: auto;
+}
+
+.header-title {
+  display: flex;
+}
+
+.logoImg {
+  width: 30px;
+}
+
+.logoImg > img {
+  width: 100%;
+  height: 100%;
+}
+
+.title_add_student {
+  margin: 0 auto;
+  color: #fff;
+}
+
+.first {
+  margin-top: 25px;
+  border-bottom: 1px solid #c5c5c5;
+}
+
+.one_top {
+  display: flex;
+  justify-content: space-between;
+}
+
+.one_top > div:nth-child(1) {
+  color: #2490bf;
+  font-size: 16px;
+}
+
+.one_top > button {
+  width: 100px;
+  background: #24a0a4;
+  height: 30px;
+  color: #e0e0e0;
+  font-size: 13px;
+  padding: 0 !important;
+}
+
+.work_Img {
+  width: 150px;
+  margin: 10px 0;
+}
+
+.assess_Img {
+  width: 400px;
+  margin: 0 auto;
+  padding: 15px 0;
+}
+
+.work_Img > img,
+.assess_Img > img {
+  width: 100%;
+  height: 100%;
+}
+
+.work_input {
+  border: 1px solid;
+  width: 135px;
+  height: 20px;
+  line-height: 20px;
+  font-size: 13px;
+  padding: 5px;
+}
+
+.poetry {
+  margin: 10px 0 15px 0;
+}
+
+.assess {
+  background: #169bd5 !important;
+}
+
+.assess_top {
+  border-bottom: 2px solid #eee;
+  padding-bottom: 10px;
+}
+
+.assess_top > div:nth-child(1) {
+  color: #2490bf;
+  font-size: 16px;
+}
+
+.student_Answer {
+  display: flex;
+  margin: 5px 10px;
+  /* padding-bottom: 25px; */
+}
+
+.workName {
+  font-size: 18px;
+  font-weight: bold;
+  margin: 5px 10px;
+}
+
+.toux {
+  width: 35px;
+  /* margin: auto 0; */
+  height: 35px;
+}
+
+.toux > img {
+  width: 100%;
+  height: 100%;
+}
+
+.nav {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 10px;
+  flex-direction: column;
+}
+
+.studentName {
+  margin-left: 10px;
+  font-size: 13px;
+}
+
+.studentAnswer {
+  font-size: 12px;
+  margin: 5px 0 0 10px;
+  height: 42px;
+  overflow: auto;
+}
+
+.comment {
+  /* margin: 20px 0 0 10px;
+  overflow: auto;
+  height: 75%;
+  max-height: 330px; */
+  overflow: auto;
+  /* height: 290px; */
+  height: 525px;
+  background: #fff;
+  border-radius: 5px;
+  padding: 10px;
+  box-sizing: border-box;
+}
+
+.comment_body {
+  height: calc(100% - 25px);
+  overflow: auto;
+}
+
+.comment > .comment_title {
+  font-size: 18px;
+}
+
+.comment > .comment_title > span {
+  font-size: 14px;
+}
+
+.other_Answer {
+  display: flex;
+  margin: 5px 10px;
+  padding: 15px 0;
+  justify-content: center;
+}
+
+.nav {
+  margin-left: 5px;
+  width: 80%;
+}
+
+.nameAndTime {
+  display: flex;
+}
+
+.otherName {
+  font-weight: bold;
+  margin-left: 10px;
+  font-size: 13px;
+}
+
+.time {
+  margin-left: 25px;
+  font-size: 12px;
+  margin-top: 3px;
+}
+
+.otherAnswer {
+  width: 80%;
+  word-wrap: break-word;
+  word-break: break-all;
+  overflow: hidden;
+  font-size: 12px;
+  margin: 5px 0 0 10px;
+}
+
+.doingAssess {
+  margin: 0 auto;
+  width: 300px;
+  background: #169bd5;
+  height: 35px;
+  line-height: 35px;
+  border-radius: 3px;
+  font-size: 13px;
+  text-align: center;
+  color: #fff;
+  margin-top: 30px;
+  cursor: pointer;
+}
+
+.score_top {
+  display: flex;
+  margin-bottom: 10px;
+}
+
+.userTou {
+  width: 50px;
+}
+
+.userTou > img {
+  width: 100%;
+  height: 100%;
+}
+
+.score_user_name {
+  line-height: 53px;
+  margin-left: 15px;
+}
+
+.course_top {
+  display: flex;
+  align-items: center;
+}
+
+.course_top > div:nth-child(1) {
+  line-height: 25px;
+}
+
+.course_top > div:nth-child(2) {
+  border: 1px solid #ccc;
+  width: 250px;
+  text-align: center;
+  height: 25px;
+  line-height: 25px;
+  margin-left: 30px;
+}
+
+.sd_score {
+  font-size: 15px;
+  background: #fff;
+  height: 100%;
+  padding-top: 40px;
+  border-radius: 5px;
+  width: 90%;
+  box-shadow: 2px 2px 5px #909090;
+  overflow: auto;
+}
+
+.sd_score .score_box {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 15px;
+  /* margin-left: 30px; */
+}
+
+.sd_score .score_box:last-child {
+  margin-bottom: 0;
+}
+
+.rate_size >>> .el-rate__icon {
+  font-size: 25px;
+}
+
+.rate_size >>> .el-icon-star-off {
+  font-size: 22px;
+}
+
+.sd_score span {
+  width: 130px;
+  text-align: justify;
+  text-align-last: justify;
+  display: block;
+  margin-right: 20px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 16px;
+}
+
+.moreSay {
+  margin: 0px 0 5px 20px;
+}
+
+.more_say_input {
+  margin-left: 20px;
+  width: 80%;
+}
+
+.more_say_input >>> .el-input__inner {
+  height: 75px;
+  font-size: 13px;
+  padding: 0 0 0 10px;
+}
+
+.assess_right {
+  width: 200px;
+  background: #82b0ee;
+  color: #fff;
+  text-align: center;
+  height: 30px;
+  line-height: 30px;
+  border-radius: 5px;
+  margin: 0 auto;
+  margin-top: 20px;
+  font-size: 13px;
+  cursor: pointer;
+}
+
+.student_page {
+  margin-top: 10px;
+}
+
+.display {
+  display: none;
+}
+
+.firstTop {
+  background: #fff;
+  display: flex;
+  margin-bottom: 15px;
+  flex-direction: column;
+  align-items: flex-start;
+  height: 90px;
+  padding: 10px 25px;
+  border-radius: 5px;
+  width: 90%;
+  box-shadow: 2px 2px 5px #909090;
+}
+
+.talkScore >>> .el-dialog__body {
+  background: #efefef;
+  margin: 0 !important;
+}
+
+.lastTop {
+  background: #fff;
+  border-radius: 5px;
+  width: 98%;
+  height: 120px;
+  box-shadow: 2px 2px 5px #909090;
+}
+
+.left,
+.right {
+  /* background: #fff; */
+  border-radius: 5px;
+  /* padding: 10px; */
+  box-sizing: border-box;
+}
+
+.left {
+  margin-right: 10px;
+  width: 30%;
+  min-height: 425px;
+}
+
+/* .left .left_top {
+  background: #fff;
+  padding: 10px;
+  border-radius: 5px;
+  margin-bottom: 15px;
+} */
+.left .left_bottom {
+  background: #fff;
+  padding: 10px;
+  border-radius: 5px;
+  height: 160px;
+}
+
+.right {
+  width: 20%;
+  background: none;
+  padding: 0;
+}
+
+.courseTitle {
+  font-size: 16px;
+  color: #7c7c7c;
+  width: 100%;
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.course_t {
+  font-size: 19px;
+  display: flex;
+  align-items: flex-end;
+}
+
+.course_t span:nth-child(2) {
+  font-size: 16px;
+  margin-left: 10px;
+}
+
+.courseTitle span:nth-child(2) {
+  /* font-size: 14px;
+  cursor: pointer; */
+}
+
+.bigImg {
+  margin-top: 10px;
+  /* height: 300px; */
+  height: 150px;
+}
+
+.bigImg > img,
+.thumbnail > div > img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.thumbnail {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  margin: 5px 0 8px;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
+.isClick2 {
+  border: 3px solid #8f7fe2;
+  border-radius: 5px;
+}
+
+.thumbnail > div {
+  width: 80px;
+  height: 80px;
+  margin-right: 5px;
+  cursor: pointer;
+  flex-shrink: 0;
+  box-sizing: border-box;
+}
+
+.zyBoxC {
+  background: #ededed;
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  padding: 20px 0px;
+  flex-direction: column;
+  height: calc(100% - 50px);
+}
+
+.zyBox {
+  display: flex;
+  min-width: 600px;
+  width: 600px;
+  position: relative;
+  background: #fff;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  overflow: hidden;
+}
+
+.zyBoxC + .zyBoxC {
+  margin-top: 10px;
+}
+
+.rbButtom {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  background: #06a7ff;
+  width: 100px;
+  height: 30px;
+  border-radius: 5px;
+  text-align: center;
+  color: #fff;
+  line-height: 30px;
+  font-size: 14px;
+  cursor: pointer;
+  right: 10px;
+}
+
+.bigImg >>> .vjs-tech,
+.bigImg >>> .video-js {
+  height: 300px !important;
+}
+
+.el-table >>> .even_row {
+  background-color: #f1f1f1;
+}
+
+.data_body {
+  height: 200px;
+  display: flex;
+  position: relative;
+  border-radius: 5px;
+  box-sizing: border-box;
+  width: 100%;
+  background: #fff;
+}
+
+.data_body .title {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+}
+
+.dialog_diy >>> .el-dialog__header {
+  padding: 9px 20px 10px;
+  background: #454545 !important;
+}
+
+.dialog_diy >>> .el-dialog__title {
+  color: #fff;
+  font-size: 15px;
+}
+
+.dialog_diy >>> .el-dialog__headerbtn {
+  top: 14px;
+}
+
+.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;
+}
+
+.max_diy >>> .el-dialog {
+  /* max-width: 1200px; */
+  max-width: 1300px;
+  /* height:800px */
+}
+
+.max_diy >>> .el-dialog__body {
+  height: 800px;
+}
+
+.dialog_diy2 >>> .el-dialog__header {
+  padding: 9px 20px 10px;
+  background: #454545 !important;
+}
+
+.dialog_diy2 >>> .el-dialog__title {
+  color: #fff;
+  font-size: 15px;
+}
+
+.dialog_diy2 >>> .el-dialog__headerbtn {
+  top: 12px;
+}
+
+.dialog_diy2 >>> .el-dialog__headerbtn .el-dialog__close {
+  color: #fff;
+}
+
+.dialog_diy2 >>> .el-dialog__headerbtn .el-dialog__close:hover {
+  color: #fff;
+}
+
+.dialog_diy2 >>> .el-dialog__body,
+.dialog_diy2 >>> .el-dialog__footer {
+  background: #ededed;
+  padding: 15px 20px;
+}
+
+.a_addBox2 {
+  margin: 10px 0;
+  background: #fff;
+  padding: 15px;
+}
+
+.a_addBox {
+  margin: 10px 0;
+  background: #fff;
+  padding: 15px;
+  /* max-height: 400px; */
+  max-height: 160px;
+  overflow: auto;
+}
+
+.a_add_box {
+  border-bottom: 2px solid #eee;
+  padding-bottom: 10px;
+}
+
+.a_add_head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 10px 0;
+  font-size: 18px;
+}
+
+.a_add_head .a_add_head_input {
+  width: 300px;
+}
+
+.a_add_head .a_add_head_div {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.a_add_body {
+  display: flex;
+  align-items: center;
+}
+
+.a_add_input {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  /* flex-direction: column; */
+  /* width: 100%; */
+}
+
+.a_add_input >>> el-radio-group {
+  margin: 10px 0;
+}
+
+.a_add_input >>> .el-radio-group {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+
+.redioStyle >>> .el-radio__label {
+  font-size: 18px;
+}
+
+.task_title {
+  font-size: 18px;
+  font-weight: 700;
+}
+
+.ask_Answer {
+  /* margin-top: 10px; */
+}
+
+.ask_Answer_title {
+  font-size: 18px;
+}
+
+.ask_Answer_content {
+  display: flex;
+  justify-content: center;
+  margin: 10px 0;
+}
+
+.answer_body {
+  padding: 10px 0;
+  border-bottom: 1px solid #f5f5f5;
+}
+
+.answer_title {
+  font-size: 15px;
+  font-weight: 700;
+}
+
+.answer_content {
+  margin-top: 5px;
+}
+
+.ask_body {
+  display: flex;
+  font-size: 16px;
+  margin-top: 10px;
+  flex-direction: column;
+  height: 130px;
+  overflow: auto;
+  /* padding: 0 10px; */
+  box-sizing: border-box;
+}
+
+.ask_body div {
+  /* cursor: pointer; */
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.ask_body div .btn {
+  cursor: pointer;
+  color: #fff;
+  background-color: #409eff;
+  text-align: center;
+  font-size: 12px;
+  padding: 6px 12px;
+  box-sizing: border-box;
+  border-radius: 5px;
+  width: 60px;
+}
+
+.ask_body div span:nth-child(1) {
+  max-width: 250px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.ask_body div + div {
+  margin-top: 10px;
+}
+
+.work_nopicture {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  /* height: 350px; */
+  height: 352px;
+}
+
+.student_table >>> .el-table,
+.student_table >>> .el-table__body-wrapper {
+  height: auto !important;
+}
+
+.tx {
+  width: 35px;
+}
+
+.ech {
+  width: 100px;
+}
+
+.tx > img,
+.ech > img {
+  width: 100%;
+  height: 100%;
+}
+
+.txName {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-left: 10px;
+}
+
+.txName > div:nth-child(2) {
+  margin-left: 10px;
+}
+
+.top {
+  display: flex;
+  justify-content: space-between;
+  padding: 15px 0 15px 20px;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  width: 95%;
+}
+
+.jdName > div:nth-child(1) {
+  font-size: 20px;
+  font-weight: bold;
+}
+
+.taskName {
+  font-size: 14px;
+  margin-top: 10px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.task {
+  background: #8f7fe2;
+  color: #fff;
+  width: 50px;
+  height: 22px;
+  border-radius: 5px;
+  text-align: center;
+  line-height: 22px;
+  margin-right: 10px;
+}
+
+.contentBox {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  height: 253px;
+}
+
+.left_top {
+  width: 45%;
+  padding-left: 20px;
+}
+
+.right_top {
+  width: 53%;
+}
+
+.cBox {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  width: 100%;
+  height: calc(100% - 60px);
+  overflow: auto;
+}
+
+.right_score {
+  min-width: 370px;
+  height: 351px;
+  margin-left: 10px;
+}
+
+.pb_left {
+  width: 20%;
+  margin-right: 10px;
+  background: rgb(255, 255, 255);
+  /* padding-right: 10px; */
+  /* height: 500px; */
+  height: 100%;
+}
+
+.cTitle {
+  background: #634fa4;
+  width: 85%;
+  margin: 10px auto;
+  height: 50px;
+  color: #fff;
+  line-height: 50px;
+  text-align: center;
+  font-size: 20px;
+  font-weight: bold;
+  border-radius: 5px;
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding: 0 10px;
+}
+
+.ml {
+  margin-left: 20px;
+  color: #5b7dba;
+  border-left: 3px solid #5b7dba;
+  padding-left: 5px;
+  font-weight: bold;
+}
+
+.cru_selectBox {
+  width: 100%;
+  margin: 0 auto;
+  overflow: auto;
+  height: calc(100% - 90px);
+  overflow-x: hidden;
+}
+
+.cru_selectBox::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 6px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  height: 6px;
+}
+
+/*定义滚动条轨道 内阴影+圆角*/
+.cru_selectBox::-webkit-scrollbar-track {
+  border-radius: 10px;
+  background-color: #b8bdc9;
+}
+
+/*定义滑块 内阴影+圆角*/
+.cru_selectBox::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgb(96, 125, 184);
+  background-color: #2c5ab3;
+}
+
+.blue_box_one {
+  text-align: center;
+  color: #fff;
+  background-image: linear-gradient(90deg, #7960d5, #65b9fc);
+  border-radius: 7px;
+  margin: 10px auto;
+  cursor: pointer;
+  width: 95%;
+  height: 45px;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.blue_box_one > div:nth-child(1) {
+  line-height: 30px;
+  margin: 0 5px 0 10px;
+  width: 30%;
+  min-width: 70px;
+  border-radius: 4px;
+}
+
+.blue_box_one > div:nth-child(2) {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+  width: 70%;
+  text-align: left;
+  margin-right: 10px;
+  max-width: calc(100% - 85px);
+}
+
+.blue_box_one > div:nth-child(2):hover {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.twoChild {
+  width: 95%;
+  margin: 10px auto;
+  border-radius: 5px;
+  background: #f2f2f2;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  transition: all 0.5s;
+  overflow: hidden;
+  height: 0;
+  background: #e7f3ff;
+}
+
+.twoChild > div:nth-child(1) {
+  margin-top: 5px;
+}
+
+.navChild {
+  width: 100%;
+  cursor: pointer;
+  margin-bottom: 10px;
+}
+
+.navActive {
+  height: auto;
+}
+
+.navTask {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  align-content: flex-start;
+  height: 40px;
+  justify-content: flex-start;
+  padding: 0 10px;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.vedioNav {
+  margin: 10px 0 0 15px;
+  border-bottom: 1px solid #d7d7d7;
+  padding-bottom: 5px;
+  background: #b7aadf;
+  width: 55px;
+  min-width: 55px;
+  border-radius: 5px;
+  color: #fff;
+  text-align: center;
+  height: 20px;
+  line-height: 26px;
+  font-size: 14px;
+}
+
+.navTaskname {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+  padding-left: 5px;
+}
+
+.allBox {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  width: 100%;
+  height: 351px;
+  margin-bottom: 20px;
+}
+
+.shuBox {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: center;
+  width: 100%;
+  flex-wrap: nowrap;
+  overflow: auto;
+  /* height: 500px; */
+  height: 100%;
+}
+
+.answerbox {
+  display: flex;
+  flex-direction: row;
+  /* align-items: center; */
+  margin-bottom: 20px;
+  font-size: 18px;
+  font-weight: bold;
+}
+
+.answerbox > div:nth-child(2) {
+  margin-left: 15px;
+}
+
+.answerbox1 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  flex-wrap: nowrap;
+  font-size: 16px;
+}
+
+.answerbox1 > div:nth-child(2) {
+  margin-top: 10px;
+  width: 265px;
+  max-height: 147px;
+  overflow: auto;
+}
+
+.jdName {
+  width: 100%;
+}
+
+.full_diy >>> .el-dialog {
+  margin: 0 !important;
+  height: 100%;
+}
+
+.full_diy >>> .el-dialog__body {
+  height: calc(100% - 100px);
+}
+
+.openTaskActive {
+  color: #8f7fe2;
+}
+
+.isClick {
+  background: #8f7fe2;
+}
+
+.buttonCss {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: flex-end;
+  margin: 10px 0;
+}
+
+.fullStyle >>> .el-dialog__body {
+  height: calc(100% - 40px) !important;
+  overflow: auto;
+}
+
+.fullStyle >>> .el-dialog,
+.fullStyle {
+  width: 100% !important;
+  max-width: 100% !important;
+  height: 100% !important;
+  margin: 0 !important;
+  overflow: hidden;
+}
+
+.worksTime {
+  position: absolute;
+  top: 10px;
+  right: 0;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: baseline;
+}
+
+.fullBox {
+  /* overflow: unset !important;
+  height: auto !important; */
+}
+
+.fullZyBox {
+  width: 60% !important;
+}
+
+.rightScoreFullBox {
+  width: 40%;
+}
+
+.student_page
+  >>> .el-pagination.is-background
+  .el-pager
+  li:not(.disabled).active {
+  background-color: #5c549f;
+  color: #fff !important;
+}
+.student_page
+  >>> .el-pagination.is-background
+  .el-pager
+  li:not(.disabled):hover {
+  color: #5c549f;
+}
+</style>

src/components/components/askStatic2GM.vue

@@ -0,0 +1,330 @@
+<template>
+  <div class="sjBox" v-if="askJSONC && askJSONC.testJson">
+    <div class="a_add_title">
+      <div style="font-size: 25px">{{ askJSONC.testTitle }}</div>
+    </div>
+    <div class="a_addBox">
+      <div class="a_add_box" v-for="(item, index) in askJSONC.testJson.testJson" :key="index">
+        <div class="a_add_head">
+          <div>
+            <span>{{ index + 1 + "、" + item.teststitle }}</span>
+          </div>
+          <el-button class="btnClassGM" type="primary" @click="getA(checkJson[index].checkPerson, item.checkList)">查看学生</el-button>
+        </div>
+        <div class="a_add_body">
+          <div class="a_add_input width100">
+            <div class="a_add_persent a_add_persent_div a_add_persent_title">
+              <span>选项</span><span>小计</span><span>比例</span>
+            </div>
+            <div class="a_add_persent">
+              <div class="a_add_persent_div" v-for="(item1, checkIndex) in item.testItem" :key="checkIndex">
+                <span :class="{ right: item.answer.length ? item.answer.indexOf(checkIndex) != -1 : item.answer == checkIndex }"><span style="max-width: calc(100% - 40px);width: auto;"
+                    v-html="item.checkList[checkIndex]"></span></span>
+                <span>{{
+                checkJson[index].checkCount[checkIndex]
+                ? checkJson[index].checkCount[checkIndex]
+                : 0
+                }}</span>
+                <span>
+                  <el-progress :percentage="
+                    checkJson[index].checkPerent[checkIndex]
+                      ? checkJson[index].checkPerent[checkIndex]
+                      : 0
+                  " :show-text="false"></el-progress>
+                </span>
+              </div>
+              <div class="a_add_persent_div">
+                <span>正确率</span>
+                <span>{{
+                (checkJson[index].right
+                ? checkJson[index].right
+                : 0) +'%'
+                }}</span>
+                <span>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <el-dialog title="查看" :visible.sync="dialogVisible" :append-to-body="true" width="900px" :before-close="handleClose"
+      class="dialog_diy">
+      <div>
+        <div v-for="(item, index) in timu" :key="index" class="borderB">
+          <div v-html="item" class="s_title"></div>
+          <div class="stuBox" style="margin-top: 20px;align-items: flex-start;">
+            <div style="margin: 0 0 10px 0; min-width: 70px; color: #adadad">
+              选择同学：
+            </div>
+            <div class="stuBox" style="flex-wrap: wrap">
+              <span class="studentClass" v-for="(pe, pi) in person[index]" :key="index + '-' + pi">{{ pe }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="dialogVisible = false" class="btnClassGM">关 闭</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ["askJSON", "checkJson"],
+  data() {
+    return {
+      askJSONC: {},
+      dialogVisible: false,
+      person: [],
+      timu: [],
+      checkJson2:[]
+    };
+  },
+  watch: {
+    askJSON(val) {
+      this.askJSONC = this.askJSON ? JSON.parse(this.askJSON)[0] : {};
+    },
+  },
+  methods: {
+    handleClose(done) {
+      done();
+    },
+    getA(person, timu) {
+      this.person = person;
+      this.timu = timu;
+      this.dialogVisible = true;
+    },
+  },
+  watch: {
+    checkJson: {
+      immediate: true,
+      deep: true,
+      handler(newValue, oldValue) {
+        this.askJSONC = this.askJSON ? this.askJSON : {};
+        for(var i = 0;i<this.checkJson.length;i++){
+          // debuggerA
+          let el = this.checkJson[i]
+          console.log(el)
+        }
+        this.checkJson2 = this.checkJson
+      }
+    }
+  },
+  mounted() {
+    // this.askJSONC = this.askJSON ? JSON.parse(this.askJSON)[0] : {};
+    this.askJSONC = this.askJSON ? this.askJSON : {};
+    for(var i = 0;i<this.checkJson.length;i++){
+      let el = this.checkJson[i]
+      console.log(el)
+    }
+    this.checkJson2 = this.checkJson
+    
+  },
+};
+</script>
+
+<style scoped>
+.sjBox {
+  margin-top: 25px;
+  /* max-height: 420px; */
+  overflow: auto;
+}
+
+.a_addBox {
+  margin: 20px 0;
+  background: #fff;
+}
+
+.a_add_box {
+  border-bottom: 2px solid #eee;
+  padding-bottom: 10px;
+}
+
+.a_add_head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 10px 0;
+  font-size: 18px;
+}
+
+.a_add_head .a_add_head_input {
+  width: 300px;
+}
+
+.a_add_head .a_add_head_div {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.a_add_head_div img {
+  cursor: pointer;
+  width: 23px;
+}
+
+.a_add_head_div img+img {
+  margin-left: 10px;
+}
+
+.a_add_body {
+  display: flex;
+  align-items: center;
+}
+
+.a_add_input {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  /* flex-direction: column; */
+  /* width: 100%; */
+}
+
+.width100 {
+  width: 100%;
+}
+
+.a_add_input .a_add_persent {
+  /* display: flex; */
+  /* flex-direction: column; */
+  width: 100%;
+}
+
+.a_add_persent_div {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.a_add_persent_div span {
+  margin: 5px 0;
+}
+
+.a_add_persent_div span:nth-child(1) {
+  width: 30%;
+}
+
+.a_add_persent_div span:nth-child(2) {
+  width: 7%;
+}
+
+.a_add_persent_div span:nth-child(3) {
+  width: 40%;
+}
+
+.sjBox::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 6px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  height: 6px;
+}
+
+/*定义滚动条轨道 内阴影+圆角*/
+.sjBox::-webkit-scrollbar {
+  border-radius: 10px;
+  background-color: #eee;
+}
+
+/*定义滑块 内阴影+圆角*/
+.sjBox::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.right {
+  color: rgb(0 123 255);
+  position: relative;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.right::after {
+  content: "";
+  /* position: absolute; */
+  background-image: url(../../assets/right.png);
+  min-width: 15px;
+  min-height: 15px;
+  background-size: 100% 100%;
+  margin: 0 10px;
+}
+
+.dialog_diy>>>.el-dialog__header,
+.dialog_diy1>>>.el-dialog__header {
+  background: #454545 !important;
+  padding: 15px 20px;
+}
+
+.dialog_diy>>>.el-dialog__title,
+.dialog_diy1>>>.el-dialog__title {
+  color: #fff;
+}
+
+.dialog_diy>>>.el-dialog__headerbtn,
+.dialog_diy1>>>.el-dialog__headerbtn {
+  top: 19px;
+}
+
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close,
+.dialog_diy1>>>.el-dialog__headerbtn .el-dialog__close {
+  color: #fff;
+}
+
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close:hover,
+.dialog_diy1>>>.el-dialog__headerbtn .el-dialog__close:hover {
+  color: #fff;
+}
+
+.dialog_diy1>>>.el-dialog__body {
+  padding: 0;
+}
+
+.dialog_diy>>>.el-dialog__body,
+.dialog_diy>>>.el-dialog__footer,
+.dialog_diy1>>>.el-dialog__footer {
+  background: #fafafa;
+}
+
+.s_title {
+  /* margin-top: 10px; */
+  font-size: 18px;
+  margin-bottom: 10px;
+  word-break: break-word;
+  /* min-width: calc(100% / 2 - 200px); */
+}
+
+.stuBox {
+  display: flex;
+  /* flex-wrap: wrap; */
+  align-items: center;
+}
+
+.studentClass {
+  background: #967cdf;
+  color: #fff;
+  width: 90px;
+  height: 25px;
+  text-align: center;
+  line-height: 25px;
+  border-radius: 5px;
+  margin: 0 15px 0 0;
+  white-space: nowrap;
+  overflow: hidden;
+  padding: 5px;
+  text-overflow: ellipsis;
+  font-size: 16px;
+  margin-bottom: 10px;
+}
+
+.borderB {
+  margin-bottom: 10px;
+  border-bottom: 1px solid #d8d8d8;
+}
+
+.a_add_persent_div >>> .el-progress-bar__inner{
+  background-color: #8681b7;
+}
+</style>

src/components/components/askStaticGM.vue

@@ -0,0 +1,332 @@
+<template>
+  <div class="sjBox" v-if="askJSONC && askJSONC.askJson">
+    <div class="a_add_title">
+      <div style="font-size: 25px">{{ askJSONC.askTitle }}</div>
+    </div>
+    <div class="a_addBox">
+      <div class="a_add_box" v-for="(item, index) in askJSONC.askJson" :key="index">
+        <div class="a_add_head">
+          <div>
+            <span>{{ index + 1 + "、" + item.askstitle }}</span>
+          </div>
+          <el-button class="btnClassGM" type="primary" @click="getA(checkJson[index].checkPerson, item.checkList)">查看学生</el-button>
+        </div>
+        <div class="a_add_body">
+          <div class="a_add_input width100">
+            <div class="a_add_persent a_add_persent_div a_add_persent_title">
+              <span>选项</span><span>小计</span><span>比例</span>
+            </div>
+            <div class="a_add_persent">
+              <div class="a_add_persent_div" v-for="(item1, checkIndex) in item.askItem" :key="checkIndex">
+                <span :class="{ right: item.answer == checkIndex }"><span style="max-width: calc(100% - 40px);width: auto;"
+                    v-html="item.checkList[checkIndex]"></span></span>
+                <span>{{
+                checkJson[index].checkCount[checkIndex]
+                ? checkJson[index].checkCount[checkIndex]
+                : 0
+                }}</span>
+                <span>
+                  <el-progress :percentage="
+                    checkJson[index].checkPerent[checkIndex]
+                      ? checkJson[index].checkPerent[checkIndex]
+                      : 0
+                  " :show-text="false"></el-progress>
+                </span>
+              </div>
+              <div class="a_add_persent_div"
+                v-if=" item.answer || item.answer == 0">
+                <span>正确率</span>
+                <span>{{
+                (checkJson[index].right
+                ? checkJson[index].right
+                : 0) +'%'
+                }}</span>
+                <span>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <el-dialog title="查看" :visible.sync="dialogVisible" :append-to-body="true" width="900px" :before-close="handleClose"
+      class="dialog_diy">
+      <div>
+        <div v-for="(item, index) in timu" :key="index" class="borderB">
+          <div v-html="item" class="s_title"></div>
+          <div class="stuBox" style="margin-top: 20px;align-items: flex-start;">
+            <div style="margin: 0 0 10px 0; min-width: 70px; color: #adadad">
+              选择同学：
+            </div>
+            <div class="stuBox" style="flex-wrap: wrap">
+              <span class="studentClass" v-for="(pe, pi) in person[index]" :key="index + '-' + pi">{{ pe }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button class="btnClassGM" type="primary" @click="dialogVisible = false">关 闭</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ["askJSON", "checkJson"],
+  data() {
+    return {
+      askJSONC: {},
+      dialogVisible: false,
+      person: [],
+      timu: [],
+      checkJson2:[]
+    };
+  },
+  watch: {
+    askJSON(val) {
+      this.askJSONC = this.askJSON ? JSON.parse(this.askJSON)[0] : {};
+    },
+  },
+  methods: {
+    handleClose(done) {
+      done();
+    },
+    getA(person, timu) {
+      this.person = person;
+      this.timu = timu;
+      this.dialogVisible = true;
+    },
+  },
+  watch: {
+    checkJson: {
+      immediate: true,
+      deep: true,
+      handler(newValue, oldValue) {
+        this.askJSONC = this.askJSON ? this.askJSON : {};
+        for(var i = 0;i<this.checkJson.length;i++){
+          // debuggerA
+          let el = this.checkJson[i]
+          console.log(el)
+        }
+        this.checkJson2 = this.checkJson
+      }
+    }
+  },
+  mounted() {
+    // this.askJSONC = this.askJSON ? JSON.parse(this.askJSON)[0] : {};
+    this.askJSONC = this.askJSON ? this.askJSON : {};
+    for(var i = 0;i<this.checkJson.length;i++){
+      let el = this.checkJson[i]
+      console.log(el)
+    }
+    this.checkJson2 = this.checkJson
+    
+  },
+};
+</script>
+
+<style scoped>
+.sjBox {
+  margin-top: 25px;
+  /* max-height: 420px; */
+  overflow: auto;
+}
+
+.a_addBox {
+  margin: 20px 0;
+  background: #fff;
+}
+
+.a_add_box {
+  border-bottom: 2px solid #eee;
+  padding-bottom: 10px;
+}
+
+.a_add_head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 10px 0;
+  font-size: 18px;
+}
+
+.a_add_head .a_add_head_input {
+  width: 300px;
+}
+
+.a_add_head .a_add_head_div {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.a_add_head_div img {
+  cursor: pointer;
+  width: 23px;
+}
+
+.a_add_head_div img+img {
+  margin-left: 10px;
+}
+
+.a_add_body {
+  display: flex;
+  align-items: center;
+}
+
+.a_add_input {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  /* flex-direction: column; */
+  /* width: 100%; */
+}
+
+.width100 {
+  width: 100%;
+}
+
+.a_add_input .a_add_persent {
+  /* display: flex; */
+  /* flex-direction: column; */
+  width: 100%;
+}
+
+.a_add_persent_div {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.a_add_persent_div span {
+  margin: 5px 0;
+}
+
+.a_add_persent_div span:nth-child(1) {
+  width: 30%;
+}
+
+.a_add_persent_div span:nth-child(2) {
+  width: 7%;
+}
+
+.a_add_persent_div span:nth-child(3) {
+  width: 40%;
+}
+
+.sjBox::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 6px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  height: 6px;
+}
+
+/*定义滚动条轨道 内阴影+圆角*/
+.sjBox::-webkit-scrollbar {
+  border-radius: 10px;
+  background-color: #eee;
+}
+
+/*定义滑块 内阴影+圆角*/
+.sjBox::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.right {
+  color: rgb(0 123 255);
+  position: relative;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.right::after {
+  content: "";
+  /* position: absolute; */
+  background-image: url(../../assets/right.png);
+  min-width: 15px;
+  min-height: 15px;
+  background-size: 100% 100%;
+  margin: 0 10px;
+}
+
+.dialog_diy>>>.el-dialog__header,
+.dialog_diy1>>>.el-dialog__header {
+  background: #454545 !important;
+  padding: 15px 20px;
+}
+
+.dialog_diy>>>.el-dialog__title,
+.dialog_diy1>>>.el-dialog__title {
+  color: #fff;
+}
+
+.dialog_diy>>>.el-dialog__headerbtn,
+.dialog_diy1>>>.el-dialog__headerbtn {
+  top: 19px;
+}
+
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close,
+.dialog_diy1>>>.el-dialog__headerbtn .el-dialog__close {
+  color: #fff;
+}
+
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close:hover,
+.dialog_diy1>>>.el-dialog__headerbtn .el-dialog__close:hover {
+  color: #fff;
+}
+
+.dialog_diy1>>>.el-dialog__body {
+  padding: 0;
+}
+
+.dialog_diy>>>.el-dialog__body,
+.dialog_diy>>>.el-dialog__footer,
+.dialog_diy1>>>.el-dialog__footer {
+  background: #fafafa;
+}
+
+.s_title {
+  /* margin-top: 10px; */
+  font-size: 18px;
+  margin-bottom: 10px;
+  word-break: break-word;
+  /* min-width: calc(100% / 2 - 200px); */
+}
+
+.stuBox {
+  display: flex;
+  /* flex-wrap: wrap; */
+  align-items: center;
+}
+
+.studentClass {
+  background: #967cdf;
+  color: #fff;
+  width: 90px;
+  height: 25px;
+  text-align: center;
+  line-height: 25px;
+  border-radius: 5px;
+  margin: 0 15px 0 0;
+  white-space: nowrap;
+  overflow: hidden;
+  padding: 5px;
+  text-overflow: ellipsis;
+  font-size: 16px;
+  margin-bottom: 10px;
+}
+
+.borderB {
+  margin-bottom: 10px;
+  border-bottom: 1px solid #d8d8d8;
+}
+
+
+.a_add_persent_div >>> .el-progress-bar__inner{
+  background-color: #8681b7;
+}
+</style>

src/components/components/audioGM.vue

@@ -0,0 +1,269 @@
+<template>
+  <div>
+    <div>
+      <el-button class="btnClassGM" type="primary" @click="startRecorder()">{{
+      !isRecord ? "开始录音" : "结束录音"
+      }}</el-button>
+      <el-button class="btnClassGM" type="primary" @click="playRecorder()">{{
+      !isPlayerRecord ? "录音播放" : "停止播放"
+      }}</el-button>
+      <el-button class="btnClassGM" type="primary" @click="getMp3Data()">上传录音</el-button>
+
+      <!-- <div style="margin: 10px auto 0; display: flex; align-items: center" v-if="LuAudioUrl">
+        <span>已上传录音：</span>
+        <audio :src="LuAudioUrl" controls="controls" ref="audio">
+          Your browser does not support the audio element.
+        </audio>
+      </div> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import Recorder from "js-audio-recorder";
+const lamejs = require("lamejs");
+
+const recorder = new Recorder({
+  sampleBits: 16, // 采样位数，支持 8 或 16，默认是16
+  sampleRate: 48000, // 采样率，支持 11025、16000、22050、24000、44100、48000，根据浏览器默认值，我的chrome是48000
+  numChannels: 1, // 声道，支持 1 或 2， 默认是1
+  // compiling: false,(0.x版本中生效,1.x增加中) // 是否边录边转换，默认是false
+});
+
+// 绑定事件-打印的是当前录音数据
+recorder.onprogress = function (params) {
+  // console.log('--------------START---------------')
+  // console.log('录音时长(秒)', params.duration);
+  // console.log('录音大小(字节)', params.fileSize);
+  // console.log('录音音量百分比(%)', params.vol);
+  // console.log('当前录音的总数据([DataView, DataView...])', params.data);
+  // console.log('--------------END---------------')
+};
+export default {
+  props: [],
+  data() {
+    return {
+      LuAudioUrl: "",
+      isRecord: false,
+      isPlayerRecord: false,
+    };
+  },
+  methods: {
+    // 开始录音
+    startRecorder() {
+      let _this = this;
+      if (!_this.isRecord) {
+        recorder.destroy(); // 销毁录音
+        _this.isRecord = true;
+        recorder.start().then(
+          () => { },
+          (error) => {
+            _this.isRecord = false;
+            // _this.$message.error(`${error.name} : ${error.message}`);
+            _this.$message.error(`没有找到可使用的麦克风，或者您没有允许此网页使用麦克风`);
+            // 出错了
+            console.log(`${error.name} : ${error.message}`);
+          }
+        );
+      } else {
+        _this.isRecord = false;
+        recorder.stop(); // 结束录音
+      }
+    },
+
+    // 录音播放
+    playRecorder() {
+      if (!recorder.fileSize) {
+        return;
+      }
+      if (!this.isPlayerRecord) {
+        this.isPlayerRecord = true;
+        recorder.play();
+      } else {
+        this.isPlayerRecord = false;
+        recorder.stopPlay(); // 停止录音播放
+      }
+      recorder.onplayend = () => {
+        this.isPlayerRecord = false;
+        console.log("onplayend");
+      };
+    },
+
+    /**
+     * 文件格式转换 wav-map3
+     * */
+    getMp3Data() {
+      if (!recorder.fileSize) {
+        this.$message.error("请录音后在上传语音");
+        return;
+      }
+      const mp3Blob = this.convertToMp3(recorder.getWAV());
+      let audioFile = this.dataURLtoAudio(mp3Blob, "音频");
+      console.log(audioFile);
+      this.beforeUpload1(audioFile, 3);
+      // recorder.download(mp3Blob, "recorder", "mp3");
+    },
+    convertToMp3(wavDataView) {
+      // 获取wav头信息
+      const wav = lamejs.WavHeader.readHeader(wavDataView); // 此处其实可以不用去读wav头信息，毕竟有对应的config配置
+      const { channels, sampleRate } = wav;
+      const mp3enc = new lamejs.Mp3Encoder(channels, sampleRate, 128);
+      // 获取左右通道数据
+      const result = recorder.getChannelData();
+      const buffer = [];
+      const leftData =
+        result.left &&
+        new Int16Array(result.left.buffer, 0, result.left.byteLength / 2);
+      const rightData =
+        result.right &&
+        new Int16Array(result.right.buffer, 0, result.right.byteLength / 2);
+      const remaining = leftData.length + (rightData ? rightData.length : 0);
+      const maxSamples = 1152;
+      for (let i = 0; i < remaining; i += maxSamples) {
+        const left = leftData.subarray(i, i + maxSamples);
+        let right = null;
+        let mp3buf = null;
+        if (channels === 2) {
+          right = rightData.subarray(i, i + maxSamples);
+          mp3buf = mp3enc.encodeBuffer(left, right);
+        } else {
+          mp3buf = mp3enc.encodeBuffer(left);
+        }
+        if (mp3buf.length > 0) {
+          buffer.push(mp3buf);
+        }
+      }
+
+      const enc = mp3enc.flush();
+      if (enc.length > 0) {
+        buffer.push(enc);
+      }
+      return new Blob(buffer, { type: "audio/mp3" });
+    },
+    dataURLtoAudio(blob, filename) {
+      return new File([blob], filename, { type: "audio/mp3" });
+    },
+    beforeUpload1(event, type) {
+      var file;
+      if (type == 3) {
+        file = event;
+      } else {
+        file = event.target.files[0];
+      }
+      var credentials = {
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
+        secretAccessKey: "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",
+      }; //秘钥形式的登录上传
+      window.AWS.config.update(credentials);
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
+
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
+      var _this = this;
+      const loading = this.openLoading();
+
+      if (file) {
+        var params = {
+          Key:
+            file.name.split(".")[0] +
+            new Date().getTime() +
+            "." +
+            file.name.split(".")[file.name.split(".").length - 1],
+          ContentType: file.type,
+          Body: file,
+          "Access-Control-Allow-Credentials": "*",
+          ACL: "public-read",
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
+        var options = {
+          partSize: 2048 * 1024 * 1024,
+          queueSize: 2,
+          leavePartsOnError: true,
+        };
+        bucket
+          .upload(params, options)
+          .on("httpUploadProgress", function (evt) {
+            //这里可以写进度条
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
+            // _this.progress = parseInt((evt.loaded * 80) / evt.total);
+          })
+          .send(function (err, data) {
+            // _this.progress = 100;
+            setTimeout(() => {
+              loading.close();
+            }, 1000);
+            if (err) {
+              var a = _this.$refs.upload1.uploadFiles;
+              a.splice(a.length - 1, a.length);
+              _this.$message.error("上传失败");
+            } else {
+              if (type == 3) {
+                _this.LuAudioUrl = data.Location;
+                // _this.addWork(8);
+                _this.addPz(data.Location);
+              }
+              console.log(data.Location);
+            }
+          });
+      }
+    },
+    addPz(audio) {
+      this.$emit("addPz", '2',audio);
+    },
+  },
+  mounted() { },
+};
+</script>
+
+<style scoped>
+.mask {
+  background-color: rgba(0, 0, 0, 0);
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 20000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.progressBox {
+  width: 500px;
+  height: 180px;
+  background: #fff;
+  border-radius: 10px;
+  box-shadow: 0 0 6px 1px #bfbfbf;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.progressBox .lbox {
+  height: 100px;
+  font-size: 19px;
+  display: flex;
+  align-items: center;
+}
+
+.progressBox .lbox img {
+  width: 40px;
+  margin-right: 20px;
+}
+
+.progressBox>>>.el-progress-bar__outer {
+  background-color: #d1dfff !important;
+}
+
+.progressBox .lbox {
+  height: 100px;
+  font-size: 19px;
+  display: flex;
+  align-items: center;
+}
+
+.progressBox .lbox img {
+  width: 40px;
+  margin-right: 20px;
+}
+</style>

src/components/components/vpdfGM.vue

@@ -0,0 +1,254 @@
+<template>
+  <!--使用 pdfvuer 实现 滑动浏览 单印章-->
+  <div class="pdf">
+    <div class="loading" v-if="loading">
+      <span>pdf可能会加载时间有点长，请耐心等待...</span>
+    </div>
+    <div id="contentArea" class="show">
+      <pdf
+        :scale.sync="scale"
+        :resize="true"
+        ref="wrapper"
+        class="p-pdf"
+        :src="pdfData"
+        v-for="i in numPages"
+        :key="i"
+        :id="i"
+        :page="i"
+        style="width: 100%"
+      >
+        <!-- <template slot="loading"> loading content here... </template> -->
+      </pdf>
+    </div>
+    <!-- <div class="rightArea">
+      <div class="toolGroup">
+        <div class="page">第 {{ page }} / {{ numPages }} 页</div>
+        <el-button type="primary" @click.stop="prePage">上一页</el-button>
+        <el-button type="primary" @click.stop="nextPage">下一页</el-button>
+      </div>
+    </div> -->
+  </div>
+</template>
+
+<script>
+import pdfvuer from "pdfvuer"; // pdfvuer 版本为@1.6.1
+import "pdfjs-dist/build/pdf.worker.entry";
+const PDF = require("pdfjs-dist");
+PDF.GlobalWorkerOptions.workerSrc = "../../common/pdf.worker.js";
+
+export default {
+  name: "Pdfvuer",
+  components: {
+    pdf: pdfvuer,
+  },
+  props: {
+    // 当前pdf路径
+    pdfUrl: {
+      type: String,
+      default:
+        "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/0629%E5%AE%9E%E6%97%B6%E8%AF%BE%E5%A0%82%E6%A8%A1%E6%8B%9F%E6%BC%94%E7%A4%BA%E8%AF%BE%E4%BB%B61656920880446.pdf",
+    },
+    ppage: {
+      type: Number,
+      default: 1,
+    },
+  },
+  data() {
+    return {
+      page: 1, // 当前页
+      numPages: 0, // 总页数
+      pdfData: undefined,
+      inputPage: 1, // 输入的页码
+      loading: false,
+      scale: "page-width",
+    };
+  },
+  mounted() {
+    // this.loading = this.$loading.service({
+    //   background: "rgba(255, 255, 255, 0.7)",
+    //   target: document.querySelector(".loading"),
+    //   text: "加载中...",
+    //   spinner: "",
+    // });
+    this.loading = true;
+    this.getPdf();
+  },
+  beforeDestroy() {},
+  watch: {
+    pdfUrl: function (s) {
+      // this.loading = this.$loading.service({
+      //   background: "rgba(255, 255, 255, 0.7)",
+      //   target: document.querySelector(".loading"),
+      //   text: "加载中...",
+      //   spinner: "",
+      // });
+      this.loading = true;
+      this.getPdf();
+    },
+  },
+  methods: {
+    // 获取 pdf 信息
+    getPdf() {
+      this.pdfData = pdfvuer.createLoadingTask({
+        url: this.pdfUrl,
+        cMapUrl: "https://cdn.jsdelivr.net/npm/pdfjs-dist@2.16.105/cmaps/",
+        cMapPacked: true,
+      });
+      this.pdfData
+        .then((pdf) => {
+          // this.loading.close();
+          this.loading = false
+          this.numPages = pdf.numPages;
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    },
+    // 上一页
+    prePage() {
+      let page = this.page;
+      page = page > 1 ? page - 1 : 1;
+      this.page = page;
+    },
+    // 下一页
+    nextPage() {
+      let page = this.page;
+      page = page < this.numPages ? page + 1 : this.numPages;
+      this.page = page;
+    },
+  },
+};
+</script>
+<style scoped>
+.loading {
+  height: 100%;
+  width: 100%;
+  /* background: #000; */
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(255, 255, 255, 0.7);
+  z-index: 9;
+  font-size: 20px;
+  color: #5c538a;
+}
+.pdf {
+  height: 100%;
+  position: relative;
+  box-sizing: border-box;
+}
+.pdf .show {
+  /* overflow: auto; */
+  margin: auto;
+  width: 100%;
+  /* height: calc(100%); */
+  /* max-height: 100%; */
+  /* min-height: 100%; */
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.pdf .show .p-pdf {
+  /* width: calc(100% / 5 - 60px); */
+  width: 100%;
+  /* overflow: hidden; */
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  /* margin-bottom: 50px; */
+  /* margin: 25px; */
+  position: relative;
+}
+.pdf .show .p-pdf .line {
+  position: absolute;
+  width: 50px;
+  right: -50px;
+  background: rgb(255, 186, 96);
+  height: 2px;
+}
+
+.pdf .show .p-pdf span {
+  width: 100%;
+  text-align: center;
+  color: #fff;
+}
+
+.pdf .show .p-pdf span + span {
+  margin-top: 10px;
+}
+.pdfbox {
+  /* border: 3px solid #000; */
+  /* box-sizing: border-box; */
+  /* border-radius: 4px; */
+  /* overflow: hidden; */
+}
+.pdf .pdf_footer {
+  position: sticky;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 10px 0;
+  width: 100%;
+  height: 75px;
+  background-color: rgba(255, 255, 255, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+.pdf .pdf_footer .info {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  justify-content: center;
+}
+.pdf .p-pdf .viewerContainer {
+  width: 100%;
+}
+
+/* .pdf .pdf_footer .info div {
+  width: 30%;
+} */
+.pdf .pdf_footer .operate {
+  margin: 10px 0 0;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  width: 100%;
+}
+.pdf .pdf_footer .operate div {
+  text-align: center;
+  font-size: 15px;
+}
+.pdf .pdf_footer .operate .btn {
+  cursor: pointer;
+  margin: 5px 10px;
+  width: 100px;
+  border-radius: 10px;
+  padding: 5px;
+  color: #fff;
+  background-color: #066ebe;
+}
+
+.pdf::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 6px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  height: 6px;
+}
+
+/*定义滚动条轨道 内阴影+圆角*/
+.pdf::-webkit-scrollbar {
+  border-radius: 10px;
+  background-color: #b8bdc9;
+}
+
+/*定义滑块 内阴影+圆角*/
+.pdf::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgb(96, 125, 184);
+  background-color: #2c5ab3;
+}
+</style>

src/components/index.vue

@@ -256,6 +256,7 @@ export default {
     },
     getCourse(typeName, ftypeId, typeid, type) {
       this.page = 1;
+      this.zoneClass = []
       if (typeName == "年级") {
         if (type == 1) {
           if (this.typeE.indexOf(typeid) != -1) {
@@ -378,6 +379,9 @@ export default {
         }
       }
       this.loading = this.openLoading(document.querySelector(".main_box"));
+      if (!this.loading) {
+        this.loading = this.openLoading(document.querySelector(".main_box"));
+      }
       this.selectAll();
     },
     selectAll() {
@@ -405,8 +409,10 @@ export default {
       this.ajax
         .get(this.$store.state.api + "selectTypeCourse2", params)
         .then((res) => {
-          this.loading.close();
-          // this.loading = "";
+          if (this.loading) {
+            this.loading.close();
+            this.loading = "";
+          }
           this.isListAjax = false;
           this.zoneClass = res.data[0];
           this.total = res.data[0].length ? res.data[0][0].num : 0;
@@ -432,6 +438,9 @@ export default {
       this.getZoneClass(this.zoneListId);
     },
     handleCurrentChange1(val) {
+      if (!this.loading) {
+        this.loading = this.openLoading(document.querySelector(".main_box"));
+      }
       this.page = val;
       this.selectAll();
     },

src/components/studyStudent.vue

@@ -8540,7 +8540,7 @@ export default {
 
 .dialog_diy >>> .el-dialog__header,
 .dialog_diy1 >>> .el-dialog__header {
-  background: #002e81 !important;
+  background: #454545 !important;
   padding: 15px 20px;
 }
 

src/router/index.js

@@ -4,10 +4,13 @@ import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
 import login from '@/components/login'
 import index from '@/components/index'
+import indexGM from '@/components/GM/indexGM'
 import courseDetail from '@/components/courseDetail'
+import courseDetailGM from '@/components/GM/courseDetailGM'
 import mine from '@/components/mine'
 import project from '@/components/project'
 import works from '@/components/works'
+import worksGM from '@/components/GM/worksGM'
 import score from '@/components/score'
 import notice from '@/components/notice'
 import noticeDetail from '@/components/noticeDetail'
@@ -16,6 +19,7 @@ import liveRoom from '@/components/liveRoom'
 import liveProjectDetail from '@/components/liveProjectDetail'
 import audioDemo from '@/components/audioDemo'
 import studyStudent from '@/components/studyStudent'
+import studyStudentGM from '@/components/GM/studyStudentGM'
 
 Vue.use(Router).use(ElementUI)
 
@@ -36,12 +40,24 @@ export default new Router({
             component: index,
             requireAuth: ''
         },
+        {
+            path: '/indexGM',
+            name: 'indexGM',
+            component: indexGM,
+            requireAuth: ''
+        },
         {
             path: '/courseDetail',
             name: 'courseDetail',
             component: courseDetail,
             requireAuth: ''
         },
+        {
+            path: '/courseDetailGM',
+            name: 'courseDetailGM',
+            component: courseDetailGM,
+            requireAuth: ''
+        },
         {
             path: '/mine',
             name: 'mine',
@@ -60,6 +76,12 @@ export default new Router({
             component: works,
             requireAuth: ''
         },
+        {
+            path: '/worksGM',
+            name: 'worksGM',
+            component: worksGM,
+            requireAuth: ''
+        },
         {
             path: '/score',
             name: 'score',
@@ -107,6 +129,11 @@ export default new Router({
             name: 'studyStudent',
             component: studyStudent,
             requireAuth: ''
+        },{
+            path: '/studyStudentGM',
+            name: 'studyStudentGM',
+            component: studyStudentGM,
+            requireAuth: ''
         },
     ]
 })