feat: 模板编辑，添加选择系统/内部考试,更新公告,阶段任务方法添加

src/api/indexTemplate.js

@@ -0,0 +1,17 @@
+// 模板相关接口
+import http from "./config";
+
+//编辑项目模板
+export const templateEdit = (obj) => http.post('/admin/project/template/edit',obj);
+// 模板详情
+export const templateDetail = (id) => http.get(`/admin/project/template/edit?projectTemplateId=${id}`);
+// 删除阶段
+export const deleteStage = (id) => http.delete(`/admin/project/template/deleteStage`,{stageId:id});
+//删除任务
+export const deleteTask = (id) => http.delete(`/admin/project/template/deleteTask`,{projectTaskIds:id}); 
+// 移动任务到阶段
+export const moveTask = (obj) => http.post('/admin/project/template/moveTask',obj);
+// 新建或编辑阶段
+export const editStage = (obj) => http.post('/admin/project/template/editStage',obj);
+// 新建或编辑阶段任务
+export const editTask = (obj) => http.post('/admin/project/template/editTask',obj);

src/components/drawers/AddTest.vue

@@ -15,6 +15,13 @@
           @click="closeDrawer"
         />
       </div>
+      <div style="display: flex; flex-direction: row">
+        <a-button style="width:100px;"
+        @click="()=>{isOuter = 1}"
+         :class="[isOuter == 1? 'outer' : '' ]">系统考试</a-button>
+      <a-button style="width:100px;" @click="()=>{isOuter = 2}"
+       :class="[isOuter == 2? 'outer' : '' ]" >外部考试</a-button>
+      </div>
       <a-form
             ref="formRef"
             name="custom-validation"
@@ -270,6 +277,7 @@ export default {
     });
     const state = reactive({
       addLoading: false,
+      isOuter:1, // 是否为外部考试
     })
     const formRef = ref();
     let checkExaminationName = async (_rule, value) => {

src/views/projectcenter/LibraryAdd.vue

@@ -200,7 +200,7 @@
                               : 'none',
                         }"
                       >
-                        <!-- 考勤 -->
+                      考勤
                       </div>
                       <div
                         class="operation"
@@ -214,7 +214,7 @@
                               : 'none',
                         }"
                       >
-                        <!-- 二维码 -->
+                        二维码
                       </div>
                       <div
                         class="operation"
@@ -238,7 +238,7 @@
                             : null
                         "
                       >
-                        <!-- 管理 -->
+                        管理
                       </div>
                     </div>
                   </div>
@@ -308,7 +308,7 @@
                     <div>&nbsp;</div>
                     <div class="area_btn">
                       <div class="pub"></div>
-                      <div class="btnText">发布</div>
+                      <div class="btnText" @click="addNotice">发布</div>
                     </div>
                   </div>
                 </div>
@@ -388,51 +388,78 @@
           <div class="setting">
             <div class="set_tit">
               <span>基本信息</span>
+              <span class="editBtn" @click="() => {isEdit=true}">编辑</span>
             </div>
             <hr color="#E8E8E8" />
             <div class="set_body">
               <div class="set_content">
-                <div class="setc_name"><span>项目名称：</span></div>
+                <div class="setc_name"><span>模板名称：</span></div>
                 <div class="setc_main">
-                  <span style="color: #999999">管理者进阶 - 管理者腾飞班</span>
+                  <a-input v-model:value="formData.name"
+                  :bordered="isEdit" :disabled="!isEdit"
+                  style="width:300px;"
+                  ></a-input>
                 </div>
               </div>
               <div class="set_content">
                 <div class="setc_name"><span>封面图：</span></div>
                 <div class="setc_main">
+                  <a-upload
+                  v-model:file-list="fileList"
+                  name="file"
+                  action="/api/file/upload"
+                  @change="handleChange"
+                  :disabled="!isEdit"
+                >
                 <img src="@/assets/images/projectadd/picture.png" alt="" />
+                </a-upload>
+                  
                 </div>
               </div>
               <div class="set_content">
-                <div class="setc_name"><span>项目时间：</span></div>
+                <div class="setc_name"><span>模板时间：</span></div>
                 <div class="setc_main">
-                  <span style="color: #999999"
-                    >2022-7-16 12:30 ～ 2022-7-30 12:30</span
-                  >
+                  <a-range-picker v-model:value="formData.time"
+                  
+                  :bordered="isEdit" :disabled="!isEdit" />
                 </div>
               </div>
               <div class="set_content">
                 <div class="setc_name"><span>项目经理：</span></div>
                 <div class="setc_main">
-                  <span style="color: #999999">张雪</span>
+                  <a-select
+                    v-model:value="formData.manager" mode="multiple"
+                    placeholder="请选择项目经理"
+                    :size="large" :bordered="isEdit" :disabled="!isEdit"
+                    style="width: 200px;color: #999999;" :options="managerOptions"
+                  ></a-select>
                 </div>
               </div>
               <div class="set_content">
                 <div class="setc_name"><span>资源归属：</span></div>
                 <div class="setc_main">
-                  <span style="color: #999999">-</span>
+                  <a-select
+                    v-model:value="formData.sourceBelongId"
+                    placeholder="请选择资源归属"
+                    :size="large" :bordered="isEdit" :disabled="!isEdit"
+                    style="width: 200px;color: #999999;" :options="sourceBelongOptions"
+                  ></a-select>
                 </div>
               </div>
               <div class="set_content">
-                <div class="setc_name"><span>项目说明：</span></div>
+                <div class="setc_name"><span>模板说明：</span></div>
                 <div class="setc_main">
-                  <span style="color: #999999">-</span>
+                  <a-input v-model:value="formData.remark"
+                  style="width:300px;"
+                  :bordered="isEdit" :disabled="!isEdit"
+                  ></a-input>
                 </div>
               </div>
               <div class="set_content">
                 <div class="setc_name"><span>同步学习记录：</span></div>
                 <div class="setc_main" @click="changecheck2">
-                  <a-radio v-model:checked="checked2"
+                  <a-radio v-model:checked="formData.courseSyncFlag"
+                  :bordered="isEdit" :disabled="!isEdit"
                     ><span style="color: #333333"
                       >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
                     ></a-radio
@@ -442,23 +469,38 @@
               <div class="set_content">
                 <div class="setc_name"><span>项目级别：</span></div>
                 <div class="setc_main">
-                  <span style="color: #999999">-</span>
+                  <a-select
+                    v-model:value="formData.level"
+                    placeholder="请选择项目级别"
+                    :size="large" :bordered="isEdit" :disabled="!isEdit"
+                    style="width: 200px;color: #999999;" :options="levelOptions"
+                  ></a-select>
                 </div>
               </div>
               <div class="set_content">
                 <div class="setc_name"><span>培训体系：</span></div>
                 <div class="setc_main">
-                  <span style="color: #999999">-</span>
+                  <a-select
+                    v-model:value="formData.systemId"
+                    placeholder="请选择培训体系"
+                    :size="large" :bordered="isEdit" :disabled="!isEdit"
+                    style="width: 200px;color: #999999;" :options="systemOptions"
+                  ></a-select>
                 </div>
               </div>
               <div class="set_content">
                 <div class="setc_name"><span>是否BOEU实施：</span></div>
                 <div class="setc_main" @click="changecheck3">
-                  <a-radio v-model:checked="checked3"
+                  <a-radio v-model:checked="formData.boeFlag"
+                  :bordered="isEdit" :disabled="!isEdit"
                     ><span style="color: #333333">BOEU实施</span></a-radio
                   >
                 </div>
               </div>
+              <div  v-if="isEdit" style="transform: translateX(50%)">
+                <a-button @click="cancelEdit" style="background-color: #f9f9f9">取消</a-button>
+                <a-button  @click="confirmEdit" style="background-color: #f5faff">保存</a-button>
+            </div>
             </div>
           </div>
             </a-tab-pane>
@@ -467,7 +509,7 @@
               <div class="Gcon">
                 <div class="pad"></div>
                 <div class="Gin">
-                  <div class="headone">
+                  <div class="headone" style="transform: translateX(30px)">
                     <div class="box"></div>
                     <div class="onetitle">上传共享文档</div>
                     <div class="oneedi">
@@ -548,7 +590,9 @@
 </template>
 
 <script>
-import { ref, reactive, defineComponent, toRefs } from "vue";
+import { ref, reactive, defineComponent, toRefs, onMounted} from "vue";
+import { message } from "ant-design-vue";
+import * as api from "@/api/indexTemplate"
 export default defineComponent({
   name: "LibraryAdd",
   setup() {
@@ -674,6 +718,29 @@ export default defineComponent({
           ],
         },
       ],
+      // 模板编辑列表
+      managerOptions:[
+        { value: "李俊国"},
+        { value: "将小米"},
+        { value: "刘孟君"},
+      ],
+      sourceBelongOptions:[
+        { value: "项目一"},
+        { value: "项目二"},
+        { value: "项目三"},
+      ],
+      levelOptions:[
+        { value: "集团级"},
+        { value: "组织级"},
+        { value: "现地级"},
+        { value: "部门级"},
+      ],
+      systemOptions:[
+        { value: "集团级"},
+        { value: "组织级"},
+        { value: "现地级"},
+        { value: "部门级"},
+      ],
       taskSyllabusActive: 0,
       //在线管理等页面传递参数
       showTimeText: "",
@@ -681,13 +748,13 @@ export default defineComponent({
       showTestText: "",
       activeKey: ref("1"),
       // value: ref(" "),
-      checked: false,
+      checked: true,
       checked2: false,
       checked3: false,
       docChecked:true,
       value3: false,
       value4: false,
-      hideshow: false,
+      hideshow: true,
       score1: 5,
       score2: 5,
       edit: true,
@@ -706,6 +773,19 @@ export default defineComponent({
           src:"",
         }
       ],
+      // 基本信息
+      formData:{
+        name: "123",
+        time: "",
+        manager: "建国",
+        sourceBelongId: null,
+        remark: "",
+        courseSyncFlag: false,
+        level: null,
+        systemId: null,
+        boeFlag: false,
+      },
+      isEdit:false, // 是否处于编辑状态
     });
     const value = ref("");
     const value2 = ref("");
@@ -719,6 +799,151 @@ export default defineComponent({
     const changecheck3 = () => {
       state.checked3 = !state.checked3;
     };
+    const cancelEdit = () => {
+      state.isEdit = false;
+      getDetail();
+    };
+    const confirmEdit = () => {
+      state.isEdit = false;
+      editTemplate()
+      getDetail();
+    };
+    onMounted(() => {getDetail()});
+    // 获取详情
+    const getDetail = () => {
+      api.templateDetail(0).then(res => {
+        console.log(res)
+        state.formData.name = res.data.data.projectInfo.name
+        state.formData.time = res.data.data.projectInfo.startTime+res.data.data.projectInfo.endTime;
+        state.formData.manager = res.data.data.projectInfo.manager
+        state.formData.sourceBelongId = res.data.data.projectInfo.sourceBelongId
+        state.formData.remark = res.data.data.stageList.remark
+        state.formData.courseSyncFlag = res.data.data.projectInfo.courseSyncFlag
+        state.formData.level = res.data.data.projectInfo.level
+        state.formData.systemId = res.data.data.projectInfo.systemId
+        state.formData.boeFlag = res.data.data.projectInfo.boeFlag
+        state.value2 = res.data.data.projectInfo.notice
+      }).catch(err => {
+        message.error("操作失败"+err)
+        console.log(err)
+      })
+    }
+    // 编辑项目模板
+    const editTemplate = () => {
+      let obj = {
+        "beginTime": state.formData.time,
+        "boeFlag": state.formData.boeFlag,
+        "category": 0,
+        "courseSyncFlag": state.formData.courseSyncFlag,
+        "endTime": state.formData.time,
+        "level": state.formData.level,
+        "manager": state.formData.manager,
+        "managerId": "",
+        "name": state.formData.name,
+        "notice": "",
+        "noticeFlag": 0,
+        "picUrl": "",
+        "projectTemplateId": 0,
+        "remark": state.formData.remark,
+        "sourceBelongId": state.formData.sourceBelongId,
+        "status": 0,
+        "systemId": state.formData.systemId
+      };
+      api.templateEdit(obj).methods(obj).then(res => {
+        message.success("编辑成功")
+        console.log(res)
+      }).catch(err => {
+        message.error("编辑失败"+err)
+        console.log(err)
+      })
+    }
+    // 发布公告
+    const addNotice = () => {
+      let obj = {
+        "beginTime": 0,
+        "boeFlag": 0,
+        "category": 0,
+        "courseSyncFlag": 0,
+        "endTime": 0,
+        "level": 0,
+        "manager": "",
+        "managerId": "",
+        "name": "",
+        "notice": state.value2,
+        "noticeFlag": 0,
+        "picUrl": "",
+        "projectTemplateId": 0,
+        "remark": "",
+        "sourceBelongId": 0,
+        "status": 0,
+        "systemId": 0
+      };
+      api.templateEdit(obj).methods(obj).then(res => {
+        message.success("公告发布成功")
+        console.log(res)
+      }).catch(err => {
+        message.error("公告发布失败"+err)
+        console.log(err)
+      })
+    }
+    // 删除阶段
+    const stateDel = (id) => {
+      api.deleteStage(id).then(res => {
+        message.success("删除阶段成功")
+        console.log(res)
+      }).catch(err => {
+        message.error("删除阶段失败"+err)
+        console.log(err)
+      })
+    }
+    
+    // 删除任务
+    const taskDel = (id) => {
+      api.deleteTask(id).then(res => {
+      message.success("删除任务成功")
+      console.log(res)
+    }).catch(err => {
+      message.error("删除任务失败"+err)
+      console.log(err)
+    })
+    }
+    
+    // 新建或编辑阶段 
+    const stateEdit = () => {
+      let obj={
+        "name": "",
+        "projectTemplateId": 0,
+        "remark": "",
+        "stageId": 0
+      }
+      api.editStagek(obj).then(res => {
+        message.success("编辑阶段成功")
+        console.log(res)
+      }).catch(err => {
+        message.error("编辑阶段失败"+err)
+        console.log(err)
+      })
+    }
+    //新建或编辑阶段任务
+    const taskEdit = () => {
+      let obj = {
+        "courseId": 0,
+        "duration": 0,
+        "flag": true,
+        "name": "",
+        "projectTaskId": 0,
+        "projectTemplateId": 0,
+        "stageId": 0,
+        "type": 0
+      }
+      api.editTask(obj).then(res => {
+        message.success("编辑任务成功")
+        console.log(res)
+      }).catch(err => {
+        message.error("编辑任务失败"+err)
+        console.log(err)
+      })
+    }
     return {
       ...toRefs(state),
       value,
@@ -727,6 +952,13 @@ export default defineComponent({
       changeopclo,
       changecheck2,
       changecheck3,
+      cancelEdit,
+      confirmEdit,
+      addNotice,
+      stateDel,
+      taskDel,
+      stateEdit,
+      taskEdit,
     };
   },
   computed: {
@@ -738,6 +970,12 @@ export default defineComponent({
 });
 </script>
 <style lang="scss">
+.editBtn {
+      float:right; 
+      margin-right: 150px;
+      color:#4ea6ff;
+      cursor: pointer;
+    }
 .clearfix:before,
 .clearfix:after {
   content: " ";
@@ -780,6 +1018,7 @@ export default defineComponent({
         margin-top: 20px;
       }
     }
+    
     @media screen and (max-width: 1030px) {
       .imgfor {
         margin-left: 20px;

src/views/projectcenter/TemplateLibrary.vue

@@ -137,7 +137,7 @@ export default defineComponent({
                 {value.status === "已发布" ? (
                   <div class="nselect">
                     <div class="ops2">
-                      <router-link to="/taskpage">
+                      <router-link to="/libraryadd">
                         <div class="jc">
                           查看{" "}
                           <span style="color:#E9E9E9;margin-left:15px;">|</span>