合并

src/api/index.js

@@ -58,7 +58,11 @@ export const releaseProject=(obj)=>http.post('/admin/project/publish',obj)
 //获取项目学员
 export const projectStudent=(obj)=>http.post('/admin/project/studentList',obj)
 //撤回发布、结束
-export const handleProject=(obj)=>http.post('/admin/project/handle',obj)
+export const handleProject = (obj) => http.post('/admin/project/handle', obj)
+
+//获取任务管理列表
+export const taskStudentList = (obj) => http.post('/admin/project/taskStudentList', obj)
+
 
 
 

src/api/indexLearningPath.js

@@ -0,0 +1,4 @@
+import http from "./config";
+
+// 获取路径图概览
+export const getRouterOverview = (routerId) => http.get(`/admin/router/overview?routerId=${routerId}`)

src/components/drawers/AddVote.vue

@@ -27,7 +27,7 @@
                   alt=""
                 />
               </div>
-              <span style="margin-right: 3px">投票名称：</span>
+              <span style="margin-right: 3px">任务名称：</span>
             </div>
             <div class="btnbox">
               <a-input

src/components/drawers/CreVote.vue

@@ -36,6 +36,10 @@
           <button class="cjtpbtn" @click="addQue()">创建题干</button>
         </div>
         <div class="queBox" v-for="(q, index) in questions" :key="index">
+          <div class="delBtn" v-if="questions.length > 1">
+            <img src="@/assets/images/projectadd/delete.png" alt="" />
+            <div class="btnText">删除题干</div>
+          </div>
           <div class="main_item">
             <div class="signbox">
               <div class="sign">
@@ -44,7 +48,9 @@
                   alt=""
                 />
               </div>
-              <span style="margin-right: 3px">题干</span>
+              <span style="margin-right: 3px"
+                >{{ q.stemTit }}{{ index + 1 }}</span
+              >
             </div>
             <div class="btnbox">
               <a-input
@@ -55,7 +61,7 @@
             </div>
           </div>
           <div class="option" v-for="(o, index) in q.options" :key="index">
-            <div class="main_item">
+            <div class="mainoptions">
               <div class="signbox">
                 <div class="sign">
                   <img
@@ -63,24 +69,29 @@
                     alt=""
                   />
                 </div>
-                <span style="margin-right: 3px">{{ o.title }}</span>
+                <span style="margin-right: 3px">{{ o.title }}{{index+1}}</span>
               </div>
-              <div class="btnbox">
+              <div class="optionbox">
-                <a-input
+                <div class="btnbox">
-                  v-model:value="o.opvalue"
+                  <a-input
-                  style="width: 424px; height: 32px"
+                    v-model:value="o.opvalue"
-                />
+                    style="width: 424px; height: 32px"
-                <a-button v-if="o.opvalue == ''" type="link"
+                  />
-                  >+ 上传图片</a-button
+                  <button v-if="q.options.length > 2" class="delbtn" :key="index" @click="delOpt(q.options)">
-                >
+                    删除
-                <a-button v-else type="link">删除</a-button>
+                  </button>
+                </div>
+                <a-button type="link">+ 上传图片</a-button>
+                <!-- <input class="file-upload" type="file" accept="image/*" name="picture"/> -->
               </div>
             </div>
           </div>
           <div class="main_item">
             <div class="signbox"></div>
-            <div class="btnbox" @click="addOpt(q.options)">
+            <div class="btnbox">
-              <div class="tjxxbtn"><div class="btntext">添加选项</div></div>
+              <div class="tjxxbtn" @click="addOpt(q.options)">
+                <div class="btntext">添加选项</div>
+              </div>
             </div>
           </div>
         </div>
@@ -112,14 +123,15 @@ export default {
       creVote: true,
       questions: [
         {
+          stemTit: "题干",
           inputV: "",
           options: [
             {
-              title: "选项1",
+              title: "选项",
               opvalue: "",
             },
             {
-              title: "选项2",
+              title: "选项",
               opvalue: "",
             },
           ],
@@ -129,14 +141,15 @@ export default {
 
     const addQue = () => {
       state.questions.push({
+        stemTit: "题干",
         inputV: "",
         options: [
           {
-            title: "选项1",
+            title: "选项",
             opvalue: "",
           },
           {
-            title: "选项2",
+            title: "选项",
             opvalue: "",
           },
         ],
@@ -145,10 +158,16 @@ export default {
     const addOpt = (value) => {
       console.log(value);
       value.push({
-        title: "选项" + (value.length + 1 * 1),
+        // title: "选项" + (value.length + 1 * 1),
+        title: "选项",
         opvalue: "",
       });
     };
+    const delOpt = (value) => {
+      console.log('gys', value);
+      // delete value[0]
+      value.pop()
+    }
 
     const closeDrawer = () => {
       ctx.emit("update:crevoteVisible", false);
@@ -171,7 +190,7 @@ export default {
       //   message.destroy();
       //   return message.info("请输入选项");
       // }
-      console.log('111111',state.questions);
+      console.log("111111", state.questions);
       // console.log('22222',state.questions.inputV);
       // console.log('333333',state.questions.options);
       let obj = [
@@ -207,11 +226,11 @@ export default {
           // console.log('res.data.data[0].voteStemId',res.data.data[0].voteStemId);
           // console.log('state.questions[0].inputV',state.questions[0].inputV);
           message.success("创建成功");
-        //获取题干信息
+          //获取题干信息
           let objstem = {
             stemId: res.data.data[0].ascriptionId,
             ascriptionId: res.data.data[0].voteStemId,
-          }
+          };
           api
             .queryStemByStemId(objstem)
             .then((res) => {
@@ -240,6 +259,7 @@ export default {
       closeDrawer,
       addQue,
       addOpt,
+      delOpt,
       createQueTit,
     };
   },
@@ -291,6 +311,7 @@ export default {
           display: flex;
           justify-content: end;
           align-items: center;
+          margin-right: 5px;
           .sign {
             margin-right: 5px;
           }
@@ -299,24 +320,9 @@ export default {
           display: flex;
           flex: 1;
           align-items: center;
-          .tjxxbtn {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            cursor: pointer;
-            width: 130px;
-            height: 40px;
-            background: #388be1;
-            border-radius: 8px;
-            border: 0;
-            margin-right: 8px;
-            .btntext {
-              color: #fff;
-            }
-          }
         }
       }
-      .main_item2 {
+      .mainoptions {
         display: flex;
         align-items: flex-start;
         margin-bottom: 32px;
@@ -325,43 +331,128 @@ export default {
           display: flex;
           justify-content: end;
           align-items: center;
+          padding-top: 5px;
+          margin-right: 5px;
           .sign {
             margin-right: 5px;
           }
         }
-        .kqszbox {
+        .optionbox {
-          .qdqtbox {
+          .btnbox {
-            margin-left: 56px;
-          }
-          .setbox {
             display: flex;
-            flex-wrap: wrap;
+            align-items: center;
-            margin-top: 10px;
+          }
-            margin-bottom: 24px;
+          .delbtn {
-            .timerbox {
+            border: none;
-              margin-top: 6px;
+            color: #4ea6ff;
-              margin-right: 32px;
+            background-color: #fff;
+            cursor: pointer;
+          }
+        }
+      }
+      .queBox {
+        border: 1px solid #e8e8e8;
+        box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+        padding-top: 30px;
+        margin-bottom: 30px;
+        .delBtn {
+          width: 130px;
+          height: 40px;
+          border: 1px solid #4ea6ff;
+          border-radius: 8px;
+          color: #4ea6ff;
+          background-color: #fff;
+          cursor: pointer;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-left: 20px;
+          margin-bottom: 20px;
+          img {
+            margin-right: 10px;
+          }
+        }
+        .main_item {
+          display: flex;
+          align-items: center;
+          margin-bottom: 32px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
+            .sign {
+              margin-right: 5px;
+            }
+          }
+          .btnbox {
+            display: flex;
+            flex: 1;
+            align-items: center;
+            .tjxxbtn {
               display: flex;
               align-items: center;
-              flex-wrap: nowrap;
+              justify-content: center;
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 8px;
+              .btntext {
+                color: #fff;
+              }
             }
           }
         }
-        .btnbox2 {
+        .main_item2 {
           display: flex;
-          flex-direction: column;
+          align-items: flex-start;
-          justify-content: flex-start;
+          margin-bottom: 32px;
-          .xkbtn {
+          .signbox {
-            cursor: pointer;
+            width: 120px;
-            width: 130px;
+            display: flex;
-            height: 40px;
+            justify-content: end;
-            background: #388be1;
+            align-items: center;
-            border-radius: 8px;
+            .sign {
-            border: 0;
+              margin-right: 5px;
-            margin-right: 16px 8px 32px 0;
+            }
-            color: #fff;
+          }
-            margin-top: 16px;
+          .kqszbox {
-            margin-bottom: 60px;
+            .qdqtbox {
+              margin-left: 56px;
+            }
+            .setbox {
+              display: flex;
+              flex-wrap: wrap;
+              margin-top: 10px;
+              margin-bottom: 24px;
+              .timerbox {
+                margin-top: 6px;
+                margin-right: 32px;
+                display: flex;
+                align-items: center;
+                flex-wrap: nowrap;
+              }
+            }
+          }
+          .btnbox2 {
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 16px 8px 32px 0;
+              color: #fff;
+              margin-top: 16px;
+              margin-bottom: 60px;
+            }
           }
         }
       }

src/components/drawers/FaceManage.vue

@@ -149,6 +149,7 @@
 <script>
 import { toRefs, reactive, onMounted, onUnmounted } from "vue";
 import EntryScores from "./EntryScores.vue";
+import * as api from "../../api/index";
 export default {
   name: "FaceManage",
   components: { EntryScores },
@@ -157,6 +158,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    ProjectTaskId: {
+      type: Number,
+      default: null,
+    },
   },
 
   setup(props, ctx) {
@@ -359,8 +364,33 @@ export default {
     const showopen = () => {
       state.open = true;
     };
+
+    //获取任务管理列表
+    const getManageList = () => {
+      let obj = {
+        name: "",
+        pageNo: 0,
+        pageSize: 0,
+        projectTaskId: props.ProjectTaskId,
+        status: 0,
+      };
+      console.log('9999999999999',obj.projectTaskId);
+      api
+        .taskStudentList(obj)
+        .then((res) => {
+          console.log('获取任务管理列表成功', res);
+          
+        })
+        .catch((err) => {
+        console.log("获取任务列表失败",err)
+      })
+    };
+
     let timer;
     onMounted(() => {
+      setTimeout(() => {
+        getManageList()
+      },1000)
       timer = setInterval(() => {
         state.open = false;
       }, 3000);
@@ -380,6 +410,7 @@ export default {
       showdoneModal,
       closedoneModal,
       showopen,
+      getManageList,
     };
   },
 };

src/components/drawers/TestManage.vue

@@ -119,6 +119,10 @@ export default {
       type: String,
       default: "",
     },
+    projectTaskId: {
+      type: Number,
+      default: null,
+    }
   },
 
   setup(props, ctx) {

src/components/drawers/TimeManage.vue

@@ -115,6 +115,10 @@ export default {
       type: String,
       default: "",
     },
+    projectTaskId: {
+      type: Number,
+      default: null,
+    }
   },
 
   setup(props, ctx) {

src/components/drawers/WorkManage.vue

@@ -134,6 +134,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    projectTaskId: {
+      type: Number,
+      default: null,
+    }
   },
 
   setup(props, ctx) {

src/views/learningpath/LevelAdd.vue

@@ -116,43 +116,48 @@
             <div class="onerow"><div class="taskmain">项目概览</div></div>
             <div class="second" style="margin-top: 0">
               <div class="nubbox">
-                <span class="nub1">200</span>
+                <span class="nub1">{{routerInfoOverview.totalStudentCnt}}</span>
                 <div class="nub2">总人数</div>
               </div>
               <div class="nubbox">
-                <span class="nub1" style="color: #ff90ae">15</span>
+                <span class="nub1" style="color: #ff90ae">{{routerInfoOverview.studyStudentCnt}}</span>
-                <div class="nub2">必修课</div>
+                <div class="nub2">学习人数</div>
               </div>
               <div class="nubbox">
-                <span class="nub1" style="color: #a497ff">15</span>
+                <span class="nub1" style="color: #a497ff">{{routerInfoOverview.completeStudentCnt}}</span>
-                <div class="nub2">选修课</div>
+                <div class="nub2">完成人数</div>
               </div>
               <div class="nubbox">
                 <div>
-                  <span class="nub1" style="color: #5dc988">50</span
+                  <span class="nub1" style="color: #5dc988">{{routerInfoOverview.onlineCourseCnt}}</span
                   ><span style="color: #5dc988; font-size: 14px">%</span>
                 </div>
-                <div class="nub2">完成率</div>
+                <div class="nub2">在线课程数</div>
               </div>
               <div class="nubbox">
                 <div>
-                  <span class="nub1" style="color: #ff90ae">30</span
+                  <span class="nub1" style="color: #ff90ae">{{routerInfoOverview.offLineCourseCnt}}</span
                   ><span style="color: #ff90ae; font-size: 14px">%</span>
                 </div>
-                <div class="nub2">必修完成率</div>
+                <div class="nub2">面授课程数</div>
               </div>
               <div class="nubbox">
                 <div>
-                  <span class="nub1" style="color: #a497ff">30</span
+                  <span class="nub1" style="color: #a497ff">{{routerInfoOverview.completeRatio}}</span
                   ><span style="color: #a497ff; font-size: 14px">%</span>
                 </div>
-                <div class="nub2">选修完成率</div>
+                <div class="nub2">总完成率</div>
               </div>
             </div>
             <div class="onerow"><div class="taskmain">阶段信息</div></div>
             <div class="stagemess">
-              <div class="stage1">阶段1</div>
+              <div v-for="item in stageList" 
-              <div class="stage2">阶段2</div>
+              :class= "{ 'stage1': item.stageId == choosedStageId, 'stage2': item.stageId != choosedStageId }"
+              :key="item.stageId" @click="choosedStageId = item.stageId">
+              {{item.stage}}
+            </div>
+              <!-- <div class="stage1">阶段1</div>
+              <div class="stage2">阶段2</div> -->
             </div>
             <div class="stagesecond">
               <div class="staname">阶段名称：</div>
@@ -163,7 +168,7 @@
                 <a-progress
                   type="dashboard"
                   gapDegree="0"
-                  :percent="50"
+                  :percent="chapterOverviewList.completeCourseRatio"
                   :width="140"
                 />
                 <div class="protext">课程完成率</div>
@@ -172,7 +177,7 @@
                 <a-progress
                   type="dashboard"
                   gapDegree="0"
-                  :percent="50"
+                  :percent="chapterOverviewList.completeExamRatio"
                   :width="140"
                 />
                 <div class="protext">考试通过率</div>
@@ -181,26 +186,26 @@
                 <a-progress
                   type="dashboard"
                   gapDegree="0"
-                  :percent="50"
+                  :percent="chapterOverviewList.completeRatio"
                   :width="140"
                 />
-                <div class="protext">作业合格率</div>
+                <div class="protext">作业完成率</div>
               </div>
               <div class="proright">
-                <div class="pronub" style="margin-left: 280px">10</div>
+                <div class="pronub" style="margin-left: 280px">{{chapterOverviewList.totalTaskCnt}}</div>
                 <div class="proright1">
-                  <span class="textpro">阶段任务总数</span>
+                  <span class="textpro">关卡任务总数</span>
-                  <a-progress :percent="50" style="width: 369px" />
+                  <a-progress :percent="chapterOverviewList.totalTaskCnt" style="width: 369px" />
                 </div>
-                <div class="pronub" style="margin-left: 206px">5</div>
+                <div class="pronub" style="margin-left: 206px">{{chapterOverviewList.totalReqCnt}}</div>
                 <div class="proright1">
                   <span class="textpro">必修课</span>
-                  <a-progress :percent="25" style="width: 369px" />
+                  <a-progress :percent="chapterOverviewList.totalReqCnt" style="width: 369px" />
                 </div>
-                <div class="pronub" style="margin-left: 142px">1</div>
+                <div class="pronub" style="margin-left: 142px">{{chapterOverviewList.totalOptCnt}}</div>
                 <div class="proright1">
                   <span class="textpro">选修课</span>
-                  <a-progress :percent="5" style="width: 369px" />
+                  <a-progress :percent="chapterOverviewList.totalOptCnt" style="width: 369px" />
                 </div>
               </div>
             </div>
@@ -301,11 +306,11 @@
                 <a-collapse-panel
                   v-for="(value, index) in taskSyllabus"
                   :key="index"
-                  :header="value.text"
+                  :header="value.name"
                 >
                   <div
                     class="course"
-                    v-for="(item, key) in value.children"
+                    v-for="(item, key) in value.taskList"
                     :key="key"
                   >
                     <!-- :style="{width:item.course==='在线'?'28px':
@@ -323,29 +328,29 @@
                         >
                           <img
                             :src="
-                              item.course === '在线'
+                              item.type === 1
                                 ? require('../../assets/images/leveladd/zai.png')
-                                : item.course === '面授'
+                                : type === 2
                                 ? require('../../assets/images/leveladd/mian.png')
-                                : item.course === '案例'
+                                : item.type === 3
                                 ? require('../../assets/images/leveladd/an.png')
-                                : item.course === '作业'
+                                : item.type === 4
                                 ? require('../../assets/images/leveladd/zuo.png')
-                                : item.course === '考试'
+                                : item.type === 5
                                 ? require('../../assets/images/leveladd/kao.png')
-                                : item.course === '直播'
+                                : item.type === 6
                                 ? require('../../assets/images/leveladd/zhi.png')
-                                : item.course === '外链'
+                                : item.type === 7
                                 ? require('../../assets/images/leveladd/wai.png')
-                                : item.course === '讨论'
+                                : item.type === 8
                                 ? require('../../assets/images/leveladd/tao.png')
-                                : item.course === '活动'
+                                : item.type === 9
                                 ? require('../../assets/images/leveladd/huo.png')
-                                : item.course === '测评'
+                                : item.type === 10
                                 ? require('../../assets/images/leveladd/ce.png')
-                                : item.course === '评估'
+                                : item.type === 11
                                 ? require('../../assets/images/leveladd/diao.png')
-                                : item.course === '投票'
+                                : item.type === 12
                                 ? require('../../assets/images/leveladd/tou.png')
                                 : null
                             "
@@ -353,17 +358,17 @@
                         </div>
                       </div>
                       <div>
-                        <div class="iconame">「{{ item.course }}」</div>
+                        <div class="iconame">「{{checkType(item.type)}}」</div>
                         <div class="icontext">{{ item.name }}</div>
                       </div>
                     </div>
                     <div class="type">
                       <div
                         :class="
-                          item.classify == '必修' ? 'typename1' : 'typename'
+                          item.flag ? 'typename1' : 'typename'
                         "
                       >
-                        {{ item.classify }}
+                        {{ item.flag ? "必修" : "选修" }}
                       </div>
                     </div>
                     <div class="time">
@@ -548,165 +553,213 @@
         </a-tab-pane>
         <a-tab-pane key="4" tab="设置">
           <div class="split"></div>
-          <div class="sametab">
+
-            <div class="Gcon">
+          <a-tabs>
-              <div class="pad"></div>
+            <a-tab-pane key="1" tab="基本信息">
-              <div class="Gin">
+            <div class="sametab">
-                <div class="headone">
+              <div class="Gcon">
-                  <div class="box"></div>
+                <div class="pad"></div>
-                  <div class="onetitle">关卡内容可见可学设置</div>
+                <div class="Gin">
-                  <div class="oneedi" @click="showbtn" v-show="twobtn">
+                  <div class="headone">
-                    编辑
+                    <div class="box"></div>
-                  </div>
+                    <div class="onetitle">关卡内容可见可学设置</div>
-                  <div v-show="twobtnn" class="twobtn">
+                    <div class="oneedi" @click="showbtn" v-show="twobtn">
-                    <div class="btnone" @click="closebtn">取消</div>
+                      编辑
-                    <div class="btntwo" @click="closebtn">确定</div>
+                    </div>
-                  </div>
+                    <div v-show="twobtnn" class="twobtn">
-                </div>
+                      <div class="btnone" @click="closebtn">取消</div>
-                <div class="onemain clearfix">
+                      <div class="btntwo" @click="closebtn">确定</div>
-                  <div class="checkcon">
-                    <input
-                      type="checkbox"
-                      name="cb1"
-                      value="yulan"
-                      class="in"
-                    />
-                    <span class="yulan">预览其他关卡</span><br />
-                    <div style="width: 10px; height: 4px"></div>
-                    <div style="display: flex; align-items: center">
-                      <span class="yulan2">学员可预览第</span>
-                      <span style="color: #4ea6ff" v-show="number">1</span>
-                      <a-input-number
-                        v-model:value="nubvalue"
-                        v-show="inputbox"
-                        :controls="false"
-                        :autofocus="true"
-                        :min="1"
-                      />
-                      <span>关-第</span
-                      ><span style="color: #4ea6ff" v-show="number">4</span>
-                      <a-input-number
-                        v-model:value="nubvalue1"
-                        v-show="inputbox"
-                        :controls="false"
-                        :autofocus="true"
-                        :min="1"
-                      />
-                      <span>关内容</span>
                     </div>
                   </div>
-                  <div class="checkcon" style="margin-top: 20px">
+                  <div class="onemain clearfix">
-                    <input
+                    <div class="checkcon">
-                      type="checkbox"
+                      <input
-                      name="cb1"
+                        type="checkbox"
-                      value="xuexi"
+                        name="cb1"
-                      class="in"
+                        value="yulan"
-                    />
+                        class="in"
-                    <span class="yulan">学习其他关卡</span><br />
-                    <div style="width: 10px; height: 4px"></div>
-                    <div style="display: flex; align-items: center">
-                      <span class="yulan2">学员可预览第</span>
-                      <span style="color: #4ea6ff" v-show="number">1</span>
-                      <a-input-number
-                        v-model:value="nubvalue2"
-                        v-show="inputbox"
-                        :controls="false"
-                        :autofocus="true"
-                        :min="1"
                       />
-                      <span>关-第</span
+                      <span class="yulan">预览其他关卡</span><br />
-                      ><span style="color: #4ea6ff" v-show="number">4</span>
+                      <div style="width: 10px; height: 4px"></div>
-                      <a-input-number
+                      <div style="display: flex; align-items: center">
-                        v-model:value="nubvalue3"
+                        <span class="yulan2">学员可预览第</span>
-                        v-show="inputbox"
+                        <span style="color: #4ea6ff" v-show="number">1</span>
-                        :controls="false"
+                        <a-input-number
-                        :autofocus="true"
+                          v-model:value="nubvalue"
-                        :min="1"
+                          v-show="inputbox"
-                      />
+                          :controls="false"
-                      <span>关内容</span>
+                          :autofocus="true"
+                          :min="1"
+                        />
+                        <span>关-第</span
+                        ><span style="color: #4ea6ff" v-show="number">4</span>
+                        <a-input-number
+                          v-model:value="nubvalue1"
+                          v-show="inputbox"
+                          :controls="false"
+                          :autofocus="true"
+                          :min="1"
+                        />
+                        <span>关内容</span>
+                      </div>
                     </div>
+                    <div class="checkcon" style="margin-top: 20px">
+                      <input
+                        type="checkbox"
+                        name="cb1"
+                        value="xuexi"
+                        class="in"
+                      />
+                      <span class="yulan">学习其他关卡</span><br />
+                      <div style="width: 10px; height: 4px"></div>
+                      <div style="display: flex; align-items: center">
+                        <span class="yulan2">学员可预览第</span>
+                        <span style="color: #4ea6ff" v-show="number">1</span>
+                        <a-input-number
+                          v-model:value="nubvalue2"
+                          v-show="inputbox"
+                          :controls="false"
+                          :autofocus="true"
+                          :min="1"
+                        />
+                        <span>关-第</span
+                        ><span style="color: #4ea6ff" v-show="number">4</span>
+                        <a-input-number
+                          v-model:value="nubvalue3"
+                          v-show="inputbox"
+                          :controls="false"
+                          :autofocus="true"
+                          :min="1"
+                        />
+                        <span>关内容</span>
+                      </div>
+                    </div>
+                    <br />
                   </div>
-                  <br />
                 </div>
               </div>
-            </div>
+              <div class="Gcon">
-            <div class="Gcon">
+                <div class="pad"></div>
-              <div class="pad"></div>
+                <div class="Gin" style="margin-top: 0px">
-              <div class="Gin" style="margin-top: 0px">
+                  <div class="headone">
-                <div class="headone">
+                    <div class="box"></div>
-                  <div class="box"></div>
+                    <div class="onetitle">关卡晋级规则</div>
-                  <div class="onetitle">关卡晋级规则</div>
-                </div>
-                <div class="twomain clearfix">
-                  <a-switch
-                    size="small"
-                    v-model:checked="checked2"
-                    style="margin-top: -5px"
-                  />
-                  <span class="info">启用关卡自动规则加入</span>
-                  <div class="infor">
-                    若开启“新建/编辑关卡-添加学员”支持设定自动加入规则，将于每日8点同步数据
                   </div>
-                  <div :class="[checked2 ? 'chooseshow' : 'choo']">
+                  <div class="twomain clearfix">
-                    <div class="fane">选择范围</div>
+                    <a-switch
-                    <div class="select">
+                      size="small"
-                      <a-select
+                      v-model:checked="checked2"
-                        v-model:value="projectName"
+                      style="margin-top: -5px"
-                        style="
+                    />
-                          width: 250px;
+                    <span class="info">启用关卡自动规则加入</span>
-                          border-radius: 8px;
+                    <div class="infor">
-                          margin-top: 15px;
+                      若开启“新建/编辑关卡-添加学员”支持设定自动加入规则，将于每日8点同步数据
-                        "
-                        placeholder="请选择部门"
-                        :options="projectNameList"
-                        @change="selectProjectName3"
-                        allowClear
-                        showSearch
-                      ></a-select>
                     </div>
-                    <div class="select">
+                    <div :class="[checked2 ? 'chooseshow' : 'choo']">
-                      <a-select
+                      <div class="fane">选择范围</div>
-                        v-model:value="projectName2"
+                      <div class="select">
-                        style="
+                        <a-select
-                          width: 250px;
+                          v-model:value="projectName"
-                          border-radius: 8px;
+                          style="
-                          margin-top: 15px;
+                            width: 250px;
-                        "
+                            border-radius: 8px;
-                        placeholder="请选择岗位"
+                            margin-top: 15px;
-                        :options="projectNameList2"
+                          "
-                        @change="selectProjectName2"
+                          placeholder="请选择部门"
-                        allowClear
+                          :options="projectNameList"
-                        showSearch
+                          @change="selectProjectName3"
-                      ></a-select>
+                          allowClear
-                    </div>
+                          showSearch
-                  </div>
+                        ></a-select>
-                  <div class="btm">
-                    <div class="bmo">关卡学习方案展示设置</div>
-                    <div class="bmt">仅支持移动端</div>
-                    <div class="chosecon">
-                      <div class="chose">
-                        <input
-                          type="checkbox"
-                          name="cb1"
-                          value="lieb"
-                          class="inl"
-                        /><span class="sh">列表展示</span>
                       </div>
-                      <div class="chose" style="margin-left: 20px">
+                      <div class="select">
-                        <input
+                        <a-select
-                          type="checkbox"
+                          v-model:value="projectName2"
-                          name="cb1"
+                          style="
-                          value="lieb"
+                            width: 250px;
-                          class="inl"
+                            border-radius: 8px;
-                        /><span class="sh">路径展示</span>
+                            margin-top: 15px;
+                          "
+                          placeholder="请选择岗位"
+                          :options="projectNameList2"
+                          @change="selectProjectName2"
+                          allowClear
+                          showSearch
+                        ></a-select>
+                      </div>
+                    </div>
+                    <div class="btm">
+                      <div class="bmo">关卡学习方案展示设置</div>
+                      <div class="bmt">仅支持移动端</div>
+                      <div class="chosecon">
+                        <div class="chose">
+                          <input
+                            type="checkbox"
+                            name="cb1"
+                            value="lieb"
+                            class="inl"
+                          /><span class="sh">列表展示</span>
+                        </div>
+                        <div class="chose" style="margin-left: 20px">
+                          <input
+                            type="checkbox"
+                            name="cb1"
+                            value="lieb"
+                            class="inl"
+                          /><span class="sh">路径展示</span>
+                        </div>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
-          </div></a-tab-pane
+          </a-tab-pane>
-        >
+
+          <a-tab-pane key="2" tab="共享文档">
+            <div class="sametab">
+              <div class="Gcon">
+                <div class="pad"></div>
+                <div class="Gin">
+                  <div class="headone">
+                    <div class="box"></div>
+                    <div class="onetitle">上传共享文档</div>
+                    <div class="oneedi">
+                      <a-switch v-model:checked="docChecked" ></a-switch>
+                    </div>
+                  </div>
+                  <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>
+                  <img src="@/assets/images/basicinfo/cloud.png" style="cursor: pointer;
+                  width:34px;height:34px;
+                  " alt="">
+                </a-upload>
+                <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">
+                <img src="@/assets/images/basicinfo/download.png" style="cursor: pointer;
+                  width:40px;height:40px;margin-right:40px;
+                  " alt="">
+                <span style="font: oblique bold  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>
       <a-modal
         style="padding: 0"
@@ -883,10 +936,15 @@
       <!-- 作业管理抽屉 -->
       <work-manage v-model:Wvisible="Wvisible" />
     </div>
+    <!--  加载动画 -->
+    <div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
+      <a-spin :spinning="addLoading" tip="添加中..." />
+    </div>
   </div>
 </template>
 <script>
-import { ref, reactive, toRefs } from "vue";
+import { ref, reactive, toRefs,onMounted } from "vue";
+import { message } from "ant-design-vue";
 import AddStu from "../../components/drawers/AddLevelAddStu";
 import ImpStu from "../../components/drawers/AddLevelImportStu";
 import CheckStu from "../../components/drawers/CheckStu";
@@ -901,6 +959,9 @@ import WorkManage from "../../components/drawers/WorkManage";
 import * as api from "../../api/index1";
 import { storage } from "../../api/storage";
 
+import { getRouterOverview } from "@/api/indexLearningPath";
+import { GetRouterDetail } from "@/api/indexTask";
+
 export default {
   name: "LevelAdd",
   components: {
@@ -926,11 +987,27 @@ export default {
       AddSvisible: false, //添加学员抽屉
       AddImpStuvisible: false, //导入学员抽屉
       CheckStuvisible: false, //学员管理的查看抽屉
+      addLoading:false, // 加载动画
+      choosedStageId:1, // 选择的阶段id
       twobtn: true,
       number: true,
       twobtnn: false,
       inputbox: false,
       Wvisible: false, //作业管理
+      docList:[
+        {
+          name:'测试文档1.doc',
+          src:"",
+        },
+        {
+          name:'测试文档2.doc',
+          src:"",
+        },
+        {
+          name:'测试文档3.doc',
+          src:"",
+        }
+      ], // 共享文档列表
       huodModal: false,
       zhibModal: false,
       projectNameListt: [
@@ -1009,8 +1086,8 @@ export default {
       //任务大纲列表
       taskSyllabus: [
         {
-          text: "关卡1  初级产品经理",
+          name: "关卡1  初级产品经理",
-          children: [
+          taskList: [
             {
               course: "在线",
               name: "时间管理",
@@ -1068,8 +1145,8 @@ export default {
           ],
         },
         {
-          text: "关卡2  中级产品经理",
+          name: "关卡2  中级产品经理",
-          children: [
+          taskList: [
             {
               course: "讨论",
               name: "时间管理",
@@ -1115,7 +1192,9 @@ export default {
       nubvalue2: ref("1"),
       nubvalue3: ref("4"),
       nubvalue1: ref("4"),
+      fileList:ref([]),
       checked2: false,
+      docChecked:true,
       currentPage: 1,
       tableDataTotal: 100,
       pageSize: 10,
@@ -1238,6 +1317,36 @@ export default {
         },
       ],
     });
+
+    const levelList = reactive({
+      routerInfoOverview:{ // 路径图整体数据概览
+        totalStudentCnt:0,
+        studyStudentCnt:0,
+        completeStudentCnt:0,
+        onlineCourseCnt:0,
+        offLineCourseCnt:0,
+        completeRatio:0,
+      },
+      chapterOverviewList:{ // 路径图阶段数据概览
+        completeCourseRatio:0,
+        completeExamRatio:0,
+        completeRatio:0,
+        totalTaskCnt:0,
+        totalReqCnt:0,
+        totalOptCnt:0,
+      },
+      stageList: [ // 阶段列表
+        {
+          stageId:1,
+          stage:"阶段一"
+        },
+        {
+          stageId:2,
+          stage:"阶段二"
+        }
+      ]
+    })
+
     // console.log("store", state.routerId);
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
@@ -1451,6 +1560,9 @@ export default {
 
     const changeTabs = (e) => {
       console.log("切换tabs", e, state.routerId);
+      if(e == 2) {
+        myGetRouterDetail()
+      }
       //学员管理
       if (e == 3) {
         getStudent();
@@ -1474,9 +1586,87 @@ export default {
         });
     };
 
+    
+  const checkType = (type) => {
+    let typeRules = [
+        "",
+        "在线",
+        "面授",
+        "案例",
+        "作业",
+        "考试",
+        "直播",
+        "外链",
+        "讨论",
+        "活动",
+        "测评",
+        "评估",
+        "投票",
+      ];
+      return typeRules[type];
+  }
+
     //学员管理------------------------------------------------
+
+    onMounted(() => {
+      state.addLoading = true;
+      getOverview()
+    })
+
+    // 获取项目概览
+    const getOverview = () =>{
+      getRouterOverview(state.routerId).then((res) => {
+        Object.keys(res.data.data.routerInfoOverview).forEach(item => {
+          levelList.routerInfoOverview[item] = res.data.data.routerInfoOverview[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)
+      }).catch(err => {
+        state.addLoading = false;
+        message.error("概览获取失败")
+        console.log("获取失败"+err)
+      })
+    }
+    // 获取路径列表
+    const myGetRouterDetail = () => {
+      GetRouterDetail(state.routerId).then(res => {
+        let data = res.data.data.chapterList
+        // state.taskSyllabus = data
+        for(let i in data) {
+          state.taskSyllabus[i].name = data[i].name
+          for(let j in data[i].taskList) {
+            Object.keys(data[i].taskList[j]).forEach(item => {
+            state.taskSyllabus[i].taskList[j][item] = data[i].taskList[j][item] || 0
+        })
+          }
+        }
+      }).catch(err => {
+        message.error('获取路径列表失败'+err);
+      })
+
+    }
+
+    const handleChange = (info) => {
+      if (info.file.status !== "uploading") {
+        console.log(info.file, info.fileList);
+      }
+
+      if (info.file.status === "done") {
+        message.success(`${info.file.name} 文件上传成功`);
+      } else if (info.file.status === "error") {
+        message.error(`${info.file.name} 文件上传失败.`);
+      }
+    };
+
     return {
       ...toRefs(state),
+      ...toRefs(levelList),
       selectProjectName,
       selectProjectName2,
       selectProjectName3,
@@ -1505,6 +1695,8 @@ export default {
       closehuodModal,
       closezhibModal,
       changeTabs,
+      checkType,
+      handleChange
     };
   },
 };
@@ -1590,6 +1782,11 @@ export default {
                 color: #666666;
               }
             }
+            .docListStyle {
+              display: flex;
+              width: 300px !important;
+              justify-content: space-around;
+            }
             .del_btnbox {
               display: flex;
               margin: 30px auto;

src/views/projectcenter/TaskPage.vue

@@ -408,9 +408,9 @@
                             ? showTime(item.course, item.name)
                             : item.type == '5' || item.type == '10'
                             ? showTest(item.course, item.name)
-                            : item.type == '面授'
+                            : item.type == '2'
                             ? showFace(item.course)
-                            : item.type == '作业'
+                            : item.type == '4'
                             ? showWork(item.course)
                             : null
                         "
@@ -905,9 +905,16 @@
       </a-tabs>
     </div>
     <!-- 时间管理抽屉 -->
-    <time-manage v-model:Tvisible="visible" :title="showTimeText" />
+    <time-manage
+      v-model:Tvisible="visible"
+      :title="showTimeText"
+      v-model:ProjectTaskId="projectTaskId"
+    />
     <!-- 面授管理抽屉 -->
-    <face-manage v-model:Fvisible="FaceVisivle" />
+    <face-manage
+      v-model:Fvisible="FaceVisivle"
+      v-model:ProjectTaskId="projectTaskId"
+    />
     <!-- 学员（小组管理）创建小组抽屉 -->
     <subset-manage v-model:Svisible="subsetVisivle" />
     <!-- 学员管理-添加学员抽屉 -->
@@ -925,9 +932,16 @@
     <!-- 活动考勤抽屉 -->
     <active-attendance v-model:AAvisible="AAvisible" :title="showkaoqinText" />
     <!-- 作业管理抽屉 -->
-    <work-manage v-model:Wvisible="Wvisible" />
+    <work-manage
+      v-model:Wvisible="Wvisible"
+      v-model:ProjectTaskId="projectTaskId"
+    />
     <!-- 考试管理抽屉 -->
-    <test-manage v-model:TMvisible="TMvisible" :title="showTestText" />
+    <test-manage
+      v-model:TMvisible="TMvisible"
+      :title="showTestText"
+      v-model:ProjectTaskId="projectTaskId"
+    />
     <!-- 批量面授报名 -->
     <task-imp-stu v-model:TaskFaceImpStuvisible="TaskFaceImpStuvisible" />
 
@@ -1468,6 +1482,7 @@ export default {
       selectedRowKeys: [], //选择的学员
       selectedRows: [], //选择的学员的id值
       chooseDeleteOne: [], //删除的单个学员id
+      projectTaskId: "", //项目任务id
       //进度排行学员
       rankjindu: [{ value: "学员", label: "学员" }],
       valuestu1: "学员",
@@ -2017,12 +2032,19 @@ export default {
           if (res.status == 200) {
             console.log("res", res);
             console.log("阶段列表", res.data.data.stageList);
+            console.log(
+              "任务id",
+              res.data.data.stageList[0].taskList[0].projectTaskId
+            );
+            //taskList[num] num应该是点那个就是那个数
+            state.projectTaskId =
+              res.data.data.stageList[0].taskList[0].projectTaskId;
             let leng = res.data.data.stageList.length;
             if (leng > 0) {
               //获取任务列表 阶段
               let taskarr = res.data.data.stageList;
               state.taskSyllabus = taskarr;
-              console.log(res.data.data.stageList[0].taskList[0].type, "ggg");
+              // console.log(res.data.data.stageList[0].taskList[0].type, "ggg");
             }
           }
         })
@@ -2558,7 +2580,7 @@ export default {
       let array = [];
       data.map((value) => {
         let obj = {
-          key:value.studentId,
+          key: value.studentId,
           projectId: value.projectId, //项目id
           groupId: value.groupId, //小组id
           group: value.groupName, //小组名
@@ -2669,7 +2691,7 @@ export default {
         (state.valuestugroup = null),
         (state.valuestub = null),
         (state.valuegood = null);
-        getStu()
+      getStu();
     };
     //获取学员列表
     const getStu = (obj) => {