feat:增加项目的存为模版,删除等

2025-12-14 21:36:44 +08:00 · 2022-11-09 09:36:45 +08:00
parent a1af3b83db
commit 3ec7c07e57
6 changed files with 411 additions and 96 deletions
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -58,13 +58,13 @@
          />
        </div>
        <div style="display: flex; margin-bottom: 20px">
-          <div class="btnn btn1">
+          <div class="btnn btn1" @click="searchSubmit">
            <div class="search"></div>
-            <div class="btnText" v-on:click="searchSubmit">搜索</div>
+            <div class="btnText" >搜索</div>
          </div>
-          <div class="btn btn2">
+          <div class="btn btn2" @click="searchReset">
            <div class="search"></div>
-            <div class="btnText" v-on:click="searchReset">重置</div>
+            <div class="btnText" >重置</div>
          </div>
        </div>
      </div>
@@ -849,11 +849,11 @@
            </div>
          </div>
          <div class="del_btnbox">
-            <div class="del_btn btn1">
-              <div class="btnText" @click="delete_exit">取消</div>
+            <div class="del_btn btn1" @click="closeStopModal">
+              <div class="btnText" >取消</div>
            </div>
-            <div class="del_btn btn2">
-              <div class="btnText" @click="delete_exit">确定</div>
+            <div class="del_btn btn2" @click="finishProject">
+              <div class="btnText" >确定</div>
            </div>
          </div>
        </div>
@@ -879,11 +879,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="closeDeleteModal">
+              <div class="btnText" >取消</div>
            </div>
-            <div class="del_btn btn2">
-              <div class="btnText" @click="delete_exit">确定</div>
+            <div class="del_btn btn2" @click="deleteProject">
+              <div class="btnText" >确定</div>
            </div>
          </div>
        </div>
@@ -910,10 +910,10 @@
          </div>
          <div class="del_btnbox">
            <div class="del_btn btn1">
-              <div class="btnText" @click="delete_exit">取消</div>
+              <div class="btnText" @click="closeStartModal">取消</div>
            </div>
            <div class="del_btn btn2">
-              <div class="btnText" @click="delete_exit">确定</div>
+              <div class="btnText" @click="templateProject">确定</div>
            </div>
          </div>
        </div>
@@ -1014,11 +1014,11 @@
            <div class="back">（项目撤回后学员进度保留，发布后可继续学习）</div>
          </div>
          <div class="del_btnbox">
-            <div class="del_btn btn1">
-              <div class="btnText" @click="delete_exit">取消</div>
+            <div class="del_btn btn1" @click="closeBackModal">
+              <div class="btnText" >取消</div>
            </div>
-            <div class="del_btn btn2">
-              <div class="btnText" @click="delete_exit">确定</div>
+            <div class="del_btn btn2" @click="recallProject">
+              <div class="btnText" >确定</div>
            </div>
          </div>
        </div>
@@ -1080,8 +1080,17 @@ export default {

      currentEditChildrensProjectId: "",
      dcProjectID: "",
+
+  currentPage: 1, //当前页
+      tableDataTotal: -1, //学习路径列表总数
+      pageSize: 10, //每页10条数据
+
 			projectStudentsNum:0,//发布弹窗-学员人数
      releaseProjectId: null, //发布的项目id
+      recallProjectId:null,//撤回的项目id
+      finishProjectId:null,//结束的项目id
+       deleteProjectId:null,//删除的项目id
+       templateProjectId:null,//存为模版的项目id
    });
    // 数据接入 - start -
    const router = useRouter();
@@ -1146,13 +1155,16 @@ export default {
      endTime = "";
      status = null;
      managerid = "";
+      state.currentPage=1
      getTableDate();
    };

    const searchSubmit = () => {
+      console.log('点击了搜索')
+      state.currentPage=1
      const obj = {
-        pageNo: 1,
-        pageSize: 10,
+        pageNo: state.currentPage,
+        pageSize: state.pageSize,
        beginTime: beginTime,
        endTime: endTime,
        status: status,
@@ -1354,6 +1366,7 @@ export default {
            state.doublepro = false;
            message.destroy();
            message.success("创建成功");
+            state.currentPage=1
            getTableDate();
          }
        })
@@ -1598,6 +1611,7 @@ export default {
            state.doublesonpro = false;
            message.destroy();
            message.success("创建成功");
+             state.currentPage=1
            getTableDate();
          }
        })
@@ -1608,6 +1622,9 @@ export default {
        });
    };

+
+
+
    // 编辑多层子项目
    const edvalue6 = ref("");
    const edvalue7 = ref([]);
@@ -1743,26 +1760,8 @@ export default {
      state.eddoublesonpro = false;
    };

-    //确认发布项目
-    const releaseProject = () => {
-			console.log('点击发布')
-      let obj = {
-        projectId: state.releaseProjectId,
-      };
-      api
-        .releaseProject(obj)
-        .then((res) => {
-          console.log("发布成功", res);
-					 message.destroy();
-          message.success("发布成功");
-					state.projectPub = false
-					getTableDate()
-        })
-        .catch((err) => {
-          console.log("发布失败", err);
-        });
-    };
-    //发布弹窗
+ 
+    //打开发布弹窗
    const showProjectPub = (projectId) => {
      state.projectPub = true;
      state.releaseProjectId = projectId;
@@ -1783,9 +1782,142 @@ console.log('获取学员人数失败',err)
 			})
 			//获取阶段及任务总数
    };
-
-		//撤回
-
+       //确认发布项目
+    const releaseProject = () => {
+			console.log('点击发布')
+      let obj = {
+        projectId: state.releaseProjectId,
+      };
+      api
+        .releaseProject(obj)
+        .then((res) => {
+          console.log("发布成功", res);
+					 message.destroy();
+          message.success("发布成功");
+					state.projectPub = false
+					getTableDate()
+        })
+        .catch((err) => {
+          console.log("发布失败", err);
+        });
+    };
+    //关闭发布弹窗
+     const closeProjectPub = () => {
+      state.projectPub = false;
+    };
+        //打开撤回弹窗
+ const showBackModal = (projectId) => {
+      state.backModal = true;
+state.recallProjectId = projectId;
+    };
+    //确认撤回发布
+     const recallProject = () => {
+      let obj = {
+        projectId: state.recallProjectId,
+        type: 0,
+      };
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("撤回成功", res);
+          message.destroy();
+          message.success("撤回成功");
+          state.backModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("撤回失败", err);
+        });
+    };
+        //关闭撤回弹窗
+    const closeBackModal = () => {
+      state.backModal = false;
+    };
+//打开结束弹窗
+const showStopModal = (projectId) => {
+      state.stopModal = true;
+      state.finishProjectId=projectId
+    };
+//确认结束
+const finishProject=()=>{
+let obj = {
+        projectId: state.finishProjectId,
+        type: -1,
+      };
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("结束成功", res);
+          message.destroy();
+          message.success("已结束");
+          state.stopModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("结束失败", err);
+        });
+}
+    //关闭结束弹窗
+    const closeStopModal = () => {
+      state.stopModal = false;
+    };
+    //打开删除弹窗
+const showDeleteModal = (projectId) => {
+      state.deleteModal = true;
+      state.deleteProjectId=projectId
+    };
+    //确认删除
+const deleteProject=()=>{
+let obj = {
+        projectId: state.deleteProjectId,
+        type: -2,
+      };
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("删除成功", res);
+          message.destroy();
+          message.success("删除成功");
+          state.deleteModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("删除失败", err);
+        });
+}
+    //关闭删除弹窗
+    const closeDeleteModal = () => {
+      state.deleteModal = false;
+    };
+//打开存为模版弹窗
+ const showStartModal = (projectId) => {
+      state.startModal = true;
+      state.templateProjectId=projectId
+    };
+    //确认存为模版
+const templateProject=()=>{
+let obj = {
+        projectId: state.templateProjectId,
+        type: 1,
+      };
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("模版保存成功", res);
+          message.destroy();
+          message.success("模版保存成功");
+          state.startModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("模版保存失败", err);
+        });
+}
+    //关闭存为模版弹窗
+    const closeStartModal = () => {
+      state.startModal = false;
+    };
+   

    // 数据接入 - end -

@@ -1802,9 +1934,7 @@ console.log('获取学员人数失败',err)

    // 获取项目列表信息
    let tableData = ref([]);
-    let currentPage = ref(1);
-    let tableDataTotal = ref("");
-    let pageSize = ref(10);
+    

    const columns = ref([
      {
@@ -1995,7 +2125,7 @@ console.log('获取学员人数失败',err)
                    <a-select-option value="删除" label="删除">
                      <div
                        onClick={() => {
-                          showDeleteModal();
+                          showDeleteModal(value.record.projectId);
                        }}
                      >
                        删除
@@ -2181,7 +2311,7 @@ console.log('获取学员人数失败',err)
                    <a-select-option value="删除" label="删除">
                      <div
                        onClick={() => {
-                          showDeleteModal();
+                          showDeleteModal(value.record.projectId);
                        }}
                      >
                        删除
@@ -2296,7 +2426,7 @@ console.log('获取学员人数失败',err)
                    <a-select-option value="删除" label="删除">
                      <div
                        onClick={() => {
-                          showDeleteModal();
+                          showDeleteModal(value.record.projectId);
                        }}
                      >
                        删除
@@ -2448,7 +2578,7 @@ console.log('获取学员人数失败',err)
                    <a-select-option value="删除" label="删除">
                      <div
                        onClick={() => {
-                          showDeleteModal();
+                          showDeleteModal(value.record.projectId);
                        }}
                      >
                        删除
@@ -2589,7 +2719,7 @@ console.log('获取学员人数失败',err)
                    <a-select-option value="删除" label="删除">
                      <div
                        onClick={() => {
-                          showDeleteModal();
+                          showDeleteModal(value.record.projectId);
                        }}
                      >
                        删除
@@ -2598,7 +2728,7 @@ console.log('获取学员人数失败',err)
                    <a-select-option value="存为模版" label="存为模版">
                      <div
                        onClick={() => {
-                          showStartModal();
+                          showStartModal(value.record.projectId);
                        }}
                      >
                        存为模版
@@ -2639,7 +2769,7 @@ console.log('获取学员人数失败',err)
                      </a-select-option>
                      <div
                        onClick={() => {
-                          showStartModal();
+                          showStartModal(value.record.projectId);
                        }}
                      >
                        存为模版
@@ -2648,7 +2778,7 @@ console.log('获取学员人数失败',err)
                    <a-select-option value="结束" label="结束">
                      <div
                        onClick={() => {
-                          showStopModal();
+                          showStopModal(value.record.projectId);
                        }}
                      >
                        结束
@@ -2657,7 +2787,7 @@ console.log('获取学员人数失败',err)
                    <a-select-option value="撤回" label="撤回">
                      <div
                        onClick={() => {
-                          showBackModal();
+                          showBackModal(value.record.projectId);
                        }}
                      >
                        撤回
@@ -2686,7 +2816,7 @@ console.log('获取学员人数失败',err)
                    <a-select-option value="存为模版" label="存为模版">
                      <div
                        onClick={() => {
-                          showStartModal();
+                          showStartModal(value.record.projectId);
                        }}
                      >
                        存为模版
@@ -2704,7 +2834,7 @@ console.log('获取学员人数失败',err)
                    <a-select-option value="删除" label="删除">
                      <div
                        onClick={() => {
-                          showDeleteModal();
+                          showDeleteModal(value.record.projectId);
                        }}
                      >
                        删除
@@ -2738,17 +2868,25 @@ console.log('获取学员人数失败',err)

    const getTableDate = (pagedata) => {
      let obj = {
-        pageNo: 1,
-        pageSize: 10,
+        pageNo: state.currentPage,
+        pageSize: state.pageSize,
      };
      api
        .getProjectList(pagedata ? pagedata : obj)
        .then((res) => {
          console.log(res);
          if (res.status == 200 && res.data.code == 200) {
-            tableDataTotal.value = Number(res.data.data.total);
+            state.tableDataTotal = Number(res.data.data.total);
            let data = res.data.data.rows;
            // let data = state.tableData;
+             if (
+              data.length === 0 &&
+              res.data.data.total > 0 &&
+              state.currentPage > 1
+            ) {
+              state.currentPage = state.currentPage - 1;
+              getTableDate();
+            }
            console.log("1266", data);
            data.map((value) => {
              console.log("value %o", value);
@@ -2788,10 +2926,10 @@ console.log('获取学员人数失败',err)
    // 翻页
    const changePagination = (page) => {
      console.log(page);
-      currentPage.value = page;
+      state.currentPage = page;
      let pagedata = {
        pageNo: page,
-        pageSize: 10,
+        pageSize: state.pageSize,
      };
      getTableDate(pagedata);
      // getLearnPath();
@@ -2826,30 +2964,9 @@ console.log('获取学员人数失败',err)
    const closeCopyModal = () => {
      state.copyModal = false;
    };
-    const showStopModal = () => {
-      state.stopModal = true;
-    };
-    const closeStopModal = () => {
-      state.stopModal = false;
-    };
-    const showDeleteModal = () => {
-      state.deleteModal = true;
-    };
-    const closeDeleteModal = () => {
-      state.deleteModal = false;
-    };
-    const showStartModal = () => {
-      state.startModal = true;
-    };
-    const closeStartModal = () => {
-      state.startModal = false;
-    };
-    const showBackModal = () => {
-      state.backModal = true;
-    };
-    const closeBackModal = () => {
-      state.backModal = false;
-    };
+    
+    
+   
    const showProjOwner = () => {
      state.ProjOwnervisible = true;
    };
@@ -2862,9 +2979,7 @@ console.log('获取学员人数失败',err)
    const showProjManage = () => {
      state.ProjManagevisible = true;
    };
-    const closeProjectPub = () => {
-      state.projectPub = false;
-    };
+   
    return {
      ...toRefs(state),
      selectProjectName,
@@ -2895,9 +3010,6 @@ console.log('获取学员人数失败',err)
      closeProjectPub,

      tableData,
-      currentPage,
-      tableDataTotal,
-      pageSize,
      columns,
      createStoreyProject,
      classifyList,
@@ -2964,6 +3076,10 @@ console.log('获取学员人数失败',err)
      closeeditModal3,
      releaseProject,
      showProjectPub,
+      recallProject,
+      finishProject,
+      deleteProject,
+      templateProject,
    };
  },
 };