1

src/components/easy2/studyStudent.vue

@@ -117,6 +117,7 @@
                       <img src="../../assets/icon/newIcons/right.png" alt />
                     </div>
                   </div>
+                  <div v-else class="noToolBlue"></div>
                   <div
                     @click="openTask(stageIndex, navIndex, nav.id)"
                     class="navItemList"
@@ -18221,6 +18222,8 @@ export default {
             ].toolChoose.length - 1
           );
           this.$forceUpdate();
+          this.navList[this.courseType].task[this.taskCount].isOpen = true;
+          this.$forceUpdate();
         })
         .catch((err) => {
           console.error(err);
@@ -21050,10 +21053,12 @@ export default {
 }
 
 .xuan_right_box {
-  padding: 10px;
-  background: rgb(247, 247, 247);
-  margin: 0 12px;
-  border-radius: 5px;
+  padding: 10px 0;
+  background: #f0f4fa;
+  margin: 0 15px 0 25px;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+  width: 91.5%;
 }
 
 .tool_right_box {
@@ -22503,6 +22508,14 @@ ol {
   height: 100%;
 }
 
+.noToolBlue{
+  width: 15px;
+  height: 15px;
+  background: #0061ff;
+  border-radius: 50%;
+  margin-left: 10px;
+}
+
 .timeAndReply{
   display: flex;
   flex-direction: row;

src/components/easy3/studyStudent.vue

@@ -13,6 +13,9 @@
     >
       <div class="btnAllNT">
         <!-- <img src="../../assets/icon/learn/screen.png" @click="allScrell" /> -->
+        <!-- <img
+          src="../../assets/icon/learn/addTool.png"
+        /> -->
         <img
           src="../../assets/icon/learn/last.png"
           @click="nextOrpreSteps(0)"
@@ -117,6 +120,7 @@
                       <img src="../../assets/icon/newIcons/right.png" alt />
                     </div>
                   </div>
+                  <div v-else class="noToolBlue"></div>
                   <div
                     @click="openTask(stageIndex, navIndex, nav.id)"
                     class="navItemList"
@@ -18081,6 +18085,9 @@ export default {
               this.taskCount
             ].toolChoose.length - 1
           );
+          this.refreshCourse();
+          this.$forceUpdate();
+          this.navList[this.courseType].task[this.taskCount].isOpen = true;
           this.$forceUpdate();
         })
         .catch((err) => {
@@ -20904,10 +20911,12 @@ export default {
 }
 
 .xuan_right_box {
-  padding: 10px;
-  background: rgb(247, 247, 247);
-  margin: 0 12px;
-  border-radius: 5px;
+  padding: 10px 0;
+  background: #f0f4fa;
+  margin: 0 15px 0 25px;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+  width: 91.5%;
 }
 
 .tool_right_box {
@@ -22352,6 +22361,14 @@ ol {
   height: 100%;
 }
 
+.noToolBlue{
+  width: 15px;
+  height: 15px;
+  background: #0061ff;
+  border-radius: 50%;
+  margin-left: 10px;
+}
+
 .timeAndReply{
   display: flex;
   flex-direction: row;

src/components/studyStudent.vue

@@ -121,6 +121,7 @@
                       <img src="../assets/icon/newIcons/right.png" alt />
                     </div>
                   </div>
+                  <div v-else class="noToolBlue"></div>
                   <div
                     @click="openTask(stageIndex, navIndex, nav.id)"
                     class="navItemList"
@@ -10981,6 +10982,9 @@ export default {
               this.taskCount
             ].toolChoose.length - 1
           );
+          this.refreshCourse();
+          this.$forceUpdate();
+          this.navList[this.courseType].task[this.taskCount].isOpen = true;
           this.$forceUpdate();
         })
         .catch((err) => {
@@ -19221,7 +19225,8 @@ export default {
   position: relative;
   background: #f0f4fa;
   padding: 18px 20px;
-  border-radius: 4px;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
   width: 90%;
 }
 
@@ -20252,11 +20257,12 @@ export default {
 }
 
 .xuan_right_box {
-  padding: 10px;
-  background: rgb(247, 247, 247);
-  margin: 0 15px 0 30px;
-  border-radius: 5px;
-  width: 90%;
+  padding: 10px 0;
+  background: #f0f4fa;
+  margin: 0 15px 0 25px;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+  width: 91.5%;
 }
 
 .tool_right_box {
@@ -21486,6 +21492,14 @@ ol {
   height: 100%;
 }
 
+.noToolBlue{
+  width: 15px;
+  height: 15px;
+  background: #0061ff;
+  border-radius: 50%;
+  margin-left: 10px;
+}
+
 .stageChild,
 .toolChild {
   height: 0;