mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-11 20:06:47 +08:00
feat:关卡下 路径管理 列表数据接入
This commit is contained in:
@@ -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,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user