feat:学习路径展示在线 案例抽屉 项目抽屉接口仿写（表格选项有问题）面授管理改了一点

src/components/drawers/FaceManage.vue

@@ -8,7 +8,7 @@
   >
     <div class="drawerMain">
       <div class="header">
-        <div class="headerTitle">【面授】管理</div>
+        <div class="headerTitle">【{{title}}】管理</div>
         <img
           style="width: 29px; height: 29px; cursor: pointer"
           src="../../assets/images/basicinfo/close.png"
@@ -71,7 +71,6 @@
             <div class="wz">导出数据</div>
           </div>
           <div class="btn btn2">
-            <div class="img2"></div>
             <div class="wz">导出作业</div>
           </div>
         </div>
@@ -166,6 +165,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    title: {
+      type: String,
+      default: "",
+    },
     projectTaskId: {
       type: Number,
       default: null,
@@ -203,16 +206,7 @@ export default {
           label: "已完成",
         },
       ],
-      tabledata: [
+      tabledata: [],
-        // {
-        //   key: 1,
-        //   name: "哈哈",
-        //   bum: "产品部",
-        //   gangw: "产品经理",
-        //   score: "-",
-        //   state: "未完成",
-        // },
-      ],
       tablecolumns: [
         {
           title: "姓名",
@@ -254,8 +248,53 @@ export default {
           align: "center",
           className: "h",
         },
+        {
+          title: "操作",
+          dataIndex: "operation",
+          key: "operation",
+          width: 100,
+          align: "center",
+          className: "h",
+        },
       ],
     });
+    //面授直播管理列表操作
+    const ListOpera = () => {
+      let arr = state.tabledata;
+      console.log(arr,'-=-=-=-=-=-=-=-=--=-==----=-=-=-');
+      arr.map((value) => {
+        value.operation = (
+          <div
+            style={{
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+            }}
+          >
+            <div
+              class="studentopea1"
+              onClick={() => {
+                console.log('---------')
+              }}
+            >  
+              查看作业
+            </div>
+
+            <div
+              class="studentopea2"
+              onClick={() => {
+                console.log( "--------");
+              }}
+            >
+              查看答卷
+            </div>
+          </div>
+        );
+      });
+      state.tabledata = arr;
+      console.log(state.tabledata,'++++++++++++-------------+++++++++-----------+++++++++++++++');
+    };
+    ListOpera();
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
       state.projectName = value;
@@ -383,6 +422,7 @@ export default {
       onSelectChange,
       showModal,
       closeModal,
+      ListOpera, //渲染列表操作
       showEntryScore,
       showdoneModal,
       closedoneModal,

src/components/drawers/WorkManage.vue

@@ -8,7 +8,7 @@
   >
     <div class="drawerMain">
       <div class="header">
-        <div class="headerTitle">【作业】管理</div>
+        <div class="headerTitle">【{{title}}】管理</div>
         <img
           style="width: 29px; height: 29px; cursor: pointer"
           src="../../assets/images/basicinfo/close.png"
@@ -142,6 +142,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    title: {
+      type: String,
+      default: "",
+    },
     projectTaskId: {
       type: Number,
       default: null,

src/views/learningpath/LevelAddDetail.vue

@@ -107,7 +107,6 @@
             <div class="items2">
               <div class="nname">{{ item.name }}</div>
             </div>
-           
           </div> -->
         </div>
       </div>
@@ -206,7 +205,7 @@
       </div>
       <div class="mid">
         <div class="item">
-          <div class="itcon">
+          <div class="itcon" @click="showDrawerAddOnline()">
             <div class="img">
               <img src="../../assets/images/leveladd/zai.png" />
             </div>
@@ -231,7 +230,7 @@
             <div class="lin"></div>
           </div>
           <div class="item">
-            <div class="itcon">
+            <div class="itcon" @click="showDrawerAddCase()">
               <div class="img">
                 <img src="../../assets/images/leveladd/an.png" />
               </div>
@@ -566,7 +565,7 @@
             </div>
           </div>
           <div class="draw" style="position: relative">
-            <a-drawer v-model:visible="addprojvisible" :isLevel="isLevel" class="drawerStyle ProjectDrawer" title="关联项目"
+            <a-drawer v-model:visible="addprojvisible" class="drawerStyle ProjectDrawer" title="关联项目"
               placement="right" width="80%" @after-visible-change="afterVisibleChange">
               <div class="drawerMain">
                 <div class="header">
@@ -785,6 +784,8 @@
 import { reactive, toRefs, onMounted, onUnmounted } from "vue";
 import AddStu from "../../components/drawers/AddLevelAddStu";
 import ImpStu from "../../components/drawers/AddLevelImportStu";
+import AddOnline from "../../components/drawers/AddOnline.vue"
+import AddCase from "../../components/drawers/AddCase.vue"
 import AddHomework from "../../components/drawers/AddHomework.vue";
 import AddTest from "../../components/drawers/AddTest.vue";
 import AddDiscuss from "../../components/drawers/AddDiscuss.vue";
@@ -802,7 +803,6 @@ import { deleteStudyTask } from "../../api/indexStudy";
 import draggable from "vuedraggable";
 import { editTask } from "../../api/indexTaskadd";
 import * as apiProj from "../../api/indexInvist.js";
-import * as apiTask from "../../api/indexTaskadd";
 import { RouterEditTask } from "@/api/indexTask";
 import dayjs from "dayjs";
 export default {
@@ -810,6 +810,8 @@ export default {
   components: {
     AddStu,
     ImpStu,
+    AddOnline,
+    AddCase,
     AddHomework,
     AddDiscuss,
     AddActive,
@@ -1018,7 +1020,7 @@ export default {
       //   },
       // ],
       currentPage: 1,
-      tableDataTotal: 100,
+      tableDataTotal: 0,
       pageSize: 10,
       visible: false,
       //项目
@@ -1036,7 +1038,9 @@ export default {
       deleteModal: false, // 删除弹窗
       deleteID: "", // 要删除的任务的id
       editID: "", // 要编辑的任务id
-      EditWorkId: "", // 要编辑的 workid
+      EditOnlineId:"", // 要编辑的 workid
+      EditCaseId:"",
+      EditWorkId: "",
       EditTestId: "",
       EditRefId: "",
       EditLiveId: "",
@@ -1061,6 +1065,8 @@ export default {
       adddiscussvisible: false, //讨论抽屉
       isStudiscuss: false,
       addactivevisible: false, //活动抽屉
+      addonlinevisible:false,
+      addcasevisible:false,
       addhomeworkvisible: false,
       addtestvisible: false,
       addevalvisible: false,
@@ -1133,6 +1139,18 @@ export default {
       state.addprojvisible = false;
       state.isLevel = false;
     };
+    //在线抽屉
+    const showDrawerAddOnline = (id,eleId)=>{
+      state.addonlinevisible = true;
+      state.EditWorkId = id;
+      state.routerTaskId = eleId;
+    }
+    //案例抽屉
+    const showDrawerAddCase = (id,eleId)=>{
+      state.addcasevisible = true;
+      state.EditWorkId = id;
+      state.routerTaskId = eleId;
+    }
     // 作业和考试的抽屉
     const showDrawerAddHomework = (id, eleId) => {
       console.log("homework==============", id, state.isactive);
@@ -1188,7 +1206,6 @@ export default {
     //打开项目抽屉
     const showDrawerAddProj = (id, eleId) => {
       state.addprojvisible = true;
-      state.isLevel = true;
       state.EditActiveId = id;
       state.routerTaskId = eleId;
     };
@@ -1368,23 +1385,11 @@ export default {
     };
 
     const drawertableColumns = () => {
-      // let arr = state.drawertableData;
-      // function traverse(arr) {
-      //   for (var a in arr) {
-      //     // console.log(arr[a]);
-      //     if (arr[a].children) {
-      //       traverse(arr[a].children); //递归遍历
-      //     } else {
-      // 			console.log(arr[a].children); //如果是值就显示
-
-      //     }
-      //   }
-      // }
-      // traverse(arr);
       const drawercolumns = [
         {
           title: "项目名称",
-          dataIndex: "projectName",
+          dataIndex: "name",
+          // dataIndex: "projectName",
           key: "projectName",
           width: 200,
           // align: "center",
@@ -1427,7 +1432,7 @@ export default {
 
         {
           title: "创建人",
-          dataIndex: "creater",
+          dataIndex: "creator",
           // width: "30%",
           key: "creater",
           width: 100,
@@ -1457,6 +1462,7 @@ export default {
         "rgb(245, 247, 250,1)";
       document.getElementsByTagName("main")[0].style.boxShadow = "none";
       getDetail();
+      getAllProjText();
     });
     onUnmounted(() => {
       document.getElementsByTagName("main")[0].style.background = "#ffffff";
@@ -1627,7 +1633,11 @@ export default {
       } else if (type == "投票") {
         showDrawerAddVote(id, eleId);
       } else if (type == "项目") {
-        showDrawerAddVote(id, eleId);
+        showDrawerAddProj(id, eleId);
+      } else if (type == "在线") {
+        showDrawerAddOnline(id, eleId);
+      } else if (type == "案例") {
+        showDrawerAddCase(id, eleId);
       }
     };
     //删除关卡
@@ -1696,30 +1706,30 @@ export default {
         };
         array.push(obj);
       });
-      state.tableData = array;
+      state.drawertableData = array;
     };
     //获取全部项目信息接口
     const getAllProjText = () => {
       apiProj
         .queryAssessmentDetailList({
           assessmentName: "",
-          // pageNo: state.currentPage,
+          pageNo: state.currentPage,
-          // pageSize: state.pageSize,
+          pageSize: state.pageSize,
         })
         .then((res) => {
           let arr = res.data.data.rows;
           if (res.status === 200) {
             getTableDate(arr);
+            console.log('---------------项目信息---------------------------');
           }
         })
         .catch((err) => {
-          console.log("获取全部在线信息接口失败", err);
+          console.log("获取全部项目信息接口失败", err);
+          console.log('+++++++++++++++++++++++++++++++++++++++++++++++');
           // state.createLoading = false;
         });
     };
     const updateTask = () => {
-      console.log("jinlaile=================", state.assessmentName)
-      if (state.isLevel) {
         RouterEditTask({
           chapterId: state.isactive,
           courseId: state.assessmentId,
@@ -1738,26 +1748,6 @@ export default {
           .catch((err) => {
             console.log(err, 1111);
           });
-      } else {
-        console.log("=========projectTaskId", state.projectTaskId);
-        apiTask
-          .addTask({
-            courseId: state.assessmentId,
-            name: state.assessmentName,
-            projectId: state.projectId,
-            projectTaskId: state.projectTaskId || 0,
-            stageId: state.chooseStageId,
-            type: 13,
-          })
-          .then((res) => {
-            console.log("调用项目添加接口后111", res.data, 11111);
-            // ctx.emit("changeData", false);
-            closeDrawer();
-          })
-          .catch((err) => {
-            console.log(err, 111111);
-          });
-      }
     }
     onMounted(() => {
       // createCase();
@@ -1784,6 +1774,8 @@ export default {
       drawertableColumns,
       editChapter,
       // updateChapter,
+      showDrawerAddOnline,
+      showDrawerAddCase,
       showDrawerAddHomework,
       showDrawerAddTest,
       showDrawerAddEval,

src/views/projectcenter/TaskPage.vue

@@ -431,17 +431,15 @@
                           item.type == '3' ||
                           item.type == '7' ||
                           item.type == '8' ||
-                          item.type == '6' ||
+                          item.type == '9' ||
-                          item.type == '11' ||
+                          item.type == '11'
-                          item.type == '12' ||
-                          item.type == '9'
                             ? showTime(item.name, item.projectTaskId)
                             : item.type == '5' || item.type == '10'
                             ? showTest(item.name, item.projectTaskId)
-                            : item.type == '2'
+                            : item.type == '2' || item.type == '6'
-                            ? showFace(item.projectTaskId)
+                            ? showFace(item.name,item.projectTaskId)
                             : item.type == '4'
-                            ? showWork(item.projectTaskId)
+                            ? showWork(item.name,item.projectTaskId)
                             : null
                         "
                       >
@@ -1031,6 +1029,7 @@
       v-model:Fvisible.sync="FaceVisivle"
       v-if="FaceVisivle"
       :projectTaskId="projectTaskId"
+      :title="showFaceText"
     />
     <!-- 学员（小组管理）创建小组抽屉 -->
     <subset-manage v-model:Svisible="subsetVisivle" />
@@ -1064,6 +1063,7 @@
       v-model:Wvisible.sync="Wvisible"
       v-if="Wvisible"
       :projectTaskId="projectTaskId"
+      :title="showWorkText"
     />
     <!-- 考试管理抽屉 -->
     <test-manage v-model:TMvisible.sync="TMvisible" v-if="TMvisible" :title="showTestText" :projectTaskId="projectTaskId" />
@@ -1994,13 +1994,18 @@ export default {
       ],
 
       taskSyllabusActive: 0,
-      //在线管理等页面传递参数
+      //在线管理等页面传递参数title
       showTimeText: "",
-      //考试、测评页面传递参数
+      //考试、测评页面传递参数title
       showTestText: "",
+      //直播、面授传递title
+      showFaceText:"",
+      //直播、面授传递title
+      showWorkText:"",
       //直播、活动页面传递参数
       showkaoqinText: "",
 
+
       //排行榜时间
       rankStartTime: null,
       rankEndTime: null,
@@ -2298,10 +2303,11 @@ export default {
       state.projectTaskId = id;
     };
     //新增
-    const showFace = (id) => {
+    const showFace = (name, id) => {
       //面授管理的抽屉
       // console.log("点击管理");
       state.FaceVisivle = true;
+      state.showFaceText = name;
       state.projectTaskId = id;
     };
     const showSubset = () => {
@@ -2324,8 +2330,9 @@ export default {
       state.showkaoqinText = "【" + course + "】" + "考勤";
     };
     //作业管理的抽屉
-    const showWork = (id) => {
+    const showWork = (name,id) => {
       state.Wvisible = true;
+      state.showWorkText = name;
       state.projectTaskId = id;
     };
     //考试管理的抽屉