必修任务页面

src/components/NavLeft.vue

@@ -573,6 +573,15 @@
               <router-link to="/employeelearning">员工学习数据</router-link>
             </a-menu-item>
           </a-sub-menu>
+          <a-menu-item key="sub17-4">
+            <span
+              :class="{
+                circleActive: selectedKeys[0] === 'sub17-4' ? true : false,
+                circle: selectedKeys[0] === 'sub17-4' ? false : true,
+              }"
+            ></span>
+            <router-link to="/trainingnewmanager">新任管理者培训数据</router-link>
+          </a-menu-item>
         </a-sub-menu>
         <a-menu-item key="sub16" v-if="checkMenu('OldSystemManage')">
           <div class="imgBox">
@@ -1022,6 +1031,12 @@ export default {
           selectedKeys: "sub17-3-2",
           pagename: "员工学习数据",
         },
+        {
+          href: "/trainingnewmanager",
+          openKeys: "sub17",
+          selectedKeys: "sub17-4",
+          pagename: "新任管理者培训数据",
+        },
         {
           href: "/oldsystemmanage",
           openKeys: "sub18",

src/views/learningpath/LevelAddDetail.vue

@@ -163,6 +163,10 @@
                 <span>任务列表</span>
               </div>
               <div class="tit_right">
+                <div style="margin-right: 14px">
+                  <span style="margin-right: 8px" :style="{color: switchList ? '#4ea6ff' : '#ffb64e'}">{{switchList?'自由学习模式':'顺序学习模式'}}</span>
+                  <a-switch v-model:checked="switchList" />
+                </div>
                 <div class="btn btn1" @click="showChangeModal">
                   <div class="btnText">移动任务到关卡</div>
                 </div>
@@ -547,7 +551,7 @@ function deleteTask(element, index) {
     },
   });
 }
-
+const switchList = ref(false)
 const showChangeModal = () => {
   if (routerInfo.value?.chapterList?.length <= 1) {
     message.warning("请添加关卡！");

src/views/projectcenter/TaskAdd.vue

@@ -119,6 +119,10 @@
           <div class="boomcen">
             <div class="onerow">
               <div class="taskmain">任务列表</div>
+              <div class="taskmain_switch">
+                <span class="taskmain_switch_text" :style="{color: switchList ? '#4ea6ff' : '#ffb64e'}">{{switchList?'自由学习模式':'顺序学习模式'}}</span>
+                <a-switch v-model:checked="switchList" />
+              </div>
               <button class="btn" @click="showChangeModal">
                 移动任务到阶段
               </button>
@@ -467,7 +471,7 @@ const getTask = async () => {
 const editTaskForType = (ele, index) => {
   courseRef.value['el' + ele.type].openDrawer(index, ele)
 };
-
+const switchList = ref(false)
 const showChangeModal = () => {
   if (projectInfo.value?.stageList?.length <= 1) {
     message.warning("请添加阶段！");
@@ -1420,6 +1424,21 @@ const openCourse = (ele) => {
             color: #000000;
             margin-top: 10px;
           }
+          .taskmain_switch{
+            position: absolute;
+            top: 0;
+            right: 268px;
+            width: 150px;
+            height: 40px;
+            border-radius: 8px;
+            cursor: pointer;
+            text-align: center;
+            line-height: 40px;
+
+            .taskmain_switch_text{
+              margin-right: 10px;
+            }
+          }
 
           .btn {
             position: absolute;