修改样式问题

src/components/courseDetail.vue

@@ -222,6 +222,11 @@
               >
                 <div class="jdAndTask">
                   <div>第{{ index + 1 }}阶段</div>
+                  <div
+                    v-if="courseDetail.state == 2 || courseDetail.state == 3"
+                  >
+                    任务查看
+                  </div>
                   <div :title="item.dyName">
                     {{ item.dyName }}
                   </div>

src/components/easy2/studyStudent.vue

@@ -58,7 +58,7 @@
           "
         >
           <div class="courseTitle">
-            <div style="max-width: 295px">
+            <div style="max-width: 285px">
               <div class="ctitle">{{ courseDetail.title }}</div>
             </div>
             <el-tooltip effect="light" content="收缩" placement="top">
@@ -396,7 +396,7 @@
                             >
                               {{ vitem.name }}.doc
                             </div>
-                            <div
+                            <!-- <div
                               class="downIcon"
                               @click="downloadFile(vitem.url)"
                             >
@@ -404,7 +404,7 @@
                                 src="../../assets/icon/newIcon/down.png"
                                 alt
                               />
-                            </div>
+                            </div> -->
                           </div>
                           <div class="navListItem" v-if="vitem.type == 8">
                             <div
@@ -414,7 +414,7 @@
                             >
                               {{ vitem.title ? vitem.title : vitem.url }}
                             </div>
-                            <div
+                            <!-- <div
                               class="downIcon"
                               @click="downloadFile(vitem.url)"
                             >
@@ -422,7 +422,7 @@
                                 src="../../assets/icon/newIcon/down.png"
                                 alt
                               />
-                            </div>
+                            </div> -->
                           </div>
                           <div class="navListItem" v-if="vitem.type == 3">
                             <div
@@ -572,7 +572,7 @@
                 "
               >
                 <div
-                  style="padding: 15px 0; line-height: 29px; font-size: 18px"
+                  style="padding: 20px 0px 15px 0; line-height: 29px; font-size: 18px"
                   class="cont"
                   v-if="
                     chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
@@ -20186,7 +20186,7 @@ export default {
   cursor: pointer;
   z-index: 999;
   right: 0;
-  top: 83px;
+  top: 110px;
   width: 50px;
   height: 50px;
   background: #fff;
@@ -20213,7 +20213,7 @@ export default {
   z-index: 999; */
   position: fixed;
   right: 0;
-  top: 70px;
+  top: 101px;
   width: 340px;
   height: calc(100% - 80px);
   z-index: 999;
@@ -21402,24 +21402,6 @@ ol {
   cursor: pointer;
 }
 
-.stageItemTitle {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-items: center;
-  margin-left: 6px;
-}
-.stageItemTitle > div:first-child {
-  color: #0e1e33;
-  font-size: 16px;
-  font-weight: bold;
-}
-.stageItemTitle > div:last-child {
-  margin-left: 10px;
-  font-size: 14px;
-  font-weight: 400;
-  color: #acb4bf;
-}
 .closeTri {
   width: 20px;
   height: 20px;

src/components/easy3/studyStudent.vue

@@ -58,7 +58,7 @@
           "
         >
           <div class="courseTitle">
-            <div style="max-width: 295px">
+            <div style="max-width: 285px">
               <div class="ctitle">{{ courseDetail.title }}</div>
             </div>
             <el-tooltip effect="light" content="收缩" placement="top">
@@ -385,7 +385,7 @@
                             >
                               {{ vitem.name }}.doc
                             </div>
-                            <div
+                            <!-- <div
                               class="downIcon"
                               @click="downloadFile(vitem.url)"
                             >
@@ -393,7 +393,7 @@
                                 src="../../assets/icon/newIcon/down.png"
                                 alt
                               />
-                            </div>
+                            </div> -->
                           </div>
                           <div class="navListItem" v-if="vitem.type == 8">
                             <div
@@ -403,7 +403,7 @@
                             >
                               {{ vitem.title ? vitem.title : vitem.url }}
                             </div>
-                            <div
+                            <!-- <div
                               class="downIcon"
                               @click="downloadFile(vitem.url)"
                             >
@@ -411,7 +411,7 @@
                                 src="../../assets/icon/newIcon/down.png"
                                 alt
                               />
-                            </div>
+                            </div> -->
                           </div>
                           <div class="navListItem" v-if="vitem.type == 3">
                             <div
@@ -556,7 +556,7 @@
                 "
               >
                 <div
-                  style="padding: 15px 0; line-height: 29px; font-size: 18px"
+                  style="padding: 20px 0px 15px 0; line-height: 29px; font-size: 18px"
                   class="cont"
                   v-if="
                     chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
@@ -599,7 +599,7 @@
                   >确定</el-button
                 >
               </div>
-              <div class="tool_work_box">
+              <div class="tool_work_box" style="width:98%;border-bottom: 1px solid #ccc;">
                 <div class="tool_box">
                   <div class="tool_type_box">
                     <div class="chooseWho">
@@ -20045,7 +20045,7 @@ export default {
   cursor: pointer;
   z-index: 999;
   right: 0;
-  top: 83px;
+  top: 110px;
   width: 50px;
   height: 50px;
   background: #fff;
@@ -20072,7 +20072,7 @@ export default {
   z-index: 999; */
   position: fixed;
   right: 0;
-  top: 70px;
+  top: 101px;
   width: 340px;
   height: calc(100% - 80px);
   z-index: 999;
@@ -21263,24 +21263,6 @@ ol {
   cursor: pointer;
 }
 
-.stageItemTitle {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-items: center;
-  margin-left: 6px;
-}
-.stageItemTitle > div:first-child {
-  color: #0e1e33;
-  font-size: 16px;
-  font-weight: bold;
-}
-.stageItemTitle > div:last-child {
-  margin-left: 10px;
-  font-size: 14px;
-  font-weight: 400;
-  color: #acb4bf;
-}
 .closeTri {
   width: 20px;
   height: 20px;

src/components/studyStudent.vue

@@ -2,7 +2,13 @@
   <div class="pb_content" style="overflow: unset">
     <div
       class="pb_content_body"
-      style="display: flex; height: 900px; position: relative;padding: 20px 0 20px 20px;box-sizing: border-box;"
+      style="
+        display: flex;
+        height: 900px;
+        position: relative;
+        padding: 20px 0 20px 20px;
+        box-sizing: border-box;
+      "
     >
       <div
         class="pButton"
@@ -19,14 +25,10 @@
       <div class="pb_left" v-else-if="!(IsFollow && tType == 2)">
         <!-- <div class="courseTitle">{{ courseDetail.title }}</div> -->
         <div
-          style="
-            border-bottom: 1px solid #cad1dc;
-            padding: 13px 0;
-            width: 100%;
-          "
+          style="border-bottom: 1px solid #cad1dc; padding: 13px 0; width: 100%"
         >
           <div class="courseTitle">
-            <div style="max-width: 295px">
+            <div style="max-width: 285px">
               <div class="ctitle">{{ courseDetail.title }}</div>
             </div>
             <el-tooltip effect="light" content="收缩" placement="top">
@@ -118,8 +120,8 @@
             width: 77%;
             z-index: 999;
             border-radius: 12px 12px 0 0;
-            border-bottom: 1px solid #CAD1DC;
-    padding: 10px 0;
+            border-bottom: 1px solid #cad1dc;
+            padding: 10px 0;
           "
           :class="{ navLeftCss: !mlDialog }"
         >
@@ -232,8 +234,7 @@
           <div
             class="vedioBox"
             v-if="
-              vChapterData[taskCount].length > 0 ||
-              fileC[taskCount].length > 0
+              vChapterData[taskCount].length > 0 || fileC[taskCount].length > 0
             "
             style="padding-top: 40px"
           >
@@ -427,12 +428,12 @@
                             >
                               {{ vitem.name }}.doc
                             </div>
-                            <div
+                            <!-- <div
                               class="downIcon"
                               @click="downloadFile(vitem.url)"
                             >
                               <img src="../assets/icon/newIcon/down.png" alt />
-                            </div>
+                            </div> -->
                           </div>
                           <div class="navListItem" v-if="vitem.type == 8">
                             <div
@@ -442,12 +443,12 @@
                             >
                               {{ vitem.title ? vitem.title : vitem.url }}
                             </div>
-                            <div
+                            <!-- <div
                               class="downIcon"
                               @click="downloadFile(vitem.url)"
                             >
                               <img src="../assets/icon/newIcon/down.png" alt />
-                            </div>
+                            </div> -->
                           </div>
                           <div class="navListItem" v-if="vitem.type == 3">
                             <div
@@ -583,11 +584,13 @@
                   .toolChoose[0].tool.length > 0
               "
             >
-              <div class="taskBox" v-if="
-                      chapInfoList[courseType].chapterInfo[0].taskJson[
-                        taskCount
-                      ].taskDetail != ''
-                    ">
+              <div
+                class="taskBox"
+                v-if="
+                  chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                    .taskDetail != ''
+                "
+              >
                 <div
                   style="
                     display: flex;
@@ -701,10 +704,9 @@
                             v-if="checktoolArray.indexOf(10) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -725,10 +727,9 @@
                             v-if="checktoolArray.indexOf(7) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -747,10 +748,9 @@
                             v-if="checktoolArray.indexOf(1) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -769,10 +769,9 @@
                             v-if="checktoolArray.indexOf(52) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -791,10 +790,9 @@
                             v-if="checktoolArray.indexOf(3) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -813,10 +811,9 @@
                             v-if="checktoolArray.indexOf(48) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -847,10 +844,9 @@
                             v-if="checktoolArray.indexOf(16) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -869,10 +865,9 @@
                             v-if="checktoolArray.indexOf(50) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -893,10 +888,9 @@
                             v-if="checktoolArray.indexOf(18) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -915,10 +909,9 @@
                             v-if="checktoolArray.indexOf(21) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -937,10 +930,9 @@
                             v-if="checktoolArray.indexOf(22) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -959,10 +951,9 @@
                             v-if="checktoolArray.indexOf(23) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -981,10 +972,9 @@
                             v-if="checktoolArray.indexOf(24) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -1003,10 +993,9 @@
                             v-if="checktoolArray.indexOf(32) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -1025,10 +1014,9 @@
                             v-if="checktoolArray.indexOf(57) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -1047,10 +1035,9 @@
                             v-if="checktoolArray.indexOf(63) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -1071,10 +1058,9 @@
                             v-if="checktoolArray.indexOf(40) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -1095,10 +1081,9 @@
                             v-if="checktoolArray.indexOf(28) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -1117,10 +1102,9 @@
                             v-if="checktoolArray.indexOf(37) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -1139,10 +1123,9 @@
                             v-if="checktoolArray.indexOf(38) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -1161,10 +1144,9 @@
                             v-if="checktoolArray.indexOf(31) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -1183,10 +1165,9 @@
                             v-if="checktoolArray.indexOf(39) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -1205,10 +1186,9 @@
                             v-if="checktoolArray.indexOf(58) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -1227,10 +1207,9 @@
                             v-if="checktoolArray.indexOf(59) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -1249,10 +1228,9 @@
                             v-if="checktoolArray.indexOf(60) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -1271,10 +1249,9 @@
                             v-if="checktoolArray.indexOf(61) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -1295,10 +1272,9 @@
                             v-if="checktoolArray.indexOf(26) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -1317,10 +1293,9 @@
                             v-if="checktoolArray.indexOf(25) == -1"
                           />
                           <div class="checkDiv" v-else>
-                            <img
-                              src="../assets/icon/checkedIs.png"
-                              alt
-                            /><span>已选择</span>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
                           </div>
                         </div>
                       </div>
@@ -16830,7 +16805,7 @@ export default {
   position: fixed;
   height: calc(100% - 40px);
   border-radius: 20px;
-    padding-bottom: 15px;
+  padding-bottom: 15px;
   box-sizing: border-box;
 }
 
@@ -17503,14 +17478,14 @@ export default {
   position: relative;
 }
 
-.new_top::before{
-  content: '';
+.new_top::before {
+  content: "";
   width: 100%;
-    height: 20px;
-    position: absolute;
-    top: -20px;
-    display: block;
-    background: #f2f2f2;
+  height: 20px;
+  position: absolute;
+  top: -20px;
+  display: block;
+  background: #f2f2f2;
 }
 
 .before {
@@ -17578,7 +17553,7 @@ export default {
   height: 445px;
   border-radius: 10px;
   overflow: hidden;
-  box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.16);
+  box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.16);
 }
 
 .vedioNav {
@@ -17876,7 +17851,7 @@ export default {
 .toolHeng2 {
   width: 100%;
   padding-left: 37px;
-  box-sizing:border-box;
+  box-sizing: border-box;
 }
 
 .workNav {
@@ -19169,7 +19144,7 @@ export default {
   cursor: pointer;
   z-index: 999;
   right: 0;
-  top: 83px;
+  top: 110px;
   width: 50px;
   height: 50px;
   background: #fff;
@@ -19196,7 +19171,7 @@ export default {
   z-index: 999; */
   position: fixed;
   right: 0;
-  top: 70px;
+  top: 101px;
   width: 340px;
   height: calc(100% - 80px);
   z-index: 999;
@@ -20311,12 +20286,18 @@ ol {
   color: #0e1e33;
   font-size: 16px;
   font-weight: bold;
+  min-width: 41px;
 }
 .stageItemTitle > div:last-child {
   margin-left: 10px;
   font-size: 14px;
   font-weight: 400;
   color: #acb4bf;
+  max-width: 190px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-word;
 }
 .closeTri {
   width: 20px;