feat: 项目中心模板相关操作

src/api/indexLibrary.js

@@ -0,0 +1,10 @@
+import http from "./config";
+
+// 获取模板库列表
+export const templateList = obj => http.post('/admin/project/template/list', obj);
+
+// 获取模板详情
+export const templateDetail = id => http.get(`/admin/project/template/detail?projectTemplateId=${id}`);
+
+// 操作模板(撤回,发布,删除) 
+export const templateHadle = obj => http.post(`/admin/project/template/handle`,obj);

src/views/projectcenter/TemplateLibrary.vue

@@ -60,7 +60,9 @@
   </div>
 </template>
 <script>
-import { reactive, defineComponent, toRefs } from "vue";
+import { reactive, defineComponent, toRefs, onMounted } from "vue";
+import { message } from "ant-design-vue";
+import * as api from "@/api/indexLibrary"
 const columns1 = [
   {
     title: "模版名称",
@@ -107,7 +109,7 @@ export default defineComponent({
       tableData1: [
         {
           key: "1",
-          name: "管理者进阶-腾飞班Z1",
+          name: "测试模板1",
           status: "已发布",
           creator: "李部长",
           stutime: "2022-10-31  23:12:00",
@@ -115,29 +117,14 @@ export default defineComponent({
         },
         {
           key: "2",
-          name: "管理者进阶-腾飞班Z2",
+          name: "测试模板2",
-          status: "已发布",
-          creator: "毛继禹",
-          stutime: "2022-10-31  23:12:00",
-          operation: "operation",
-        },
-        {
-          key: "3",
-          name: "管理者进阶-腾飞班Z3",
-          status: "已发布",
-          creator: "毛继禹",
-          stutime: "2022-10-31  23:12:00",
-          operation: "operation",
-        },
-        {
-          key: "4",
-          name: "管理者进阶-腾飞班Z4",
           status: "未发布",
-          creator: "毛继禹",
+          creator: "李部长",
           stutime: "2022-10-31  23:12:00",
           operation: "operation",
-        },
+        }
       ],
+      // state
     });
     const getTableDate1 = () => {
       let data = state.tableData1;
@@ -150,7 +137,7 @@ export default defineComponent({
                 {value.status === "已发布" ? (
                   <div class="nselect">
                     <div class="ops2">
-                      <router-link to="/libraryadd">
+                      <router-link to="/taskpage">
                         <div class="jc">
                           查看{" "}
                           <span style="color:#E9E9E9;margin-left:15px;">|</span>
@@ -158,7 +145,9 @@ export default defineComponent({
                       </router-link>
                     </div>
                     <div class="ops3">
-                      <div class="jc">撤回</div>
+                      <div class="jc"
+                      onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": 0})}}
+                      >撤回</div>
                     </div>
                   </div>
                 ) : (
@@ -167,7 +156,8 @@ export default defineComponent({
                 {value.status === "未发布" ? (
                   <div class="nselect">
                     <div class="ops1">
-                      <div class="jc">
+                      <div class="jc"
+                       onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": 1})}}>
                         发布
                         <span style="color:#E9E9E9;margin-left:15px;">|</span>
                       </div>
@@ -181,7 +171,9 @@ export default defineComponent({
                       </router-link>
                     </div>
                     <div class="ops3">
-                      <div class="jc">删除</div>
+                      <div class="jc"
+                      onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": -1})}}
+                      >删除</div>
                     </div>
                   </div>
                 ) : (
@@ -195,9 +187,57 @@ export default defineComponent({
       state.tableData = data;
     };
     getTableDate1();
+
+    onMounted(() => {
+      getLibraryList();
+    })
+    const getLibraryList = () => {
+      let obj = {
+        "beginTime": 0,
+        "endTime": 0,
+        "name": "",
+        "pageNo": 0,
+        "pageSize": 0,
+        "status": 0
+      }
+      api.templateList(obj).then((res) =>{
+        console.log(res);
+        let resData = res.data.data.rows
+        if(resData.length) {
+          for(let i in resData) { 
+            state.tableData1[i].id = i+1;
+            state.tableData1[i].projectTemplateId = resData[i].projectTemplateId;
+            state.tableData1[i].status = resData[i].status ? "已发布":"未发布" ;
+            state.tableData1[i].name = resData[i].name;
+            state.tableData1[i].creator = resData[i].createName;
+            state.tableData1[i].stutime = resData[i].publishTime;
+            state.tableData1[i].operation = "operation";
+            
+          }
+          
+        } else {
+          message.warning("获取的列表数据为空值")
+        }
+      }).catch((error) => {
+        message.error(`获取模板列表失败`+error)
+      });
+    };
+    const templateHadler = (obj) => {
+      api.templateHadle(obj).then((res) => {
+        if(res.data.success) {
+          message.success(`模板操作成功`)
+          getLibraryList();
+        }
+      }).catch((error) => {
+        message.error(`模板操作失败`+error)
+      })
+    }
+    
+
     return {
       ...toRefs(state),
       columns1,
+      templateHadler,
     };
   },
 });