feat:增加删除关卡及关卡说明

src/views/projectcenter/ProjectManage.vue

@@ -60,11 +60,11 @@
         <div style="display: flex; margin-bottom: 20px">
           <div class="btnn btn1" @click="searchSubmit">
             <div class="search"></div>
-            <div class="btnText" >搜索</div>
+            <div class="btnText">搜索</div>
           </div>
           <div class="btn btn2" @click="searchReset">
             <div class="search"></div>
-            <div class="btnText" >重置</div>
+            <div class="btnText">重置</div>
           </div>
         </div>
       </div>
@@ -816,11 +816,11 @@
             <span>您确定要复制此路径吗</span>
           </div>
           <div class="del_btnbox">
-            <div class="del_btn btn1">
-              <div class="btnText" @click="delete_exit">取消</div>
+            <div class="del_btn btn1" @click="delete_exit">
+              <div class="btnText">取消</div>
             </div>
-            <div class="del_btn btn2">
-              <div class="btnText" @click="delete_exit">确定</div>
+            <div class="del_btn btn2" @click="delete_exit">
+              <div class="btnText">确定</div>
             </div>
           </div>
         </div>
@@ -850,10 +850,10 @@
           </div>
           <div class="del_btnbox">
             <div class="del_btn btn1" @click="closeStopModal">
-              <div class="btnText" >取消</div>
+              <div class="btnText">取消</div>
             </div>
             <div class="del_btn btn2" @click="finishProject">
-              <div class="btnText" >确定</div>
+              <div class="btnText">确定</div>
             </div>
           </div>
         </div>
@@ -880,10 +880,10 @@
           </div>
           <div class="del_btnbox">
             <div class="del_btn btn1" @click="closeDeleteModal">
-              <div class="btnText" >取消</div>
+              <div class="btnText">取消</div>
             </div>
             <div class="del_btn btn2" @click="deleteProject">
-              <div class="btnText" >确定</div>
+              <div class="btnText">确定</div>
             </div>
           </div>
         </div>
@@ -909,11 +909,11 @@
             <span>您确定要存为模版吗</span>
           </div>
           <div class="del_btnbox">
-            <div class="del_btn btn1">
-              <div class="btnText" @click="closeStartModal">取消</div>
+            <div class="del_btn btn1" @click="closeStartModal">
+              <div class="btnText">取消</div>
             </div>
-            <div class="del_btn btn2">
-              <div class="btnText" @click="templateProject">确定</div>
+            <div class="del_btn btn2" @click="templateProject">
+              <div class="btnText">确定</div>
             </div>
           </div>
         </div>
@@ -960,11 +960,11 @@
         </div>
       </div>
       <div class="modalMain">
-        <div class="projectname">产品经理上升路径</div>
-        <!-- <div class="projecttime">
-          <span class="timeti">路径时间：</span
-          ><span class="timeme">2022/08/01-2022/08/30</span>
-        </div> -->
+        <div class="projectname">{{ releaseProjectName }}</div>
+        <div class="projecttime" v-if="releaseProjectTime">
+          <span class="timeti">项目时间：</span
+          ><span class="timeme">{{ releaseProjectTime }}</span>
+        </div>
         <div class="projectbox">
           <div class="promessage">
             <div class="messageme">项目信息</div>
@@ -1015,10 +1015,10 @@
           </div>
           <div class="del_btnbox">
             <div class="del_btn btn1" @click="closeBackModal">
-              <div class="btnText" >取消</div>
+              <div class="btnText">取消</div>
             </div>
             <div class="del_btn btn2" @click="recallProject">
-              <div class="btnText" >确定</div>
+              <div class="btnText">确定</div>
             </div>
           </div>
         </div>
@@ -1081,16 +1081,18 @@ export default {
       currentEditChildrensProjectId: "",
       dcProjectID: "",
 
-  currentPage: 1, //当前页
+      currentPage: 1, //当前页
       tableDataTotal: -1, //学习路径列表总数
       pageSize: 10, //每页10条数据
 
-			projectStudentsNum:0,//发布弹窗-学员人数
+      projectStudentsNum: 0, //发布弹窗-学员人数
       releaseProjectId: null, //发布的项目id
-      recallProjectId:null,//撤回的项目id
-      finishProjectId:null,//结束的项目id
-       deleteProjectId:null,//删除的项目id
-       templateProjectId:null,//存为模版的项目id
+      releaseProjectName: null, //发布的项目名称
+      releaseProjectTime: null, //发布的项目时间
+      recallProjectId: null, //撤回的项目id
+      finishProjectId: null, //结束的项目id
+      deleteProjectId: null, //删除的项目id
+      templateProjectId: null, //存为模版的项目id
     });
     // 数据接入 - start -
     const router = useRouter();
@@ -1155,13 +1157,14 @@ export default {
       endTime = "";
       status = null;
       managerid = "";
-      state.currentPage=1
+      state.currentPage = 1;
       getTableDate();
     };
 
+
     const searchSubmit = () => {
-      console.log('点击了搜索')
-      state.currentPage=1
+      console.log("点击了搜索");
+      state.currentPage = 1;
       const obj = {
         pageNo: state.currentPage,
         pageSize: state.pageSize,
@@ -1366,7 +1369,7 @@ export default {
             state.doublepro = false;
             message.destroy();
             message.success("创建成功");
-            state.currentPage=1
+            state.currentPage = 1;
             getTableDate();
           }
         })
@@ -1611,7 +1614,7 @@ export default {
             state.doublesonpro = false;
             message.destroy();
             message.success("创建成功");
-             state.currentPage=1
+            state.currentPage = 1;
             getTableDate();
           }
         })
@@ -1622,9 +1625,6 @@ export default {
         });
     };
 
-
-
-
     // 编辑多层子项目
     const edvalue6 = ref("");
     const edvalue7 = ref([]);
@@ -1760,31 +1760,37 @@ export default {
       state.eddoublesonpro = false;
     };
 
- 
     //打开发布弹窗
-    const showProjectPub = (projectId) => {
+    const showProjectPub = (object) => {
       state.projectPub = true;
-      state.releaseProjectId = projectId;
-			console.log('projectId',projectId)
-			 //获取学员总数
+      state.releaseProjectId = object.projectId;
+      state.releaseProjectName = object.name;
+      state.releaseProjectTime = object.time;
+      console.log("object", object);
+      //获取学员总数
       let obj = {
         pageNo: 0,
         pageSize: 0,
-        projectId: projectId,
+        projectId: object.projectId,
       };
-			api.projectStudent(obj).then(res=>{
- if (res.status === 200) {
-            console.log("res", res.data);
-            state.projectStudentsNum = res.data.data.total;
+      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)
-			})
-			//获取阶段及任务总数
+        })
+        .catch((err) => {
+          console.log("获取学员人数失败", err);
+        });
+      //获取阶段及任务总数
     };
-       //确认发布项目
+    //确认发布项目
     const releaseProject = () => {
-			console.log('点击发布')
+      console.log("点击发布");
       let obj = {
         projectId: state.releaseProjectId,
       };
@@ -1792,26 +1798,26 @@ console.log('获取学员人数失败',err)
         .releaseProject(obj)
         .then((res) => {
           console.log("发布成功", res);
-					 message.destroy();
+          message.destroy();
           message.success("发布成功");
-					state.projectPub = false
-					getTableDate()
+          state.projectPub = false;
+          getTableDate();
         })
         .catch((err) => {
           console.log("发布失败", err);
         });
     };
     //关闭发布弹窗
-     const closeProjectPub = () => {
+    const closeProjectPub = () => {
       state.projectPub = false;
     };
-        //打开撤回弹窗
- const showBackModal = (projectId) => {
+    //打开撤回弹窗
+    const showBackModal = (projectId) => {
       state.backModal = true;
-state.recallProjectId = projectId;
+      state.recallProjectId = projectId;
     };
     //确认撤回发布
-     const recallProject = () => {
+    const recallProject = () => {
       let obj = {
         projectId: state.recallProjectId,
         type: 0,
@@ -1829,18 +1835,18 @@ state.recallProjectId = projectId;
           console.log("撤回失败", err);
         });
     };
-        //关闭撤回弹窗
+    //关闭撤回弹窗
     const closeBackModal = () => {
       state.backModal = false;
     };
-//打开结束弹窗
-const showStopModal = (projectId) => {
+    //打开结束弹窗
+    const showStopModal = (projectId) => {
       state.stopModal = true;
-      state.finishProjectId=projectId
+      state.finishProjectId = projectId;
     };
-//确认结束
-const finishProject=()=>{
-let obj = {
+    //确认结束
+    const finishProject = () => {
+      let obj = {
         projectId: state.finishProjectId,
         type: -1,
       };
@@ -1856,19 +1862,19 @@ let obj = {
         .catch((err) => {
           console.log("结束失败", err);
         });
-}
+    };
     //关闭结束弹窗
     const closeStopModal = () => {
       state.stopModal = false;
     };
     //打开删除弹窗
-const showDeleteModal = (projectId) => {
+    const showDeleteModal = (projectId) => {
       state.deleteModal = true;
-      state.deleteProjectId=projectId
+      state.deleteProjectId = projectId;
     };
     //确认删除
-const deleteProject=()=>{
-let obj = {
+    const deleteProject = () => {
+      let obj = {
         projectId: state.deleteProjectId,
         type: -2,
       };
@@ -1884,19 +1890,19 @@ let obj = {
         .catch((err) => {
           console.log("删除失败", err);
         });
-}
+    };
     //关闭删除弹窗
     const closeDeleteModal = () => {
       state.deleteModal = false;
     };
-//打开存为模版弹窗
- const showStartModal = (projectId) => {
+    //打开存为模版弹窗
+    const showStartModal = (projectId) => {
       state.startModal = true;
-      state.templateProjectId=projectId
+      state.templateProjectId = projectId;
     };
     //确认存为模版
-const templateProject=()=>{
-let obj = {
+    const templateProject = () => {
+      let obj = {
         projectId: state.templateProjectId,
         type: 1,
       };
@@ -1912,12 +1918,11 @@ let obj = {
         .catch((err) => {
           console.log("模版保存失败", err);
         });
-}
+    };
     //关闭存为模版弹窗
     const closeStartModal = () => {
       state.startModal = false;
     };
-   
 
     // 数据接入 - end -
 
@@ -1934,7 +1939,6 @@ let obj = {
 
     // 获取项目列表信息
     let tableData = ref([]);
-    
 
     const columns = ref([
       {
@@ -1971,17 +1975,17 @@ let obj = {
                 ? "草稿"
                 : value.record.status == 1 &&
                   Number(value.record.beginTime) <
-                    Math.ceil(new Date().getTime / 1000)
+                    Math.ceil(new Date().getTime() / 1000)
                 ? "进行中"
                 : value.record.status == 1 &&
                   Number(value.record.beginTime) >
-                    Math.ceil(new Date().getTime / 1000) &&
+                    Math.ceil(new Date().getTime() / 1000) &&
                   value.record.type !== 1 &&
                   value.record.type !== 2
                 ? "未开始"
-                : value.record.status == 2
-                ? "未开始"
-                : "已结束"}
+                : value.record.status == -1
+                ? "已结束"
+                : "-"}
             </div>
           );
         },
@@ -2689,7 +2693,21 @@ let obj = {
               {value.record.status === 0 ? (
                 <span
                   onClick={() => {
-                    showProjectPub(value.record.projectId);
+                    console.log("value.record", value.record);
+                    let beginTime = value.record.beginTime
+                      ? toDate(value.record.beginTime, "Y/M/D")
+                      : "";
+                    let endTime = value.record.beginTime
+                      ? toDate(value.record.endTime, "Y/M/D")
+                      : "";
+                    let time =
+                      beginTime && endTime ? beginTime + "-" + endTime : "";
+                    let obj = {
+                      projectId: value.record.projectId,
+                      name: value.record.name,
+                      time: time,
+                    };
+                    showProjectPub(obj);
                   }}
                   style="cursor:pointer"
                   class="operation3"
@@ -2750,7 +2768,7 @@ let obj = {
                 ) : value.record.status === 1 ||
                   (value.record.status == 1 &&
                     Number(value.record.beginTime) >
-                      Math.ceil(new Date().getTime / 1000)) ? (
+                      Math.ceil(new Date().getTime() / 1000)) ? (
                   <a-select
                     style="width: 50px"
                     value="更多"
@@ -2879,7 +2897,7 @@ let obj = {
             state.tableDataTotal = Number(res.data.data.total);
             let data = res.data.data.rows;
             // let data = state.tableData;
-             if (
+            if (
               data.length === 0 &&
               res.data.data.total > 0 &&
               state.currentPage > 1
@@ -2889,7 +2907,7 @@ let obj = {
             }
             console.log("1266", data);
             data.map((value) => {
-              console.log("value %o", value);
+              // console.log("value %o", value);
               if (value.type == 1) {
                 value.children = value.subList;
                 value.key = value.projectId;
@@ -2904,14 +2922,14 @@ let obj = {
                       data2.paraentName = value.name + "/" + data.name;
                       data2.isbj = "class";
                     });
-                    console.log("lalallalaa", data);
+                    // console.log("lalallalaa", data);
                   } else {
                     data.paraentName = value.name;
                   }
                 });
               }
 
-              console.log("map-value", value.subList, value.children);
+              // console.log("map-value", value.subList, value.children);
             });
             tableData.value = data;
             console.log("tableData", tableData);
@@ -2964,9 +2982,7 @@ let obj = {
     const closeCopyModal = () => {
       state.copyModal = false;
     };
-    
-    
-   
+
     const showProjOwner = () => {
       state.ProjOwnervisible = true;
     };
@@ -2979,7 +2995,7 @@ let obj = {
     const showProjManage = () => {
       state.ProjManagevisible = true;
     };
-   
+
     return {
       ...toRefs(state),
       selectProjectName,
@@ -3841,8 +3857,9 @@ let obj = {
           color: rgba(79, 81, 86, 1);
           font-size: 14px;
           line-height: 36px;
-          margin-left: 62px;
+          // margin-left: 62px;
           font-weight: 500;
+          text-align: center;
         }
         .projecttime {
           margin-left: 221px;