mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-16 06:16:46 +08:00
合并
This commit is contained in:
@@ -60,6 +60,10 @@ export const projectStudent=(obj)=>http.post('/admin/project/studentList',obj)
|
||||
//撤回发布、结束
|
||||
export const handleProject = (obj) => http.post('/admin/project/handle', obj)
|
||||
|
||||
//获取任务管理列表
|
||||
export const taskStudentList = (obj) => http.post('/admin/project/taskStudentList', obj)
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
4
src/api/indexLearningPath.js
Normal file
4
src/api/indexLearningPath.js
Normal file
@@ -0,0 +1,4 @@
|
||||
import http from "./config";
|
||||
|
||||
// 获取路径图概览
|
||||
export const getRouterOverview = (routerId) => http.get(`/admin/router/overview?routerId=${routerId}`)
|
||||
@@ -27,7 +27,7 @@
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">投票名称:</span>
|
||||
<span style="margin-right: 3px">任务名称:</span>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-input
|
||||
|
||||
@@ -36,6 +36,10 @@
|
||||
<button class="cjtpbtn" @click="addQue()">创建题干</button>
|
||||
</div>
|
||||
<div class="queBox" v-for="(q, index) in questions" :key="index">
|
||||
<div class="delBtn" v-if="questions.length > 1">
|
||||
<img src="@/assets/images/projectadd/delete.png" alt="" />
|
||||
<div class="btnText">删除题干</div>
|
||||
</div>
|
||||
<div class="main_item">
|
||||
<div class="signbox">
|
||||
<div class="sign">
|
||||
@@ -44,7 +48,9 @@
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">题干</span>
|
||||
<span style="margin-right: 3px"
|
||||
>{{ q.stemTit }}{{ index + 1 }}</span
|
||||
>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-input
|
||||
@@ -55,7 +61,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="option" v-for="(o, index) in q.options" :key="index">
|
||||
<div class="main_item">
|
||||
<div class="mainoptions">
|
||||
<div class="signbox">
|
||||
<div class="sign">
|
||||
<img
|
||||
@@ -63,24 +69,29 @@
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">{{ o.title }}</span>
|
||||
<span style="margin-right: 3px">{{ o.title }}{{index+1}}</span>
|
||||
</div>
|
||||
<div class="optionbox">
|
||||
<div class="btnbox">
|
||||
<a-input
|
||||
v-model:value="o.opvalue"
|
||||
style="width: 424px; height: 32px"
|
||||
/>
|
||||
<a-button v-if="o.opvalue == ''" type="link"
|
||||
>+ 上传图片</a-button
|
||||
>
|
||||
<a-button v-else type="link">删除</a-button>
|
||||
<button v-if="q.options.length > 2" class="delbtn" :key="index" @click="delOpt(q.options)">
|
||||
删除
|
||||
</button>
|
||||
</div>
|
||||
<a-button type="link">+ 上传图片</a-button>
|
||||
<!-- <input class="file-upload" type="file" accept="image/*" name="picture"/> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_item">
|
||||
<div class="signbox"></div>
|
||||
<div class="btnbox" @click="addOpt(q.options)">
|
||||
<div class="tjxxbtn"><div class="btntext">添加选项</div></div>
|
||||
<div class="btnbox">
|
||||
<div class="tjxxbtn" @click="addOpt(q.options)">
|
||||
<div class="btntext">添加选项</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -112,14 +123,15 @@ export default {
|
||||
creVote: true,
|
||||
questions: [
|
||||
{
|
||||
stemTit: "题干",
|
||||
inputV: "",
|
||||
options: [
|
||||
{
|
||||
title: "选项1",
|
||||
title: "选项",
|
||||
opvalue: "",
|
||||
},
|
||||
{
|
||||
title: "选项2",
|
||||
title: "选项",
|
||||
opvalue: "",
|
||||
},
|
||||
],
|
||||
@@ -129,14 +141,15 @@ export default {
|
||||
|
||||
const addQue = () => {
|
||||
state.questions.push({
|
||||
stemTit: "题干",
|
||||
inputV: "",
|
||||
options: [
|
||||
{
|
||||
title: "选项1",
|
||||
title: "选项",
|
||||
opvalue: "",
|
||||
},
|
||||
{
|
||||
title: "选项2",
|
||||
title: "选项",
|
||||
opvalue: "",
|
||||
},
|
||||
],
|
||||
@@ -145,10 +158,16 @@ export default {
|
||||
const addOpt = (value) => {
|
||||
console.log(value);
|
||||
value.push({
|
||||
title: "选项" + (value.length + 1 * 1),
|
||||
// title: "选项" + (value.length + 1 * 1),
|
||||
title: "选项",
|
||||
opvalue: "",
|
||||
});
|
||||
};
|
||||
const delOpt = (value) => {
|
||||
console.log('gys', value);
|
||||
// delete value[0]
|
||||
value.pop()
|
||||
}
|
||||
|
||||
const closeDrawer = () => {
|
||||
ctx.emit("update:crevoteVisible", false);
|
||||
@@ -171,7 +190,7 @@ export default {
|
||||
// message.destroy();
|
||||
// return message.info("请输入选项");
|
||||
// }
|
||||
console.log('111111',state.questions);
|
||||
console.log("111111", state.questions);
|
||||
// console.log('22222',state.questions.inputV);
|
||||
// console.log('333333',state.questions.options);
|
||||
let obj = [
|
||||
@@ -211,7 +230,7 @@ export default {
|
||||
let objstem = {
|
||||
stemId: res.data.data[0].ascriptionId,
|
||||
ascriptionId: res.data.data[0].voteStemId,
|
||||
}
|
||||
};
|
||||
api
|
||||
.queryStemByStemId(objstem)
|
||||
.then((res) => {
|
||||
@@ -240,6 +259,7 @@ export default {
|
||||
closeDrawer,
|
||||
addQue,
|
||||
addOpt,
|
||||
delOpt,
|
||||
createQueTit,
|
||||
};
|
||||
},
|
||||
@@ -282,6 +302,76 @@ export default {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.main_item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 32px;
|
||||
.signbox {
|
||||
width: 120px;
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
align-items: center;
|
||||
margin-right: 5px;
|
||||
.sign {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.btnbox {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
.mainoptions {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 32px;
|
||||
.signbox {
|
||||
width: 120px;
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
align-items: center;
|
||||
padding-top: 5px;
|
||||
margin-right: 5px;
|
||||
.sign {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.optionbox {
|
||||
.btnbox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.delbtn {
|
||||
border: none;
|
||||
color: #4ea6ff;
|
||||
background-color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
.queBox {
|
||||
border: 1px solid #e8e8e8;
|
||||
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
|
||||
padding-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
.delBtn {
|
||||
width: 130px;
|
||||
height: 40px;
|
||||
border: 1px solid #4ea6ff;
|
||||
border-radius: 8px;
|
||||
color: #4ea6ff;
|
||||
background-color: #fff;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-left: 20px;
|
||||
margin-bottom: 20px;
|
||||
img {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.main_item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -366,6 +456,7 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.main_btns {
|
||||
height: 72px;
|
||||
width: 100%;
|
||||
|
||||
@@ -149,6 +149,7 @@
|
||||
<script>
|
||||
import { toRefs, reactive, onMounted, onUnmounted } from "vue";
|
||||
import EntryScores from "./EntryScores.vue";
|
||||
import * as api from "../../api/index";
|
||||
export default {
|
||||
name: "FaceManage",
|
||||
components: { EntryScores },
|
||||
@@ -157,6 +158,10 @@ export default {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
ProjectTaskId: {
|
||||
type: Number,
|
||||
default: null,
|
||||
},
|
||||
},
|
||||
|
||||
setup(props, ctx) {
|
||||
@@ -359,8 +364,33 @@ export default {
|
||||
const showopen = () => {
|
||||
state.open = true;
|
||||
};
|
||||
|
||||
//获取任务管理列表
|
||||
const getManageList = () => {
|
||||
let obj = {
|
||||
name: "",
|
||||
pageNo: 0,
|
||||
pageSize: 0,
|
||||
projectTaskId: props.ProjectTaskId,
|
||||
status: 0,
|
||||
};
|
||||
console.log('9999999999999',obj.projectTaskId);
|
||||
api
|
||||
.taskStudentList(obj)
|
||||
.then((res) => {
|
||||
console.log('获取任务管理列表成功', res);
|
||||
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("获取任务列表失败",err)
|
||||
})
|
||||
};
|
||||
|
||||
let timer;
|
||||
onMounted(() => {
|
||||
setTimeout(() => {
|
||||
getManageList()
|
||||
},1000)
|
||||
timer = setInterval(() => {
|
||||
state.open = false;
|
||||
}, 3000);
|
||||
@@ -380,6 +410,7 @@ export default {
|
||||
showdoneModal,
|
||||
closedoneModal,
|
||||
showopen,
|
||||
getManageList,
|
||||
};
|
||||
},
|
||||
};
|
||||
|
||||
@@ -119,6 +119,10 @@ export default {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
projectTaskId: {
|
||||
type: Number,
|
||||
default: null,
|
||||
}
|
||||
},
|
||||
|
||||
setup(props, ctx) {
|
||||
|
||||
@@ -115,6 +115,10 @@ export default {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
projectTaskId: {
|
||||
type: Number,
|
||||
default: null,
|
||||
}
|
||||
},
|
||||
|
||||
setup(props, ctx) {
|
||||
|
||||
@@ -134,6 +134,10 @@ export default {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
projectTaskId: {
|
||||
type: Number,
|
||||
default: null,
|
||||
}
|
||||
},
|
||||
|
||||
setup(props, ctx) {
|
||||
|
||||
@@ -116,43 +116,48 @@
|
||||
<div class="onerow"><div class="taskmain">项目概览</div></div>
|
||||
<div class="second" style="margin-top: 0">
|
||||
<div class="nubbox">
|
||||
<span class="nub1">200</span>
|
||||
<span class="nub1">{{routerInfoOverview.totalStudentCnt}}</span>
|
||||
<div class="nub2">总人数</div>
|
||||
</div>
|
||||
<div class="nubbox">
|
||||
<span class="nub1" style="color: #ff90ae">15</span>
|
||||
<div class="nub2">必修课</div>
|
||||
<span class="nub1" style="color: #ff90ae">{{routerInfoOverview.studyStudentCnt}}</span>
|
||||
<div class="nub2">学习人数</div>
|
||||
</div>
|
||||
<div class="nubbox">
|
||||
<span class="nub1" style="color: #a497ff">15</span>
|
||||
<div class="nub2">选修课</div>
|
||||
<span class="nub1" style="color: #a497ff">{{routerInfoOverview.completeStudentCnt}}</span>
|
||||
<div class="nub2">完成人数</div>
|
||||
</div>
|
||||
<div class="nubbox">
|
||||
<div>
|
||||
<span class="nub1" style="color: #5dc988">50</span
|
||||
<span class="nub1" style="color: #5dc988">{{routerInfoOverview.onlineCourseCnt}}</span
|
||||
><span style="color: #5dc988; font-size: 14px">%</span>
|
||||
</div>
|
||||
<div class="nub2">完成率</div>
|
||||
<div class="nub2">在线课程数</div>
|
||||
</div>
|
||||
<div class="nubbox">
|
||||
<div>
|
||||
<span class="nub1" style="color: #ff90ae">30</span
|
||||
<span class="nub1" style="color: #ff90ae">{{routerInfoOverview.offLineCourseCnt}}</span
|
||||
><span style="color: #ff90ae; font-size: 14px">%</span>
|
||||
</div>
|
||||
<div class="nub2">必修完成率</div>
|
||||
<div class="nub2">面授课程数</div>
|
||||
</div>
|
||||
<div class="nubbox">
|
||||
<div>
|
||||
<span class="nub1" style="color: #a497ff">30</span
|
||||
<span class="nub1" style="color: #a497ff">{{routerInfoOverview.completeRatio}}</span
|
||||
><span style="color: #a497ff; font-size: 14px">%</span>
|
||||
</div>
|
||||
<div class="nub2">选修完成率</div>
|
||||
<div class="nub2">总完成率</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="onerow"><div class="taskmain">阶段信息</div></div>
|
||||
<div class="stagemess">
|
||||
<div class="stage1">阶段1</div>
|
||||
<div class="stage2">阶段2</div>
|
||||
<div v-for="item in stageList"
|
||||
:class= "{ 'stage1': item.stageId == choosedStageId, 'stage2': item.stageId != choosedStageId }"
|
||||
:key="item.stageId" @click="choosedStageId = item.stageId">
|
||||
{{item.stage}}
|
||||
</div>
|
||||
<!-- <div class="stage1">阶段1</div>
|
||||
<div class="stage2">阶段2</div> -->
|
||||
</div>
|
||||
<div class="stagesecond">
|
||||
<div class="staname">阶段名称:</div>
|
||||
@@ -163,7 +168,7 @@
|
||||
<a-progress
|
||||
type="dashboard"
|
||||
gapDegree="0"
|
||||
:percent="50"
|
||||
:percent="chapterOverviewList.completeCourseRatio"
|
||||
:width="140"
|
||||
/>
|
||||
<div class="protext">课程完成率</div>
|
||||
@@ -172,7 +177,7 @@
|
||||
<a-progress
|
||||
type="dashboard"
|
||||
gapDegree="0"
|
||||
:percent="50"
|
||||
:percent="chapterOverviewList.completeExamRatio"
|
||||
:width="140"
|
||||
/>
|
||||
<div class="protext">考试通过率</div>
|
||||
@@ -181,26 +186,26 @@
|
||||
<a-progress
|
||||
type="dashboard"
|
||||
gapDegree="0"
|
||||
:percent="50"
|
||||
:percent="chapterOverviewList.completeRatio"
|
||||
:width="140"
|
||||
/>
|
||||
<div class="protext">作业合格率</div>
|
||||
<div class="protext">作业完成率</div>
|
||||
</div>
|
||||
<div class="proright">
|
||||
<div class="pronub" style="margin-left: 280px">10</div>
|
||||
<div class="pronub" style="margin-left: 280px">{{chapterOverviewList.totalTaskCnt}}</div>
|
||||
<div class="proright1">
|
||||
<span class="textpro">阶段任务总数</span>
|
||||
<a-progress :percent="50" style="width: 369px" />
|
||||
<span class="textpro">关卡任务总数</span>
|
||||
<a-progress :percent="chapterOverviewList.totalTaskCnt" style="width: 369px" />
|
||||
</div>
|
||||
<div class="pronub" style="margin-left: 206px">5</div>
|
||||
<div class="pronub" style="margin-left: 206px">{{chapterOverviewList.totalReqCnt}}</div>
|
||||
<div class="proright1">
|
||||
<span class="textpro">必修课</span>
|
||||
<a-progress :percent="25" style="width: 369px" />
|
||||
<a-progress :percent="chapterOverviewList.totalReqCnt" style="width: 369px" />
|
||||
</div>
|
||||
<div class="pronub" style="margin-left: 142px">1</div>
|
||||
<div class="pronub" style="margin-left: 142px">{{chapterOverviewList.totalOptCnt}}</div>
|
||||
<div class="proright1">
|
||||
<span class="textpro">选修课</span>
|
||||
<a-progress :percent="5" style="width: 369px" />
|
||||
<a-progress :percent="chapterOverviewList.totalOptCnt" style="width: 369px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -301,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':
|
||||
@@ -323,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
|
||||
"
|
||||
@@ -353,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">
|
||||
@@ -548,6 +553,9 @@
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="4" tab="设置">
|
||||
<div class="split"></div>
|
||||
|
||||
<a-tabs>
|
||||
<a-tab-pane key="1" tab="基本信息">
|
||||
<div class="sametab">
|
||||
<div class="Gcon">
|
||||
<div class="pad"></div>
|
||||
@@ -705,8 +713,53 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div></a-tab-pane
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
|
||||
<a-tab-pane key="2" tab="共享文档">
|
||||
<div class="sametab">
|
||||
<div class="Gcon">
|
||||
<div class="pad"></div>
|
||||
<div class="Gin">
|
||||
<div class="headone">
|
||||
<div class="box"></div>
|
||||
<div class="onetitle">上传共享文档</div>
|
||||
<div class="oneedi">
|
||||
<a-switch v-model:checked="docChecked" ></a-switch>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btnbox" style="margin:20px;">
|
||||
<a-upload
|
||||
v-model:file-list="fileList"
|
||||
name="file"
|
||||
action="/api/file/upload"
|
||||
@change="handleChange"
|
||||
>
|
||||
<span class="xkbtn" style="cursor: pointer; font-size: 17px" >上传</span>
|
||||
<img src="@/assets/images/basicinfo/cloud.png" style="cursor: pointer;
|
||||
width:34px;height:34px;
|
||||
" alt="">
|
||||
</a-upload>
|
||||
<div class="btnbox" style="margin:20px;">
|
||||
<span style="color: #999999">
|
||||
支持:pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip
|
||||
</span>
|
||||
</div>
|
||||
<div v-for="item in docList" :key="item.src" class="docListStyle">
|
||||
<img src="@/assets/images/basicinfo/download.png" style="cursor: pointer;
|
||||
width:40px;height:40px;margin-right:40px;
|
||||
" alt="">
|
||||
<span style="font: oblique bold 16px Sans-serif">{{item.name}}</span>
|
||||
<span style="color: #4ea6ff;float:right;">删除</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
|
||||
</a-tabs>
|
||||
</a-tab-pane>
|
||||
</a-tabs>
|
||||
<a-modal
|
||||
style="padding: 0"
|
||||
@@ -883,10 +936,15 @@
|
||||
<!-- 作业管理抽屉 -->
|
||||
<work-manage v-model:Wvisible="Wvisible" />
|
||||
</div>
|
||||
<!-- 加载动画 -->
|
||||
<div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
|
||||
<a-spin :spinning="addLoading" tip="添加中..." />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { ref, reactive, toRefs } from "vue";
|
||||
import { ref, reactive, toRefs,onMounted } from "vue";
|
||||
import { message } from "ant-design-vue";
|
||||
import AddStu from "../../components/drawers/AddLevelAddStu";
|
||||
import ImpStu from "../../components/drawers/AddLevelImportStu";
|
||||
import CheckStu from "../../components/drawers/CheckStu";
|
||||
@@ -901,6 +959,9 @@ import WorkManage from "../../components/drawers/WorkManage";
|
||||
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",
|
||||
components: {
|
||||
@@ -926,11 +987,27 @@ export default {
|
||||
AddSvisible: false, //添加学员抽屉
|
||||
AddImpStuvisible: false, //导入学员抽屉
|
||||
CheckStuvisible: false, //学员管理的查看抽屉
|
||||
addLoading:false, // 加载动画
|
||||
choosedStageId:1, // 选择的阶段id
|
||||
twobtn: true,
|
||||
number: true,
|
||||
twobtnn: false,
|
||||
inputbox: false,
|
||||
Wvisible: false, //作业管理
|
||||
docList:[
|
||||
{
|
||||
name:'测试文档1.doc',
|
||||
src:"",
|
||||
},
|
||||
{
|
||||
name:'测试文档2.doc',
|
||||
src:"",
|
||||
},
|
||||
{
|
||||
name:'测试文档3.doc',
|
||||
src:"",
|
||||
}
|
||||
], // 共享文档列表
|
||||
huodModal: false,
|
||||
zhibModal: false,
|
||||
projectNameListt: [
|
||||
@@ -1009,8 +1086,8 @@ export default {
|
||||
//任务大纲列表
|
||||
taskSyllabus: [
|
||||
{
|
||||
text: "关卡1 初级产品经理",
|
||||
children: [
|
||||
name: "关卡1 初级产品经理",
|
||||
taskList: [
|
||||
{
|
||||
course: "在线",
|
||||
name: "时间管理",
|
||||
@@ -1068,8 +1145,8 @@ export default {
|
||||
],
|
||||
},
|
||||
{
|
||||
text: "关卡2 中级产品经理",
|
||||
children: [
|
||||
name: "关卡2 中级产品经理",
|
||||
taskList: [
|
||||
{
|
||||
course: "讨论",
|
||||
name: "时间管理",
|
||||
@@ -1115,7 +1192,9 @@ export default {
|
||||
nubvalue2: ref("1"),
|
||||
nubvalue3: ref("4"),
|
||||
nubvalue1: ref("4"),
|
||||
fileList:ref([]),
|
||||
checked2: false,
|
||||
docChecked:true,
|
||||
currentPage: 1,
|
||||
tableDataTotal: 100,
|
||||
pageSize: 10,
|
||||
@@ -1238,6 +1317,36 @@ export default {
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
const levelList = reactive({
|
||||
routerInfoOverview:{ // 路径图整体数据概览
|
||||
totalStudentCnt:0,
|
||||
studyStudentCnt:0,
|
||||
completeStudentCnt:0,
|
||||
onlineCourseCnt:0,
|
||||
offLineCourseCnt:0,
|
||||
completeRatio:0,
|
||||
},
|
||||
chapterOverviewList:{ // 路径图阶段数据概览
|
||||
completeCourseRatio:0,
|
||||
completeExamRatio:0,
|
||||
completeRatio:0,
|
||||
totalTaskCnt:0,
|
||||
totalReqCnt:0,
|
||||
totalOptCnt:0,
|
||||
},
|
||||
stageList: [ // 阶段列表
|
||||
{
|
||||
stageId:1,
|
||||
stage:"阶段一"
|
||||
},
|
||||
{
|
||||
stageId:2,
|
||||
stage:"阶段二"
|
||||
}
|
||||
]
|
||||
})
|
||||
|
||||
// console.log("store", state.routerId);
|
||||
const selectProjectName = (value, index) => {
|
||||
console.log("value", value, index);
|
||||
@@ -1451,6 +1560,9 @@ export default {
|
||||
|
||||
const changeTabs = (e) => {
|
||||
console.log("切换tabs", e, state.routerId);
|
||||
if(e == 2) {
|
||||
myGetRouterDetail()
|
||||
}
|
||||
//学员管理
|
||||
if (e == 3) {
|
||||
getStudent();
|
||||
@@ -1474,9 +1586,87 @@ export default {
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
const checkType = (type) => {
|
||||
let typeRules = [
|
||||
"",
|
||||
"在线",
|
||||
"面授",
|
||||
"案例",
|
||||
"作业",
|
||||
"考试",
|
||||
"直播",
|
||||
"外链",
|
||||
"讨论",
|
||||
"活动",
|
||||
"测评",
|
||||
"评估",
|
||||
"投票",
|
||||
];
|
||||
return typeRules[type];
|
||||
}
|
||||
|
||||
//学员管理------------------------------------------------
|
||||
|
||||
onMounted(() => {
|
||||
state.addLoading = true;
|
||||
getOverview()
|
||||
})
|
||||
|
||||
// 获取项目概览
|
||||
const getOverview = () =>{
|
||||
getRouterOverview(state.routerId).then((res) => {
|
||||
Object.keys(res.data.data.routerInfoOverview).forEach(item => {
|
||||
levelList.routerInfoOverview[item] = res.data.data.routerInfoOverview[item] || 0
|
||||
})
|
||||
Object.keys(res.data.data.chapterOverviewList).forEach(item => {
|
||||
levelList.chapterOverviewList[item] = res.data.data.chapterOverviewList[item] || 0
|
||||
})
|
||||
// res.data.data.routerInfoOverview.forEach((r) => {
|
||||
// console.log(r)
|
||||
// })
|
||||
state.addLoading = false;
|
||||
console.log("项目概览--"+res)
|
||||
}).catch(err => {
|
||||
state.addLoading = false;
|
||||
message.error("概览获取失败")
|
||||
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);
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
const handleChange = (info) => {
|
||||
if (info.file.status !== "uploading") {
|
||||
console.log(info.file, info.fileList);
|
||||
}
|
||||
|
||||
if (info.file.status === "done") {
|
||||
message.success(`${info.file.name} 文件上传成功`);
|
||||
} else if (info.file.status === "error") {
|
||||
message.error(`${info.file.name} 文件上传失败.`);
|
||||
}
|
||||
};
|
||||
|
||||
return {
|
||||
...toRefs(state),
|
||||
...toRefs(levelList),
|
||||
selectProjectName,
|
||||
selectProjectName2,
|
||||
selectProjectName3,
|
||||
@@ -1505,6 +1695,8 @@ export default {
|
||||
closehuodModal,
|
||||
closezhibModal,
|
||||
changeTabs,
|
||||
checkType,
|
||||
handleChange
|
||||
};
|
||||
},
|
||||
};
|
||||
@@ -1590,6 +1782,11 @@ export default {
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
.docListStyle {
|
||||
display: flex;
|
||||
width: 300px !important;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.del_btnbox {
|
||||
display: flex;
|
||||
margin: 30px auto;
|
||||
|
||||
@@ -408,9 +408,9 @@
|
||||
? showTime(item.course, item.name)
|
||||
: item.type == '5' || item.type == '10'
|
||||
? showTest(item.course, item.name)
|
||||
: item.type == '面授'
|
||||
: item.type == '2'
|
||||
? showFace(item.course)
|
||||
: item.type == '作业'
|
||||
: item.type == '4'
|
||||
? showWork(item.course)
|
||||
: null
|
||||
"
|
||||
@@ -905,9 +905,16 @@
|
||||
</a-tabs>
|
||||
</div>
|
||||
<!-- 时间管理抽屉 -->
|
||||
<time-manage v-model:Tvisible="visible" :title="showTimeText" />
|
||||
<time-manage
|
||||
v-model:Tvisible="visible"
|
||||
:title="showTimeText"
|
||||
v-model:ProjectTaskId="projectTaskId"
|
||||
/>
|
||||
<!-- 面授管理抽屉 -->
|
||||
<face-manage v-model:Fvisible="FaceVisivle" />
|
||||
<face-manage
|
||||
v-model:Fvisible="FaceVisivle"
|
||||
v-model:ProjectTaskId="projectTaskId"
|
||||
/>
|
||||
<!-- 学员(小组管理)创建小组抽屉 -->
|
||||
<subset-manage v-model:Svisible="subsetVisivle" />
|
||||
<!-- 学员管理-添加学员抽屉 -->
|
||||
@@ -925,9 +932,16 @@
|
||||
<!-- 活动考勤抽屉 -->
|
||||
<active-attendance v-model:AAvisible="AAvisible" :title="showkaoqinText" />
|
||||
<!-- 作业管理抽屉 -->
|
||||
<work-manage v-model:Wvisible="Wvisible" />
|
||||
<work-manage
|
||||
v-model:Wvisible="Wvisible"
|
||||
v-model:ProjectTaskId="projectTaskId"
|
||||
/>
|
||||
<!-- 考试管理抽屉 -->
|
||||
<test-manage v-model:TMvisible="TMvisible" :title="showTestText" />
|
||||
<test-manage
|
||||
v-model:TMvisible="TMvisible"
|
||||
:title="showTestText"
|
||||
v-model:ProjectTaskId="projectTaskId"
|
||||
/>
|
||||
<!-- 批量面授报名 -->
|
||||
<task-imp-stu v-model:TaskFaceImpStuvisible="TaskFaceImpStuvisible" />
|
||||
|
||||
@@ -1468,6 +1482,7 @@ export default {
|
||||
selectedRowKeys: [], //选择的学员
|
||||
selectedRows: [], //选择的学员的id值
|
||||
chooseDeleteOne: [], //删除的单个学员id
|
||||
projectTaskId: "", //项目任务id
|
||||
//进度排行学员
|
||||
rankjindu: [{ value: "学员", label: "学员" }],
|
||||
valuestu1: "学员",
|
||||
@@ -2017,12 +2032,19 @@ export default {
|
||||
if (res.status == 200) {
|
||||
console.log("res", res);
|
||||
console.log("阶段列表", res.data.data.stageList);
|
||||
console.log(
|
||||
"任务id",
|
||||
res.data.data.stageList[0].taskList[0].projectTaskId
|
||||
);
|
||||
//taskList[num] num应该是点那个就是那个数
|
||||
state.projectTaskId =
|
||||
res.data.data.stageList[0].taskList[0].projectTaskId;
|
||||
let leng = res.data.data.stageList.length;
|
||||
if (leng > 0) {
|
||||
//获取任务列表 阶段
|
||||
let taskarr = res.data.data.stageList;
|
||||
state.taskSyllabus = taskarr;
|
||||
console.log(res.data.data.stageList[0].taskList[0].type, "ggg");
|
||||
// console.log(res.data.data.stageList[0].taskList[0].type, "ggg");
|
||||
}
|
||||
}
|
||||
})
|
||||
@@ -2669,7 +2691,7 @@ export default {
|
||||
(state.valuestugroup = null),
|
||||
(state.valuestub = null),
|
||||
(state.valuegood = null);
|
||||
getStu()
|
||||
getStu();
|
||||
};
|
||||
//获取学员列表
|
||||
const getStu = (obj) => {
|
||||
|
||||
Reference in New Issue
Block a user