路径图 项目基本信息

src/views/learningpath/LevelAdd.vue

@@ -2,11 +2,11 @@
   <div class="addwrapper">
     <div class="addhead">
       <div class="leftimg">
-        <img class="img" src="../../assets/px.jpg" />
+        <img class="img" :src="picUrl" />
       </div>
       <div class="imgfor">
-        <div class="forz">产品经理进阶路径</div>
+        <div class="forz">{{ styTitle }}</div>
-        <div class="fort">创建时间：2022-07-21 00:00</div>
+        <div class="fort">创建时间：{{ cretime }}</div>
       </div>
       <div class="right">
         <img class="img1" src="../../assets/images/leveladd/ma.png" />
@@ -116,34 +116,46 @@
             <div class="onerow"><div class="taskmain">关卡概览</div></div>
             <div class="second" style="margin-top: 0">
               <div class="nubbox">
-                <span class="nub1">{{routerInfoOverview.totalStudentCnt}}</span>
+                <span class="nub1">{{
+                  routerInfoOverview.totalStudentCnt
+                }}</span>
                 <div class="nub2">总人数</div>
               </div>
               <div class="nubbox">
-                <span class="nub1" style="color: #ff90ae">{{routerInfoOverview.studyStudentCnt}}</span>
+                <span class="nub1" style="color: #ff90ae">{{
+                  routerInfoOverview.studyStudentCnt
+                }}</span>
                 <div class="nub2">学习人数</div>
               </div>
               <div class="nubbox">
-                <span class="nub1" style="color: #a497ff">{{routerInfoOverview.completeStudentCnt}}</span>
+                <span class="nub1" style="color: #a497ff">{{
+                  routerInfoOverview.completeStudentCnt
+                }}</span>
                 <div class="nub2">完成人数</div>
               </div>
               <div class="nubbox">
                 <div>
-                  <span class="nub1" style="color: #5dc988">{{routerInfoOverview.onlineCourseCnt}}</span
+                  <span class="nub1" style="color: #5dc988">{{
+                    routerInfoOverview.onlineCourseCnt
+                  }}</span
                   ><span style="color: #5dc988; font-size: 14px">%</span>
                 </div>
                 <div class="nub2">在线课程数</div>
               </div>
               <div class="nubbox">
                 <div>
-                  <span class="nub1" style="color: #ff90ae">{{routerInfoOverview.offLineCourseCnt}}</span
+                  <span class="nub1" style="color: #ff90ae">{{
+                    routerInfoOverview.offLineCourseCnt
+                  }}</span
                   ><span style="color: #ff90ae; font-size: 14px">%</span>
                 </div>
                 <div class="nub2">面授课程数</div>
               </div>
               <div class="nubbox">
                 <div>
-                  <span class="nub1" style="color: #a497ff">{{routerInfoOverview.completeRatio}}</span
+                  <span class="nub1" style="color: #a497ff">{{
+                    routerInfoOverview.completeRatio
+                  }}</span
                   ><span style="color: #a497ff; font-size: 14px">%</span>
                 </div>
                 <div class="nub2">总完成率</div>
@@ -151,9 +163,15 @@
             </div>
             <div class="onerow"><div class="taskmain">关卡信息</div></div>
             <div class="stagemess">
-              <div v-for="item in stageList" 
+              <div
-              :class= "{ 'stage1': item.stageId == choosedStageId, 'stage2': item.stageId != choosedStageId }"
+                v-for="item in stageList"
-              :key="item.stageId" @click="choosedStageId = item.stageId">
+                :class="{
+                  stage1: item.stageId == choosedStageId,
+                  stage2: item.stageId != choosedStageId,
+                }"
+                :key="item.stageId"
+                @click="choosedStageId = item.stageId"
+              >
                 {{ item.stage }}
               </div>
               <!-- <div class="stage1">阶段1</div>
@@ -192,20 +210,35 @@
                 <div class="protext">作业完成率</div>
               </div>
               <div class="proright">
-                <div class="pronub" style="margin-left: 280px">{{chapterOverviewList.totalTaskCnt}}</div>
+                <div class="pronub" style="margin-left: 280px">
+                  {{ chapterOverviewList.totalTaskCnt }}
+                </div>
                 <div class="proright1">
                   <span class="textpro">关卡任务总数</span>
-                  <a-progress :percent="chapterOverviewList.totalTaskCnt" style="width: 369px" />
+                  <a-progress
+                    :percent="chapterOverviewList.totalTaskCnt"
+                    style="width: 369px"
+                  />
+                </div>
+                <div class="pronub" style="margin-left: 206px">
+                  {{ chapterOverviewList.totalReqCnt }}
                 </div>
-                <div class="pronub" style="margin-left: 206px">{{chapterOverviewList.totalReqCnt}}</div>
                 <div class="proright1">
                   <span class="textpro">必修课</span>
-                  <a-progress :percent="chapterOverviewList.totalReqCnt" style="width: 369px" />
+                  <a-progress
+                    :percent="chapterOverviewList.totalReqCnt"
+                    style="width: 369px"
+                  />
+                </div>
+                <div class="pronub" style="margin-left: 142px">
+                  {{ chapterOverviewList.totalOptCnt }}
                 </div>
-                <div class="pronub" style="margin-left: 142px">{{chapterOverviewList.totalOptCnt}}</div>
                 <div class="proright1">
                   <span class="textpro">选修课</span>
-                  <a-progress :percent="chapterOverviewList.totalOptCnt" style="width: 369px" />
+                  <a-progress
+                    :percent="chapterOverviewList.totalOptCnt"
+                    style="width: 369px"
+                  />
                 </div>
               </div>
             </div>
@@ -360,16 +393,14 @@
                         </div>
                       </div>
                       <div>
-                        <div class="iconame">「{{checkType(item.type)}}」</div>
+                        <div class="iconame">
+                          「{{ checkType(item.type) }}」
+                        </div>
                         <div class="icontext">{{ item.name }}</div>
                       </div>
                     </div>
                     <div class="type">
-                      <div
+                      <div :class="item.flag ? 'typename1' : 'typename'">
-                        :class="
-                          item.flag ? 'typename1' : 'typename'
-                        "
-                      >
                         {{ item.flag ? "必修" : "选修" }}
                       </div>
                     </div>
@@ -641,7 +672,6 @@
                     </div>
                   </div>
                 </div>
-              
               </div>
             </a-tab-pane>
 
@@ -657,36 +687,54 @@
                         <a-switch v-model:checked="docChecked"></a-switch>
                       </div>
                     </div>
-                  <div class="btnbox" style="margin:20px;">
+                    <div class="btnbox" style="margin: 20px">
                       <a-upload
                         v-model:file-list="fileList"
                         name="file"
                         action="/api/file/upload"
                         @change="handleChange"
                       >
-                  <span class="xkbtn" style="cursor: pointer; font-size: 17px" >上传</span>
+                        <span
-                  <img src="@/assets/images/basicinfo/cloud.png" style="cursor: pointer;
+                          class="xkbtn"
-                  width:34px;height:34px;
+                          style="cursor: pointer; font-size: 17px"
-                  " alt="">
+                          >上传</span
+                        >
+                        <img
+                          src="@/assets/images/basicinfo/cloud.png"
+                          style="cursor: pointer; width: 34px; height: 34px"
+                          alt=""
+                        />
                       </a-upload>
-                <div class="btnbox" style="margin:20px;">
+                      <div class="btnbox" style="margin: 20px">
                         <span style="color: #999999">
                           支持：pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip
                         </span>
                       </div>
-              <div v-for="item in docList" :key="item.src" class="docListStyle">
+                      <div
-                <img src="@/assets/images/basicinfo/download.png" style="cursor: pointer;
+                        v-for="item in docList"
-                  width:40px;height:40px;margin-right:40px;
+                        :key="item.src"
-                  " alt="">
+                        class="docListStyle"
-                <span style="font: oblique   16px Sans-serif">{{item.name}}</span> 
+                      >
-                <span style="color: #4ea6ff;float:right;">删除</span>
+                        <img
+                          src="@/assets/images/basicinfo/download.png"
+                          style="
+                            cursor: pointer;
+                            width: 40px;
+                            height: 40px;
+                            margin-right: 40px;
+                          "
+                          alt=""
+                        />
+                        <span style="font: oblique 16px Sans-serif">{{
+                          item.name
+                        }}</span>
+                        <span style="color: #4ea6ff; float: right">删除</span>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
             </a-tab-pane>
-
           </a-tabs>
         </a-tab-pane>
       </a-tabs>
@@ -876,7 +924,7 @@
 </template>
 <script>
 import { ref, reactive, toRefs, onMounted, createVNode } from "vue";
-import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+import { ExclamationCircleOutlined } from "@ant-design/icons-vue";
 import { message, Modal } from "ant-design-vue";
 import PathAddStu from "../../components/drawers/pathStuAdd";
 import ImpStu from "../../components/drawers/AddLevelImportStu";
@@ -893,6 +941,7 @@ import { storage } from "../../api/storage";
 import { getRouterOverview } from "@/api/indexLearningPath";
 import { GetRouterDetail } from "@/api/indexTask";
 import * as api from "../../api/index1";
+import { toDate } from "../../api/method";
 
 export default {
   name: "LevelAdd",
@@ -912,7 +961,9 @@ export default {
     // const routers = useRoute();
     // const store = useStore();
     const state = reactive({
-      routerId: storage.get("routerId") ?JSON.parse(storage.get("routerId"))  : null, //学习路径页面传的学习路径id
+      routerId: storage.get("routerId")
+        ? JSON.parse(storage.get("routerId"))
+        : null, //学习路径页面传的学习路径id
       gatename: null, //关卡名称
       gatenamee: null, //学员管理关卡名称
       deleteAll: false, //批量删除学员弹窗
@@ -927,20 +978,23 @@ export default {
       inputbox: false,
       Wvisible: false, //作业管理
       studentId: null,
+      styTitle: null,
+      cretime: null,
+      picUrl: null,
       // 共享文档列表
       docList: [
         {
-          name:'测试文档1.doc',
+          name: "测试文档1.doc",
           src: "",
         },
         {
-          name:'测试文档2.doc',
+          name: "测试文档2.doc",
           src: "",
         },
         {
-          name:'测试文档3.doc',
+          name: "测试文档3.doc",
           src: "",
-        }
+        },
       ],
       huodModal: false,
       zhibModal: false,
@@ -958,10 +1012,9 @@ export default {
               complete: 20, //完成人数
               percent: 40,
               routerTaskId: 0,
-            }
+            },
           ],
-        }
+        },
-        
       ],
       activeKey: ref("1"),
       value: ref(" "),
@@ -1022,7 +1075,8 @@ export default {
     });
 
     const levelList = reactive({
-      routerInfoOverview:{ // 路径图整体数据概览
+      routerInfoOverview: {
+        // 路径图整体数据概览
         totalStudentCnt: 0,
         studyStudentCnt: 0,
         completeStudentCnt: 0,
@@ -1030,7 +1084,8 @@ export default {
         offLineCourseCnt: 0,
         completeRatio: 0,
       },
-      chapterOverviewList:{ // 路径图阶段数据概览
+      chapterOverviewList: {
+        // 路径图阶段数据概览
         completeCourseRatio: 0,
         completeExamRatio: 0,
         completeRatio: 0,
@@ -1038,17 +1093,18 @@ export default {
         totalReqCnt: 0,
         totalOptCnt: 0,
       },
-      stageList: [ // 阶段列表
+      stageList: [
+        // 阶段列表
         {
           stageId: 1,
-          stage:"关卡一"
+          stage: "关卡一",
         },
         {
           stageId: 2,
-          stage:"关卡二"
+          stage: "关卡二",
-        }
+        },
-      ]
+      ],
-    })
+    });
 
     const tableDataFunc = () => {
       const columns = [
@@ -1148,9 +1204,14 @@ export default {
                   >
                     调整
                   </span>
-                  <span style="color:#4EA6FF;cursor:pointer"
+                  <span
-                  onClick={() => {delConfirm(text.record.studentId)}}
+                    style="color:#4EA6FF;cursor:pointer"
-                  >删除</span>
+                    onClick={() => {
+                      delConfirm(text.record.studentId);
+                    }}
+                  >
+                    删除
+                  </span>
                 </div>
               </div>
             );
@@ -1251,7 +1312,7 @@ export default {
     const changeTabs = (e) => {
       console.log("切换tabs", e, state.routerId);
       if (e == 2) {
-        myGetRouterDetail()
+        myGetRouterDetail();
       }
       //学员管理
       if (e == 3) {
@@ -1272,7 +1333,7 @@ export default {
         .then((res) => {
           console.log("获取学员列表", res);
           let data = res.data.data.rows || null;
-          state.tableData = []
+          state.tableData = [];
           if (data.length) {
             for (let i in data) {
               let _time = new Date(data[i].beginStudyTime * 1000);
@@ -1281,11 +1342,11 @@ export default {
                 com: data[i].userInfoBo.deptName,
                 name: data[i].userInfoBo.userName,
                 gang: data[i].userInfoBo.jobName,
-                cur:data[i].currentChapterName || '0',
+                cur: data[i].currentChapterName || "0",
-                jin:data[i].completeChapterCnt+'/'+ data[i].totalChapterCnt,
+                jin: data[i].completeChapterCnt + "/" + data[i].totalChapterCnt,
                 time: _time.toLocaleDateString(),
                 studentId: data[i].studentId,
-              })
+              });
 
               // state.tableData[i].key = i+1;
               // state.tableData[i].com = data[i].userInfoBo.deptName;
@@ -1318,40 +1379,54 @@ export default {
         "投票",
       ];
       return typeRules[type];
-  }
+    };
 
     //学员管理------------------------------------------------
 
     onMounted(() => {
       state.addLoading = true;
-      getOverview()
+      getOverview();
-    })
+      GetRouterDetail(state.routerId).then((res) => {
+        state.styTitle = res.data.data.routerInfo.name;
+        state.cretime = toDate(
+          res.data.data.routerInfo.createTime / 1000,
+          "Y-M-D h:m"
+        );
+        state.picUrl = res.data.data.routerInfo.picUrl;
+      });
+    });
 
     // 获取项目概览
     const getOverview = () => {
-      getRouterOverview(state.routerId).then((res) => {
+      getRouterOverview(state.routerId)
-        Object.keys(res.data.data.routerInfoOverview).forEach(item => {
+        .then((res) => {
-          levelList.routerInfoOverview[item] = res.data.data.routerInfoOverview[item] || 0
+          Object.keys(res.data.data.routerInfoOverview).forEach((item) => {
-        })
+            levelList.routerInfoOverview[item] =
-        Object.keys(res.data.data.chapterOverviewList).forEach(item => {
+              res.data.data.routerInfoOverview[item] || 0;
-          levelList.chapterOverviewList[item] = res.data.data.chapterOverviewList[item] || 0
+          });
-        })
+          Object.keys(res.data.data.chapterOverviewList).forEach((item) => {
+            levelList.chapterOverviewList[item] =
+              res.data.data.chapterOverviewList[item] || 0;
+          });
           // res.data.data.routerInfoOverview.forEach((r) => {
           //   console.log(r)
           // })
           state.addLoading = false;
-        console.log("项目概览--"+res)
+          console.log("项目概览--" + res);
-      }).catch(err => {
-        state.addLoading = false;
-        message.error("概览获取失败")
-        console.log("获取失败"+err)
         })
-    }
+        .catch((err) => {
+          state.addLoading = false;
+          message.error("概览获取失败");
+          console.log("获取失败" + err);
+        });
+    };
     // 获取路径列表
     const myGetRouterDetail = () => {
-      GetRouterDetail(state.routerId).then(res => {
+      GetRouterDetail(state.routerId)
-        let data = res.data.data.chapterList
+        .then((res) => {
-        state.taskSyllabus = data
+          let data = res.data.data.chapterList;
+
+          state.taskSyllabus = data;
           // for(let i in data) {
           //   state.taskSyllabus[i].name = data[i].name
           //   if(data[i].taskList.length > 0) {
@@ -1363,12 +1438,12 @@ export default {
           //   }
 
           // }
-      }).catch(err => {
-        console.log(err)
-        message.error('获取路径列表失败'+err);
         })
-
+        .catch((err) => {
-    }
+          console.log(err);
+          message.error("获取路径列表失败" + err);
+        });
+    };
 
     const handleChange = (info) => {
       if (info.file.status !== "uploading") {
@@ -1384,22 +1459,25 @@ export default {
 
     const delConfirm = (id) => {
       Modal.confirm({
-        title: '是否确认删除',
+        title: "是否确认删除",
         icon: createVNode(ExclamationCircleOutlined),
-        content: '',
+        content: "",
-        okText: '确认',
+        okText: "确认",
-        cancelText: '取消',
+        cancelText: "取消",
         onOk() {
-          api.delStudent({routerId:100,studentIds:[id]}).then(res => {
+          api
-          message.success("删除成功")
+            .delStudent({ routerId: 100, studentIds: [id] })
-          console.log(res)
+            .then((res) => {
-        }).catch(err => {
+              message.success("删除成功");
-          message.error("删除失败"+err)
+              console.log(res);
-          console.log(err)
             })
-        }
+            .catch((err) => {
+              message.error("删除失败" + err);
+              console.log(err);
             });
-    }
+        },
+      });
+    };
 
     return {
       ...toRefs(state),

src/views/learningpath/LevelAddDetail.vue

@@ -179,11 +179,11 @@
         <div class="filt">
           <div class="le">
             <div class="leftimg">
-              <img class="img" src="../../assets/px.jpg" />
+              <img class="img" :src="picUrl" />
             </div>
             <div class="imgfor">
-              <div class="forz">产品经理进阶路径</div>
+              <div class="forz">{{ styTitle }}</div>
-              <div class="fort">创建时间：2022-07-21 00:00</div>
+              <div class="fort">创建时间：{{ creTime }}</div>
             </div>
           </div>
           <div class="rightt">
@@ -456,7 +456,7 @@
               <span>任务列表</span>
             </div>
             <div class="tit_right">
-              <div class="btn btn1" @click="moveTask">
+              <div class="btn btn1" @click="showChangeModal">
                 <div class="btnText">移动到任务阶段</div>
               </div>
               <div class="btn btn2">
@@ -895,6 +895,57 @@
         </div>
       </div>
     </a-modal>
+
+    <!-- 移动任务到阶段 -->
+    <a-modal
+      style="padding: 0"
+      :closable="sh"
+      v-model:visible="visiblene"
+      :footer="null"
+      centered="true"
+      wrapClassName="moveModal"
+    >
+      <div class="con">
+        <div class="header">
+          <div class="inhe">
+            <div class="mod"></div>
+            <div class="tz">选择任务移动到阶段</div>
+          </div>
+        </div>
+        <div class="mid">
+          <div class="inher">
+            <div class="cur">已选中{{ selectRow.length }}个任务</div>
+            <div class="select">
+              <a-select
+                v-model:value="curLevel"
+                style="width: 100%"
+                placeholder="请选择阶段"
+                :options="level"
+                @change="handleChangeStage"
+                allowClear
+                showSearch
+              ></a-select>
+            </div>
+            <div class="btn">
+              <button
+                style="cursor: pointer"
+                class="sameb btn1"
+                @click="closeChangeModal"
+              >
+                取消
+              </button>
+              <button
+                style="cursor: pointer"
+                class="sameb btn2"
+                @click="moveTask"
+              >
+                确定
+              </button>
+            </div>
+          </div>
+        </div>
+      </div></a-modal
+    >
   </div>
 </template>
 
@@ -918,6 +969,7 @@ import { storage } from "../../api/storage";
 import { deleteStudyTask } from "../../api/indexStudy";
 import draggable from "vuedraggable";
 import { editTask } from "../../api/indexTaskadd";
+import { toDate } from "../../api/method";
 export default {
   name: "LevelAddDetail",
   components: {
@@ -1178,6 +1230,11 @@ export default {
       ListChoosedId: 0,
       selectRow: [], //选择行
       selectAll: 0, //0：未选择，1：全选，2：部分选择
+      visiblene: false, //移动任务弹窗
+      removeStageId: null,
+      styTitle: null,
+      creTime: null,
+      picUrl: null,
     });
 
     //新建关卡
@@ -1318,6 +1375,18 @@ export default {
         .then((res) => {
           console.log("res.data.data.chapterList", res.data.data.chapterList);
           state.level = res.data.data.chapterList;
+          state.styTitle = res.data.data.routerInfo.name;
+          state.creTime = toDate(
+            res.data.data.routerInfo.createTime / 1000,
+            "Y-M-D h:m"
+          );
+          state.picUrl = res.data.data.routerInfo.picUrl;
+
+          //增加两个字段
+          state.level.forEach((item) => {
+            item["value"] = item.chapterId;
+            item["label"] = item.name;
+          });
           if (state.level.length > 0) {
             dataAssignment(state.level[0].chapterId);
             state.isactive = state.level[0].chapterId;
@@ -1676,8 +1745,15 @@ export default {
     };
     //移动任务到关卡
     const moveTask = () => {
+      if (state.isactive == state.removeStageId) {
+        message.destroy();
+        message.warning("选择的任务已在当前阶段");
+      } else if (state.removeStageId == null) {
+        message.destroy();
+        message.warning("请选择关卡");
+      } else {
         let obj = {
-        chapterId: state.isactive,
+          chapterId: state.removeStageId,
           routerTaskIdList: state.selectRow,
         };
         api
@@ -1690,6 +1766,8 @@ export default {
           .catch((err) => {
             console.log("移动失败", err);
           });
+        state.visiblene = false;
+      }
     };
 
     //编辑的按钮
@@ -1757,6 +1835,21 @@ export default {
           message.warning("修改失败");
         });
     };
+    const showChangeModal = () => {
+      if (state.selectRow.length == 0) {
+        message.destroy();
+        return message.warning("请选择要移动的任务");
+      } else {
+        state.visiblene = true;
+      }
+    };
+    const closeChangeModal = () => {
+      state.visiblene = false;
+    };
+    const handleChangeStage = (value, option) => {
+      console.log("阶段改变", value, option);
+      state.removeStageId = option.chapterId;
+    };
     return {
       ...toRefs(state),
       // tableDataFunc,
@@ -1799,6 +1892,9 @@ export default {
       updateTableData,
       deleteChapter,
       changeCourseType,
+      showChangeModal,
+      closeChangeModal,
+      handleChangeStage,
     };
   },
 };
@@ -1916,6 +2012,107 @@ export default {
     }
   }
 }
+.moveModal {
+  .ant-modal {
+    width: 549px !important;
+    height: 245px !important;
+    .ant-modal-content {
+      width: 549px !important;
+      height: 245px !important;
+      .ant-modal-body {
+        padding: 0 !important;
+        width: 549px !important;
+        height: 245px !important;
+        .con {
+          // background-color: #bfa;
+          width: 100%;
+          height: 100%;
+
+          .header {
+            width: 100%;
+            display: flex;
+            height: 68px;
+            position: relative;
+            justify-content: center;
+
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+            .inhe {
+              width: 80%;
+              height: 100%;
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              .mod {
+                left: 30px;
+                top: 27px;
+                position: absolute;
+                width: 18px;
+                height: 17px;
+                background-image: url(../../assets/images/leveladd/mod.png);
+              }
+              .tz {
+                color: #000000;
+                font-weight: 400;
+                font-size: 16px;
+              }
+              .mg {
+                width: 20px;
+                height: 20px;
+                background-image: url(../../assets/images/basicinfo/close22.png);
+                background-size: 100% 100%;
+                cursor: pointer;
+              }
+            }
+          }
+          .mid {
+            width: 100%;
+            display: flex;
+            height: 100%;
+            justify-content: center;
+            .inher {
+              width: 80%;
+              height: 100%;
+              .cur {
+                color: #6f6f6f;
+                font-size: 14px;
+              }
+              .select {
+                margin-top: 10px;
+              }
+              .btn {
+                width: 100%;
+                display: flex;
+                justify-content: center;
+                margin-top: 30px;
+                .sameb {
+                  width: 100px;
+                  height: 40px;
+                  font-size: 14px;
+
+                  border-radius: 8px;
+                }
+                .btn1 {
+                  color: #4ea6ff;
+                  background: #ffffff;
+                  border: 1px solid #4ea6ff;
+                }
+                .btn2 {
+                  margin-left: 16px;
+                  border: 0;
+                  color: #ffffff;
+                  background: #4ea6ff;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 .clearfix:after,
 .clearfix:before {
   content: " ";

src/views/projectcenter/TaskAdd.vue

@@ -53,13 +53,12 @@
         <div class="filt">
           <div class="le">
             <div class="leftimg">
-              <img
+              <img class="img" :src="picUrl" />
-                class="img"
-                src="../../assets/images/projectadd/picture.png"
-              />
             </div>
             <div class="imgfor">
-              <div class="forz" style="font-weight: 700">管理者进阶-腾飞班</div>
+              <div class="forz" style="font-weight: 700">
+                {{ projectTitle }}
+              </div>
             </div>
           </div>
           <div class="rightt">
@@ -105,7 +104,8 @@
               v-model:projectId="projectId"
               v-model:chooseStageId="chooseStageId"
               v-model:projectTaskId="projectTaskId"
-              v-model:EditOnlineId = "EditOnlineId"/>
+              v-model:EditOnlineId="EditOnlineId"
+            />
           </div>
           <!-- 添加在线侧弹窗 -->
           <div class="lin"></div>
@@ -119,7 +119,8 @@
           </div>
           <!-- 添加面授侧弹窗 -->
           <div>
-            <add-faceteach v-model:addfaceteachVisible="addfaceteachvisible" 
+            <add-faceteach
+              v-model:addfaceteachVisible="addfaceteachvisible"
               v-model:EditEvalId="EditEvalId"
             />
           </div>
@@ -135,14 +136,16 @@
           </div>
           <!-- 添加案例侧弹窗 -->
           <div>
-            <add-case v-model:addcaseVisible="addcasevisible"
+            <add-case
+              v-model:addcaseVisible="addcasevisible"
               @changeData="updateTableData"
               :isLevel="isLevel"
               v-model:edit="edit"
               v-model:projectId="projectId"
               v-model:chooseStageId="chooseStageId"
               v-model:projectTaskId="projectTaskId"
-              v-model:EditCaseId="EditCaseId" />
+              v-model:EditCaseId="EditCaseId"
+            />
           </div>
           <!-- 添加案例侧弹窗 -->
           <div class="lin"></div>
@@ -1037,6 +1040,8 @@ export default {
       //阶段数据
       level: [],
 
+      projectTitle: null,
+      picUrl: null,
       //任务数据
       tableData: [],
       drawertableData: [
@@ -1251,7 +1256,7 @@ export default {
           tit: value.name,
           name: value.remark,
           taskList: value.taskList,
-          value: value.name,
+          value: value.stageId,
           label: value.name,
         };
         array.push(obj);
@@ -1400,6 +1405,8 @@ export default {
           if (res.status == 200) {
             console.log("22222", res.data.data.stageList);
             // console.log("22222", res.data.data.stageList);
+            state.projectTitle = res.data.data.projectInfo.name;
+            state.picUrl = res.data.data.projectInfo.picUrl;
             let leng = res.data.data.stageList.length;
             if (leng > 0) {
               // let stage = localStorage.getItem("stageId")
@@ -1643,12 +1650,12 @@ export default {
       state.projectTaskId = eleId;
     };
     const showDrawerAddInvist = (id, eleId) => {
-      console.log(id, eleId, '213312');
+      console.log(id, eleId, "213312");
       state.addinvistvisible = true;
       state.projectTaskId = eleId;
     };
     const showDrawerAddVote = (id, eleId) => {
-      console.log(id, eleId, '95835325932953295325');
+      console.log(id, eleId, "95835325932953295325");
       state.addvotevisible = true;
       state.EditVoteId = id;
       state.projectTaskId = eleId;

src/views/projectcenter/TaskPage.vue

@@ -3,12 +3,12 @@
   <div class="taskpage">
     <div class="addhead" style="flex-shrink: 0">
       <div class="leftimg">
-        <img class="img" src="../../assets/images/projectadd/picture.png" />
+        <img class="img" :src="picUrl" />
       </div>
       <div class="imgfor">
-        <div class="forz">管理者进阶-腾飞班</div>
+        <div class="forz">{{ name }}</div>
-        <div class="fort">项目经理：黄华、刘俊</div>
+        <div class="fort">项目经理：{{ manager }}</div>
-        <div class="fort">起止时间：2022-07-21 00:00至2022-10-21 00:00</div>
+        <div class="fort">起止时间：{{ startTime }}至{{ endTime }}</div>
       </div>
       <div class="right">
         <img class="img1" src="../../assets/images/leveladd/ma.png" />
@@ -2973,8 +2973,8 @@ export default {
       }).then((res) => {
         console.log("get task", res.data.data);
         let info = res.data.data.projectInfo;
-        let start = toDate(info.beginTime / 1000, "Y-M-D");
+        let start = toDate(info.beginTime / 1000, "Y-M-D h:m");
-        let end = toDate(info.endTime / 1000, "Y-M-D");
+        let end = toDate(info.endTime / 1000, "Y-M-D h:m");
         state.parentId = info.parentId;
         state.name = info.name;
         state.startTime = start;