必修任务页面

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;