feat:关卡下 路径管理 列表数据接入

This commit is contained in:
王熙东
2022-11-09 16:59:27 +08:00
parent 20b0570661
commit e28a948e15

View File

@@ -306,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':
@@ -328,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
"
@@ -358,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">
@@ -912,6 +912,7 @@ 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",
@@ -1023,8 +1024,8 @@ export default {
//任务大纲列表
taskSyllabus: [
{
text: "关卡1 初级产品经理",
children: [
name: "关卡1 初级产品经理",
taskList: [
{
course: "在线",
name: "时间管理",
@@ -1082,8 +1083,8 @@ export default {
],
},
{
text: "关卡2 中级产品经理",
children: [
name: "关卡2 中级产品经理",
taskList: [
{
course: "讨论",
name: "时间管理",
@@ -1495,6 +1496,9 @@ export default {
const changeTabs = (e) => {
console.log("切换tabs", e, state.routerId);
if(e == 2) {
myGetRouterDetail()
}
//学员管理
if (e == 3) {
getStudent();
@@ -1518,6 +1522,26 @@ export default {
});
};
const checkType = (type) => {
let typeRules = [
"",
"在线",
"面授",
"案例",
"作业",
"考试",
"直播",
"外链",
"讨论",
"活动",
"测评",
"评估",
"投票",
];
return typeRules[type];
}
//学员管理------------------------------------------------
onMounted(() => {
@@ -1545,6 +1569,24 @@ export default {
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);
})
}
return {
...toRefs(state),
@@ -1577,6 +1619,7 @@ export default {
closehuodModal,
closezhibModal,
changeTabs,
checkType,
};
},
};