diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index 0dbe2558..8382fc9c 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -418,6 +418,10 @@
           <a-button class="pubtn2" @click="releaseLearnPath">发布</a-button>
         </div>
       </div>
+      <!--  加载动画 -->
+      <div class="aeLoading" :style="{ display: pubLoading ? 'flex' : 'none' }">
+        <a-spin :spinning="pubLoading" />
+      </div>
     </a-modal>
     <!-- 复制路径弹窗 -->
     <a-modal
@@ -723,6 +727,7 @@ export default {
       // learnPathBg: null, //创建路径选择的路径图背景
       // learnPathBg2: null, //编辑路径选择的路径图背景
       pub: false, //发布弹窗
+      pubLoading: false, //发布loading
       checked: false, //发布弹窗switch
       checkedTeacher: false, //发布弹窗勾选
       checkStu: false, //发布弹窗勾选
@@ -853,6 +858,7 @@ export default {
     const showPub = (router) => {
       console.log("router", router);
       state.pub = true;
+      state.pubLoading = true;
       state.releasePathId = router.id;
       state.releasePathName = router.manager;
       api
@@ -860,7 +866,7 @@ export default {
         .then((res) => {
           console.log("获取关卡、任务、学员统计数据", res.data);
           if (res.status === 200) {
-            state.routeStudentsNum = res.data.students;
+            // state.routeStudentsNum = res.data.students;
             state.routeChapters = res.data.chapters;
             state.routeTasks = res.data.tasks;
           }
@@ -868,6 +874,24 @@ export default {
         .catch((err) => {
           console.log("err", err);
         });
+      //获取学员列表
+      let stuobj = {
+        pageNo: 1,
+        pageSize: 10,
+        routerId: router.id,
+      };
+      api
+        .getStudent(stuobj)
+        .then((res) => {
+          console.log("获取学员列表", res.data.data.total);
+          if (res.data.code === 200) {
+            state.routeStudentsNum = res.data.data.total;
+            state.pubLoading = false;
+          }
+        })
+        .catch((err) => {
+          console.log("获取学员列表失败", err);
+        });
     };
     //确定发布
     const releaseLearnPath = () => {
@@ -897,6 +921,11 @@ export default {
 
     const closePub = () => {
       state.pub = false;
+      state.releasePathId = null;
+      state.releasePathName = null;
+      state.routeChapters = null;
+      state.routeTasks = null;
+      state.routeStudentsNum = null;
     };
     //显示复制窗口
     const showCopyModal = () => {
@@ -1544,8 +1573,8 @@ export default {
         .getRouterDetail(id)
         .then((res) => {
           if (res.data.code === 200) {
+            console.log("获取学习路径详情成功", res.data.data);
             let detail = res.data.data.routerInfo;
-            // console.log("获取详情成功", detail);
             state.pathName = detail.name;
             state.pathBg = detail.picUrl;
             state.pathBgId = "";
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index 043e200a..33f7f6cb 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -1143,6 +1143,10 @@
           <a-button class="pubtn2" @click="releaseLearnPath">发布</a-button>
         </div>
       </div>
+      <!--  加载动画 -->
+      <div class="aeLoading" :style="{ display: pubLoading ? 'flex' : 'none' }">
+        <a-spin :spinning="pubLoading" />
+      </div>
     </a-modal>
     <!-- 撤回路径弹窗 -->
     <a-modal
@@ -1303,6 +1307,7 @@ export default {
       action: null,
       act: null,
       pub: false, //发布弹窗
+      pubLoading: false, //发布loading
       backModal: false, //撤回弹窗
       dcopyModal: false, //复制弹窗
       closeBack: false,
@@ -1813,13 +1818,14 @@ export default {
     //显示发布弹窗
     const showPub = () => {
       state.pub = true;
+      state.pubLoading = true;
       // state.releasePathId = routerId;
       api
         .getLearnCount(state.routerId)
         .then((res) => {
           if (res.status === 200) {
             // console.log("获取关卡、任务、学员统计数据", res.data);
-            state.routeStudentsNum = res.data.students;
+            // state.routeStudentsNum = res.data.students;
             state.routeChapters = res.data.chapters;
             state.routeTasks = res.data.tasks;
           }
@@ -1827,6 +1833,24 @@ export default {
         .catch((err) => {
           console.log("err", err);
         });
+      //获取学员列表
+      let stuobj = {
+        pageNo: 1,
+        pageSize: 10,
+        routerId: state.routerId,
+      };
+      api
+        .getStudent(stuobj)
+        .then((res) => {
+          console.log("获取学员列表", res.data.data.total);
+          if (res.data.code === 200) {
+            state.routeStudentsNum = res.data.data.total;
+            state.pubLoading = false;
+          }
+        })
+        .catch((err) => {
+          console.log("获取学员列表失败", err);
+        });
     };
     //显示撤回弹窗
     const showBackModal = () => {
diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index 0be8d7c8..502b7b53 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -6,52 +6,55 @@
       <div class="filterItems">
         <div class="select">
           <a-input
-              v-model:value="searchParam.name"
-              style="width: 270px; height: 40px; border-radius: 8px"
-              placeholder="请输入项目名称"
-              allowClear
-              showSearch
+            v-model:value="searchParam.name"
+            style="width: 270px; height: 40px; border-radius: 8px"
+            placeholder="请输入项目名称"
+            allowClear
+            showSearch
           >
           </a-input>
         </div>
         <div class="select">
           <a-input
-              v-model:value="searchParam.manager"
-              style="width: 270px; height: 40px; border-radius: 8px"
-              placeholder="请输入项目经理"
-              allowClear
-              showSearch
+            v-model:value="searchParam.manager"
+            style="width: 270px; height: 40px; border-radius: 8px"
+            placeholder="请输入项目经理"
+            allowClear
+            showSearch
           >
           </a-input>
         </div>
         <div class="select">
           <a-input
-              v-model:value="searchParam.createName"
-              style="width: 270px; height: 40px; border-radius: 8px"
-              placeholder="请输入项目创建人"
-              allowClear
-              showSearch
+            v-model:value="searchParam.createName"
+            style="width: 270px; height: 40px; border-radius: 8px"
+            placeholder="请输入项目创建人"
+            allowClear
+            showSearch
           >
           </a-input>
         </div>
         <div class="select">
           <a-select
-              v-model:value="searchParam.status"
-              style="width: 270px"
-              placeholder="请选择状态"
-              :options="sProjectStateList"
-              allowClear
+            v-model:value="searchParam.status"
+            style="width: 270px"
+            placeholder="请选择状态"
+            :options="sProjectStateList"
+            allowClear
           ></a-select>
         </div>
         <div class="select">
           <a-range-picker
-              v-model:value="searchParam.valueDate"
-              :show-time="{
-                defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')],
-              }"
-              style="border-radius: 8px; height: 40px; margin-left: 5px"
-              :placeholder="['      开始时间', '        结束时间']"
-              valueFormat="X"
+            v-model:value="searchParam.valueDate"
+            :show-time="{
+              defaultValue: [
+                moment('00:00:00', 'HH:mm:ss'),
+                moment('23:59:59', 'HH:mm:ss'),
+              ],
+            }"
+            style="border-radius: 8px; height: 40px; margin-left: 5px"
+            :placeholder="['      开始时间', '        结束时间']"
+            valueFormat="X"
           />
         </div>
         <div style="display: flex; margin-bottom: 20px">
@@ -76,26 +79,26 @@
     <!-- 表格 -->
     <div class="tableBox">
       <a-table
-          :columns="columns"
-          :data-source="tableData"
-          :loading="tableDataTotal === -1 ? true : false"
-          :scroll="{ x: 700 }"
-          @expand="expandTable"
-          :pagination="false"
+        :columns="columns"
+        :data-source="tableData"
+        :loading="tableDataTotal === -1 ? true : false"
+        :scroll="{ x: 700 }"
+        @expand="expandTable"
+        :pagination="false"
       >
       </a-table>
       <div class="tableBox">
         <div class="pa">
           <a-pagination
-              v-if="tableDataTotal > 10"
-              showSizeChanger="true"
-              showQuickJumper="true"
-              hideOnSinglePage="true"
-              :pageSize="pageSize"
-              v-model:current="searchParam.pageNo"
-              :total="tableDataTotal"
-              class="pagination"
-              @change="changePagination"
+            v-if="tableDataTotal > 10"
+            showSizeChanger="true"
+            showQuickJumper="true"
+            hideOnSinglePage="true"
+            :pageSize="pageSize"
+            v-model:current="searchParam.pageNo"
+            :total="tableDataTotal"
+            class="pagination"
+            @change="changePagination"
           />
         </div>
       </div>
@@ -104,18 +107,18 @@
     <!-- 无项目 -->
     <div class="tableBox" style="display: none">
       <div
-          class="taskbox"
-          @click="showModal1"
-          style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
+        class="taskbox"
+        @click="showModal1"
+        style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
       >
         <div class="leftt">
-          <img src="../../assets/images/taskpage/left2.png"/>
+          <img src="../../assets/images/taskpage/left2.png" />
         </div>
         <div class="photo">
-          <img src="../../assets/images/projectadd/nopro.png"/>
+          <img src="../../assets/images/projectadd/nopro.png" />
         </div>
         <div class="rightt">
-          <img src="../../assets/images/taskpage/right2.png"/>
+          <img src="../../assets/images/taskpage/right2.png" />
         </div>
         <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
           创建项目
@@ -126,18 +129,18 @@
     <!-- 创建多层项目弹窗 -->
     <div>
       <a-modal
-          v-model:visible="doublepro"
-          :title="null"
-          @ok="closeModal2"
-          :footer="null"
-          :closable="false"
-          wrapClassName="doublepro"
-          width="624px"
-          height="476px"
+        v-model:visible="doublepro"
+        :title="null"
+        @ok="closeModal2"
+        :footer="null"
+        :closable="false"
+        wrapClassName="doublepro"
+        width="624px"
+        height="476px"
       >
         <div
-            class="modalHeader"
-            style="
+          class="modalHeader"
+          style="
             width: 100%;
             height: 68px;
             display: flex;
@@ -147,49 +150,49 @@
         >
           <div class="headerLeft" style="margin-left: 32px">
             <span class="headerLeftText" style="font-size: 16px"
-            >{{ projectInfo.projectId ? "编辑" : "创建" }}多层项目</span
+              >{{ projectInfo.projectId ? "编辑" : "创建" }}多层项目</span
             >
           </div>
           <div style="cursor: pointer; margin-right: 32px" @click="closeModal2">
             <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>
         <div class="modalMain">
           <div
-              style="margin-left: 40px; margin-top: 40px; width: 78%"
-              v-if="projectInfo.parentName"
+            style="margin-left: 40px; margin-top: 40px; width: 78%"
+            v-if="projectInfo.parentName"
           >
             <span style="color: #000000; font-size: 14px">项目归属：</span>
             <span style="color: #999999; font-size: 14px; margin-left: 10px">{{
-                projectInfo.parentName
-              }}</span>
+              projectInfo.parentName
+            }}</span>
           </div>
           <div class="name">
             <div class="star" style="margin-top: -4px">
               <img
-                  style="width: 10px; height: 10px"
-                  src="../../assets/images/basicinfo/asterisk.png"
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
               />
             </div>
             <div class="inname">项目名称:</div>
             <div class="in">
               <a-input
-                  v-model:value="projectInfo.name"
-                  show-count
-                  :maxlength="30"
-                  placeholder="请输入项目名称"
-                  style="border-radius: 8px"
+                v-model:value="projectInfo.name"
+                show-count
+                :maxlength="30"
+                placeholder="请输入项目名称"
+                style="border-radius: 8px"
               />
             </div>
           </div>
           <div class="name">
             <div class="star" style="margin-top: -4px">
               <img
-                  style="width: 10px; height: 10px"
-                  src="../../assets/images/basicinfo/asterisk.png"
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
               />
             </div>
             <div class="inname">分类:</div>
@@ -200,39 +203,39 @@
           <div class="name">
             <div class="star" style="margin-top: -4px">
               <img
-                  style="width: 10px; height: 10px"
-                  src="../../assets/images/basicinfo/asterisk.png"
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
               />
             </div>
             <div class="inname">项目经理:</div>
             <div class="in">
               <ProjectManager
-                  v-model:value="projectInfo.managerId"
-                  v-model:name="projectInfo.manager"
-                  @onChange="managerChange"
-                  mode="multiple"
+                v-model:value="projectInfo.managerId"
+                v-model:name="projectInfo.manager"
+                @onChange="managerChange"
+                mode="multiple"
               ></ProjectManager>
             </div>
           </div>
           <div class="name">
             <div class="star" style="margin-top: -4px">
               <img
-                  style="width: 10px; height: 10px"
-                  src="../../assets/images/basicinfo/asterisk.png"
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
               />
             </div>
             <div class="inname">资源归属:</div>
             <div class="in select">
               <OrgClass
-                  v-model:value="projectInfo.sourceBelongId"
-                  v-model:name="projectInfo.sourceBelongName"
+                v-model:value="projectInfo.sourceBelongId"
+                v-model:name="projectInfo.sourceBelongName"
               ></OrgClass>
             </div>
           </div>
           <div class="pubtn">
             <a-button class="pubtn1" @click="closeModal2">取消</a-button>
             <a-button class="pubtn2" @click="createStoreyProject"
-            >确定
+              >确定
             </a-button>
           </div>
         </div>
@@ -241,18 +244,18 @@
     <!-- 创建多层项目弹窗 -->
     <div>
       <a-modal
-          v-model:visible="sonproject"
-          :title="null"
-          @ok="closeModal"
-          :footer="null"
-          :closable="false"
-          wrapClassName="sonproject"
-          width="764px"
-          height="356px"
+        v-model:visible="sonproject"
+        :title="null"
+        @ok="closeModal"
+        :footer="null"
+        :closable="false"
+        wrapClassName="sonproject"
+        width="764px"
+        height="356px"
       >
         <div
-            class="modalHeader"
-            style="
+          class="modalHeader"
+          style="
             width: 100%;
             height: 68px;
             display: flex;
@@ -262,53 +265,53 @@
         >
           <div class="headerLeft" style="margin-left: 32px">
             <span class="headerLeftText" style="font-size: 16px"
-            >请选择项目类别1</span
+              >请选择项目类别1</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>
         <div class="modalMain">
           <div
-              @click="createChildProject"
-              class="taskbox"
-              style="
+            @click="createChildProject"
+            class="taskbox"
+            style="
               margin-right: 24px;
               background: linear-gradient(180deg, #ddeaff 0%, #f0f8fe 100%);
             "
           >
             <div class="leftt">
-              <img src="../../assets/images/taskpage/left2.png"/>
+              <img src="../../assets/images/taskpage/left2.png" />
             </div>
             <div class="photo">
-              <img src="../../assets/images/taskpage/picture4.png"/>
+              <img src="../../assets/images/taskpage/picture4.png" />
             </div>
             <div class="rightt">
-              <img src="../../assets/images/taskpage/right2.png"/>
+              <img src="../../assets/images/taskpage/right2.png" />
             </div>
             <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
               单层子项目
             </div>
           </div>
           <div
-              class="taskbox"
-              @click="showModal3"
-              style="
+            class="taskbox"
+            @click="showModal3"
+            style="
               background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
             "
           >
             <div class="leftt">
-              <img src="../../assets/images/taskpage/left1.png"/>
+              <img src="../../assets/images/taskpage/left1.png" />
             </div>
             <div class="photo">
-              <img src="../../assets/images/taskpage/picture5.png"/>
+              <img src="../../assets/images/taskpage/picture5.png" />
             </div>
             <div class="rightt">
-              <img src="../../assets/images/taskpage/right1.png"/>
+              <img src="../../assets/images/taskpage/right1.png" />
             </div>
             <div class="centerbox" style="color: rgba(255, 182, 78, 1)">
               多层子项目
@@ -322,18 +325,18 @@
     <div>
       <div>
         <a-modal
-            v-model:visible="estabish"
-            :title="null"
-            @ok="closeModal1"
-            :footer="null"
-            :closable="false"
-            wrapClassName="estabish"
-            width="638px"
-            height="468px"
+          v-model:visible="estabish"
+          :title="null"
+          @ok="closeModal1"
+          :footer="null"
+          :closable="false"
+          wrapClassName="estabish"
+          width="638px"
+          height="468px"
         >
           <div
-              class="modalHeader"
-              style="
+            class="modalHeader"
+            style="
               width: 100%;
               height: 68px;
               display: flex;
@@ -343,42 +346,42 @@
           >
             <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="closeModal1"
+              style="cursor: pointer; margin-right: 32px"
+              @click="closeModal1"
             >
               <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>
           <div class="modalMain">
             <router-link
-                :to="`/projectadd?parentId=${
+              :to="`/projectadd?parentId=${
                 projectInfo.parentId || ''
               }&parentName=${projectInfo.parentName || ''}`"
             >
               <div
-                  class="taskbox"
-                  style="
+                class="taskbox"
+                style="
                   background: linear-gradient(180deg, #ddeaff 0%, #f0f8fe 100%);
                 "
               >
                 <div class="leftt">
-                  <img src="../../assets/images/taskpage/left2.png"/>
+                  <img src="../../assets/images/taskpage/left2.png" />
                 </div>
                 <div class="photo">
-                  <img src="../../assets/images/taskpage/picture6.png"/>
+                  <img src="../../assets/images/taskpage/picture6.png" />
                 </div>
                 <div class="rightt">
-                  <img src="../../assets/images/taskpage/right2.png"/>
+                  <img src="../../assets/images/taskpage/right2.png" />
                 </div>
                 <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
-                  单层{{ projectInfo.parentId ? '子' : '' }}项目
+                  单层{{ projectInfo.parentId ? "子" : "" }}项目
                 </div>
                 <div class="centermain">
                   不包含子项目，直接填写项目基础信息后创建任务
@@ -386,28 +389,30 @@
               </div>
             </router-link>
             <div
-                class="taskbox"
-                @click="showModal2"
-                style="
+              class="taskbox"
+              @click="showModal2"
+              style="
                 margin-bottom: 40px;
                 background: linear-gradient(180deg, #e5f6ec 0%, #eef9f3 100%);
               "
             >
               <div class="leftt">
-                <img src="../../assets/images/taskpage/left3.png"/>
+                <img src="../../assets/images/taskpage/left3.png" />
               </div>
               <div class="photo">
-                <img src="../../assets/images/taskpage/picture7.png"/>
+                <img src="../../assets/images/taskpage/picture7.png" />
               </div>
               <div class="rightt">
-                <img src="../../assets/images/taskpage/right3.png"/>
+                <img src="../../assets/images/taskpage/right3.png" />
               </div>
               <div class="centerbox1" style="color: rgba(93, 201, 136, 1)">
-                多层{{ projectInfo.parentId ? '子' : '' }}项目
+                多层{{ projectInfo.parentId ? "子" : "" }}项目
               </div>
               <div class="centermain1">
                 {{
-                  projectInfo.parentId ? '可创建班级，通过班级填写基础信息并创建任务' : '包含子项目，分为多层子项目和单层子项目，多层子项目可创建班级，通过班级填写基础信息并创建任务'
+                  projectInfo.parentId
+                    ? "可创建班级，通过班级填写基础信息并创建任务"
+                    : "包含子项目，分为多层子项目和单层子项目，多层子项目可创建班级，通过班级填写基础信息并创建任务"
                 }}
               </div>
             </div>
@@ -419,11 +424,11 @@
     <!-- 编辑多层项目弹窗 - end -->
     <!-- 复制路径弹窗 -->
     <a-modal
-        v-model:visible="copyModal"
-        :footer="null"
-        :closable="closeCopy"
-        wrapClassName="CopyModal"
-        centered="true"
+      v-model:visible="copyModal"
+      :footer="null"
+      :closable="closeCopy"
+      wrapClassName="CopyModal"
+      centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -449,11 +454,11 @@
     </a-modal>
     <!-- 结束项目弹窗 -->
     <a-modal
-        v-model:visible="stopModal"
-        :footer="null"
-        :closable="closeStop"
-        wrapClassName="CopyModal"
-        centered="true"
+      v-model:visible="stopModal"
+      :footer="null"
+      :closable="closeStop"
+      wrapClassName="CopyModal"
+      centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -482,11 +487,11 @@
     </a-modal>
     <!-- 删除项目弹窗 -->
     <a-modal
-        v-model:visible="deleteModal"
-        :footer="null"
-        :closable="closeDelete"
-        wrapClassName="CopyModal"
-        centered="true"
+      v-model:visible="deleteModal"
+      :footer="null"
+      :closable="closeDelete"
+      wrapClassName="CopyModal"
+      centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -512,11 +517,11 @@
     </a-modal>
     <!-- 存为模版弹窗 -->
     <a-modal
-        v-model:visible="startModal"
-        :footer="null"
-        :closable="closeStart"
-        wrapClassName="CopyModal"
-        centered="true"
+      v-model:visible="startModal"
+      :footer="null"
+      :closable="closeStart"
+      wrapClassName="CopyModal"
+      centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -542,17 +547,17 @@
     </a-modal>
     <!-- 发布弹窗 -->
     <a-modal
-        v-model:visible="projectPub"
-        :title="null"
-        :footer="null"
-        :closable="false"
-        wrapClassName="projectPub"
-        width="679px"
-        height="437px"
+      v-model:visible="projectPub"
+      :title="null"
+      :footer="null"
+      :closable="false"
+      wrapClassName="projectPub"
+      width="679px"
+      height="437px"
     >
       <div
-          class="modalHeader"
-          style="
+        class="modalHeader"
+        style="
           width: 100%;
           height: 68px;
           display: flex;
@@ -562,21 +567,21 @@
       >
         <div class="headerLeft" style="margin-left: 32px">
           <span style="width: 15px; height: 15px"
-          ><img src="../../assets/images/taskpage/pub.png"
+            ><img src="../../assets/images/taskpage/pub.png"
           /></span>
           <span
-              class="headerLeftText"
-              style="font-size: 16px; margin-left: 10px"
-          >项目发布</span
+            class="headerLeftText"
+            style="font-size: 16px; margin-left: 10px"
+            >项目发布</span
           >
         </div>
         <div
-            style="cursor: pointer; margin-right: 32px"
-            @click="closeProjectPub"
+          style="cursor: pointer; margin-right: 32px"
+          @click="closeProjectPub"
         >
           <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>
@@ -615,14 +620,21 @@
           <a-button class="pubtn2" @click="releaseProject">发布</a-button>
         </div>
       </div>
+      <!--  加载动画 -->
+      <div
+        class="aeLoading"
+        :style="{ display: projectPubLoading ? 'flex' : 'none' }"
+      >
+        <a-spin :spinning="projectPubLoading" />
+      </div>
     </a-modal>
     <!-- 撤回路径弹窗 -->
     <a-modal
-        v-model:visible="backModal"
-        :footer="null"
-        :closable="closeBack"
-        wrapClassName="CopyModal"
-        centered="true"
+      v-model:visible="backModal"
+      :footer="null"
+      :closable="closeBack"
+      wrapClassName="CopyModal"
+      centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -649,11 +661,11 @@
     </a-modal>
     <!--    撤回结束弹窗-->
     <a-modal
-        v-model:visible="backFinashModal"
-        :footer="null"
-        :closable="closeBack"
-        wrapClassName="CopyModal"
-        centered="true"
+      v-model:visible="backFinashModal"
+      :footer="null"
+      :closable="closeBack"
+      wrapClassName="CopyModal"
+      centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -680,11 +692,11 @@
     </a-modal>
     <!-- 创建项目提示框 -->
     <a-modal
-        v-model:visible="reminderModal"
-        :footer="null"
-        :closable="closeBack"
-        wrapClassName="CopyModal"
-        centered="true"
+      v-model:visible="reminderModal"
+      :footer="null"
+      :closable="closeBack"
+      wrapClassName="CopyModal"
+      centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -709,11 +721,11 @@
     </a-modal>
     <!-- 项目提交审核弹窗 -->
     <a-modal
-        v-model:visible="reviewModal"
-        :footer="null"
-        :closable="false"
-        wrapClassName="CopyModal"
-        centered="true"
+      v-model:visible="reviewModal"
+      :footer="null"
+      :closable="false"
+      wrapClassName="CopyModal"
+      centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -740,11 +752,11 @@
     </a-modal>
     <!-- 项目撤回审核弹窗 -->
     <a-modal
-        v-model:visible="recallReviewModal"
-        :footer="null"
-        :closable="false"
-        wrapClassName="CopyModal"
-        centered="true"
+      v-model:visible="recallReviewModal"
+      :footer="null"
+      :closable="false"
+      wrapClassName="CopyModal"
+      centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -771,50 +783,50 @@
     </a-modal>
     <!-- 授权名单抽屉 -->
     <proj-power-list
-        v-model:ProjPvisible="ProjPvisible"
-        :selectProjectId="selectProjectId"
-        classify="project"
+      v-model:ProjPvisible="ProjPvisible"
+      :selectProjectId="selectProjectId"
+      classify="project"
     />
     <!-- 归属权抽屉 -->
     <proj-owner-ship
-        v-model:ProjOwnervisible="ProjOwnervisible"
-        :selectProjectId="selectProjectId"
-        classify="project"
+      v-model:ProjOwnervisible="ProjOwnervisible"
+      :selectProjectId="selectProjectId"
+      classify="project"
     />
     <!-- 查看权抽屉 -->
     <proj-check-ship
-        v-model:ProjCheckvisible="ProjCheckvisible"
-        :selectProjectId="selectProjectId"
-        v-model:addAuthList="addAuthList"
-        :authClassify="authClassify"
-        classify="project"
+      v-model:ProjCheckvisible="ProjCheckvisible"
+      :selectProjectId="selectProjectId"
+      v-model:addAuthList="addAuthList"
+      :authClassify="authClassify"
+      classify="project"
     />
     <!-- 管理权抽屉 -->
     <proj-check-ship
-        v-model:ProjCheckvisible="ProjCheckvisible"
-        :selectProjectId="selectProjectId"
-        v-model:addAuthList="addAuthList"
-        :authClassify="authClassify"
-        classify="project"
+      v-model:ProjCheckvisible="ProjCheckvisible"
+      :selectProjectId="selectProjectId"
+      v-model:addAuthList="addAuthList"
+      :authClassify="authClassify"
+      classify="project"
     />
   </div>
 </template>
 <script>
-import {reactive, toRefs, ref, watch} from "vue";
-import {message, Modal} from "ant-design-vue";
-import {useRouter} from "vue-router";
+import { reactive, toRefs, ref, watch } from "vue";
+import { message, Modal } from "ant-design-vue";
+import { useRouter } from "vue-router";
 import ProjOwnerShip from "../../components/drawers/ProjectOwn";
 import ProjPowerList from "../../components/drawers/ProjPowerList";
 import ProjCheckShip from "../../components/drawers/ProjCheckPower";
 import * as api from "../../api/index";
 import * as api1 from "../../api/index1";
-import {storage} from "../../api/storage";
+import { storage } from "../../api/storage";
 import ProjectManager from "@/components/project/ProjectManagerNew";
 import ProjectClass from "@/components/project/ProjectClass";
 import OrgClass from "@/components/project/OrgClass";
 import dayjs from "dayjs";
-import * as moment from 'moment'
-import {changeOwnership} from "@/api/method";
+import * as moment from "moment";
+import { changeOwnership } from "@/api/method";
 
 export default {
   name: "projectManage",
@@ -846,6 +858,7 @@ export default {
       startModal: false, //启用弹窗
       closeStart: false, //启用弹窗关闭图标
       projectPub: false, //发布弹窗
+      projectPubLoading: false, //发布loading
       backModal: false, //撤回弹窗
       closeBack: false, //撤回弹窗关闭图标
       reminderModal: false, //温馨提示弹窗
@@ -900,15 +913,15 @@ export default {
     // 数据接入 - start -
     const router = useRouter();
     const sProjectStateList = ref([
-      {value: 0, label: "草稿"},
-      {value: 1, label: "审核中"},
-      {value: 2, label: "审核通过"},
-      {value: 3, label: "已发布"},
-      {value: -2, label: "未通过"},
-      {value: -1, label: "已结束"}
+      { value: 0, label: "草稿" },
+      { value: 1, label: "审核中" },
+      { value: 2, label: "审核通过" },
+      { value: 3, label: "已发布" },
+      { value: -2, label: "未通过" },
+      { value: -1, label: "已结束" },
     ]);
     const searchReset = () => {
-      state.searchParam = {pageNo: 1, pageSize: 10};
+      state.searchParam = { pageNo: 1, pageSize: 10 };
       getTableDate();
     };
     const searchSubmit = () => {
@@ -955,11 +968,10 @@ export default {
         message.destroy();
         message.success("创建成功");
         state.currentPage = 1;
-        state.projectInfo.projectId || changeOwnership(
-            "project",
-            res.data.data.projectId,
-            [{id: res.data.data.createId, name: res.data.data.createName}]
-        );
+        state.projectInfo.projectId ||
+          changeOwnership("project", res.data.data.projectId, [
+            { id: res.data.data.createId, name: res.data.data.createName },
+          ]);
         getTableDate();
       });
     };
@@ -1002,38 +1014,38 @@ export default {
     //打开发布弹窗
     const showProjectPub = (object) => {
       state.projectPub = true;
+      state.projectPubLoading = true;
       state.releaseProjectId = object.projectId;
       state.releaseProjectName = object.name;
       state.releaseProjectTime = object.time;
       console.log("object", object);
+      api.getProjectCount(object.projectId).then((res) => {
+        console.log("获取关卡、任务、学员统计数据", res.data);
+        // state.projectStudentsNum = res.data.students;
+        state.projectStages = res.data.stages;
+        state.projectTasks = res.data.tasks;
+      });
+      //获取学员总数
+      let obj = {
+        pageNo: 0,
+        pageSize: 0,
+        projectId: object.projectId,
+      };
       api
-          .getProjectCount(object.projectId)
-          .then((res) => {
-            console.log("获取关卡、任务、学员统计数据", res.data);
-            state.projectStudentsNum = res.data.students;
-            state.projectStages = res.data.stages;
-            state.projectTasks = res.data.tasks;
-          })
-      // //获取学员总数
-      // let obj = {
-      //   pageNo: 0,
-      //   pageSize: 0,
-      //   projectId: object.projectId,
-      // };
-      // api
-      //   .projectStudent(obj)
-      //   .then((res) => {
-      //     if (res.status === 200) {
-      //       // console.log("res", res.data);
-      //       state.projectStudentsNum = res.data.data.total
-      //         ? res.data.data.total
-      //         : 0;
-      //     }
-      //   })
-      //   .catch((err) => {
-      //     console.log("获取学员人数失败", err);
-      //   });
-      // //获取阶段及任务总数
+        .projectStudent(obj)
+        .then((res) => {
+          if (res.data.code === 200) {
+            // console.log("res", res.data);
+            state.projectStudentsNum = res.data.data.total
+              ? res.data.data.total
+              : 0;
+            state.projectPubLoading = false;
+          }
+        })
+        .catch((err) => {
+          console.log("获取学员人数失败", err);
+        });
+      //获取阶段及任务总数
     };
     //确认发布项目
     const releaseProject = () => {
@@ -1042,18 +1054,22 @@ export default {
         projectId: state.releaseProjectId,
         type: 4,
       };
-      api.handleProject(obj)
-          .then((res) => {
-            console.log("发布成功", res);
-            message.destroy();
-            message.success("发布成功");
-            state.projectPub = false;
-            getTableDate();
-          })
+      api.handleProject(obj).then((res) => {
+        console.log("发布成功", res);
+        message.destroy();
+        message.success("发布成功");
+        state.projectPub = false;
+        getTableDate();
+      });
     };
     //关闭发布弹窗
     const closeProjectPub = () => {
       state.projectPub = false;
+      state.projectStages = null;
+      state.projectTasks = null;
+      state.projectStudentsNum = null;
+      state.projectPubLoading = false;
+      state.releaseProjectId = null;
     };
     //打开撤回发布弹窗
     const showBackModal = (projectId) => {
@@ -1072,17 +1088,17 @@ export default {
         type: -4,
       };
       api
-          .handleProject(obj)
-          .then((res) => {
-            console.log("撤回成功", res);
-            message.destroy();
-            message.success("撤回成功");
-            state.backModal = false;
-            getTableDate();
-          })
-          .catch((err) => {
-            console.log("撤回失败", err);
-          });
+        .handleProject(obj)
+        .then((res) => {
+          console.log("撤回成功", res);
+          message.destroy();
+          message.success("撤回成功");
+          state.backModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("撤回失败", err);
+        });
     };
     //确认撤回结束
     const reFinashedProject = () => {
@@ -1091,17 +1107,17 @@ export default {
         type: -6,
       };
       api
-          .handleProject(obj)
-          .then((res) => {
-            console.log("撤回成功", res);
-            message.destroy();
-            message.success("撤回成功");
-            state.backFinashModal = false;
-            getTableDate();
-          })
-          .catch((err) => {
-            console.log("撤回失败", err);
-          });
+        .handleProject(obj)
+        .then((res) => {
+          console.log("撤回成功", res);
+          message.destroy();
+          message.success("撤回成功");
+          state.backFinashModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("撤回失败", err);
+        });
     };
     //关闭撤回弹窗
     const closeBackModal = () => {
@@ -1122,17 +1138,17 @@ export default {
         type: -1,
       };
       api
-          .handleProject(obj)
-          .then((res) => {
-            console.log("结束成功", res);
-            message.destroy();
-            message.success("已结束");
-            state.stopModal = false;
-            getTableDate();
-          })
-          .catch((err) => {
-            console.log("结束失败", err);
-          });
+        .handleProject(obj)
+        .then((res) => {
+          console.log("结束成功", res);
+          message.destroy();
+          message.success("已结束");
+          state.stopModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("结束失败", err);
+        });
     };
     //关闭结束弹窗
     const closeStopModal = () => {
@@ -1150,17 +1166,17 @@ export default {
         type: -2,
       };
       api
-          .handleProject(obj)
-          .then((res) => {
-            console.log("删除成功", res);
-            message.destroy();
-            message.success("删除成功");
-            state.deleteModal = false;
-            getTableDate();
-          })
-          .catch((err) => {
-            console.log("删除失败", err);
-          });
+        .handleProject(obj)
+        .then((res) => {
+          console.log("删除成功", res);
+          message.destroy();
+          message.success("删除成功");
+          state.deleteModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("删除失败", err);
+        });
     };
     //关闭删除弹窗
     const closeDeleteModal = () => {
@@ -1184,7 +1200,7 @@ export default {
           message.success("模版保存成功");
           return;
         }
-        Modal.error({title: res.data.msg})
+        Modal.error({ title: res.data.msg });
       });
     };
     //关闭存为模版弹窗
@@ -1207,17 +1223,17 @@ export default {
         type: 2,
       };
       api
-          .handleProject(obj)
-          .then((res) => {
-            console.log("复制成功", res);
-            message.destroy();
-            message.success("复制成功");
-            state.copyModal = false;
-            getTableDate();
-          })
-          .catch((err) => {
-            console.log("复制失败", err);
-          });
+        .handleProject(obj)
+        .then((res) => {
+          console.log("复制成功", res);
+          message.destroy();
+          message.success("复制成功");
+          state.copyModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("复制失败", err);
+        });
     };
     //打开提交审核弹窗
     const showReviewModal = (projectId) => {
@@ -1232,17 +1248,17 @@ export default {
       };
       console.log("提交审核obj", obj);
       api
-          .handleProject(obj)
-          .then((res) => {
-            console.log("提交成功", res);
-            message.destroy();
-            message.success("提交成功");
-            state.reviewModal = false;
-            getTableDate();
-          })
-          .catch((err) => {
-            console.log("提交失败", err);
-          });
+        .handleProject(obj)
+        .then((res) => {
+          console.log("提交成功", res);
+          message.destroy();
+          message.success("提交成功");
+          state.reviewModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("提交失败", err);
+        });
     };
     //关闭提交审核弹窗
     const closeReviewModal = () => {
@@ -1261,17 +1277,17 @@ export default {
       };
       console.log("撤回成功obj", obj);
       api
-          .handleProject(obj)
-          .then((res) => {
-            console.log("撤回成功", res);
-            message.destroy();
-            message.success("撤回成功");
-            state.recallReviewModal = false;
-            getTableDate();
-          })
-          .catch((err) => {
-            console.log("撤回成功", err);
-          });
+        .handleProject(obj)
+        .then((res) => {
+          console.log("撤回成功", res);
+          message.destroy();
+          message.success("撤回成功");
+          state.recallReviewModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("撤回成功", err);
+        });
     };
     //关闭提交审核弹窗
     const closeRecallReviewModal = () => {
@@ -1313,17 +1329,23 @@ export default {
         align: "center",
         customRender: (value) => {
           return (
-              <div>
-                {value.record.type === 3 ? {
-                  '0': () => '草稿',
-                  '1': () => '草稿',
-                  '2': () => '草稿',
-                  '3': () => dayjs().isBefore(value.record.beginTime) ? '未开始' : '进行中',
-                  '4': () => dayjs().isBefore(value.record.end) ? '进行中' : '已结束',
-                  '-1': () => '已结束',
-                  '-5': () => '草稿'
-                }[value.record.status + '']() || '' : '-'}
-              </div>
+            <div>
+              {value.record.type === 3
+                ? {
+                    0: () => "草稿",
+                    1: () => "草稿",
+                    2: () => "草稿",
+                    3: () =>
+                      dayjs().isBefore(value.record.beginTime)
+                        ? "未开始"
+                        : "进行中",
+                    4: () =>
+                      dayjs().isBefore(value.record.end) ? "进行中" : "已结束",
+                    "-1": () => "已结束",
+                    "-5": () => "草稿",
+                  }[value.record.status + ""]() || ""
+                : "-"}
+            </div>
           );
         },
       },
@@ -1344,17 +1366,19 @@ export default {
         align: "center",
         customRender: (value) => {
           return (
-              <div>
-                {value.record.type === 3 ? {
-                  '0': '未审核',
-                  '1': '审核中',
-                  '2': '已审核',
-                  '3': '已审核',
-                  '4': '已审核',
-                  '-1': '已审核',
-                  '-5': '拒绝'
-                }[value.record.status + ''] || '' : '-'}
-              </div>
+            <div>
+              {value.record.type === 3
+                ? {
+                    0: "未审核",
+                    1: "审核中",
+                    2: "已审核",
+                    3: "已审核",
+                    4: "已审核",
+                    "-1": "已审核",
+                    "-5": "拒绝",
+                  }[value.record.status + ""] || ""
+                : "-"}
+            </div>
           );
         },
       },
@@ -1375,296 +1399,300 @@ export default {
         customRender: (value) => {
           // console.log("value", value.record.type, value.record.status);
           return (
-              <div className="operation">
-                {value.record.status === 0 || value.record.status === -5 ? (
-                    <span
-                        onClick={() => {
-                          if (value.record.type === 1 || value.record.type === 2) {
-                            state.doublepro = true;
-                            state.projectInfo = value.record;
-                          } else {
-                            console.log(value.record);
-                            router.push({
-                              path: "/projectadd",
-                              query: {
-                                projectId: value.record.projectId,
-                                parentId: value.record.parentId,
-                                parentName: value.record.parentName,
-                              },
-                            });
-                          }
-                        }}
-                        style="cursor:pointer;"
-                        className="operation1"
-                    >
+            <div className="operation">
+              {value.record.status === 0 || value.record.status === -5 ? (
+                <span
+                  onClick={() => {
+                    if (value.record.type === 1 || value.record.type === 2) {
+                      state.doublepro = true;
+                      state.projectInfo = value.record;
+                    } else {
+                      console.log(value.record);
+                      router.push({
+                        path: "/projectadd",
+                        query: {
+                          projectId: value.record.projectId,
+                          parentId: value.record.parentId,
+                          parentName: value.record.parentName,
+                        },
+                      });
+                    }
+                  }}
+                  style="cursor:pointer;"
+                  className="operation1"
+                >
                   编辑
                 </span>
-                ) : (
-                    ""
-                )}
-                {(value.record.status === 0) &&
-                value.record.type === 3 ? (
-                    <span
-                        onClick={() => {
-                          showReviewModal(value.record.projectId);
-                        }}
-                        style="cursor:pointer"
-                        class="operation3"
-                    >
+              ) : (
+                ""
+              )}
+              {value.record.status === 0 && value.record.type === 3 ? (
+                <span
+                  onClick={() => {
+                    showReviewModal(value.record.projectId);
+                  }}
+                  style="cursor:pointer"
+                  class="operation3"
+                >
                   提交审核
                 </span>
-                ) : (
-                    ""
-                )}
-                {value.record.status === 1 && value.record.type === 3 ? (
-                    <span
-                        onClick={() => {
-                          showRecallReviewModal(value.record.projectId);
-                        }}
-                        style="cursor:pointer"
-                        class="operation3"
-                    >
+              ) : (
+                ""
+              )}
+              {value.record.status === 1 && value.record.type === 3 ? (
+                <span
+                  onClick={() => {
+                    showRecallReviewModal(value.record.projectId);
+                  }}
+                  style="cursor:pointer"
+                  class="operation3"
+                >
                   撤回审核
                 </span>
-                ) : (
-                    ""
-                )}
-                {value.record.status === 2 && value.record.type === 3 ? (
-                    <span
-                        onClick={() => {
-                          let time = value.record.beginTime + "-" + value.record.endTime;
-                          let obj = {
-                            projectId: value.record.projectId,
-                            name: value.record.name,
-                            time: time,
-                          };
-                          showProjectPub(obj);
-                        }}
-                        style="cursor:pointer"
-                        class="operation3"
-                    >
+              ) : (
+                ""
+              )}
+              {value.record.status === 2 && value.record.type === 3 ? (
+                <span
+                  onClick={() => {
+                    let time =
+                      value.record.beginTime + "-" + value.record.endTime;
+                    let obj = {
+                      projectId: value.record.projectId,
+                      name: value.record.name,
+                      time: time,
+                    };
+                    showProjectPub(obj);
+                  }}
+                  style="cursor:pointer"
+                  class="operation3"
+                >
                   发布
                 </span>
-                ) : (
-                    ""
-                )}
-                {value.record.status === 3 && value.record.type === 3 ? (
-                    <span
-                        onClick={() => {
-                          showBackModal(value.record.projectId);
-                        }}
-                        style="cursor:pointer"
-                        class="operation3"
-                    >
+              ) : (
+                ""
+              )}
+              {value.record.status === 3 && value.record.type === 3 ? (
+                <span
+                  onClick={() => {
+                    showBackModal(value.record.projectId);
+                  }}
+                  style="cursor:pointer"
+                  class="operation3"
+                >
                   撤回发布
                 </span>
-                ) : (
-                    ""
-                )}
-                <div className="tableSelect">
-                  <a-select
-                      style="width: 50px"
-                      value="授权"
-                      // options={state.projectNameList}
-                      dropdownClassName="tabledropdown"
-                  >
-                    <a-select-option value="权限名单" label="权限名单">
-                      <div
-                          onClick={() => {
-                            showProjPrower(value.record.projectId);
-                          }}
-                      >
-                        权限名单
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="归属权" label="归属权">
-                      <div
-                          onClick={() => {
-                            console.log("点击了111");
-                            showProjOwner(value.record.projectId);
-                          }}
-                      >
-                        归属权
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="查看权" label="查看权">
-                      <div
-                          onClick={() => {
-                            console.log("点击了111");
-                            showProjCheck(value.record.projectId);
-                          }}
-                      >
-                        查看权
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="管理权" label="管理权">
-                      <div
-                          onClick={() => {
-                            showProjManage(value.record.projectId);
-                          }}
-                      >
-                        管理权
-                      </div>
-                    </a-select-option>
-                  </a-select>
-                </div>
-                {value.record.type === 1 ? (
-                    <span
-                        className="operation3"
-                        style="cursor: pointer"
-                        onClick={() => {
-                          state.projectInfo = {
-                            parentName: value.record.name,
-                            parentId: value.record.projectId,
-                            type: 2,
-                          };
-                          state.reminderModal = true;
-                        }}
+              ) : (
+                ""
+              )}
+              <div className="tableSelect">
+                <a-select
+                  style="width: 50px"
+                  value="授权"
+                  // options={state.projectNameList}
+                  dropdownClassName="tabledropdown"
+                >
+                  <a-select-option value="权限名单" label="权限名单">
+                    <div
+                      onClick={() => {
+                        showProjPrower(value.record.projectId);
+                      }}
                     >
+                      权限名单
+                    </div>
+                  </a-select-option>
+                  <a-select-option value="归属权" label="归属权">
+                    <div
+                      onClick={() => {
+                        console.log("点击了111");
+                        showProjOwner(value.record.projectId);
+                      }}
+                    >
+                      归属权
+                    </div>
+                  </a-select-option>
+                  <a-select-option value="查看权" label="查看权">
+                    <div
+                      onClick={() => {
+                        console.log("点击了111");
+                        showProjCheck(value.record.projectId);
+                      }}
+                    >
+                      查看权
+                    </div>
+                  </a-select-option>
+                  <a-select-option value="管理权" label="管理权">
+                    <div
+                      onClick={() => {
+                        showProjManage(value.record.projectId);
+                      }}
+                    >
+                      管理权
+                    </div>
+                  </a-select-option>
+                </a-select>
+              </div>
+              {value.record.type === 1 ? (
+                <span
+                  className="operation3"
+                  style="cursor: pointer"
+                  onClick={() => {
+                    state.projectInfo = {
+                      parentName: value.record.name,
+                      parentId: value.record.projectId,
+                      type: 2,
+                    };
+                    state.reminderModal = true;
+                  }}
+                >
                   创建子项目
                 </span>
-                ) : (
-                    ""
-                )}
-                {value.record.type === 2 ? (
-                    <span
-                        className="operation3"
-                        style="cursor: pointer"
-                        onClick={() => {
-                          router.push({
-                            path: "/projectadd",
-                            query: {
-                              parentId: value.record.projectId,
-                              parentName: value.record.parentName + '——' + value.record.name,
-                            },
-                          });
-                        }}
-                    >
+              ) : (
+                ""
+              )}
+              {value.record.type === 2 ? (
+                <span
+                  className="operation3"
+                  style="cursor: pointer"
+                  onClick={() => {
+                    router.push({
+                      path: "/projectadd",
+                      query: {
+                        parentId: value.record.projectId,
+                        parentName:
+                          value.record.parentName + "——" + value.record.name,
+                      },
+                    });
+                  }}
+                >
                   创建班级
                 </span>
-                ) : (
+              ) : (
+                ""
+              )}
+              <div className="tableSelect">
+                <a-select
+                  style="width: 50px"
+                  value="更多"
+                  // options={state.projectNameList}
+                  dropdownClassName="tabledropdown"
+                >
+                  <a-select-option value="复制" label="复制">
+                    <div
+                      onClick={() => {
+                        showCopyModal(value.record.projectId);
+                      }}
+                    >
+                      复制
+                    </div>
+                  </a-select-option>
+                  <a-select-option value="删除" label="删除">
+                    <div
+                      onClick={() => {
+                        showDeleteModal(value.record.projectId);
+                      }}
+                    >
+                      删除
+                    </div>
+                  </a-select-option>
+                  {value.record.type === 3 ? (
+                    <a-select-option value="存为模版" label="存为模版">
+                      <div
+                        onClick={() => {
+                          showStartModal(value.record.projectId);
+                        }}
+                      >
+                        存为模版
+                      </div>
+                    </a-select-option>
+                  ) : (
                     ""
-                )}
-                <div className="tableSelect">
-                  <a-select
-                      style="width: 50px"
-                      value="更多"
-                      // options={state.projectNameList}
-                      dropdownClassName="tabledropdown"
-                  >
-                    <a-select-option value="复制" label="复制">
+                  )}
+                  {value.record.status === 3 && value.record.type === 3 ? (
+                    <a-select-option value="结束" label="结束">
                       <div
-                          onClick={() => {
-                            showCopyModal(value.record.projectId);
-                          }}
+                        onClick={() => {
+                          showStopModal(value.record.projectId);
+                        }}
                       >
-                        复制
+                        结束
                       </div>
                     </a-select-option>
-                    <a-select-option value="删除" label="删除">
-                      <div
-                          onClick={() => {
-                            showDeleteModal(value.record.projectId);
-                          }}
-                      >
-                        删除
-                      </div>
-                    </a-select-option>
-                    {value.record.type === 3 ? (
-                        <a-select-option value="存为模版" label="存为模版">
-                          <div
-                              onClick={() => {
-                                showStartModal(value.record.projectId);
-                              }}
-                          >
-                            存为模版
-                          </div>
-                        </a-select-option>
-                    ) : (
-                        ""
-                    )}
-                    {value.record.status === 3 && value.record.type === 3 ? (
-                        <a-select-option value="结束" label="结束">
-                          <div
-                              onClick={() => {
-                                showStopModal(value.record.projectId);
-                              }}
-                          >
-                            结束
-                          </div>
-                        </a-select-option>
-                    ) : (
-                        ""
-                    )}
+                  ) : (
+                    ""
+                  )}
 
-                    {value.record.status === -1 && value.record.type === 3 ? (
-                        <a-select-option value="撤回" label="撤回">
-                          <div
-                              onClick={() => {
-                                showBackFinashModal(value.record.projectId);
-                              }}
-                          >
-                            撤回
-                          </div>
-                        </a-select-option>
-                    ) : (
-                        ""
-                    )}
-                    {value.record.type === 3 ? (
-                        <a-select-option value="基础信息" label="基础信息">
-                          <div
-                              onClick={() => {
-                                router.push({
-                                  path: "/taskpage",
-                                  query: {projectId: value.record.projectId}
-                                });
-                                storage.set("projectId", value.record.projectId);
-                              }}
-                          >
-                            基础信息
-                          </div>
-                        </a-select-option>
-                    ) : (
-                        ""
-                    )}
-                  </a-select>
-                </div>
+                  {value.record.status === -1 && value.record.type === 3 ? (
+                    <a-select-option value="撤回" label="撤回">
+                      <div
+                        onClick={() => {
+                          showBackFinashModal(value.record.projectId);
+                        }}
+                      >
+                        撤回
+                      </div>
+                    </a-select-option>
+                  ) : (
+                    ""
+                  )}
+                  {value.record.type === 3 ? (
+                    <a-select-option value="基础信息" label="基础信息">
+                      <div
+                        onClick={() => {
+                          router.push({
+                            path: "/taskpage",
+                            query: { projectId: value.record.projectId },
+                          });
+                          storage.set("projectId", value.record.projectId);
+                        }}
+                      >
+                        基础信息
+                      </div>
+                    </a-select-option>
+                  ) : (
+                    ""
+                  )}
+                </a-select>
               </div>
+            </div>
           );
         },
       },
     ]);
     const getTableDate = () =>
-        api
-            .getProjectList({
-              ...state.searchParam,
-              beginTime:
-                  state.searchParam.valueDate &&
-                  state.searchParam.valueDate.length === 2
-                      ? state.searchParam.valueDate[0]
-                      : "",
-              endTime:
-                  state.searchParam.valueDate &&
-                  state.searchParam.valueDate.length === 2
-                      ? state.searchParam.valueDate[1]
-                      : "",
-            })
-            .then((res) => {
-              console.log(res);
-              state.tableDataTotal = Number(res.data.data.total);
-              const data = res.data.data.rows;
-              initDataSublist("", data);
-              console.log(data);
-              tableData.value = data;
-              console.log("tableData", tableData);
-            });
+      api
+        .getProjectList({
+          ...state.searchParam,
+          beginTime:
+            state.searchParam.valueDate &&
+            state.searchParam.valueDate.length === 2
+              ? state.searchParam.valueDate[0]
+              : "",
+          endTime:
+            state.searchParam.valueDate &&
+            state.searchParam.valueDate.length === 2
+              ? state.searchParam.valueDate[1]
+              : "",
+        })
+        .then((res) => {
+          console.log(res);
+          state.tableDataTotal = Number(res.data.data.total);
+          const data = res.data.data.rows;
+          initDataSublist("", data);
+          console.log(data);
+          tableData.value = data;
+          console.log("tableData", tableData);
+        });
 
     function initDataSublist(parentName, data) {
       if (data && data.length) {
         data.forEach((e) => {
           e.parentName = parentName;
           e.key = e.projectId;
-          initDataSublist((parentName ? (parentName + '——') : '') + e.name, e.subList);
+          initDataSublist(
+            (parentName ? parentName + "——" : "") + e.name,
+            e.subList
+          );
           e.subList && e.subList.length && (e.children = e.subList);
         });
       }
@@ -1725,37 +1753,37 @@ export default {
     };
     //添加权限
     watch(
-        () => state.addAuthList,
-        (res) => {
-          console.log("res", res, state.addAuthList);
-          let obj = {
-            type: 2,
-            tag:
-                state.authClassify === 1 ? 3 : state.authClassify === 2 ? 4 : null,
-            opt: 3,
-            deptList: res[1],
-            groupList: res[2],
-            refId: state.selectProjectId,
-            pageNo: 20,
-            pageSize: 1,
-            studentList: res[0],
-            keyWord: "",
-          };
-          console.log("obj", obj);
-          api1
-              .optionAuthPerm(obj)
-              .then((res) => {
-                console.log("添加授权成功", res);
-                message.success("添加授权成功");
-              })
-              .catch((err) => {
-                console.log("添加授权失败", err);
-              });
-        }
+      () => state.addAuthList,
+      (res) => {
+        console.log("res", res, state.addAuthList);
+        let obj = {
+          type: 2,
+          tag:
+            state.authClassify === 1 ? 3 : state.authClassify === 2 ? 4 : null,
+          opt: 3,
+          deptList: res[1],
+          groupList: res[2],
+          refId: state.selectProjectId,
+          pageNo: 20,
+          pageSize: 1,
+          studentList: res[0],
+          keyWord: "",
+        };
+        console.log("obj", obj);
+        api1
+          .optionAuthPerm(obj)
+          .then((res) => {
+            console.log("添加授权成功", res);
+            message.success("添加授权成功");
+          })
+          .catch((err) => {
+            console.log("添加授权失败", err);
+          });
+      }
     );
 
     function managerChange(e, l, d) {
-      state.projectInfo.sourceBelongId = d
+      state.projectInfo.sourceBelongId = d;
     }
 
     return {
@@ -2084,9 +2112,9 @@ export default {
     .ant-modal-body {
       .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%
         );
       }
 
@@ -2182,9 +2210,9 @@ export default {
     .ant-modal-body {
       .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%
         );
       }
 
@@ -2281,9 +2309,9 @@ export default {
 
       .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%
         );
       }
 
@@ -2347,9 +2375,9 @@ export default {
 
       .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%
         );
       }
 
@@ -2458,8 +2486,8 @@ export default {
             width: calc(100%);
             height: 68px;
             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%
             );
           }
 
@@ -2560,8 +2588,8 @@ export default {
 
       .modalHeader {
         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%
         );
       }
 
@@ -2600,9 +2628,9 @@ export default {
             width: 280px;
             height: 110px;
             background: linear-gradient(
-                    180deg,
-                    rgba(254, 243, 221, 1),
-                    rgba(255, 250, 240, 1)
+              180deg,
+              rgba(254, 243, 221, 1),
+              rgba(255, 250, 240, 1)
             );
             border-radius: 10px;
             margin-right: 7px;
@@ -2626,9 +2654,9 @@ export default {
             width: 280px;
             height: 110px;
             background: linear-gradient(
-                    180deg,
-                    rgba(221, 234, 255, 1),
-                    rgba(240, 248, 254, 1)
+              180deg,
+              rgba(221, 234, 255, 1),
+              rgba(240, 248, 254, 1)
             );
             border-radius: 10px;
 
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 3b94f2cb..2e0475ac 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -1707,7 +1707,9 @@
         <div class="projectbox">
           <div class="promessage">
             <div class="messageme">项目信息</div>
-            <div class="messagege">当前项目共0个阶段，0个任务</div>
+            <div class="messagege">
+              当前项目共{{ projectStages }}个阶段，{{ projectTasks }}个任务
+            </div>
           </div>
           <div class="stumessage">
             <div class="messageme1">学员信息</div>
@@ -1731,6 +1733,13 @@
           <a-button class="pubtn2" @click="releaseProject">发布</a-button>
         </div>
       </div>
+      <!--  加载动画 -->
+      <div
+        class="aeLoading"
+        :style="{ display: projectPubLoading ? 'flex' : 'none' }"
+      >
+        <a-spin :spinning="projectPubLoading" />
+      </div>
     </a-modal>
 
     <!-- 撤回弹窗 -->
@@ -2092,7 +2101,10 @@ export default {
       action: null,
       act: null,
       projectPub: false, //发布弹窗
+      projectPubLoading: false, //发布loading
       projectStudentsNum: 0, //发布弹窗-学员人数
+      projectStages: 0, //发布弹窗-阶段数
+      projectTasks: 0, //任务数
       releaseProjectId: null, //发布的项目id
       releaseProjectName: null, //发布的项目名称
       releaseProjectTime: null, //发布的项目时间
@@ -3893,10 +3905,17 @@ export default {
     //打开发布弹窗
     const showProjectPub = () => {
       state.projectPub = true;
+      state.projectPubLoading = true;
       state.releaseProjectId = state.projectId;
       state.releaseProjectName = state.name;
       // state.releaseProjectTime = state.startTime;
       // console.log("object", object);
+      apiproj.getProjectCount(state.projectId).then((res) => {
+        console.log("获取关卡、任务、学员统计数据", res.data);
+        // state.projectStudentsNum = res.data.students;
+        state.projectStages = res.data.stages;
+        state.projectTasks = res.data.tasks;
+      });
       //获取学员总数
       let obj = {
         pageNo: 0,
@@ -3906,11 +3925,12 @@ export default {
       apiproj
         .projectStudent(obj)
         .then((res) => {
-          if (res.status === 200) {
+          if (res.data.code === 200) {
             // console.log("res", res.data);
             state.projectStudentsNum = res.data.data.total
               ? res.data.data.total
               : 0;
+            state.projectPubLoading = false;
           }
         })
         .catch((err) => {