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 <a-collapse-panel
v-for="(value, index) in taskSyllabus" v-for="(value, index) in taskSyllabus"
:key="index" :key="index"
:header="value.text" :header="value.name"
> >
<div <div
class="course" class="course"
v-for="(item, key) in value.children" v-for="(item, key) in value.taskList"
:key="key" :key="key"
> >
<!-- :style="{width:item.course==='在线'?'28px': <!-- :style="{width:item.course==='在线'?'28px':
@@ -328,29 +328,29 @@
> >
<img <img
:src=" :src="
item.course === '在线' item.type === 1
? require('../../assets/images/leveladd/zai.png') ? require('../../assets/images/leveladd/zai.png')
: item.course === '面授' : type === 2
? require('../../assets/images/leveladd/mian.png') ? require('../../assets/images/leveladd/mian.png')
: item.course === '案例' : item.type === 3
? require('../../assets/images/leveladd/an.png') ? require('../../assets/images/leveladd/an.png')
: item.course === '作业' : item.type === 4
? require('../../assets/images/leveladd/zuo.png') ? require('../../assets/images/leveladd/zuo.png')
: item.course === '考试' : item.type === 5
? require('../../assets/images/leveladd/kao.png') ? require('../../assets/images/leveladd/kao.png')
: item.course === '直播' : item.type === 6
? require('../../assets/images/leveladd/zhi.png') ? require('../../assets/images/leveladd/zhi.png')
: item.course === '外链' : item.type === 7
? require('../../assets/images/leveladd/wai.png') ? require('../../assets/images/leveladd/wai.png')
: item.course === '讨论' : item.type === 8
? require('../../assets/images/leveladd/tao.png') ? require('../../assets/images/leveladd/tao.png')
: item.course === '活动' : item.type === 9
? require('../../assets/images/leveladd/huo.png') ? require('../../assets/images/leveladd/huo.png')
: item.course === '测评' : item.type === 10
? require('../../assets/images/leveladd/ce.png') ? require('../../assets/images/leveladd/ce.png')
: item.course === '评估' : item.type === 11
? require('../../assets/images/leveladd/diao.png') ? require('../../assets/images/leveladd/diao.png')
: item.course === '投票' : item.type === 12
? require('../../assets/images/leveladd/tou.png') ? require('../../assets/images/leveladd/tou.png')
: null : null
" "
@@ -358,17 +358,17 @@
</div> </div>
</div> </div>
<div> <div>
<div class="iconame">{{ item.course }}</div> <div class="iconame">{{checkType(item.type)}}</div>
<div class="icontext">{{ item.name }}</div> <div class="icontext">{{ item.name }}</div>
</div> </div>
</div> </div>
<div class="type"> <div class="type">
<div <div
:class=" :class="
item.classify == '必修' ? 'typename1' : 'typename' item.flag ? 'typename1' : 'typename'
" "
> >
{{ item.classify }} {{ item.flag ? "必修" : "选修" }}
</div> </div>
</div> </div>
<div class="time"> <div class="time">
@@ -912,6 +912,7 @@ import * as api from "../../api/index1";
import { storage } from "../../api/storage"; import { storage } from "../../api/storage";
import { getRouterOverview } from "@/api/indexLearningPath"; import { getRouterOverview } from "@/api/indexLearningPath";
import { GetRouterDetail } from "@/api/indexTask";
export default { export default {
name: "LevelAdd", name: "LevelAdd",
@@ -1023,8 +1024,8 @@ export default {
//任务大纲列表 //任务大纲列表
taskSyllabus: [ taskSyllabus: [
{ {
text: "关卡1 初级产品经理", name: "关卡1 初级产品经理",
children: [ taskList: [
{ {
course: "在线", course: "在线",
name: "时间管理", name: "时间管理",
@@ -1082,8 +1083,8 @@ export default {
], ],
}, },
{ {
text: "关卡2 中级产品经理", name: "关卡2 中级产品经理",
children: [ taskList: [
{ {
course: "讨论", course: "讨论",
name: "时间管理", name: "时间管理",
@@ -1495,6 +1496,9 @@ export default {
const changeTabs = (e) => { const changeTabs = (e) => {
console.log("切换tabs", e, state.routerId); console.log("切换tabs", e, state.routerId);
if(e == 2) {
myGetRouterDetail()
}
//学员管理 //学员管理
if (e == 3) { if (e == 3) {
getStudent(); getStudent();
@@ -1518,6 +1522,26 @@ export default {
}); });
}; };
const checkType = (type) => {
let typeRules = [
"",
"在线",
"面授",
"案例",
"作业",
"考试",
"直播",
"外链",
"讨论",
"活动",
"测评",
"评估",
"投票",
];
return typeRules[type];
}
//学员管理------------------------------------------------ //学员管理------------------------------------------------
onMounted(() => { onMounted(() => {
@@ -1545,6 +1569,24 @@ export default {
console.log("获取失败"+err) 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 { return {
...toRefs(state), ...toRefs(state),
@@ -1577,6 +1619,7 @@ export default {
closehuodModal, closehuodModal,
closezhibModal, closezhibModal,
changeTabs, changeTabs,
checkType,
}; };
}, },
}; };