update

src/components/studyStudent.vue

@@ -10,7 +10,7 @@
         box-sizing: border-box;
       "
     >
-      <div class="btnAllNT" v-if="false">
+      <div class="btnAllNT">
         <!-- <img src="../../assets/icon/learn/screen.png" @click="allScrell" /> -->
         <img
           v-if="
@@ -39,13 +39,7 @@
       <div class="pb_left" v-else-if="!(IsFollow && tType == 2)">
         <!-- <div class="courseTitle">{{ courseDetail.title }}</div> -->
         <div style="border-bottom: 1px solid #cad1dc; width: 100%">
-          <!-- <div class="courseTitle" :style="{ margin: tcid && inviteCode && '10px auto 0px'}"> -->
-          <div class="courseTitle">
-            <el-tooltip effect="light" content="收缩" placement="top">
-              <div class="mlImg" @click="setContent2(false)">
-                  <img src="../assets/icon/newIcons/launch.png" alt="" />
-              </div>
-            </el-tooltip>
+          <div class="courseTitle" :style="{ margin: tcid && inviteCode && '10px auto 0px'}">
             <div
               style="
                 max-width: calc(100% - 40px);
@@ -67,15 +61,16 @@
                 </div>
               </el-tooltip>
             </div>
-            <!-- <el-tooltip effect="light" content="收缩" placement="top">
+            <el-tooltip effect="light" content="收缩" placement="top">
               <div class="mlImg" @click="setContent2(false)">
                 <img src="../assets/icon/newIcons/isRight.png" alt="" />
               </div>
-            </el-tooltip> -->
+            </el-tooltip>
           </div>
           <div
             class="inviteBox"
             v-if="tcid && inviteCode"
+            style="padding: 0 0 8px 0"
           >
             <div>
               <span>随机码：{{ inviteCode }}</span>
@@ -95,9 +90,6 @@
                 // stageBoxIsCss: stageIndex == courseType,
                }"
             >
-              <div class="closeTri" :style="{transform:item.isOpen ? 'rotate(0deg)' : 'rotate(-90deg)'}">
-                <img src="../assets/icon/newIcons/chevronUp.png" alt />
-              </div>
               <div class="stageItemTitle" :class="{ stageNav: item.isOpen }">
                 <div>阶段{{ stageIndex + 1 }}</div>
                 <el-tooltip
@@ -113,7 +105,9 @@
               <!-- <div class="closeTri" v-if="stageIndex == courseType" :style="{transform:item.isOpen ? 'rotate(0deg)' : 'rotate(-90deg)'}">
                 <img src="../assets/icon/newIcons/downC.png" alt />
               </div> -->
-             
+              <div class="closeTri" :style="{transform:item.isOpen ? 'rotate(90deg)' : 'rotate(0deg)'}">
+                <img src="../assets/icon/newIcons/right.png" alt />
+              </div>
             </div>
             <div class="stageChild" :class="{ navActive: item.isOpen }">
               <div v-for="(nav, navIndex) in item.task" :key="navIndex">
@@ -132,14 +126,14 @@
                       v-if="navIndex == taskCount && nav.id == navId && stageIndex == courseType"
                       @click="openTask(stageIndex, navIndex, nav.id)"
                     >
-                      <img :style="{transform: nav.isOpen ? 'rotate(0deg)':'rotate(270deg)'}" src="../assets/icon/newIcons/chevronUp.png" alt />
+                      <img :style="{transform: nav.isOpen ? 'rotate(0deg)':'rotate(270deg)'}" src="../assets/icon/newIcons/bDown2.png" alt />
                     </div>
                     <div
                       class="closeTri1"
                       v-else
                       @click="openTask(stageIndex, navIndex, nav.id)"
                     >
-                      <img :style="{transform: nav.isOpen ? 'rotate(-90deg)':'rotate(-90deg)'}" src="../assets/icon/newIcons/chevronUp.png" alt />
+                      <img :style="{transform: nav.isOpen ? 'rotate(90deg)':'rotate(0deg)'}" src="../assets/icon/newIcons/right.png" alt />
                     </div>
                   </div>
                   <div v-else class="noToolBlue"></div>
@@ -242,10 +236,9 @@
           </div>
         </div>
       </div>
-      <!-- :class="{ navLeftCss: !mlDialog }" -->
-      <div class="body_student" :style="{width: mlDialog ? 'calc(100% - '+classRoomHelperWidth+' - 20% - 40px)' : 'calc(100% - '+classRoomHelperWidth+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }">
-        <div class="new_topFixed" :style="{width: mlDialog ? 'calc(100% - '+classRoomHelperWidth+' - 20% - 40px)' : 'calc(100% - '+classRoomHelperWidth+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }"></div>
-        <div class="new_top" :style="{width: mlDialog ? 'calc(100% - '+classRoomHelperWidth+' - 20% - 40px)' : 'calc(100% - '+classRoomHelperWidth+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }">
+      <div class="body_student" :class="{ navLeftCss: !mlDialog }">
+        <div class="new_topFixed"></div>
+        <div class="new_top" :class="{ navLeftCss: !mlDialog }">
           <div class="courseIndex">
             <div>任务{{ taskCount + 1 }}</div>
             <el-tooltip
@@ -264,7 +257,7 @@
             </el-tooltip>
           </div>
           <div class="btnAll">
-            <!-- <div class="btnLeft">
+            <div class="btnLeft">
               <el-tooltip effect="light" content="刷新" placement="top">
                 <div class="reBtnIcon" @click="refreshCourse">
                   <span>刷新</span>
@@ -289,8 +282,8 @@
                   </div>
                 </el-tooltip>
               </div>
-            </div> -->
-            <!-- <div class="btnRight">
+            </div>
+            <div class="btnRight">
               <div
                 class="last"
                 @click="nextOrpreSteps(0)"
@@ -374,7 +367,7 @@
                 </div>
                 <div class="lastText" style="color: #000">返回</div>
               </div>
-            </div> -->
+            </div>
 
             <!-- <div
               class="returnBtn lockIcon"
@@ -655,8 +648,8 @@
                   >
                     <div class="navCorOpenBox">
                       <div class="navTitile">内容列表：</div>
-                      <div class="navCorOpen" style="transform:rotate(180deg)" @click="setContent(false)">
-                        <img src="../assets/icon/newIcons/launch.png" alt="" />
+                      <div class="navCorOpen" @click="setContent(false)">
+                        <img src="../assets/icon/newIcons/isRight.png" alt="" />
                       </div>
                     </div>
                     <div class="navBox">
@@ -671,36 +664,26 @@
                           class="vedioTimeBox"
                           v-for="(vitem, vindex) in vChapterData[taskCount]"
                           :key="vindex + '1'"
-                          
                         >
-                          <div class="navListItem" :class="isClickNav == vindex ? 'isClickNav' : ''" v-if="vitem.type == 2">
+                          <div class="navListItem" v-if="vitem.type == 2">
                             <div
                               @click="lookVedio(vitem.url, vindex)"
                               class="navText"
-                              
+                              :class="isClickNav == vindex ? 'isClickNav' : ''"
                             >
                               <span v-if="vitem.text">{{ vitem.text }}-</span
                               >{{ vitem.name }}
                             </div>
-
-                            <!-- <div class="downIcon" @click="downloadFile2(vitem)"> -->
-                            <div class="downIcon">
-                              <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt="">
-
-                              <!-- <img
-                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
-                                alt
-                              /> -->
+                            <div class="downIcon" @click="downloadFile2(vitem)">
+                              <img src="../assets/icon/newIcon/down.png" alt />
                             </div>
-                            <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
-
                           </div>
 
-                          <div class="navListItem" :class="isClickNav == vindex ? 'isClickNav' : ''" v-if="vitem.type == 6">
+                          <div class="navListItem" v-if="vitem.type == 6">
                             <div
                               @click="lookText(taskCount, vindex)"
                               class="navText"
-                              
+                              :class="isClickNav == vindex ? 'isClickNav' : ''"
                             >
                               {{ vitem.name }}.doc
                             </div>
@@ -708,24 +691,20 @@
                               class="downIcon"
                               @click="checkFileFull1(vitem.type, vitem)"
                             >
-                            <!-- <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt=""> -->
                               <img
-                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
+                                src="../assets/icon/newIcon/allScreen.png"
                                 alt
                               />
                             </div>
-                            <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
-
                           </div>
                           <div
                             class="navListItem"
-                            :class="isClickNav == vindex ? 'isClickNav' : ''"
                             v-if="vitem.type == 8 || vitem.type == 14"
                           >
                             <div
                               @click="doUrl(vitem.url, vindex)"
                               class="navText"
-                              
+                              :class="isClickNav == vindex ? 'isClickNav' : ''"
                             >
                               {{ vitem.title ? vitem.title : vitem.url }}
                             </div>
@@ -733,20 +712,17 @@
                               class="downIcon"
                               @click="checkFileFull1(vitem.type, vitem)"
                             >
-                            <!-- <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt=""> -->
-                            <img
-                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
+                              <img
+                                src="../assets/icon/newIcon/allScreen.png"
                                 alt
                               />
                             </div>
-                            <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
-
                           </div>
-                          <div class="navListItem" :class="isClickNav == vindex ? 'isClickNav' : ''" v-if="vitem.type == 3">
+                          <div class="navListItem" v-if="vitem.type == 3">
                             <div
                               @click="downFile(vitem, vindex)"
                               class="navText"
-                              
+                              :class="isClickNav == vindex ? 'isClickNav' : ''"
                             >
                               <span v-if="vitem.text">{{ vitem.text }}-</span
                               >{{ vitem.name }}
@@ -755,13 +731,14 @@
                               class="downIcon"
                               @click="checkFileFull1(vitem.type, vitem)"
                             >
-                            <img
-                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
+                              <img
+                                src="../assets/icon/newIcon/allScreen.png"
                                 alt
                               />
                             </div>
-                            <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
-
+                            <div class="downIcon" @click="downloadFile2(vitem)">
+                              <img src="../assets/icon/newIcon/down.png" alt />
+                            </div>
                           </div>
                           <div class="navListItem" v-if="vitem.type == 12">
                             <div class="navText" @click="downloadFile2(vitem)">
@@ -772,28 +749,25 @@
                               class="downIcon"
                               @click="checkFileFull1(vitem.type, vitem)"
                             >
-                            <img
-                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
+                              <img
+                                src="../assets/icon/newIcon/allScreen.png"
                                 alt
                               />
                             </div>
-                            <img :src="isClickNav == vindex ? '../assets/icon/newIcon/download.png':'../assets/icon/newIcon/download2.png'" alt />
+                            <div class="downIcon" @click="downloadFile2(vitem)">
+                              <img src="../assets/icon/newIcon/down.png" alt />
+                            </div>
                           </div>
-                          <div class="navListItem"  :class="isClickNav == vindex ? 'isClickNav' : ''" v-if="vitem.type == 13">
+                          <div class="navListItem" v-if="vitem.type == 13">
                             <div
                               class="navText"
                               @click="checkPhoto(vitem, vindex)"
-                             
+                              :class="isClickNav == vindex ? 'isClickNav' : ''"
                             >
                               {{ vitem.name }}
                             </div>
                             <div class="downIcon" @click="downloadFile2(vitem)">
-                              <img
-                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
-                                alt
-                              />
-                              <!-- <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt=""> -->
-                              <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
+                              <img src="../assets/icon/newIcon/down.png" alt />
                             </div>
                           </div>
                         </div>
@@ -816,12 +790,10 @@
                                 class="downIcon"
                                 @click="downloadFile2(vitem)"
                               >
-                              <img
-                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
-                                alt
-                              />
-                              <!-- <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt=""> -->
-                              <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
+                                <img
+                                  src="../assets/icon/newIcon/down.png"
+                                  alt
+                                />
                               </div>
                             </div>
                           </div>
@@ -8064,22 +8036,6 @@
           </div>
         </el-dialog>
       </div>
-      <classRoomHelper ref="classRoomHelperRef" @setWidth="setClassRoomHelperWidth" @refresh="refreshCourse" @goStep="nextOrpreSteps" @authority="juriVisible = true" @backPage="goTo(
-                    '/courseDetail?userid=' +
-                      userid +
-                      '&oid=' +
-                      oid +
-                      '&org=' +
-                      org +
-                      '&cid=' +
-                      classId +
-                      '&courseId=' +
-                      id +
-                      '&tType=' +
-                      tType +
-                      '&screenType=' +
-                      screenType
-                  )"></classRoomHelper>
     </div>
     <div
       class="pButton"
@@ -8090,7 +8046,7 @@
       <!-- 批 -->
       <img src="../assets/mlBtn.png" style="width: 25px" alt="" />
     </div>
-    <div v-if="pzDialog == true" class="newDialogCss" :style="`right:${commentRight}`">
+    <div v-if="pzDialog == true" class="newDialogCss">
       <div class="pzTop2">
         <!-- <div>评论</div>
         <div @click="pzDialog = false">
@@ -11897,7 +11853,6 @@ import EnglishVoice from './EnglishVoice2/index.vue'
 import checkEnglishVoice from './checkEnglishVoice/index.vue'
 import correctText from './components/correctText.vue'
 import scoreItem from './scoreList/scoreItem.vue'
-import classRoomHelper from './classRoomHelper/index.vue'
 
 const getFile = (url) => {
   return new Promise((resolve, reject) => {
@@ -11971,8 +11926,7 @@ export default {
     EnglishVoice,
     checkEnglishVoice,
 		correctText,
-		scoreItem,
-    classRoomHelper
+		scoreItem
   },
   data() {
     return {
@@ -12336,7 +12290,6 @@ export default {
 				listdata:[],
 				isScoreList:[],	
 			},
-      classRoomHelperWidth: '85px'
     };
   },
   methods: {
@@ -12377,7 +12330,7 @@ export default {
           {
             role: "user",
             content:
-             `Role: 你是一名小学英语作文的老师，根据这篇文章的内容你去批改这篇文章，然后仅输出一篇纠错好的文章。文章：${t}`,
+               `Role: 你是一名小学英语作文的老师，根据这篇文章的内容你去批改这篇文章，然后仅输出一篇纠错好的文章。文章：${t}`,
           },
         ],
         uid: this.userid,
@@ -12772,7 +12725,6 @@ export default {
       } else if (document.querySelector(".workd_media")) {
         document.querySelector(".workd_media").style.height = "auto";
       }
-      this.$forceUpdate();
     },
     openToolAll() {
       this.toolDialogVisible = true;
@@ -16122,7 +16074,7 @@ export default {
           }, 0)
         })
       }
-      this.showType = 0;
+      this.showType = 7;
       this.isNoHomeWork = false;
       (this.studyJuri = [
         {
@@ -19840,10 +19792,7 @@ export default {
         .catch((err) => {
           console.error(err);
         });
-		},
-    setClassRoomHelperWidth(width){
-      this.classRoomHelperWidth = width
-    }
+		}
   },
   directives: {
     // 使用局部注册指令的方式
@@ -19899,15 +19848,6 @@ export default {
           : "";
       };
     },
-		commentRight(){
-			if(this.$refs["classRoomHelperRef"].type==0){
-				return "100px";
-			}else if(this.$refs["classRoomHelperRef"].type==1){
-				return "502px"
-			}else{
-				return "0px"
-			}
-		},
     checkUpload() {
       return function () {
         var studentK = [];
@@ -20574,13 +20514,12 @@ export default {
 }
 
 .courseTitle {
-  width: 90%;
-  margin: 30px auto 15px auto;
+  width: 85%;
+  margin: 10px auto 26px auto;
   display: flex;
   flex-direction: row;
   align-items: center;
-  /* justify-content: space-between; */
-  justify-content: flex-start;
+  justify-content: space-between;
   text-align: center;
 }
 
@@ -20596,13 +20535,8 @@ export default {
 .inviteBox {
   font-size: 14px;
   /* margin-top: 5px; */
-  /* margin: 15px 0; */
-  padding: 0 15px;
-  padding-left: 46px;
-  margin-bottom: 15px;
-  width: 100%;
   color: #00000099;
-  text-align: ringht;
+  text-align: center;
 }
 
 .courseTitle >>> .el-tooltip {
@@ -21363,14 +21297,12 @@ export default {
   width: calc(100% - 20px);
   height: 50px;
   margin: 0px auto 10px;
-  box-sizing: border-box;
-  padding: 0 10px;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
   justify-content: space-between;
-  /* background: #f0f4fa; */
+  background: #f0f4fa;
   border-radius: 6px 6px 6px 6px;
 }
 
@@ -21380,15 +21312,15 @@ export default {
   overflow: hidden;
   text-overflow: ellipsis;
   width: 220px;
-  /* padding: 0 10px; */
+  padding: 0 10px;
   font-weight: 400;
-  /* color: #0e1e33; */
+  color: #0e1e33;
 }
 
 .downIcon {
-  width: 16px;
-  min-width: 16px;
-  height: 16px;
+  width: 20px;
+  min-width: 20px;
+  height: 20px;
   margin-right: 15px;
   cursor: pointer;
 }
@@ -22276,9 +22208,8 @@ export default {
 }
 
 .isClickNav {
-  color: #499eef;
-  /* color: #000; */
-  background: rgba(224, 234, 251, 1);
+  /* color: #499eef; */
+  color: #000;
 }
 
 .commentImg {
@@ -23771,9 +23702,9 @@ ol {
 }
 
 .navCorOpen {
-  padding-left: 15px;
+  padding-right: 15px;
   cursor: pointer;
-  width: 23px;
+  width: 45px;
   display: flex;
 }
 
@@ -23783,13 +23714,10 @@ ol {
 }
 
 .mlImg {
-  width: 23px !important;
-  /* min-width: 30px; */
-  display: flex;
-  align-content: center;
-  margin-right: 6px;
+  width: 40px !important;
+  min-width: 40px;
   cursor: pointer;
-  /* transform: rotate(180deg); */
+  transform: rotate(180deg);
 }
 
 .mlImg > img {
@@ -23888,7 +23816,7 @@ ol {
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
-  margin-left: 5px;
+  margin-left: 15px;
   width: calc(100% - 50px);
 }
 .stageNav{
@@ -23907,9 +23835,9 @@ ol {
 }
 .closeTri,
 .closeTri1 {
-  min-width: 25px;
-  width: 25px;
-  height: 25px;
+  min-width: 15px;
+  width: 15px;
+  height: 15px;
   transition: all .5s;
 }
 

src/components/studyStudentJiu.vue → src/components/studyStudentXin.vue

@@ -10,7 +10,7 @@
         box-sizing: border-box;
       "
     >
-      <div class="btnAllNT">
+      <div class="btnAllNT" v-if="false">
         <!-- <img src="../../assets/icon/learn/screen.png" @click="allScrell" /> -->
         <img
           v-if="
@@ -39,7 +39,13 @@
       <div class="pb_left" v-else-if="!(IsFollow && tType == 2)">
         <!-- <div class="courseTitle">{{ courseDetail.title }}</div> -->
         <div style="border-bottom: 1px solid #cad1dc; width: 100%">
-          <div class="courseTitle" :style="{ margin: tcid && inviteCode && '10px auto 0px'}">
+          <!-- <div class="courseTitle" :style="{ margin: tcid && inviteCode && '10px auto 0px'}"> -->
+          <div class="courseTitle">
+            <el-tooltip effect="light" content="收缩" placement="top">
+              <div class="mlImg" @click="setContent2(false)">
+                  <img src="../assets/icon/newIcons/launch.png" alt="" />
+              </div>
+            </el-tooltip>
             <div
               style="
                 max-width: calc(100% - 40px);
@@ -61,16 +67,15 @@
                 </div>
               </el-tooltip>
             </div>
-            <el-tooltip effect="light" content="收缩" placement="top">
+            <!-- <el-tooltip effect="light" content="收缩" placement="top">
               <div class="mlImg" @click="setContent2(false)">
                 <img src="../assets/icon/newIcons/isRight.png" alt="" />
               </div>
-            </el-tooltip>
+            </el-tooltip> -->
           </div>
           <div
             class="inviteBox"
             v-if="tcid && inviteCode"
-            style="padding: 0 0 8px 0"
           >
             <div>
               <span>随机码：{{ inviteCode }}</span>
@@ -90,6 +95,9 @@
                 // stageBoxIsCss: stageIndex == courseType,
                }"
             >
+              <div class="closeTri" :style="{transform:item.isOpen ? 'rotate(0deg)' : 'rotate(-90deg)'}">
+                <img src="../assets/icon/newIcons/chevronUp.png" alt />
+              </div>
               <div class="stageItemTitle" :class="{ stageNav: item.isOpen }">
                 <div>阶段{{ stageIndex + 1 }}</div>
                 <el-tooltip
@@ -105,9 +113,7 @@
               <!-- <div class="closeTri" v-if="stageIndex == courseType" :style="{transform:item.isOpen ? 'rotate(0deg)' : 'rotate(-90deg)'}">
                 <img src="../assets/icon/newIcons/downC.png" alt />
               </div> -->
-              <div class="closeTri" :style="{transform:item.isOpen ? 'rotate(90deg)' : 'rotate(0deg)'}">
-                <img src="../assets/icon/newIcons/right.png" alt />
-              </div>
+             
             </div>
             <div class="stageChild" :class="{ navActive: item.isOpen }">
               <div v-for="(nav, navIndex) in item.task" :key="navIndex">
@@ -126,14 +132,14 @@
                       v-if="navIndex == taskCount && nav.id == navId && stageIndex == courseType"
                       @click="openTask(stageIndex, navIndex, nav.id)"
                     >
-                      <img :style="{transform: nav.isOpen ? 'rotate(0deg)':'rotate(270deg)'}" src="../assets/icon/newIcons/bDown2.png" alt />
+                      <img :style="{transform: nav.isOpen ? 'rotate(0deg)':'rotate(270deg)'}" src="../assets/icon/newIcons/chevronUp.png" alt />
                     </div>
                     <div
                       class="closeTri1"
                       v-else
                       @click="openTask(stageIndex, navIndex, nav.id)"
                     >
-                      <img :style="{transform: nav.isOpen ? 'rotate(90deg)':'rotate(0deg)'}" src="../assets/icon/newIcons/right.png" alt />
+                      <img :style="{transform: nav.isOpen ? 'rotate(-90deg)':'rotate(-90deg)'}" src="../assets/icon/newIcons/chevronUp.png" alt />
                     </div>
                   </div>
                   <div v-else class="noToolBlue"></div>
@@ -236,9 +242,10 @@
           </div>
         </div>
       </div>
-      <div class="body_student" :class="{ navLeftCss: !mlDialog }">
-        <div class="new_topFixed"></div>
-        <div class="new_top" :class="{ navLeftCss: !mlDialog }">
+      <!-- :class="{ navLeftCss: !mlDialog }" -->
+      <div class="body_student" :style="{width: mlDialog ? 'calc(100% - '+classRoomHelperWidth+' - 20% - 40px)' : 'calc(100% - '+classRoomHelperWidth+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }">
+        <div class="new_topFixed" :style="{width: mlDialog ? 'calc(100% - '+classRoomHelperWidth+' - 20% - 40px)' : 'calc(100% - '+classRoomHelperWidth+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }"></div>
+        <div class="new_top" :style="{width: mlDialog ? 'calc(100% - '+classRoomHelperWidth+' - 20% - 40px)' : 'calc(100% - '+classRoomHelperWidth+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }">
           <div class="courseIndex">
             <div>任务{{ taskCount + 1 }}</div>
             <el-tooltip
@@ -257,7 +264,7 @@
             </el-tooltip>
           </div>
           <div class="btnAll">
-            <div class="btnLeft">
+            <!-- <div class="btnLeft">
               <el-tooltip effect="light" content="刷新" placement="top">
                 <div class="reBtnIcon" @click="refreshCourse">
                   <span>刷新</span>
@@ -282,8 +289,8 @@
                   </div>
                 </el-tooltip>
               </div>
-            </div>
-            <div class="btnRight">
+            </div> -->
+            <!-- <div class="btnRight">
               <div
                 class="last"
                 @click="nextOrpreSteps(0)"
@@ -367,7 +374,7 @@
                 </div>
                 <div class="lastText" style="color: #000">返回</div>
               </div>
-            </div>
+            </div> -->
 
             <!-- <div
               class="returnBtn lockIcon"
@@ -648,8 +655,8 @@
                   >
                     <div class="navCorOpenBox">
                       <div class="navTitile">内容列表：</div>
-                      <div class="navCorOpen" @click="setContent(false)">
-                        <img src="../assets/icon/newIcons/isRight.png" alt="" />
+                      <div class="navCorOpen" style="transform:rotate(180deg)" @click="setContent(false)">
+                        <img src="../assets/icon/newIcons/launch.png" alt="" />
                       </div>
                     </div>
                     <div class="navBox">
@@ -664,26 +671,36 @@
                           class="vedioTimeBox"
                           v-for="(vitem, vindex) in vChapterData[taskCount]"
                           :key="vindex + '1'"
+                          
                         >
-                          <div class="navListItem" v-if="vitem.type == 2">
+                          <div class="navListItem" :class="isClickNav == vindex ? 'isClickNav' : ''" v-if="vitem.type == 2">
                             <div
                               @click="lookVedio(vitem.url, vindex)"
                               class="navText"
-                              :class="isClickNav == vindex ? 'isClickNav' : ''"
+                              
                             >
                               <span v-if="vitem.text">{{ vitem.text }}-</span
                               >{{ vitem.name }}
                             </div>
-                            <div class="downIcon" @click="downloadFile2(vitem)">
-                              <img src="../assets/icon/newIcon/down.png" alt />
+
+                            <!-- <div class="downIcon" @click="downloadFile2(vitem)"> -->
+                            <div class="downIcon">
+                              <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt="">
+
+                              <!-- <img
+                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
+                                alt
+                              /> -->
                             </div>
+                            <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
+
                           </div>
 
-                          <div class="navListItem" v-if="vitem.type == 6">
+                          <div class="navListItem" :class="isClickNav == vindex ? 'isClickNav' : ''" v-if="vitem.type == 6">
                             <div
                               @click="lookText(taskCount, vindex)"
                               class="navText"
-                              :class="isClickNav == vindex ? 'isClickNav' : ''"
+                              
                             >
                               {{ vitem.name }}.doc
                             </div>
@@ -691,20 +708,24 @@
                               class="downIcon"
                               @click="checkFileFull1(vitem.type, vitem)"
                             >
+                            <!-- <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt=""> -->
                               <img
-                                src="../assets/icon/newIcon/allScreen.png"
+                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
                                 alt
                               />
                             </div>
+                            <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
+
                           </div>
                           <div
                             class="navListItem"
+                            :class="isClickNav == vindex ? 'isClickNav' : ''"
                             v-if="vitem.type == 8 || vitem.type == 14"
                           >
                             <div
                               @click="doUrl(vitem.url, vindex)"
                               class="navText"
-                              :class="isClickNav == vindex ? 'isClickNav' : ''"
+                              
                             >
                               {{ vitem.title ? vitem.title : vitem.url }}
                             </div>
@@ -712,17 +733,20 @@
                               class="downIcon"
                               @click="checkFileFull1(vitem.type, vitem)"
                             >
-                              <img
-                                src="../assets/icon/newIcon/allScreen.png"
+                            <!-- <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt=""> -->
+                            <img
+                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
                                 alt
                               />
                             </div>
+                            <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
+
                           </div>
-                          <div class="navListItem" v-if="vitem.type == 3">
+                          <div class="navListItem" :class="isClickNav == vindex ? 'isClickNav' : ''" v-if="vitem.type == 3">
                             <div
                               @click="downFile(vitem, vindex)"
                               class="navText"
-                              :class="isClickNav == vindex ? 'isClickNav' : ''"
+                              
                             >
                               <span v-if="vitem.text">{{ vitem.text }}-</span
                               >{{ vitem.name }}
@@ -731,14 +755,13 @@
                               class="downIcon"
                               @click="checkFileFull1(vitem.type, vitem)"
                             >
-                              <img
-                                src="../assets/icon/newIcon/allScreen.png"
+                            <img
+                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
                                 alt
                               />
                             </div>
-                            <div class="downIcon" @click="downloadFile2(vitem)">
-                              <img src="../assets/icon/newIcon/down.png" alt />
-                            </div>
+                            <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
+
                           </div>
                           <div class="navListItem" v-if="vitem.type == 12">
                             <div class="navText" @click="downloadFile2(vitem)">
@@ -749,25 +772,28 @@
                               class="downIcon"
                               @click="checkFileFull1(vitem.type, vitem)"
                             >
-                              <img
-                                src="../assets/icon/newIcon/allScreen.png"
+                            <img
+                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
                                 alt
                               />
                             </div>
-                            <div class="downIcon" @click="downloadFile2(vitem)">
-                              <img src="../assets/icon/newIcon/down.png" alt />
-                            </div>
+                            <img :src="isClickNav == vindex ? '../assets/icon/newIcon/download.png':'../assets/icon/newIcon/download2.png'" alt />
                           </div>
-                          <div class="navListItem" v-if="vitem.type == 13">
+                          <div class="navListItem"  :class="isClickNav == vindex ? 'isClickNav' : ''" v-if="vitem.type == 13">
                             <div
                               class="navText"
                               @click="checkPhoto(vitem, vindex)"
-                              :class="isClickNav == vindex ? 'isClickNav' : ''"
+                             
                             >
                               {{ vitem.name }}
                             </div>
                             <div class="downIcon" @click="downloadFile2(vitem)">
-                              <img src="../assets/icon/newIcon/down.png" alt />
+                              <img
+                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
+                                alt
+                              />
+                              <!-- <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt=""> -->
+                              <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
                             </div>
                           </div>
                         </div>
@@ -790,10 +816,12 @@
                                 class="downIcon"
                                 @click="downloadFile2(vitem)"
                               >
-                                <img
-                                  src="../assets/icon/newIcon/down.png"
-                                  alt
-                                />
+                              <img
+                                :src="isClickNav == vindex ?'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame1111715423625357.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame2221715423643605.png'"
+                                alt
+                              />
+                              <!-- <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame56551715423909783.png" alt=""> -->
+                              <img :src="isClickNav == vindex ? 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/Frame99991715423519837.png':'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/download21715423345632.png'" alt />
                               </div>
                             </div>
                           </div>
@@ -8036,6 +8064,22 @@
           </div>
         </el-dialog>
       </div>
+      <classRoomHelper ref="classRoomHelperRef" @setWidth="setClassRoomHelperWidth" @refresh="refreshCourse" @goStep="nextOrpreSteps" @authority="juriVisible = true" @backPage="goTo(
+                    '/courseDetail?userid=' +
+                      userid +
+                      '&oid=' +
+                      oid +
+                      '&org=' +
+                      org +
+                      '&cid=' +
+                      classId +
+                      '&courseId=' +
+                      id +
+                      '&tType=' +
+                      tType +
+                      '&screenType=' +
+                      screenType
+                  )"></classRoomHelper>
     </div>
     <div
       class="pButton"
@@ -8046,7 +8090,7 @@
       <!-- 批 -->
       <img src="../assets/mlBtn.png" style="width: 25px" alt="" />
     </div>
-    <div v-if="pzDialog == true" class="newDialogCss">
+    <div v-if="pzDialog == true" class="newDialogCss" :style="`right:${commentRight}`">
       <div class="pzTop2">
         <!-- <div>评论</div>
         <div @click="pzDialog = false">
@@ -11853,6 +11897,7 @@ import EnglishVoice from './EnglishVoice2/index.vue'
 import checkEnglishVoice from './checkEnglishVoice/index.vue'
 import correctText from './components/correctText.vue'
 import scoreItem from './scoreList/scoreItem.vue'
+import classRoomHelper from './classRoomHelper/index.vue'
 
 const getFile = (url) => {
   return new Promise((resolve, reject) => {
@@ -11926,7 +11971,8 @@ export default {
     EnglishVoice,
     checkEnglishVoice,
 		correctText,
-		scoreItem
+		scoreItem,
+    classRoomHelper
   },
   data() {
     return {
@@ -12290,6 +12336,7 @@ export default {
 				listdata:[],
 				isScoreList:[],	
 			},
+      classRoomHelperWidth: '85px'
     };
   },
   methods: {
@@ -12330,7 +12377,7 @@ export default {
           {
             role: "user",
             content:
-               `Role: 你是一名小学英语作文的老师，根据这篇文章的内容你去批改这篇文章，然后仅输出一篇纠错好的文章。文章：${t}`,
+             `Role: 你是一名小学英语作文的老师，根据这篇文章的内容你去批改这篇文章，然后仅输出一篇纠错好的文章。文章：${t}`,
           },
         ],
         uid: this.userid,
@@ -12725,6 +12772,7 @@ export default {
       } else if (document.querySelector(".workd_media")) {
         document.querySelector(".workd_media").style.height = "auto";
       }
+      this.$forceUpdate();
     },
     openToolAll() {
       this.toolDialogVisible = true;
@@ -16074,7 +16122,7 @@ export default {
           }, 0)
         })
       }
-      this.showType = 7;
+      this.showType = 0;
       this.isNoHomeWork = false;
       (this.studyJuri = [
         {
@@ -19792,7 +19840,10 @@ export default {
         .catch((err) => {
           console.error(err);
         });
-		}
+		},
+    setClassRoomHelperWidth(width){
+      this.classRoomHelperWidth = width
+    }
   },
   directives: {
     // 使用局部注册指令的方式
@@ -19848,6 +19899,15 @@ export default {
           : "";
       };
     },
+		commentRight(){
+			if(this.$refs["classRoomHelperRef"].type==0){
+				return "100px";
+			}else if(this.$refs["classRoomHelperRef"].type==1){
+				return "502px"
+			}else{
+				return "0px"
+			}
+		},
     checkUpload() {
       return function () {
         var studentK = [];
@@ -20514,12 +20574,13 @@ export default {
 }
 
 .courseTitle {
-  width: 85%;
-  margin: 10px auto 26px auto;
+  width: 90%;
+  margin: 30px auto 15px auto;
   display: flex;
   flex-direction: row;
   align-items: center;
-  justify-content: space-between;
+  /* justify-content: space-between; */
+  justify-content: flex-start;
   text-align: center;
 }
 
@@ -20535,8 +20596,13 @@ export default {
 .inviteBox {
   font-size: 14px;
   /* margin-top: 5px; */
+  /* margin: 15px 0; */
+  padding: 0 15px;
+  padding-left: 46px;
+  margin-bottom: 15px;
+  width: 100%;
   color: #00000099;
-  text-align: center;
+  text-align: ringht;
 }
 
 .courseTitle >>> .el-tooltip {
@@ -21297,12 +21363,14 @@ export default {
   width: calc(100% - 20px);
   height: 50px;
   margin: 0px auto 10px;
+  box-sizing: border-box;
+  padding: 0 10px;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
   justify-content: space-between;
-  background: #f0f4fa;
+  /* background: #f0f4fa; */
   border-radius: 6px 6px 6px 6px;
 }
 
@@ -21312,15 +21380,15 @@ export default {
   overflow: hidden;
   text-overflow: ellipsis;
   width: 220px;
-  padding: 0 10px;
+  /* padding: 0 10px; */
   font-weight: 400;
-  color: #0e1e33;
+  /* color: #0e1e33; */
 }
 
 .downIcon {
-  width: 20px;
-  min-width: 20px;
-  height: 20px;
+  width: 16px;
+  min-width: 16px;
+  height: 16px;
   margin-right: 15px;
   cursor: pointer;
 }
@@ -22208,8 +22276,9 @@ export default {
 }
 
 .isClickNav {
-  /* color: #499eef; */
-  color: #000;
+  color: #499eef;
+  /* color: #000; */
+  background: rgba(224, 234, 251, 1);
 }
 
 .commentImg {
@@ -23702,9 +23771,9 @@ ol {
 }
 
 .navCorOpen {
-  padding-right: 15px;
+  padding-left: 15px;
   cursor: pointer;
-  width: 45px;
+  width: 23px;
   display: flex;
 }
 
@@ -23714,10 +23783,13 @@ ol {
 }
 
 .mlImg {
-  width: 40px !important;
-  min-width: 40px;
+  width: 23px !important;
+  /* min-width: 30px; */
+  display: flex;
+  align-content: center;
+  margin-right: 6px;
   cursor: pointer;
-  transform: rotate(180deg);
+  /* transform: rotate(180deg); */
 }
 
 .mlImg > img {
@@ -23816,7 +23888,7 @@ ol {
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
-  margin-left: 15px;
+  margin-left: 5px;
   width: calc(100% - 50px);
 }
 .stageNav{
@@ -23835,9 +23907,9 @@ ol {
 }
 .closeTri,
 .closeTri1 {
-  min-width: 15px;
-  width: 15px;
-  height: 15px;
+  min-width: 25px;
+  width: 25px;
+  height: 25px;
   transition: all .5s;
 }