From 772950377215191aefa1154bd8e0f42b7c3acd53 Mon Sep 17 00:00:00 2001
From: yuping <82253452@qq.com>
Date: Sun, 4 Dec 2022 13:48:16 +0800
Subject: [PATCH] =?UTF-8?q?--=E9=A1=B9=E7=9B=AE=20=E9=98=B6=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectcenter/TaskAdd.vue  | 1118 +++++++++++++++-----------
 src/views/projectcenter/TaskPage.vue |   28 +-
 2 files changed, 659 insertions(+), 487 deletions(-)

diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index dc3b891f..e9a15572 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,7 +587,7 @@
                         </div>
                       </div>
                       <div
-                        style="
+                          style="
                           width: 120px;
                           text-align: center;
                           text-align: center;
@@ -595,7 +595,7 @@
                           text-overflow: ellipsis;
                           white-space: nowrap;
                         "
-                        :title="element.creater"
+                          :title="element.creater"
                       >
                         {{ element.creater }}
                       </div>
@@ -603,16 +603,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,
                                 }"
                               >
@@ -627,7 +627,7 @@
                         {{ element.cretime }}分钟
                       </div>
                       <div
-                        style="
+                          style="
                           width: 120px;
                           text-align: center;
                           margin-right: 20px;
@@ -636,12 +636,12 @@
                         <div class="opa">
                           <div class="opacation">
                             <span
-                              style="
+                                style="
                                 color: #4ea6ff;
                                 margin-right: 25px;
                                 cursor: pointer;
                               "
-                              @click="
+                                @click="
                                 decideType(
                                   element.lei,
                                   element.courseId,
@@ -652,8 +652,8 @@
                               编辑
                             </span>
                             <span
-                              style="color: #4ea6ff; cursor: pointer"
-                              @click="showDelete(element.id)"
+                                style="color: #4ea6ff; cursor: pointer"
+                                @click="showDelete(element.id)"
                             >
                               删除
                             </span>
@@ -713,20 +713,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;
@@ -736,13 +736,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>
@@ -751,18 +751,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>
@@ -772,16 +772,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;
@@ -789,8 +789,8 @@
             "
           >
             <button
-              @click="closeModal"
-              style="
+                @click="closeModal"
+                style="
                 cursor: pointer;
                 height: 40px;
                 width: 100px;
@@ -803,8 +803,8 @@
               取消
             </button>
             <button
-              @click="editStage"
-              style="
+                @click="editStage"
+                style="
                 cursor: pointer;
                 margin-left: 16px;
                 margin-bottom: 40px;
@@ -824,11 +824,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>
@@ -854,11 +854,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>
@@ -884,11 +884,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>
@@ -913,11 +913,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>
@@ -943,12 +943,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">
@@ -962,43 +962,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>
@@ -1026,7 +1027,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";
@@ -1039,15 +1040,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: {
@@ -1070,8 +1072,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,
@@ -1098,6 +1100,7 @@ export default {
       projectTaskId: null, // 要编辑的具体任务id
       //阶段数据
       level: [],
+      stageList: [],
 
       projectTitle: null,
       picUrl: null,
@@ -1167,31 +1170,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,
@@ -1237,27 +1240,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>
             );
           },
         },
@@ -1277,35 +1280,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>
             );
           },
         },
@@ -1324,30 +1327,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>
             );
           },
         },
@@ -1363,30 +1366,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) {
@@ -1398,48 +1414,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（投票)
@@ -1456,15 +1460,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 = () => {
@@ -1493,21 +1497,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;
         }
       }
@@ -1521,18 +1525,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;
     };
@@ -1589,40 +1593,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);
+            });
       }
     };
 
@@ -1643,21 +1651,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();
     });
@@ -1670,7 +1678,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);
@@ -1833,17 +1841,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) => {
@@ -1979,13 +1987,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;
@@ -1993,24 +2004,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;
@@ -2018,6 +2033,7 @@ export default {
                 background-image: url(@/assets/images/coursewareManage/QR.png);
                 background-size: 100% 100%;
               }
+
               .close_exit {
                 position: absolute;
                 right: 42px;
@@ -2028,6 +2044,7 @@ export default {
                 background-size: 100% 100%;
               }
             }
+
             .body {
               width: 100%;
               margin: 34px auto 56px auto;
@@ -2036,6 +2053,7 @@ export default {
               align-items: center;
               flex-direction: column;
               position: relative;
+
               .back {
                 position: absolute;
                 top: 30px;
@@ -2044,10 +2062,12 @@ export default {
                 color: #666666;
               }
             }
+
             .del_btnbox {
               display: flex;
               margin: 30px auto;
               justify-content: center;
+
               .del_btn {
                 width: 100px;
                 height: 40px;
@@ -2059,17 +2079,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;
@@ -2081,22 +2104,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;
@@ -2111,25 +2138,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%;
@@ -2139,6 +2171,7 @@ export default {
         margin-top: -5px;
         border-top: 2px solid rgba(78, 166, 255, 1);
       }
+
       .box2 {
         position: absolute;
         left: 50%;
@@ -2148,18 +2181,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;
@@ -2167,17 +2204,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%;
@@ -2190,15 +2231,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;
@@ -2207,11 +2250,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;
@@ -2221,26 +2266,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;
@@ -2248,11 +2299,13 @@ export default {
 
                   border-radius: 8px;
                 }
+
                 .btn1 {
                   color: #4ea6ff;
                   background: #ffffff;
                   border: 1px solid #4ea6ff;
                 }
+
                 .btn2 {
                   margin-left: 16px;
                   border: 0;
@@ -2267,12 +2320,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;
@@ -2280,8 +2335,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;
@@ -2298,9 +2355,11 @@ export default {
         justify-content: center;
         flex-shrink: 0;
         cursor: pointer;
+
         .search {
           background-size: 100%;
         }
+
         .btnText {
           font-size: 14px;
           font-weight: 400;
@@ -2313,6 +2372,7 @@ export default {
       .btn3 {
         width: 171px;
         margin-right: 0px;
+
         .search {
           width: 17px;
           height: 18px;
@@ -2320,6 +2380,7 @@ export default {
           background-size: 100% 100%;
         }
       }
+
       .maincon {
         margin-top: 17px;
         width: 208px;
@@ -2330,6 +2391,7 @@ export default {
         .ghost {
           opacity: 0 !important;
         }
+
         .items {
           width: 171px;
           background: rgba(255, 182, 78, 0.1);
@@ -2341,14 +2403,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;
@@ -2360,6 +2425,7 @@ export default {
                 margin-right: 12px;
                 white-space: nowrap;
               }
+
               .imgIcon {
                 width: 16px;
                 height: 16px;
@@ -2367,6 +2433,7 @@ export default {
                 background-size: 100% 100%;
               }
             }
+
             .boxs_right {
               .imgIcon {
                 width: 16px;
@@ -2376,6 +2443,7 @@ export default {
               }
             }
           }
+
           .items2 {
             .nname {
               width: 140px;
@@ -2389,16 +2457,19 @@ export default {
             }
           }
         }
+
         .active {
           opacity: 1;
         }
       }
     }
   }
+
   .right {
     flex: 1;
     display: flex;
     flex-direction: column;
+
     .addhead {
       width: 100%;
       background-color: #fff;
@@ -2406,6 +2477,7 @@ export default {
       display: flex;
       align-items: center;
       position: relative;
+
       .filt {
         margin: 16px 30px 16px 22px;
         display: flex;
@@ -2413,26 +2485,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;
@@ -2445,11 +2523,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;
@@ -2457,10 +2537,12 @@ export default {
               width: 238px;
               height: 40px;
               border-radius: 8px;
+
               input {
                 border: none;
                 outline: none;
               }
+
               .bottonbox {
                 width: 100px;
                 height: 40px;
@@ -2471,6 +2553,7 @@ export default {
                 align-items: center;
                 cursor: pointer;
                 flex-shrink: 0;
+
                 .btnText {
                   font-size: 14px;
                   font-weight: 400;
@@ -2481,17 +2564,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;
@@ -2500,6 +2586,7 @@ export default {
             cursor: pointer;
             white-space: nowrap;
           }
+
           @media screen and (max-width: 1050px) {
             .pub {
               margin-right: 10px;
@@ -2508,6 +2595,7 @@ export default {
               margin-right: 10px;
             }
           }
+
           .return {
             color: #4ea6ff;
             font-size: 14px;
@@ -2526,6 +2614,7 @@ export default {
             cursor: pointer;
             position: relative;
             margin-right: 20px;
+
             .roleArrow {
               width: 13px;
               height: 7px;
@@ -2533,6 +2622,7 @@ export default {
               background-image: url(../../assets/images/navtop/down.png);
               background-size: 100%;
             }
+
             .roleItems {
               width: 109px;
               height: 90px;
@@ -2546,19 +2636,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);
           }
@@ -2575,10 +2669,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;
@@ -2588,9 +2684,11 @@ export default {
           width: 100%;
           margin-left: 38px;
           margin-right: 38px;
+
           .img {
             cursor: pointer;
           }
+
           .text {
             font-size: 16px;
             color: #363636;
@@ -2598,16 +2696,19 @@ export default {
             white-space: nowrap;
           }
         }
+
         .lin {
           width: 1px;
           height: 60%;
           background-color: #e8effa;
         }
+
         .no {
           display: none;
         }
       }
     }
+
     .boom {
       width: 100%;
       flex: 1;
@@ -2615,19 +2716,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;
@@ -2640,6 +2745,7 @@ export default {
             color: #ffffff;
             cursor: pointer;
           }
+
           .edit {
             position: absolute;
             right: 0;
@@ -2649,6 +2755,7 @@ export default {
             height: 40px;
             border: 1px solid #409eff;
             border-radius: 8px;
+
             .editimg {
               width: 15px;
               height: 15px;
@@ -2656,23 +2763,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;
@@ -2685,6 +2797,7 @@ export default {
             margin-bottom: 109px;
             cursor: pointer;
             position: relative;
+
             .smallleft {
               position: absolute;
               top: 18px;
@@ -2694,6 +2807,7 @@ export default {
               border-radius: 0px 4px 4px 0px;
               background-color: #ffb64e;
             }
+
             .smallright {
               position: absolute;
               bottom: 18px;
@@ -2703,6 +2817,7 @@ export default {
               border-radius: 4px 0px 0px 4px;
               background-color: #ffb64e;
             }
+
             .boxbody {
               .boximg {
                 width: 72px;
@@ -2711,14 +2826,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;
@@ -2728,66 +2846,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%;
@@ -2807,14 +2940,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;
@@ -2825,6 +2961,7 @@ export default {
           color: #ffffff;
           border-radius: 4px;
         }
+
         .xuan {
           width: 63px;
           height: 23px;
@@ -2838,19 +2975,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;
@@ -2859,10 +3000,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;
@@ -2875,6 +3018,7 @@ export default {
         margin: 21px 0px 19px 14px;
         cursor: pointer;
         white-space: nowrap;
+
         .btnText {
           font-size: 14px;
           font-weight: 400;
@@ -2882,14 +3026,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 2c62cbb2..c7490d9e 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -343,7 +343,7 @@
                 <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
@@ -541,6 +541,29 @@
               </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>
@@ -3823,7 +3846,8 @@ export default {
       templateProject,
       changeGrouped,
       deFile,
-      toDate
+      toDate,
+      routered
     };
   },
 };