update

src/view/student/trainChapter/trainChapter.vue

@@ -11,7 +11,7 @@
             <div class="chapter-content">
 
                 <!-- 原本的左侧菜单 -->
-                <!-- <div class="menu-box" :class="{ fold: state.menuFold }">
+                <div class="menu-box" :class="{ fold: state.menuFold }">
                     <div class="menu-title">{{ state.chapterTree[state.currentStep]?.name ?? '' }}</div>
                     <div class="menu-list">
                         <el-scrollbar :max-height="state.menuListHeight">
@@ -38,10 +38,10 @@
                         </el-scrollbar>
                         <div class="menu-switch" @click="menuSwitch"></div>
                     </div>
-                </div> -->
+                </div>
 
                 <!-- 新的左侧菜单 -->
-                <div :class="'menuLeft ' + (menuLeftLook == true ? 'menuLeftOpenEvent' : 'menuLeftExitEvent')" >
+                <!-- <div :class="'menuLeft ' + (menuLeftLook == true ? 'menuLeftOpenEvent' : 'menuLeftExitEvent')" >
                     <div class="menuTitle" >
                         <div class="logoLeft"></div>
                         <div class="txtRight">知识学习</div>
@@ -49,11 +49,11 @@
                     <div class="menuList commonsScrollbarNew" >
 
                         <div class="menuListMain" v-for="(item, index) of state.chapterTree" :key="index" >
-                            <div class="menuListpParent" @click="menuClickNew($event, index)" >
+                            <div class="menuListpParent" @click="menuClickNew(item, index)" >
                                 <div class="menuListpParentLeft">
                                     <div class="logoMenu" ></div>
-                                    <!-- <div class="logoTime" ></div> -->
-                                    <!-- <div class="logoNo" ></div> -->
+                                    <div class="logoTime" ></div>
+                                    <div class="logoNo" ></div>
                                 </div>
                                 <div class="menuListpParentCenter">{{ item.name }} {{ item.name }} {{ item.name }}</div>
                                 <div class="menuListpParentRight" v-if="item.children != null && item.children != undefined && item.children.length > 0" >
@@ -61,12 +61,12 @@
                                 </div>
                             </div>
                             <div class="menuListpChildren"
-                            @click="menuClickNew($event, index, item_1.id)"
+                            @click="menuClickNew(item_1, index, item_1.id)"
                             v-if="item.children?.length > 0" v-for="(item_1, index_1) of item.children" :key="index_1" >
                                 <div class="menuListpChildrenKong" ></div>
                                 <div class="menuListpChildrenLeft" >
-                                    <!-- <div class="logoMenu" ></div>
-                                    <div class="logoTime" ></div> -->
+                                    <div class="logoMenu" ></div>
+                                    <div class="logoTime" ></div>
                                     <div class="logoNo" ></div>
                                 </div>
                                 <div class="menuListpChildrenRight">
@@ -78,7 +78,7 @@
                     </div>
                 </div>
                 <div :class="'menuLook ' + (menuLeftLook == true ? 'menuLookOpenEvent ' : 'menuLookExit menuLookExitEvent')"
-                @click="(menuLeftLook = menuLeftLook == true ? false : true)" ></div>
+                @click="(menuLeftLook = menuLeftLook == true ? false : true)" ></div> -->
                 
                 <div v-if="state.currentChapter.type != 30" class="chapter-detail">
                     <div class="detail-title">{{ state.currentChapter.name }}</div>
@@ -248,13 +248,13 @@ const menuClick = (evt: Event, step: number, nodeId?: string) => {
 
 /**
  * 新的左侧菜单点击的逻辑
- * @param evt 
+ * @param item
  * @param step 
  * @param nodeId 
  */
-const menuClickNew = (evt: Event, step: number, nodeId?: string) => {
+const menuClickNew = (item: any, step: number, nodeId?: string) => {
 
-    console.log("menuClickNew ---", evt, step, nodeId)
+    console.log("menuClickNew ---", item, step, nodeId)
     
     let chapterNum = step * 100,
         node = 0;
@@ -266,6 +266,14 @@ const menuClickNew = (evt: Event, step: number, nodeId?: string) => {
         state.currentStep = step;
         state.currentNode = node;
         state.currentChapter = chapterQueue[step][node];
+
+        console.log(
+            'menuClickNew --- 1111111111 ',
+            state.currentStep,
+            state.currentNode,
+            state.currentChapter
+        );
+
     } else {
         ElMessage({
             message: '该章节还未完成学习，请先按顺序完成学习！',
@@ -877,6 +885,7 @@ const callbackProgressQingXiCheAndQv = (json : any) => {
                 margin-top: 1rem;
                 padding: 3rem 0 3rem 2rem;
                 background-image: url(/src/assets/student/training/menu_list.png);
+                // background-image: url(/src/assets/menuLeft/menuBottom.webp);
                 background-size: 100% 100%;
                 box-sizing: border-box;
                 --step-item-size: 2rem;