hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-15 05:46:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Ggysh-7
2022-11-16 19:32:22 +08:00
parent 87db2fab4d
commit 8a57944e3a
4 changed files with 129 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/components/drawers/FaceManage.vue
View File

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

6
src/components/drawers/WorkManage.vue
View File

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

92
src/views/learningpath/LevelAddDetail.vue
View File

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

53
src/views/projectcenter/TaskPage.vue
View File

@@ -431,17 +431,15 @@
item.type == '3' || item.type == '3' ||
item.type == '7' || item.type == '7' ||
item.type == '8' || 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) ? showTime(item.name, item.projectTaskId)
: item.type == '5' || item.type == '10' : item.type == '5' || item.type == '10'
? showTest(item.name, item.projectTaskId) ? 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' : item.type == '4'
? showWork(item.projectTaskId) ? showWork(item.name,item.projectTaskId)
: null : null
" "
> >
@@ -1031,6 +1029,7 @@
v-model:Fvisible.sync="FaceVisivle" v-model:Fvisible.sync="FaceVisivle"
v-if="FaceVisivle" v-if="FaceVisivle"
:projectTaskId="projectTaskId" :projectTaskId="projectTaskId"
:title="showFaceText"
/> />
<!-- 学员（小组管理）创建小组抽屉 --> <!-- 学员（小组管理）创建小组抽屉 -->
<subset-manage v-model:Svisible="subsetVisivle" /> <subset-manage v-model:Svisible="subsetVisivle" />
@@ -1064,6 +1063,7 @@
v-model:Wvisible.sync="Wvisible" v-model:Wvisible.sync="Wvisible"
v-if="Wvisible" v-if="Wvisible"
:projectTaskId="projectTaskId" :projectTaskId="projectTaskId"
:title="showWorkText"
/> />
<!-- 考试管理抽屉 --> <!-- 考试管理抽屉 -->
<test-manage v-model:TMvisible.sync="TMvisible" v-if="TMvisible" :title="showTestText" :projectTaskId="projectTaskId" /> <test-manage v-model:TMvisible.sync="TMvisible" v-if="TMvisible" :title="showTestText" :projectTaskId="projectTaskId" />
@@ -1075,12 +1075,12 @@
<a-modal v-model:visible="pubproject" :title="null" @ok="closeModal" :footer="null" :closable="false" :centered="true" <a-modal v-model:visible="pubproject" :title="null" @ok="closeModal" :footer="null" :closable="false" :centered="true"
wrapClassName="pubproject" width="679px" height="437px"> wrapClassName="pubproject" width="679px" height="437px">
<div class="modalHeader" style=" <div class="modalHeader" style="
width: 100%; width: 100%;
height: 68px; height: 68px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
"> ">
<div class="headerLeft" style="margin-left: 32px"> <div class="headerLeft" style="margin-left: 32px">
<span style="width: 15px; height: 15px"><img src="../../assets/images/taskpage/pub.png" /></span> <span style="width: 15px; height: 15px"><img src="../../assets/images/taskpage/pub.png" /></span>
<span class="headerLeftText" style="font-size: 16px; margin-left: 10px">项目发布</span> <span class="headerLeftText" style="font-size: 16px; margin-left: 10px">项目发布</span>
@@ -1125,12 +1125,12 @@
<a-modal v-model:visible="stugroup" :title="null" @ok="closeModal2" :footer="null" :closable="false" :centered="true" <a-modal v-model:visible="stugroup" :title="null" @ok="closeModal2" :footer="null" :closable="false" :centered="true"
wrapClassName="doublepro" width="624px" height="332px"> wrapClassName="doublepro" width="624px" height="332px">
<div class="modalHeader" style=" <div class="modalHeader" style="
width: 100%; width: 100%;
height: 68px; height: 68px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
"> ">
<div class="headerLeft" style="margin-left: 32px"> <div class="headerLeft" style="margin-left: 32px">
<span class="headerLeftText" style="font-size: 16px">创建小组</span> <span class="headerLeftText" style="font-size: 16px">创建小组</span>
</div> </div>
@@ -1994,13 +1994,18 @@ export default {
], ],
taskSyllabusActive: 0, taskSyllabusActive: 0,
//在线管理等页面传递参数 //在线管理等页面传递参数title
showTimeText: "", showTimeText: "",
//考试、测评页面传递参数 //考试、测评页面传递参数title
showTestText: "", showTestText: "",
//直播、面授传递title
showFaceText:"",
//直播、面授传递title
showWorkText:"",
//直播、活动页面传递参数 //直播、活动页面传递参数
showkaoqinText: "", showkaoqinText: "",
//排行榜时间 //排行榜时间
rankStartTime: null, rankStartTime: null,
rankEndTime: null, rankEndTime: null,
@@ -2298,10 +2303,11 @@ export default {
state.projectTaskId = id; state.projectTaskId = id;
}; };
//新增 //新增
const showFace = (id) => { const showFace = (name, id) => {
//面授管理的抽屉 //面授管理的抽屉
// console.log("点击管理"); // console.log("点击管理");
state.FaceVisivle = true; state.FaceVisivle = true;
state.showFaceText = name;
state.projectTaskId = id; state.projectTaskId = id;
}; };
const showSubset = () => { const showSubset = () => {
@@ -2324,8 +2330,9 @@ export default {
state.showkaoqinText = "【" + course + "】" + "考勤"; state.showkaoqinText = "【" + course + "】" + "考勤";
}; };
//作业管理的抽屉 //作业管理的抽屉
const showWork = (id) => { const showWork = (name,id) => {
state.Wvisible = true; state.Wvisible = true;
state.showWorkText = name;
state.projectTaskId = id; state.projectTaskId = id;
}; };
//考试管理的抽屉 //考试管理的抽屉