diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index 0b068ca3..17295e1e 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -8,7 +8,7 @@
               src="../../assets/images/projectadd/right.png"
               style="margin-left: 10px; cursor: pointer"
               @click="showCancel"
-            />
+          />
           </div>
           <div class="btn btn3" @click="showModal()" style="margin-left: 19px">
             <div class="search"></div>
@@ -16,18 +16,18 @@
           </div>
           <div class="maincon" style="background-color: #fff">
             <draggable
-              v-model="level"
-              chosenClass="chosen"
-              ghostClass="ghost"
-              forceFallback="true"
-              group="stage"
-              animation="500"
+                v-model="level"
+                chosenClass="chosen"
+                ghostClass="ghost"
+                forceFallback="true"
+                group="stage"
+                animation="500"
             >
               <template #item="{ element }">
                 <div
-                  class="items"
-                  :class="chooseStageId == element.id ? 'active' : ''"
-                  @click="changebgc(element.id)"
+                    class="items"
+                    :class="chooseStageId == element.id ? 'active' : ''"
+                    @click="changebgc(element.id)"
                 >
                   <div class="items1">
                     <div class="boxs_left">
@@ -42,7 +42,7 @@
                         </template>
                         <div class="script">
                           <span style="font-size: 12px; color: #ffffff"
-                            >说明</span
+                          >说明</span
                           >
                         </div>
                       </a-popover>
@@ -51,15 +51,15 @@
                     </div>
                     <div class="boxs_right">
                       <div
-                        class="imgIcon"
-                        @click="showDeleteStage(element.id)"
+                          class="imgIcon"
+                          @click="showDeleteStage(element.id)"
                       ></div>
                     </div>
                   </div>
                   <div class="items2">
                     <a-popover
-                      placement="topLeft"
-                      v-if="element.tit?.length > 10"
+                        placement="topLeft"
+                        v-if="element.tit?.length > 10"
                     >
                       <template #content>
                         <div style="width: 130px">
@@ -115,7 +115,7 @@
           <div class="filt">
             <div class="le">
               <div class="leftimg">
-                <img class="img" :src="picUrl" />
+                <img class="img" :src="picUrl"/>
               </div>
               <div class="imgfor">
                 <div class="forz" style="font-weight: 700">
@@ -142,8 +142,8 @@
               <router-link to="/taskpage">
                 <div style="display: flex">
                   <img
-                    class="img2"
-                    src="../../assets/images/leveladd/back.png"
+                      class="img2"
+                      src="../../assets/images/leveladd/back.png"
                   />
                   <div class="return">返回</div>
                 </div>
@@ -155,21 +155,21 @@
           <div class="item" @click="showDrawerOnline">
             <div class="itcon">
               <div class="img">
-                <img src="../../assets/images/leveladd/zai.png" />
+                <img src="../../assets/images/leveladd/zai.png"/>
               </div>
               <div class="text">在线</div>
             </div>
             <!-- 添加在线侧弹窗 -->
             <div>
               <add-online
-                v-model:addonlineVisible="addonlinevisible"
-                @changeData="updateTableData"
-                :isLevel="isLevel"
-                v-model:edit="edit"
-                v-model:projectId="projectId"
-                v-model:chooseStageId="chooseStageId"
-                v-model:projectTaskId="projectTaskId"
-                v-model:EditOnlineId="EditOnlineId"
+                  v-model:addonlineVisible="addonlinevisible"
+                  @changeData="updateTableData"
+                  :isLevel="isLevel"
+                  v-model:edit="edit"
+                  v-model:projectId="projectId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:projectTaskId="projectTaskId"
+                  v-model:EditOnlineId="EditOnlineId"
               />
             </div>
             <!-- 添加在线侧弹窗 -->
@@ -178,21 +178,21 @@
           <div class="item" @click="showDrawerFaceteach">
             <div class="itcon">
               <div class="img">
-                <img src="../../assets/images/leveladd/mian.png" />
+                <img src="../../assets/images/leveladd/mian.png"/>
               </div>
               <div class="text">面授</div>
             </div>
             <!-- 添加面授侧弹窗 -->
             <div>
               <add-faceteach
-                v-model:addfaceteachVisible="addfaceteachvisible"
-                v-model:EditFaceId="EditFaceId"
-                v-model:edit="edit"
-                :isLevel="isLevel"
-                v-model:projectId="projectId"
-                v-model:chooseStageId="chooseStageId"
-                @changeData="updateTableData"
-                v-model:projectTaskId="projectTaskId"
+                  v-model:addfaceteachVisible="addfaceteachvisible"
+                  v-model:EditFaceId="EditFaceId"
+                  v-model:edit="edit"
+                  :isLevel="isLevel"
+                  v-model:projectId="projectId"
+                  v-model:chooseStageId="chooseStageId"
+                  @changeData="updateTableData"
+                  v-model:projectTaskId="projectTaskId"
               />
             </div>
             <!-- 添加面授侧弹窗 -->
@@ -201,21 +201,21 @@
           <div class="item" @click="showDrawerAddCase">
             <div class="itcon">
               <div class="img">
-                <img src="../../assets/images/leveladd/an.png" />
+                <img src="../../assets/images/leveladd/an.png"/>
               </div>
               <div class="text">案例</div>
             </div>
             <!-- 添加案例侧弹窗 -->
             <div>
               <add-case
-                v-model:addcaseVisible="addcasevisible"
-                @changeData="updateTableData"
-                :isLevel="isLevel"
-                v-model:edit="edit"
-                v-model:projectId="projectId"
-                v-model:chooseStageId="chooseStageId"
-                v-model:projectTaskId="projectTaskId"
-                v-model:EditCaseId="EditCaseId"
+                  v-model:addcaseVisible="addcasevisible"
+                  @changeData="updateTableData"
+                  :isLevel="isLevel"
+                  v-model:edit="edit"
+                  v-model:projectId="projectId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:projectTaskId="projectTaskId"
+                  v-model:EditCaseId="EditCaseId"
               />
             </div>
             <!-- 添加案例侧弹窗 -->
@@ -224,21 +224,21 @@
           <div class="item">
             <div class="itcon">
               <div class="img" @click="showDrawerAddHomework">
-                <img src="../../assets/images/leveladd/zuo.png" />
+                <img src="../../assets/images/leveladd/zuo.png"/>
               </div>
               <div class="text">作业</div>
             </div>
             <!-- 添加作业侧弹窗 -->
             <div>
               <add-homework
-                v-model:addhomeworkVisible="addhomeworkvisible"
-                @changeData="updateTableData"
-                v-model:isLevel="isLevel"
-                v-model:edit="edit"
-                v-model:projectId="projectId"
-                v-model:chooseStageId="chooseStageId"
-                v-model:EditWorkId="EditWorkId"
-                v-model:projectTaskId="projectTaskId"
+                  v-model:addhomeworkVisible="addhomeworkvisible"
+                  @changeData="updateTableData"
+                  v-model:isLevel="isLevel"
+                  v-model:edit="edit"
+                  v-model:projectId="projectId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:EditWorkId="EditWorkId"
+                  v-model:projectTaskId="projectTaskId"
               />
             </div>
             <!-- 添加作业侧弹窗 -->
@@ -247,21 +247,21 @@
           <div class="item" @click="showDrawerAddTest">
             <div class="itcon">
               <div class="img">
-                <img src="../../assets/images/leveladd/kao.png" />
+                <img src="../../assets/images/leveladd/kao.png"/>
               </div>
               <div class="text">考试</div>
             </div>
             <!-- 添加考试侧弹窗 -->
             <div>
               <add-test
-                v-model:addtestVisible="addtestvisible"
-                @changeData="updateTableData"
-                :isLevel="isLevel"
-                v-model:edit="edit"
-                v-model:projectId="projectId"
-                v-model:chooseStageId="chooseStageId"
-                v-model:EditTestId="EditTestId"
-                v-model:projectTaskId="projectTaskId"
+                  v-model:addtestVisible="addtestvisible"
+                  @changeData="updateTableData"
+                  :isLevel="isLevel"
+                  v-model:edit="edit"
+                  v-model:projectId="projectId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:EditTestId="EditTestId"
+                  v-model:projectTaskId="projectTaskId"
               />
             </div>
             <!-- 添加考试侧弹窗 -->
@@ -270,21 +270,21 @@
           <div class="item" @click="showDrawerAddLive">
             <div class="itcon">
               <div class="img">
-                <img src="../../assets/images/leveladd/zhi.png" />
+                <img src="../../assets/images/leveladd/zhi.png"/>
               </div>
               <div class="text">直播</div>
             </div>
             <!-- 添加直播侧弹窗 -->
             <div>
               <add-live
-                v-model:addliveVisible="addlivevisible"
-                :isLevel="isLevel"
-                @changeData="updateTableData"
-                v-model:projectId="projectId"
-                v-model:chooseStageId="chooseStageId"
-                v-model:edit="edit"
-                v-model:EditLiveId="EditLiveId"
-                v-model:projectTaskId="projectTaskId"
+                  v-model:addliveVisible="addlivevisible"
+                  :isLevel="isLevel"
+                  @changeData="updateTableData"
+                  v-model:projectId="projectId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:edit="edit"
+                  v-model:EditLiveId="EditLiveId"
+                  v-model:projectTaskId="projectTaskId"
               />
             </div>
             <!-- 添加直播侧弹窗 -->
@@ -293,21 +293,21 @@
           <div class="item" @click="showDrawerAddRef">
             <div class="itcon">
               <div class="img">
-                <img src="../../assets/images/leveladd/wai.png" />
+                <img src="../../assets/images/leveladd/wai.png"/>
               </div>
               <div class="text">外链</div>
             </div>
             <!-- 添加外链侧弹窗 -->
             <div>
               <add-ref
-                v-model:addrefVisible="addrefvisible"
-                :isLevel="isLevel"
-                @changeData="updateTableData"
-                v-model:projectId="projectId"
-                v-model:chooseStageId="chooseStageId"
-                v-model:edit="edit"
-                v-model:EditRefId="EditRefId"
-                v-model:projectTaskId="projectTaskId"
+                  v-model:addrefVisible="addrefvisible"
+                  :isLevel="isLevel"
+                  @changeData="updateTableData"
+                  v-model:projectId="projectId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:edit="edit"
+                  v-model:EditRefId="EditRefId"
+                  v-model:projectTaskId="projectTaskId"
               />
             </div>
             <!-- 添加外链侧弹窗 -->
@@ -316,21 +316,21 @@
           <div class="item" @click="showDrawerAddDiscuss">
             <div class="itcon">
               <div class="img">
-                <img src="../../assets/images/leveladd/tao.png" />
+                <img src="../../assets/images/leveladd/tao.png"/>
               </div>
               <div class="text">讨论</div>
             </div>
             <!-- 添加讨论侧弹窗 -->
             <div>
               <add-discuss
-                v-model:adddiscussVisible="adddiscussvisible"
-                v-model:edit="edit"
-                :isLevel="isLevel"
-                v-model:projectId="projectId"
-                v-model:chooseStageId="chooseStageId"
-                v-model:EditDiscussId="EditDiscussId"
-                v-model:projectTaskId="projectTaskId"
-                @changeData="updateTableData"
+                  v-model:adddiscussVisible="adddiscussvisible"
+                  v-model:edit="edit"
+                  :isLevel="isLevel"
+                  v-model:projectId="projectId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:EditDiscussId="EditDiscussId"
+                  v-model:projectTaskId="projectTaskId"
+                  @changeData="updateTableData"
               />
             </div>
             <!-- 添加讨论侧弹窗 -->
@@ -339,21 +339,21 @@
           <div class="item" @click="showDrawerAddActive">
             <div class="itcon">
               <div class="img">
-                <img src="../../assets/images/leveladd/huo.png" />
+                <img src="../../assets/images/leveladd/huo.png"/>
               </div>
               <div class="text">活动</div>
             </div>
             <!-- 添加活动侧弹窗 -->
             <div>
               <add-active
-                v-model:addactiveVisible="addactivevisible"
-                v-model:projectId="projectId"
-                v-model:EditActiveId="EditActiveId"
-                v-model:projectTaskId="projectTaskId"
-                v-model:edit="edit"
-                :isLevel="isLevel"
-                v-model:chooseStageId="chooseStageId"
-                @changeData="updateTableData"
+                  v-model:addactiveVisible="addactivevisible"
+                  v-model:projectId="projectId"
+                  v-model:EditActiveId="EditActiveId"
+                  v-model:projectTaskId="projectTaskId"
+                  v-model:edit="edit"
+                  :isLevel="isLevel"
+                  v-model:chooseStageId="chooseStageId"
+                  @changeData="updateTableData"
               />
             </div>
             <!-- 添加活动侧弹窗 -->
@@ -362,21 +362,21 @@
           <div class="item" @click="showDrawerAddEval">
             <div class="itcon">
               <div class="img">
-                <img src="../../assets/images/leveladd/ce.png" />
+                <img src="../../assets/images/leveladd/ce.png"/>
               </div>
               <div class="text">测评</div>
             </div>
             <!-- 添加测评侧弹窗 -->
             <div>
               <add-eval
-                v-model:addevalVisible="addevalvisible"
-                @changeData="updateTableData"
-                v-model:edit="edit"
-                :isLevel="isLevel"
-                v-model:projectId="projectId"
-                v-model:chooseStageId="chooseStageId"
-                v-model:projectTaskId="projectTaskId"
-                v-model:EditEvalId="EditEvalId"
+                  v-model:addevalVisible="addevalvisible"
+                  @changeData="updateTableData"
+                  v-model:edit="edit"
+                  :isLevel="isLevel"
+                  v-model:projectId="projectId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:projectTaskId="projectTaskId"
+                  v-model:EditEvalId="EditEvalId"
               />
             </div>
             <!-- 添加测评侧弹窗 -->
@@ -385,21 +385,21 @@
           <div class="item" @click="showDrawerAddInvist">
             <div class="itcon">
               <div class="img">
-                <img src="../../assets/images/leveladd/diao.png" />
+                <img src="../../assets/images/leveladd/diao.png"/>
               </div>
               <div class="text">评估</div>
             </div>
             <!-- 添加评估侧弹窗 -->
             <div>
               <add-invist
-                v-model:addinvistVisible="addinvistvisible"
-                @changeData="updateTableData"
-                v-model:edit="edit"
-                :isLevel="isLevel"
-                v-model:projectId="projectId"
-                v-model:chooseStageId="chooseStageId"
-                v-model:projectTaskId="projectTaskId"
-                v-model:EditInvistId="EditInvistId"
+                  v-model:addinvistVisible="addinvistvisible"
+                  @changeData="updateTableData"
+                  v-model:edit="edit"
+                  :isLevel="isLevel"
+                  v-model:projectId="projectId"
+                  v-model:chooseStageId="chooseStageId"
+                  v-model:projectTaskId="projectTaskId"
+                  v-model:EditInvistId="EditInvistId"
               />
             </div>
             <!-- 添加评估侧弹窗 -->
@@ -408,23 +408,23 @@
           <div class="item" @click="showDrawerAddVote">
             <div class="itcon">
               <div class="img">
-                <img src="../../assets/images/leveladd/tou.png" />
+                <img src="../../assets/images/leveladd/tou.png"/>
               </div>
               <div class="text">投票</div>
               <!-- 添加投票侧弹窗 -->
               <div>
                 <add-vote
-                  v-model:addvoteVisible="addvotevisible"
-                  @changeData="updateTableData"
-                  @getData="changeVData"
-                  v-model:edit="edit"
-                  :isLevel="isLevel"
-                  v-model:projectId="projectId"
-                  v-model:chooseStageId="chooseStageId"
-                  v-model:projectTaskId="projectTaskId"
-                  v-model:EditVoteId="EditVoteId"
-                  v-model:voteId="voteId"
-                  v-model:ballotId="ballotId"
+                    v-model:addvoteVisible="addvotevisible"
+                    @changeData="updateTableData"
+                    @getData="changeVData"
+                    v-model:edit="edit"
+                    :isLevel="isLevel"
+                    v-model:projectId="projectId"
+                    v-model:chooseStageId="chooseStageId"
+                    v-model:projectTaskId="projectTaskId"
+                    v-model:EditVoteId="EditVoteId"
+                    v-model:voteId="voteId"
+                    v-model:ballotId="ballotId"
                 />
               </div>
               <!-- 添加投票侧弹窗 -->
@@ -440,8 +440,8 @@
               </button>
               <div class="edit" @click="showdeAll">
                 <img
-                  class="editimg"
-                  src="../../assets/images/projectadd/delete.png"
+                    class="editimg"
+                    src="../../assets/images/projectadd/delete.png"
                 />
                 <span class="editext">批量删除</span>
               </div>
@@ -478,7 +478,7 @@
             </div> -->
               <div class="tableBox" style="border: 1px solid #f2f6fc">
                 <div
-                  style="
+                    style="
                     height: 50px;
                     display: flex;
                     justify-content: space-between;
@@ -492,7 +492,7 @@
                   "
                 >
                   <div
-                    style="
+                      style="
                       width: 87px;
                       text-align: center;
                       display: flex;
@@ -500,20 +500,20 @@
                     "
                   >
                     <img
-                      style="
+                        style="
                         width: 16px;
                         height: 16px;
                         cursor: pointer;
                         margin-top: 12px;
                       "
-                      :src="
+                        :src="
                         selectAll === 0
                           ? require('../../assets/images/notSelect.png')
                           : selectAll === 1
                           ? require('../../assets/images/selectAll.png')
                           : require('../../assets/images/select.png')
                       "
-                      @click="selectRowAll"
+                        @click="selectRowAll"
                     />
                     <!-- <a-checkbox
                     v-model:checked="selectAll"
@@ -526,24 +526,24 @@
                   <div style="width: 120px; text-align: center">必修/选修</div>
                   <div style="width: 87px; text-align: center">时长</div>
                   <div
-                    style="width: 120px; text-align: center; margin-right: 20px"
+                      style="width: 120px; text-align: center; margin-right: 20px"
                   >
                     操作
                   </div>
                 </div>
                 <draggable
-                  v-model="tableData"
-                  chosenClass="chosen"
-                  ghostClass="ghost"
-                  forceFallback="true"
-                  group="task"
-                  animation="500"
-                  @start="onStart"
-                  @end="onEnd"
+                    v-model="tableData"
+                    chosenClass="chosen"
+                    ghostClass="ghost"
+                    forceFallback="true"
+                    group="task"
+                    animation="500"
+                    @start="onStart"
+                    @end="onEnd"
                 >
                   <template #item="{ element }">
                     <div
-                      style="
+                        style="
                         height: 50px;
                         display: flex;
                         justify-content: space-between;
@@ -554,10 +554,10 @@
                         color: #4f5156;
                         line-height: 36px;
                       "
-                      class="tableRow"
+                        class="tableRow"
                     >
                       <div
-                        style="
+                          style="
                           width: 87px;
                           text-align: center;
                           margin-left: 46px;
@@ -566,8 +566,8 @@
                       >
                         <div class="racona">
                           <div
-                            class="img"
-                            style="
+                              class="img"
+                              style="
                               cursor: pointer;
                               margin-top: 2px;
                               margin-right: 9px;
@@ -576,9 +576,9 @@
                             "
                           ></div>
                           <a-checkbox
-                            :id="element.id"
-                            v-model:checked="element.checked"
-                            @change="changeRow"
+                              :id="element.id"
+                              v-model:checked="element.checked"
+                              @change="changeRow"
                           >
                           </a-checkbox>
                           <div style="margin-top: 2px; margin-left: 8px">
@@ -587,14 +587,14 @@
                         </div>
                       </div>
                       <div
-                        style="
+                          style="
                           width: 120px;
                           text-align: center;
                           overflow: hidden;
                           text-overflow: ellipsis;
                           white-space: nowrap;
                         "
-                        :title="element.creater"
+                          :title="element.creater"
                       >
                         {{ element.creater }}
                       </div>
@@ -602,16 +602,16 @@
                         <div class="opat">
                           <div class="opacationt clearfix">
                             <a-switch
-                              style="margin-left: -50px; margin-top: 3px"
-                              v-model:checked="element.checked1"
-                              size="small"
-                              active-color="red"
-                              @click="changeCourseType(element)"
+                                style="margin-left: -50px; margin-top: 3px"
+                                v-model:checked="element.checked1"
+                                size="small"
+                                active-color="red"
+                                @click="changeCourseType(element)"
                             />
                             <div class="showt clearfix">
                               <div
-                                class="bi"
-                                :style="{
+                                  class="bi"
+                                  :style="{
                                   'z-index': element.checked1 ? 999 : 998,
                                 }"
                               >
@@ -626,7 +626,7 @@
                         {{ element.cretime }}分钟
                       </div>
                       <div
-                        style="
+                          style="
                           width: 120px;
                           text-align: center;
                           margin-right: 20px;
@@ -635,12 +635,12 @@
                         <div class="opa">
                           <div class="opacation">
                             <span
-                              style="
+                                style="
                                 color: #4ea6ff;
                                 margin-right: 25px;
                                 cursor: pointer;
                               "
-                              @click="
+                                @click="
                                 decideType(
                                   element.lei,
                                   element.courseId,
@@ -651,8 +651,8 @@
                               编辑
                             </span>
                             <span
-                              style="color: #4ea6ff; cursor: pointer"
-                              @click="showDelete(element.id)"
+                                style="color: #4ea6ff; cursor: pointer"
+                                @click="showDelete(element.id)"
                             >
                               删除
                             </span>
@@ -712,20 +712,20 @@
     <!-- 添加阶段弹窗 -->
     <div>
       <a-modal
-        v-model:visible="stage"
-        :title="null"
-        @ok="closeModal"
-        :footer="null"
-        :closable="false"
-        wrapClassName="addstage"
-        width="624px"
-        height="388px"
-        centered="true"
-        @cancel="closeModal"
+          v-model:visible="stage"
+          :title="null"
+          @ok="closeModal"
+          :footer="null"
+          :closable="false"
+          wrapClassName="addstage"
+          width="624px"
+          height="388px"
+          centered="true"
+          @cancel="closeModal"
       >
         <div
-          class="modalHeader"
-          style="
+            class="modalHeader"
+            style="
             width: 100%;
             height: 68px;
             display: flex;
@@ -735,13 +735,13 @@
         >
           <div class="headerLeft" style="margin-left: 32px">
             <span class="headerLeftText" style="font-size: 16px"
-              >编辑/添加阶段</span
+            >编辑/添加阶段</span
             >
           </div>
           <div style="cursor: pointer; margin-right: 32px" @click="closeModal">
             <img
-              style="width: 22px; height: 22px"
-              src="../../assets/images/basicinfo/close22.png"
+                style="width: 22px; height: 22px"
+                src="../../assets/images/basicinfo/close22.png"
             />
           </div>
         </div>
@@ -750,18 +750,18 @@
             <div class="namebox">
               <div>
                 <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
                 />
               </div>
               <div class="inname">阶段名称：</div>
             </div>
             <div class="in">
               <a-input
-                v-model:value="valuesname"
-                show-count
-                :maxlength="20"
-                placeholder="请输入阶段名称"
+                  v-model:value="valuesname"
+                  show-count
+                  :maxlength="20"
+                  placeholder="请输入阶段名称"
               />
             </div>
           </div>
@@ -771,16 +771,16 @@
             </div>
             <div class="intext" style="margin-left: 14px">
               <a-textarea
-                v-model:value="valuesnotice"
-                style="height: 88px"
-                show-count
-                :maxlength="100"
-                placeholder="请输入阶段说明"
+                  v-model:value="valuesnotice"
+                  style="height: 88px"
+                  show-count
+                  :maxlength="100"
+                  placeholder="请输入阶段说明"
               />
             </div>
           </div>
           <div
-            style="
+              style="
               display: flex;
               width: 100%;
               justify-content: center;
@@ -788,8 +788,8 @@
             "
           >
             <button
-              @click="closeModal"
-              style="
+                @click="closeModal"
+                style="
                 cursor: pointer;
                 height: 40px;
                 width: 100px;
@@ -802,8 +802,8 @@
               取消
             </button>
             <button
-              @click="editStage"
-              style="
+                @click="editStage"
+                style="
                 cursor: pointer;
                 margin-left: 16px;
                 margin-bottom: 40px;
@@ -823,11 +823,11 @@
     </div>
     <!-- 确认添加阶段弹窗 -->
     <a-modal
-      v-model:visible="confirmModal"
-      :footer="null"
-      :closable="cC"
-      wrapClassName="ConfirmModal"
-      centered="true"
+        v-model:visible="confirmModal"
+        :footer="null"
+        :closable="cC"
+        wrapClassName="ConfirmModal"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -853,11 +853,11 @@
     </a-modal>
     <!-- 确认取消阶段弹窗 -->
     <a-modal
-      v-model:visible="cancelModal"
-      :footer="null"
-      :closable="cC"
-      wrapClassName="ConfirmModal"
-      centered="true"
+        v-model:visible="cancelModal"
+        :footer="null"
+        :closable="cC"
+        wrapClassName="ConfirmModal"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -883,11 +883,11 @@
     </a-modal>
     <!-- 确认删除任务弹窗 -->
     <a-modal
-      v-model:visible="deleteModal"
-      :footer="null"
-      :closable="cC"
-      wrapClassName="ConfirmModal"
-      centered="true"
+        v-model:visible="deleteModal"
+        :footer="null"
+        :closable="cC"
+        wrapClassName="ConfirmModal"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -912,11 +912,11 @@
       </div>
     </a-modal>
     <a-modal
-      v-model:visible="deAll"
-      :footer="null"
-      :closable="cC"
-      wrapClassName="ConfirmModal"
-      centered="true"
+        v-model:visible="deAll"
+        :footer="null"
+        :closable="cC"
+        wrapClassName="ConfirmModal"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -942,12 +942,12 @@
     </a-modal>
     <!-- 移动任务到阶段 -->
     <a-modal
-      style="padding: 0"
-      :closable="sh"
-      v-model:visible="visiblene"
-      :footer="null"
-      centered="true"
-      wrapClassName="moveModal"
+        style="padding: 0"
+        :closable="sh"
+        v-model:visible="visiblene"
+        :footer="null"
+        centered="true"
+        wrapClassName="moveModal"
     >
       <div class="con">
         <div class="header">
@@ -961,43 +961,44 @@
             <div class="cur">已选中{{ selectRow.length }}个任务</div>
             <div class="select">
               <a-select
-                v-model:value="curLevel"
-                style="width: 100%"
-                placeholder="请选择阶段"
-                :options="level"
-                @change="handleChangeStage"
-                allowClear
-                showSearch
+                  v-model:value="curLevel"
+                  style="width: 100%"
+                  placeholder="请选择阶段"
+                  :options="level"
+                  @change="handleChangeStage"
+                  allowClear
+                  showSearch
               ></a-select>
             </div>
             <div class="btn">
               <button
-                style="cursor: pointer"
-                class="sameb btn1"
-                @click="closeChangeModal"
+                  style="cursor: pointer"
+                  class="sameb btn1"
+                  @click="closeChangeModal"
               >
                 取消
               </button>
               <button
-                style="cursor: pointer"
-                class="sameb btn2"
-                @click="moveTask"
+                  style="cursor: pointer"
+                  class="sameb btn2"
+                  @click="moveTask"
               >
                 确定
               </button>
             </div>
           </div>
         </div>
-      </div></a-modal
+      </div>
+    </a-modal
     >
 
     <!-- 是否删除阶段弹窗 -->
     <a-modal
-      v-model:visible="deleteStageModal"
-      :footer="null"
-      :closable="cC"
-      wrapClassName="ConfirmModal"
-      centered="true"
+        v-model:visible="deleteStageModal"
+        :footer="null"
+        :closable="cC"
+        wrapClassName="ConfirmModal"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -1025,7 +1026,7 @@
 </template>
 
 <script>
-import { reactive, toRefs, onMounted, onUnmounted, onUpdated } from "vue";
+import {reactive, toRefs, onMounted, onUnmounted, onUpdated} from "vue";
 import AddOnline from "../../components/drawers/AddOnline.vue";
 import AddFaceteach from "../../components/drawers/AddFaceteach.vue";
 import AddCase from "../../components/drawers/AddCase.vue";
@@ -1038,15 +1039,16 @@ import AddActive from "../../components/drawers/AddActive.vue";
 import AddEval from "../../components/drawers/AddEval.vue";
 import AddInvist from "../../components/drawers/AddInvist.vue";
 import AddVote from "../../components/vote/AddVote.vue";
-import { message } from "ant-design-vue";
+import {message} from "ant-design-vue";
 import * as api from "../../api/indexTaskadd";
 import * as apistage from "../../api/indexStage";
 import * as apimove from "../../api/indexMovetask";
 import draggable from "vuedraggable";
-import { storage } from "../../api/storage";
+import {storage} from "../../api/storage";
 // import UnlockMode from "../../components/drawers/UnlockMode.vue";
 // import * as api1 from "../../api/index1";
-import { useRouter } from "vue-router";
+import {useRouter} from "vue-router";
+
 export default {
   name: "TaskAdd",
   components: {
@@ -1069,8 +1071,8 @@ export default {
     const router = useRouter();
     const state = reactive({
       projectId: storage.get("projectId")
-        ? JSON.parse(storage.get("projectId"))
-        : null,
+          ? JSON.parse(storage.get("projectId"))
+          : null,
       chooseStageId: null,
       removeStageId: null,
       edit: false,
@@ -1097,6 +1099,7 @@ export default {
       projectTaskId: null, // 要编辑的具体任务id
       //阶段数据
       level: [],
+      stageList: [],
 
       projectTitle: null,
       picUrl: null,
@@ -1166,31 +1169,31 @@ export default {
           id: value.projectTaskId,
           key: value.projectTaskId,
           lei:
-            value.type == 1
-              ? "在线"
-              : value.type == 2
-              ? "面授"
-              : value.type == 3
-              ? "案例"
-              : value.type == 4
-              ? "作业"
-              : value.type == 5
-              ? "考试"
-              : value.type == 6
-              ? "直播"
-              : value.type == 7
-              ? "外链"
-              : value.type == 8
-              ? "讨论"
-              : value.type == 9
-              ? "活动"
-              : value.type == 10
-              ? "测评"
-              : value.type == 11
-              ? "评估"
-              : value.type == 12
-              ? "投票"
-              : "-",
+              value.type == 1
+                  ? "在线"
+                  : value.type == 2
+                      ? "面授"
+                      : value.type == 3
+                          ? "案例"
+                          : value.type == 4
+                              ? "作业"
+                              : value.type == 5
+                                  ? "考试"
+                                  : value.type == 6
+                                      ? "直播"
+                                      : value.type == 7
+                                          ? "外链"
+                                          : value.type == 8
+                                              ? "讨论"
+                                              : value.type == 9
+                                                  ? "活动"
+                                                  : value.type == 10
+                                                      ? "测评"
+                                                      : value.type == 11
+                                                          ? "评估"
+                                                          : value.type == 12
+                                                              ? "投票"
+                                                              : "-",
           creater: value.name,
           cretime: value.duration ? value.duration : "-",
           checked1: value.flag ? true : false,
@@ -1236,27 +1239,27 @@ export default {
           width: 60,
           align: "left",
           className: "classify",
-          scopedSlots: { customRender: "action" },
+          scopedSlots: {customRender: "action"},
           customRender: (text) => {
             // console.log(text.record.checked1);
             return (
-              <div class="racona">
-                <div
-                  class="img"
-                  style={{ cursor: "pointer" }}
-                  onClick={() => {
-                    console.log("点击了");
-                  }}
-                ></div>
-                <span> {text.record.lei}</span>
+                <div class="racona">
+                  <div
+                      class="img"
+                      style={{cursor: "pointer"}}
+                      onClick={() => {
+                        console.log("点击了");
+                      }}
+                  ></div>
+                  <span> {text.record.lei}</span>
 
-                {/**
-                                            <div class="img"></div>
-                            <a-checkbox class="ch" checked={text.record.checkedd}>
-                              {text.record.lei}
-                            </a-checkbox>
-            */}
-              </div>
+                  {/**
+                   <div class="img"></div>
+                   <a-checkbox class="ch" checked={text.record.checkedd}>
+                   {text.record.lei}
+                   </a-checkbox>
+                   */}
+                </div>
             );
           },
         },
@@ -1276,35 +1279,35 @@ export default {
           // width: 100,
           align: "center",
           className: "h",
-          scopedSlots: { customRender: "action" },
+          scopedSlots: {customRender: "action"},
           customRender: (text) => {
             // console.log(text.record.checked1);
             return (
-              <div class="opat">
-                <div class="opacationt clearfix">
-                  <a-switch
-                    style="margin-left:-50px;margin-top:3px"
-                    checked={text.record.checked1}
-                    size="small"
-                    active-color="red"
-                    onClick={() => {
-                      console.log("点击了");
-                      text.record.checked1 = !text.record.checked1;
-                    }}
-                  />
-                  <div class="showt clearfix">
-                    <div
-                      class="bi"
-                      style={
-                        text.record.checked1 ? "z-index:999" : "z-index:998"
-                      }
-                    >
-                      必修
+                <div class="opat">
+                  <div class="opacationt clearfix">
+                    <a-switch
+                        style="margin-left:-50px;margin-top:3px"
+                        checked={text.record.checked1}
+                        size="small"
+                        active-color="red"
+                        onClick={() => {
+                          console.log("点击了");
+                          text.record.checked1 = !text.record.checked1;
+                        }}
+                    />
+                    <div class="showt clearfix">
+                      <div
+                          class="bi"
+                          style={
+                            text.record.checked1 ? "z-index:999" : "z-index:998"
+                          }
+                      >
+                        必修
+                      </div>
+                      <div class="xuan">选修</div>
                     </div>
-                    <div class="xuan">选修</div>
                   </div>
                 </div>
-              </div>
             );
           },
         },
@@ -1323,30 +1326,30 @@ export default {
           key: "opacation",
           // width: 100,
           align: "center",
-          scopedSlots: { customRender: "action" },
+          scopedSlots: {customRender: "action"},
           customRender: (text) => {
             return (
-              <div class="opa">
-                <div class="opacation">
+                <div class="opa">
+                  <div class="opacation">
                   <span
-                    onClick={() => {
-                      console.log(text, "编辑text");
-                    }}
-                    style="color:#4EA6FF;margin-right:25px;cursor:pointer"
+                      onClick={() => {
+                        console.log(text, "编辑text");
+                      }}
+                      style="color:#4EA6FF;margin-right:25px;cursor:pointer"
                   >
                     编辑
                   </span>
-                  <span
-                    style="color:#4EA6FF;cursor:pointer"
-                    onClick={() => {
-                      showDelete();
-                      state.deleteID = text.record.id;
-                    }}
-                  >
+                    <span
+                        style="color:#4EA6FF;cursor:pointer"
+                        onClick={() => {
+                          showDelete();
+                          state.deleteID = text.record.id;
+                        }}
+                    >
                     删除
                   </span>
+                  </div>
                 </div>
-              </div>
             );
           },
         },
@@ -1362,30 +1365,43 @@ export default {
         // projectId: 28,
       };
       api
-        .getTask(obj)
-        .then((res) => {
-          if (res.status == 200) {
-            console.log("22222", res.data.data.stageList);
-            // console.log("22222", res.data.data.stageList);
-            state.projectTitle = res.data.data.projectInfo.name;
-            state.picUrl = res.data.data.projectInfo.picUrl;
-            let leng = res.data.data.stageList.length;
-            if (leng > 0) {
-              let stage = localStorage.getItem("stageId")
-                ? localStorage.getItem("stageId")
-                : null;
+          .getTask(obj)
+          .then((res) => {
+            if (res.status == 200) {
+              console.log("22222", res.data.data.stageList);
+              // console.log("22222", res.data.data.stageList);
+              state.projectTitle = res.data.data.projectInfo.name;
+              state.picUrl = res.data.data.projectInfo.picUrl;
+              state.stageList = res.data.data.stageList;
+              let leng = res.data.data.stageList.length;
+              if (leng > 0) {
+                let stage = localStorage.getItem("stageId")
+                    ? localStorage.getItem("stageId")
+                    : null;
 
-              // console.log("stage",Object.prototype.toString.call(stage))
-              getStageData(res.data.data.stageList);
-              if (stage != null) {
-                console.log(stage);
-                let stageList = res.data.data.stageList; //阶段数组
-                let result = stageList.find((item) => item.stageId == stage);
-                console.log("又找到了", result);
-                if (result != null) {
-                  getTableData(result.taskList);
+                // console.log("stage",Object.prototype.toString.call(stage))
+                getStageData(res.data.data.stageList);
+                if (stage != null) {
+                  console.log(stage);
+                  let stageList = res.data.data.stageList; //阶段数组
+                  let result = stageList.find((item) => item.stageId == stage);
+                  console.log("又找到了", result);
+                  if (result != null) {
+                    getTableData(result.taskList);
+                  } else {
+                    //没有选中的阶段时，获取全部的任务
+                    console.log(stage);
+                    let stageList = res.data.data.stageList; //阶段数组
+                    if (stageList != null) {
+                      let taskListAll;
+                      stageList.forEach((item) => {
+                        taskListAll = [...item.taskList];
+                      });
+                      console.log("taskListAll", taskListAll);
+                      getTableData(taskListAll);
+                    }
+                  }
                 } else {
-                  //没有选中的阶段时，获取全部的任务
                   console.log(stage);
                   let stageList = res.data.data.stageList; //阶段数组
                   if (stageList != null) {
@@ -1397,48 +1413,36 @@ export default {
                     getTableData(taskListAll);
                   }
                 }
-              } else {
-                console.log(stage);
-                let stageList = res.data.data.stageList; //阶段数组
-                if (stageList != null) {
-                  let taskListAll;
-                  stageList.forEach((item) => {
-                    taskListAll = [...item.taskList];
-                  });
-                  console.log("taskListAll", taskListAll);
-                  getTableData(taskListAll);
-                }
+                // 每次都获取了第一条taskList
+                // let arr = res.data.data.stageList[0].taskList;
+                // console.log("任务列表", stage, arr);
+                // getTableData(arr);
+              }
+              // //获取阶段列表
+              let stagearr = res.data.data.stageList;
+              // let arrlist = state.curLevel;
+              console.log(stagearr, 111111);
+              if (stagearr.length > 0) {
+                getStageData(stagearr);
+                // stagearr.map((value) => {
+                //   console.log(value);
+                //   // arrlist.push(value);
+                // });
+              }
+              //给阶段id赋初始值
+              let stageid = localStorage.getItem("stageId")
+                  ? localStorage.getItem("stageId")
+                  : null;
+              if (stageid !== "null") {
+                state.chooseStageId = stageid;
+              } else {
+                state.chooseStageId = leng > 0 ? stagearr[0].stageId : null;
               }
-              // 每次都获取了第一条taskList
-              // let arr = res.data.data.stageList[0].taskList;
-              // console.log("任务列表", stage, arr);
-              // getTableData(arr);
             }
-            // //获取阶段列表
-            let stagearr = res.data.data.stageList;
-            // let arrlist = state.curLevel;
-            console.log(stagearr, 111111);
-            if (stagearr.length > 0) {
-              getStageData(stagearr);
-              // stagearr.map((value) => {
-              //   console.log(value);
-              //   // arrlist.push(value);
-              // });
-            }
-            //给阶段id赋初始值
-            let stageid = localStorage.getItem("stageId")
-              ? localStorage.getItem("stageId")
-              : null;
-            if (stageid !== "null") {
-              state.chooseStageId = stageid;
-            } else {
-              state.chooseStageId = leng > 0 ? stagearr[0].stageId : null;
-            }
-          }
-        })
-        .catch((err) => {
-          console.log("获取任务列表失败", err);
-        });
+          })
+          .catch((err) => {
+            console.log("获取任务列表失败", err);
+          });
     };
 
     //获取修改、删除id（投票)
@@ -1455,15 +1459,15 @@ export default {
 
     //删除任务
     const deleteTask = () => {
-      let obj = { projectTaskIds: state.deleteID };
+      let obj = {projectTaskIds: state.deleteID};
       api
-        .deleteTask(obj)
-        .then((res) => {
-          console.log(res);
-        })
-        .catch((err) => {
-          console.log(err);
-        });
+          .deleteTask(obj)
+          .then((res) => {
+            console.log(res);
+          })
+          .catch((err) => {
+            console.log(err);
+          });
     };
 
     const showChangeModal = () => {
@@ -1492,21 +1496,21 @@ export default {
             projectTaskId: state.selectRow,
           };
           apimove
-            .moveTask(obj)
-            .then((res) => {
-              console.log("移动成功", res);
-              message.destroy();
-              message.success("移动成功");
-              state.selectRow = []; //选择行
-              state.selectAll = 0; //0：未选择，1：全选，2：部分选择
-              console.log(state.removeStageId);
-              getTask();
+              .moveTask(obj)
+              .then((res) => {
+                console.log("移动成功", res);
+                message.destroy();
+                message.success("移动成功");
+                state.selectRow = []; //选择行
+                state.selectAll = 0; //0：未选择，1：全选，2：部分选择
+                console.log(state.removeStageId);
+                getTask();
 
-              localStorage.setItem("stageId", state.chooseStageId);
-            })
-            .catch((err) => {
-              console.log("移动失败", err);
-            });
+                localStorage.setItem("stageId", state.chooseStageId);
+              })
+              .catch((err) => {
+                console.log("移动失败", err);
+              });
           state.visiblene = false;
         }
       }
@@ -1520,18 +1524,18 @@ export default {
           projectTaskIds: value,
         };
         api
-          .deleteTask(obj)
-          .then((res) => {
-            console.log(res);
-            message.destroy();
-            message.success("批量删除成功");
-            getTask();
-          })
-          .catch((err) => {
-            console.log(err);
-            message.destroy();
-            message.warning("批量删除失败");
-          });
+            .deleteTask(obj)
+            .then((res) => {
+              console.log(res);
+              message.destroy();
+              message.success("批量删除成功");
+              getTask();
+            })
+            .catch((err) => {
+              console.log(err);
+              message.destroy();
+              message.warning("批量删除失败");
+            });
       });
       state.deAll = false;
     };
@@ -1588,40 +1592,44 @@ export default {
           stageId: state.updateStageID,
         };
         apistage
-          .editStage(obj)
-          .then((res) => {
-            console.log("修改阶段成功", res);
-            state.valuesname = "";
-            state.valuesnotice = "";
-            closeModal();
-            state.updateStageID = null;
-            message.destroy();
-            message.success("修改阶段成功");
-            getTask();
-          })
-          .catch((err) => {
-            console.log("添加阶段失败", err);
-          });
+            .editStage(obj)
+            .then((res) => {
+              console.log("修改阶段成功", res);
+              state.valuesname = "";
+              state.valuesnotice = "";
+              closeModal();
+              state.updateStageID = null;
+              message.destroy();
+              message.success("修改阶段成功");
+              getTask();
+            })
+            .catch((err) => {
+              console.log("添加阶段失败", err);
+            });
       } else {
+        //默认阶段
+        if (state.stageList.length === 1 && !state.stageList.name) {
+
+        }
         let obj = {
           name: state.valuesname,
           projectId: state.projectId,
           remark: state.valuesnotice,
         };
         apistage
-          .editStage(obj)
-          .then((res) => {
-            console.log("添加阶段成功", res);
-            state.valuesname = "";
-            state.valuesnotice = "";
-            closeModal();
-            message.destroy();
-            message.success("添加阶段成功");
-            getTask();
-          })
-          .catch((err) => {
-            console.log("添加阶段失败", err);
-          });
+            .editStage(obj)
+            .then((res) => {
+              console.log("添加阶段成功", res);
+              state.valuesname = "";
+              state.valuesnotice = "";
+              closeModal();
+              message.destroy();
+              message.success("添加阶段成功");
+              getTask();
+            })
+            .catch((err) => {
+              console.log("添加阶段失败", err);
+            });
       }
     };
 
@@ -1642,21 +1650,21 @@ export default {
         stageId: state.deleteStageId,
       };
       apistage
-        .deleteStage(obj)
-        .then((res) => {
-          console.log("删除阶段成功", res);
-          message.success("删除阶段成功");
-          closeDeleteStage();
-          localStorage.setItem("stageId", "");
-          getTask();
-        })
-        .catch((err) => {
-          console.log("删除阶段失败", err);
-        });
+          .deleteStage(obj)
+          .then((res) => {
+            console.log("删除阶段成功", res);
+            message.success("删除阶段成功");
+            closeDeleteStage();
+            localStorage.setItem("stageId", "");
+            getTask();
+          })
+          .catch((err) => {
+            console.log("删除阶段失败", err);
+          });
     };
     onMounted(() => {
       document.getElementsByTagName("main")[0].style.background =
-        "rgb(245, 247, 250,1)";
+          "rgb(245, 247, 250,1)";
       document.getElementsByTagName("main")[0].style.boxShadow = "none";
       getTask();
     });
@@ -1669,7 +1677,7 @@ export default {
     onUnmounted(() => {
       document.getElementsByTagName("main")[0].style.background = "#ffffff";
       document.getElementsByTagName("main")[0].style.boxShadow =
-        "0px 1px 35px 0px rgba(118, 136, 166, 0.07)";
+          "0px 1px 35px 0px rgba(118, 136, 166, 0.07)";
     });
     const showDrawerOnline = (id, eleId) => {
       console.log("id, eleId", id, eleId);
@@ -1832,17 +1840,17 @@ export default {
         type: ele.type,
       };
       api
-        .addTask(obj)
-        .then((res) => {
-          console.log(`修改状态成功${res.data}`);
-          message.destroy();
-          message.success("修改成功");
-        })
-        .catch((err) => {
-          console.log(`修改状态失败${err.data}`);
-          message.destroy();
-          message.warning("修改失败");
-        });
+          .addTask(obj)
+          .then((res) => {
+            console.log(`修改状态成功${res.data}`);
+            message.destroy();
+            message.success("修改成功");
+          })
+          .catch((err) => {
+            console.log(`修改状态失败${err.data}`);
+            message.destroy();
+            message.warning("修改失败");
+          });
     };
     //编辑的按钮
     const decideType = (type, id, eleId) => {
@@ -1978,13 +1986,16 @@ export default {
   .ant-modal {
     width: 424px !important;
     height: 258px !important;
+
     .ant-modal-content {
       width: 424px !important;
       height: 258px !important;
+
       .ant-modal-body {
         width: 424px !important;
         height: 258px !important;
         padding: 0 !important;
+
         .delete {
           z-index: 999;
           width: 424px;
@@ -1992,24 +2003,28 @@ export default {
           background: #ffffff;
           box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
           border-radius: 4px;
+
           .del_header {
             position: absolute;
             width: calc(100%);
             height: 40px;
             background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
+                    rgba(78, 166, 255, 0.2) 0%,
+                    rgba(78, 166, 255, 0) 100%
             );
           }
+
           .del_main {
             width: 100%;
             position: relative;
+
             .header {
               display: flex;
               align-items: center;
               padding-top: 20px;
               padding-left: 26px;
               font-size: 16px;
+
               .icon {
                 width: 16px;
                 height: 16px;
@@ -2017,6 +2032,7 @@ export default {
                 background-image: url(@/assets/images/coursewareManage/QR.png);
                 background-size: 100% 100%;
               }
+
               .close_exit {
                 position: absolute;
                 right: 42px;
@@ -2027,6 +2043,7 @@ export default {
                 background-size: 100% 100%;
               }
             }
+
             .body {
               width: 100%;
               margin: 34px auto 56px auto;
@@ -2035,6 +2052,7 @@ export default {
               align-items: center;
               flex-direction: column;
               position: relative;
+
               .back {
                 position: absolute;
                 top: 30px;
@@ -2043,10 +2061,12 @@ export default {
                 color: #666666;
               }
             }
+
             .del_btnbox {
               display: flex;
               margin: 30px auto;
               justify-content: center;
+
               .del_btn {
                 width: 100px;
                 height: 40px;
@@ -2058,17 +2078,20 @@ export default {
 
                 flex-shrink: 0;
                 cursor: pointer;
+
                 .btnText {
                   font-size: 14px;
                   font-weight: 400;
                   line-height: 40px;
                 }
               }
+
               .btn1 {
                 border: 1px solid rgba(64, 158, 255, 1);
                 color: #4ea6ff;
                 margin-right: 14px;
               }
+
               .btn2 {
                 background-color: #4ea6ff;
                 color: #ffffff;
@@ -2080,22 +2103,26 @@ export default {
     }
   }
 }
+
 .addstage {
   .ant-modal {
     .ant-modal-body {
       padding: 0 !important;
+
       .modalHeader {
         background: linear-gradient(
-          0deg,
-          rgba(78, 166, 255, 0) 0%,
-          rgba(78, 166, 255, 0.2) 100%
+                0deg,
+                rgba(78, 166, 255, 0) 0%,
+                rgba(78, 166, 255, 0.2) 100%
         );
       }
+
       .modalMain {
         .ant-input-textarea-show-count {
           position: relative;
           height: 88px;
         }
+
         .ant-input-textarea-show-count::after {
           position: absolute;
           right: 10px;
@@ -2110,25 +2137,30 @@ export default {
     display: flex;
     margin-top: 20px;
     align-items: center;
+
     .namebox {
       width: 120px;
       display: flex;
       align-items: center;
       justify-content: flex-end;
       flex-shrink: 0;
+
       .nameimg {
         width: 10px;
         height: 10px;
       }
     }
+
     .d {
       margin-top: 8px;
       font-size: 25px;
       color: #ff4e4e;
     }
+
     .box {
       position: relative;
       margin-left: 14px;
+
       .box1 {
         position: absolute;
         left: 50%;
@@ -2138,6 +2170,7 @@ export default {
         margin-top: -5px;
         border-top: 2px solid rgba(78, 166, 255, 1);
       }
+
       .box2 {
         position: absolute;
         left: 50%;
@@ -2147,18 +2180,22 @@ export default {
         border-left: 2px solid rgba(78, 166, 255, 1);
       }
     }
+
     .inname {
       color: #000000;
       font-size: 14px;
       margin-left: 7px;
     }
+
     .in {
       margin-left: 14px;
       flex: 1;
+
       .ant-input-affix-wrapper {
         width: 384px;
         border-radius: 8px;
       }
+
       .ant-input {
         border-radius: 8px;
         height: 30px;
@@ -2166,17 +2203,21 @@ export default {
     }
   }
 }
+
 .moveModal {
   .ant-modal {
     width: 549px !important;
     height: 245px !important;
+
     .ant-modal-content {
       width: 549px !important;
       height: 245px !important;
+
       .ant-modal-body {
         padding: 0 !important;
         width: 549px !important;
         height: 245px !important;
+
         .con {
           width: 100%;
           height: 100%;
@@ -2189,15 +2230,17 @@ export default {
             justify-content: center;
 
             background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
+                    rgba(78, 166, 255, 0.2) 0%,
+                    rgba(78, 166, 255, 0) 100%
             );
+
             .inhe {
               width: 80%;
               height: 100%;
               display: flex;
               justify-content: space-between;
               align-items: center;
+
               .mod {
                 left: 30px;
                 top: 27px;
@@ -2206,11 +2249,13 @@ export default {
                 height: 17px;
                 background-image: url(../../assets/images/leveladd/mod.png);
               }
+
               .tz {
                 color: #000000;
                 font-weight: 400;
                 font-size: 16px;
               }
+
               .mg {
                 width: 20px;
                 height: 20px;
@@ -2220,26 +2265,32 @@ export default {
               }
             }
           }
+
           .mid {
             width: 100%;
             display: flex;
             height: 100%;
             justify-content: center;
+
             .inher {
               width: 80%;
               height: 100%;
+
               .cur {
                 color: #6f6f6f;
                 font-size: 14px;
               }
+
               .select {
                 margin-top: 10px;
               }
+
               .btn {
                 width: 100%;
                 display: flex;
                 justify-content: center;
                 margin-top: 30px;
+
                 .sameb {
                   width: 100px;
                   height: 40px;
@@ -2247,11 +2298,13 @@ export default {
 
                   border-radius: 8px;
                 }
+
                 .btn1 {
                   color: #4ea6ff;
                   background: #ffffff;
                   border: 1px solid #4ea6ff;
                 }
+
                 .btn2 {
                   margin-left: 16px;
                   border: 0;
@@ -2266,12 +2319,14 @@ export default {
     }
   }
 }
+
 .taskadd {
   width: 100%;
   display: flex;
   flex-direction: column;
   min-width: 933px;
   background-color: rgba(245, 247, 250, 1);
+
   .left {
     margin-right: 20px;
     width: 208px;
@@ -2279,8 +2334,10 @@ export default {
     box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
     display: flex;
     justify-content: center;
+
     .leftmain {
       margin-top: 20px;
+
       .tit {
         margin-left: 20px;
         font-size: 18px;
@@ -2297,9 +2354,11 @@ export default {
         justify-content: center;
         flex-shrink: 0;
         cursor: pointer;
+
         .search {
           background-size: 100%;
         }
+
         .btnText {
           font-size: 14px;
           font-weight: 400;
@@ -2312,6 +2371,7 @@ export default {
       .btn3 {
         width: 171px;
         margin-right: 0px;
+
         .search {
           width: 17px;
           height: 18px;
@@ -2319,6 +2379,7 @@ export default {
           background-size: 100% 100%;
         }
       }
+
       .maincon {
         margin-top: 17px;
         width: 208px;
@@ -2329,6 +2390,7 @@ export default {
         .ghost {
           opacity: 0 !important;
         }
+
         .items {
           width: 171px;
           background: rgba(255, 182, 78, 0.1);
@@ -2340,14 +2402,17 @@ export default {
           padding: 16px;
           opacity: 0.5;
           cursor: pointer;
+
           .items1 {
             margin-bottom: 12px;
             display: flex;
             justify-content: space-between;
             align-items: center;
+
             .boxs_left {
               display: flex;
               align-items: center;
+
               .script {
                 display: flex;
                 justify-content: center;
@@ -2359,6 +2424,7 @@ export default {
                 margin-right: 12px;
                 white-space: nowrap;
               }
+
               .imgIcon {
                 width: 16px;
                 height: 16px;
@@ -2366,6 +2432,7 @@ export default {
                 background-size: 100% 100%;
               }
             }
+
             .boxs_right {
               .imgIcon {
                 width: 16px;
@@ -2375,6 +2442,7 @@ export default {
               }
             }
           }
+
           .items2 {
             .nname {
               width: 140px;
@@ -2388,16 +2456,19 @@ export default {
             }
           }
         }
+
         .active {
           opacity: 1;
         }
       }
     }
   }
+
   .right {
     flex: 1;
     display: flex;
     flex-direction: column;
+
     .addhead {
       width: 100%;
       background-color: #fff;
@@ -2405,6 +2476,7 @@ export default {
       display: flex;
       align-items: center;
       position: relative;
+
       .filt {
         margin: 16px 30px 16px 22px;
         display: flex;
@@ -2412,26 +2484,32 @@ export default {
         width: 100%;
         align-items: center;
         flex-wrap: wrap;
+
         .le {
           display: flex;
           align-items: center;
+
           .leftimg {
             width: 151px;
             height: 100px;
             border: 10px solid #e7f2ff;
             border-radius: 8px;
             margin-left: 20px;
+
             .img {
               width: 100%;
               height: 100%;
             }
           }
+
           .imgfor {
             margin-left: 32px;
+
             .forz {
               color: #363636;
               font-size: 16px;
             }
+
             .fort {
               color: #878b92;
               font-size: 14px;
@@ -2444,11 +2522,13 @@ export default {
           height: 100%;
           display: flex;
           align-items: center;
+
           .select {
             display: flex;
             align-items: center;
             white-space: nowrap;
             margin-right: 56px;
+
             .inputbox {
               display: flex;
               align-items: center;
@@ -2456,10 +2536,12 @@ export default {
               width: 238px;
               height: 40px;
               border-radius: 8px;
+
               input {
                 border: none;
                 outline: none;
               }
+
               .bottonbox {
                 width: 100px;
                 height: 40px;
@@ -2470,6 +2552,7 @@ export default {
                 align-items: center;
                 cursor: pointer;
                 flex-shrink: 0;
+
                 .btnText {
                   font-size: 14px;
                   font-weight: 400;
@@ -2480,17 +2563,20 @@ export default {
               }
             }
           }
+
           .line {
             height: 60px;
             width: 1px;
             background-color: #e8effa;
             margin-right: 18px;
           }
+
           .img2 {
             width: 42px;
             height: 42px;
             margin-right: 18px;
           }
+
           .pub {
             color: #57c887;
             font-size: 14px;
@@ -2499,6 +2585,7 @@ export default {
             cursor: pointer;
             white-space: nowrap;
           }
+
           @media screen and (max-width: 1050px) {
             .pub {
               margin-right: 10px;
@@ -2507,6 +2594,7 @@ export default {
               margin-right: 10px;
             }
           }
+
           .return {
             color: #4ea6ff;
             font-size: 14px;
@@ -2525,6 +2613,7 @@ export default {
             cursor: pointer;
             position: relative;
             margin-right: 20px;
+
             .roleArrow {
               width: 13px;
               height: 7px;
@@ -2532,6 +2621,7 @@ export default {
               background-image: url(../../assets/images/navtop/down.png);
               background-size: 100%;
             }
+
             .roleItems {
               width: 109px;
               height: 90px;
@@ -2545,19 +2635,23 @@ export default {
               display: none;
               z-index: 100;
             }
+
             .roleItem {
               font-size: 14px;
               font-weight: 400;
               color: rgba(79, 81, 86, 1);
               line-height: 36px;
             }
+
             .roleItem:hover {
               color: #4ea6ff;
             }
           }
+
           .role:hover .roleItems {
             display: block;
           }
+
           .role:hover .roleArrow {
             background-image: url(../../assets/images/navtop/up.png);
           }
@@ -2574,10 +2668,12 @@ export default {
       display: flex;
       align-items: center;
       flex-wrap: wrap;
+
       .item {
         height: 115px;
         display: flex;
         align-items: center;
+
         .itcon {
           display: flex;
           flex-direction: column;
@@ -2587,9 +2683,11 @@ export default {
           width: 100%;
           margin-left: 38px;
           margin-right: 38px;
+
           .img {
             cursor: pointer;
           }
+
           .text {
             font-size: 16px;
             color: #363636;
@@ -2597,16 +2695,19 @@ export default {
             white-space: nowrap;
           }
         }
+
         .lin {
           width: 1px;
           height: 60%;
           background-color: #e8effa;
         }
+
         .no {
           display: none;
         }
       }
     }
+
     .boom {
       width: 100%;
       flex: 1;
@@ -2614,19 +2715,23 @@ export default {
       box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
       display: flex;
       justify-content: center;
+
       .boomcen {
         width: 95%;
+
         .onerow {
           width: 100%;
           display: flex;
           height: 40px;
           position: relative;
           margin-top: 20px;
+
           .taskmain {
             font-size: 18px;
             color: #000000;
             margin-top: 10px;
           }
+
           .btn {
             position: absolute;
             top: 0;
@@ -2639,6 +2744,7 @@ export default {
             color: #ffffff;
             cursor: pointer;
           }
+
           .edit {
             position: absolute;
             right: 0;
@@ -2648,6 +2754,7 @@ export default {
             height: 40px;
             border: 1px solid #409eff;
             border-radius: 8px;
+
             .editimg {
               width: 15px;
               height: 15px;
@@ -2655,23 +2762,28 @@ export default {
               margin-left: 25px;
               margin-right: 5px;
             }
+
             .editext {
               line-height: 40px;
             }
           }
+
           .edit:hover {
             color: #ffffff;
             background-color: #409eff;
             cursor: pointer;
+
             .editimg {
               background-image: url("../../assets/images/projectadd/delete1.png");
             }
           }
         }
+
         .notable {
           width: 100%;
           display: flex;
           justify-content: center;
+
           .notablebox {
             width: 412px;
             height: 212px;
@@ -2684,6 +2796,7 @@ export default {
             margin-bottom: 109px;
             cursor: pointer;
             position: relative;
+
             .smallleft {
               position: absolute;
               top: 18px;
@@ -2693,6 +2806,7 @@ export default {
               border-radius: 0px 4px 4px 0px;
               background-color: #ffb64e;
             }
+
             .smallright {
               position: absolute;
               bottom: 18px;
@@ -2702,6 +2816,7 @@ export default {
               border-radius: 4px 0px 0px 4px;
               background-color: #ffb64e;
             }
+
             .boxbody {
               .boximg {
                 width: 72px;
@@ -2710,14 +2825,17 @@ export default {
                 background-image: url(@/assets/images/coursewareManage/nostate.png);
                 background-size: 100% 100%;
               }
+
               .boxtitle {
                 margin-bottom: 4px;
               }
             }
           }
         }
+
         .rwbox {
           position: relative;
+
           .talk {
             margin-top: 24px;
             margin-bottom: 11px;
@@ -2727,66 +2845,81 @@ export default {
             border: 1px solid #4ea6ff;
             display: flex;
             align-items: center;
+
             .im {
               width: 14px;
               height: 15px;
               margin-left: 27px;
             }
+
             .xu {
               height: 100%;
               line-height: 50px;
               margin-left: 13px;
+
               .yi {
                 color: #4f5156;
                 font-size: 14px;
               }
+
               .zon {
                 color: #999ba3;
                 font-size: 14px;
                 margin-left: 34px;
               }
+
               .th {
                 color: #4ea6ff;
               }
             }
           }
+
           .tableBox {
             margin-bottom: 20px;
             margin-top: 20px;
+
             .chosen {
               background-color: #f2f6fc;
               opacity: 1;
             }
+
             .ghost {
               opacity: 0;
             }
+
             .tableRow:hover {
               background-color: #f2f6fc;
             }
+
             .classify {
               margin-left: 10px !important;
               padding-left: 9px !important;
             }
+
             .ant-checkbox-wrapper {
               align-items: center;
               margin-top: -2px;
             }
+
             .ant-table-selection-column {
               padding: 0px !important;
               padding-left: 60px !important;
             }
+
             .ant-table-thead > tr > th {
               background-color: rgba(239, 244, 252, 1);
             }
+
             th.h {
               background-color: #eff4fc !important;
             }
 
             .ant-table-tbody
-              > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-              > td {
+            > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+            > td {
               background: #f6f9fd;
             }
+
             .pa {
               left: 0;
               width: 100%;
@@ -2806,14 +2939,17 @@ export default {
       display: flex;
       align-items: center;
       justify-content: center;
+
       .ant-switch-checked {
         background-color: #5dc988;
       }
+
       .showt {
         display: flex;
         margin-left: 10px;
         height: 23px;
         position: relative;
+
         .bi {
           width: 63px;
           height: 23;
@@ -2824,6 +2960,7 @@ export default {
           color: #ffffff;
           border-radius: 4px;
         }
+
         .xuan {
           width: 63px;
           height: 23px;
@@ -2837,19 +2974,23 @@ export default {
       }
     }
   }
+
   .racona {
     display: flex;
     align-items: center;
     height: 100%;
+
     .img {
       width: 17px;
       height: 14px;
       background-image: url("../../assets/images/leveladd/z1.png");
     }
+
     .ch {
       margin-left: 10px;
     }
   }
+
   .footbtn {
     width: 100%;
     height: 80px;
@@ -2858,10 +2999,12 @@ export default {
     box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
     display: flex;
     justify-content: end;
+
     .btnbox {
       display: flex;
       margin-right: 36px;
       height: 80px;
+
       .btn {
         padding: 0px 26px 0px 26px;
         height: 38px;
@@ -2874,6 +3017,7 @@ export default {
         margin: 21px 0px 19px 14px;
         cursor: pointer;
         white-space: nowrap;
+
         .btnText {
           font-size: 14px;
           font-weight: 400;
@@ -2881,14 +3025,18 @@ export default {
           margin-left: 5px;
         }
       }
+
       .btn1 {
         background-color: #409eff;
+
         .btnText {
           color: #ffffff;
         }
       }
+
       .btn2 {
         background-color: #ffffff;
+
         .btnText {
           color: #409eff;
         }
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index f0b4c9d7..75dc39e6 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -343,7 +343,14 @@
                 <span class="editext">编辑</span>
               </router-link>
             </div> -->
-            <div class="taskSyllabus">
+            <div
+              class="taskSyllabus"
+              v-if="
+                taskSyllabus &&
+                taskSyllabus.length &&
+                (taskSyllabus.length > 1 || taskSyllabus[0].name)
+              "
+            >
               <a-collapse v-model:activeKey="taskSyllabusActive" accordion>
                 <template #expandIcon="{ isActive }">
                   <img
@@ -550,6 +557,31 @@
               </router-link>
               <!-- 无数据创建任务 -->
             </div>
+            <div v-else>
+              <div
+                class="taskbox"
+                @click="
+                  () => {
+                    routered.push({ path: '/taskadd' });
+                  }
+                "
+                style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left1.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture1.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right1.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(255, 182, 78, 1)">
+                  添加任务
+                </div>
+                <div class="centermain">快速添加任务/阶段</div>
+              </div>
+            </div>
             <div style="display: flex; height: 20px"></div>
           </div>
         </a-tab-pane>
@@ -3842,6 +3874,7 @@ export default {
       changeGrouped,
       deFile,
       toDate,
+      routered,
     };
   },
 };