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

合并

Browse Source
This commit is contained in:
dongwug
2022-11-11 09:23:48 +08:00
parent c3b09e61c7 ee03a13e6e
commit 2b2be3a1a6
23 changed files with 2754 additions and 2557 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/api/index1.js
View File

@@ -2,7 +2,7 @@
* @Author: lixg lixg@dongwu-inc.com
* @Date: 2022-11-04 22:45:31
* @LastEditors: lixg lixg@dongwu-inc.com
* @LastEditTime: 2022-11-09 09:32:52
* @LastEditTime: 2022-11-10 11:41:52
* @FilePath: /fe-manage/src/api/index1.js
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
@@ -59,6 +59,7 @@ export const getChapter = (obj) => http.post('/admin/router/detail', { params: o
//新建或编辑关卡
export const editChapter = (obj) => http.post('/admin/router/editChapter', obj);
//获取学员列表
export const getStudent = (obj) => http.post('/admin/router/studentList', obj);
//获取路径图详情-包含关卡及任务列表

2
src/api/indexActivity.js
View File

@@ -1,7 +1,7 @@
import http from "./config";
//获取活动信息接口
export const getActivity = (obj) => http.get('/activity', { params: obj });
export const getActivity = (activeId) => http.get(`/activity?activityId=${activeId}`);
//创建活动接口
export const createActivity = (obj) => http.post('/activity/createActivity', obj);

8
src/api/indexDiscuss.js
View File

@@ -5,8 +5,12 @@ import http from "./config";
export const createDiscuss = (obj) => http.post("/discuss/createDiscuss", obj);
//获取讨论信息接口
export const getDiscussDetail = (obj) => http.post('/discuss/getDiscussDetail', obj);
export const getDiscussDetail = (obj) => http.post('/discuss/getDiscussDetail', obj,{
headers: {
'token': '123',
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
}
})
//删除讨论接口
export const deleteDiscuss = (obj) =>
http.post("/discuss/deleteDiscuss", { params: obj });

7
src/api/indexExternalChain.js
View File

@@ -15,7 +15,12 @@ export const deleteLink = (obj) => http.post('/link/deleteLink', { params: obj }
})
//获取外链详细信息接口
export const getLink = (obj) => http.post('/link/getOne', obj)
export const getLink = (obj) => http.post('/link/getOne', obj,{
headers: {
'token': '123',
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
}
})
// 更新外链数据
export const updateLinks = (obj) => http.post('/link/updateLinks', obj, {

4
src/api/indexLearningPath.js Normal file
View File

@@ -0,0 +1,4 @@
import http from "./config";
// 获取路径图概览
export const getRouterOverview = (routerId) => http.get(`/admin/router/overview?routerId=${routerId}`)

11
src/api/indexLevel.js
View File

@@ -1,10 +1,19 @@
/*
* @Author: lixg lixg@dongwu-inc.com
* @Date: 2022-11-09 09:26:26
* @LastEditors: lixg lixg@dongwu-inc.com
* @LastEditTime: 2022-11-10 11:50:08
* @FilePath: /fe-manage/src/api/indexLevel.js
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
import http from "./config";
//新建关卡
export const editChapter = (obj) => http.post('/admin/router/editChapter', obj);
//编辑关卡
export const updateChapter = (obj) => http.post('/admin/router/editChapter', obj);
//删除关卡
export const deleteChapter=(obj)=>http.delete('/admin/router/deleteChapter',{params:obj})
//删除任务
export const deleteTask = (obj) => http.delete('/admin/router/deleteTask',{params: obj});

10
src/api/indexLibrary.js Normal file
View File

@@ -0,0 +1,10 @@
import http from "./config";
// 获取模板库列表
export const templateList = obj => http.post('/admin/project/template/list', obj);
// 获取模板详情
export const templateDetail = id => http.get(`/admin/project/template/detail?projectTemplateId=${id}`);
// 操作模板(撤回,发布,删除)
export const templateHadle = obj => http.post(`/admin/project/template/handle`,obj);

12
src/api/indexProjStu.js
View File

@@ -5,3 +5,15 @@ export const getProjStu = (obj) => http.post('/admin/project/studentList', obj)
//删除学员
export const deleteStu = (obj) => http.post('/admin/project/deleteStudent', obj)
//获取小组列表
export const getGroupList = (obj) => http.post('/admin/project/groupList', obj)
//删除小组
export const deleteGroup = (obj) => http.delete('/admin/project/deleteGroup', { params: obj })
//新增或编辑小组
export const editGroup = (obj) => http.post('/admin/project/editGroup', obj)
//查看学员
export const studentProcess = (obj) => http.get('/admin/project/studentProcess', { params: obj })

BIN
src/assets/images/leveladd/delete.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 302 B

457
src/components/Modals/projSet.vue Normal file
View File

@@ -0,0 +1,457 @@
<template>
<!-- 编辑弹窗 -->
<div>
<a-modal
:visible="editHs"
:title="null"
@ok="closeModal"
:footer="null"
:closable="false"
wrapClassName="set_edit"
width="679px"
@cancel="edit_exit"
>
<div
class="modalHeader"
style="
width: 100%;
height: 68px;
display: flex;
align-items: center;
justify-content: space-between;
"
>
<div class="headerLeft" style="margin-left: 32px">
<span style="width: 15px; height: 15px"
><img src="../../assets/images/taskpage/edit.png"
/></span>
<span
class="headerLeftText"
style="font-size: 16px; margin-left: 10px"
>编辑</span
>
</div>
<div style="cursor: pointer; margin-right: 32px" @click="closeModal">
<img
style="width: 22px; height: 22px"
src="../../assets/images/basicinfo/close.png"
/>
</div>
</div>
<div class="modalMain">
<div class="projectname">基本信息</div>
<div class="setbody">
<div class="main_item">
<div class="signbox">
<div class="sign">
<img
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div>
<span style="margin-right: 3px">项目名称：</span>
</div>
<div class="btnbox">
<a-input
v-model:value="projectName"
style="width: 424px; height: 32px"
placeholder="请输入项目名称"
maxlength="20"
/>
</div>
</div>
<div class="main_item2">
<div class="signbox">
<span style="margin-right: 3px">直播封面：</span>
</div>
<div class="lodalimg">
<div class="lodalcenter">
<span style="color: #448ef7; margin-right: 10px">+</span>
<span style="color: #448ef7">添加图片</span>
</div>
</div>
</div>
<div class="main_item">
<div class="signbox">
<div class="sign">
<img
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div>
<span style="margin-right: 3px">项目时间：</span>
</div>
<div class="btnbox">
<a-range-picker
style="width: 424px"
:placeholder="[' 开始时间', ' 结束时间']"
/>
</div>
</div>
<div class="main_item">
<div class="signbox">
<div class="sign">
<img
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div>
<span style="margin-right: 3px">项目经理：</span>
</div>
<div class="btnbox">
<a-select
dropdownClassName="dropdown-style"
style="width: 424px"
placeholder="请选择项目经理"
:options="options1"
allowClear
showSearch
/>
</div>
</div>
<div class="main_item">
<div class="signbox">
<div class="sign">
<img
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div>
<span style="margin-right: 3px">资源归属：</span>
</div>
<div class="btnbox">
<a-input
v-model:value="inputV1"
style="width: 424px; height: 32px"
placeholder="自动带出 可修改"
maxlength="20"
/>
</div>
</div>
<div class="main_item2">
<div class="signbox">
<span style="margin-right: 3px">项目说明：</span>
</div>
<div class="textarea">
<a-textarea
v-model:value="textV1"
placeholder="请输入说明"
allow-clear
maxlength="150"
/>
</div>
</div>
<div class="main_item">
<div class="signbox">
<span style="margin-right: 3px">同步学习记录：</span>
</div>
<div class="btnbox">
<a-radio-group v-model:value="radioV1">
<a-radio v-model:checked="checked" :value="1" @click="cloradio1"
>同步课程学习记录（如学员在课程库中拥有课程的学习记录，自由免修改课程）
</a-radio>
</a-radio-group>
</div>
</div>
<div class="main_item">
<div class="signbox">
<div class="sign">
<img
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div>
<span style="margin-right: 3px">项目级别：</span>
</div>
<div class="btnbox">
<a-input
v-model:value="inputV1"
style="width: 424px; height: 32px"
placeholder="集团级/组织级/现地级/部门级"
maxlength="20"
/>
</div>
</div>
<div class="main_item">
<div class="signbox">
<div class="sign">
<img
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div>
<span style="margin-right: 3px">培训体系：</span>
</div>
<div class="btnbox">
<a-input
v-model:value="inputV1"
style="width: 424px; height: 32px"
placeholder="集团级/组织级/现地级/部门级"
maxlength="20"
/>
</div>
</div>
<div class="main_item">
<div class="signbox">
<div class="sign">
<img
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div>
<span style="margin-right: 3px">是否BOEU实施：</span>
</div>
<div class="btnbox">
<a-radio-group v-model:value="radioV2">
<a-radio v-model:checked="checked" :value="1" @click="cloradio2"
>BOEU实施</a-radio
>
</a-radio-group>
</div>
</div>
</div>
<div class="pubtn">
<a-button class="pubtn1" @click="closeModal">取消</a-button>
<a-button class="pubtn2" @click="closeModal">发布</a-button>
</div>
</div>
</a-modal>
</div>
</template>
<script>
import { reactive, toRefs } from "vue";
// import {getTask} from "../../api/indexTaskadd"
// import dayjs from "dayjs";
// import {message} from "ant-design-vue"
// import { toDate } from "@/api/method";
export default {
name: "projSet",
props: {
editHs: {
type: Boolean,
default: false,
},
projectId: {
type: String,
default: null,
},
},
setup(props, ctx) {
//console.log("学习路径",props.isStudiscuss);
const state = reactive({});
const closeModal = () => {
ctx.emit("update:editHs", false);
console.log("projectId", props.projectId);
};
return {
...toRefs(state),
closeModal,
};
},
};
</script>
<style lang="scss" >
.set_edit {
.ant-modal {
width: 866px !important;
height: 870px !important;
.ant-modal-body {
.modalHeader {
background: linear-gradient(
rgba(78, 166, 255, 0.2) 0%,
rgba(78, 166, 255, 0) 100%
);
}
padding: 0;
.modalHeader {
background: linear-gradient(
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
}
.modalMain {
.projectname {
color: rgba(79, 81, 86, 1);
font-size: 14px;
line-height: 36px;
margin-left: 62px;
font-weight: 500;
margin-bottom: 24px;
}
.setbody {
margin-left: 67px;
.main_item {
display: flex;
align-items: center;
margin-bottom: 32px;
.signbox {
width: 130px;
display: flex;
justify-content: end;
align-items: center;
white-space: nowrap;
.sign {
margin-right: 5px;
}
}
.btnbox {
display: flex;
flex: 1;
align-items: center;
.xkbtn {
cursor: pointer;
width: 130px;
height: 40px;
background: #388be1;
border-radius: 8px;
border: 0;
margin-right: 8px;
color: #fff;
}
}
}
.main_item2 {
display: flex;
align-items: flex-start;
margin-bottom: 32px;
.signbox {
width: 130px;
display: flex;
justify-content: end;
align-items: center;
white-space: nowrap;
.sign {
margin-right: 5px;
}
}
.lodalimg {
width: 120px;
height: 120px;
border: 1px dashed #387df7;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
.lodalimg {
display: flex;
white-space: nowrap;
}
}
.kqszbox {
.qdqtbox {
margin-left: 5px;
cursor: pointer;
}
.qdbtn,
.qtbtn {
width: 75px;
height: 24px;
background: rgba(56, 139, 225, 0.16);
border-radius: 2px;
border: 1px solid #387df7;
display: flex;
align-items: center;
justify-content: center;
.btntext {
color: #387df7;
}
}
.setbox {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
margin-bottom: 24px;
.timerbox {
margin-top: 6px;
margin-right: 32px;
display: flex;
align-items: center;
flex-wrap: nowrap;
}
}
}
.btnbox2 {
display: flex;
flex-direction: column;
justify-content: flex-start;
.xkbtn {
cursor: pointer;
width: 130px;
height: 40px;
background: #388be1;
border-radius: 8px;
border: 0;
margin-right: 16px 8px 32px 0;
color: #fff;
margin-top: 16px;
margin-bottom: 60px;
}
}
}
}
.pubtn {
display: flex;
justify-content: center;
margin-top: 25px;
//margin-bottom: 29px;
.pubtn1 {
width: 100px;
height: 40px;
margin-right: 16px;
margin-bottom: 29px;
border: 1px solid #409eff;
border-radius: 4px;
color: rgba(78, 166, 255, 1);
font-size: 14px;
//line-height: 36px;
align-items: center;
background: rgba(255, 255, 255, 1);
}
.pubtn2 {
width: 100px;
height: 40px;
margin-bottom: 29px;
border: 1px solid #409eff;
border-radius: 4px;
color: #ffffff;
font-size: 14px;
align-items: center;
//line-height: 36px;
background: #409eff;
}
}
}
}
}
}
</style>

221
src/components/drawers/AddActive.vue
View File

@@ -9,8 +9,8 @@
>
<div class="drawerMain">
<div class="header">
<div v-if="edit" class="headerTitle">编辑活动</div>
<div v-else class="headerTitle">添加活动</div>
<div class="headerTitle">{{edit?'编辑':'添加'}}活动</div>
<img
style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png"
@@ -217,7 +217,7 @@
</div>
<div class="main_btns">
<button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="createActivity">确定</button>
<button class="btn2" @click="updateActivityInfo">确定</button>
</div>
</div>
</a-drawer>
@@ -228,7 +228,7 @@ import * as api from "../../api/indexActivity";
import * as apiTask from "../../api/indexTaskadd";
import { RouterEditTask } from "@/api/indexTask"
import { message } from "ant-design-vue";
import { toDate } from "../../api/method.js";
import dayjs from 'dayjs';
const rowSelection = ref({
checkStrictly: false,
onChange: (selectedRowKeys, selectedRows) => {
@@ -254,16 +254,12 @@ export default {
type: Boolean,
default: false,
},
isStudiscuss: {
type: Boolean,
default: false,
},
isactive: {
EditActiveId: {
type: Number,
default: null,
},
routerId: {
type: Number,
edit: { // 是否为编辑
type: Boolean,
default: null,
},
projectId: {
@@ -274,17 +270,29 @@ export default {
type: Number,
default: null,
},
edit: {
type: Boolean,
default: false,
routerTaskId: {
type: Number,
default: 0,
},
editActivityId: {
isLevel: { // 是否是关卡页面触发
type: Boolean,
default: false,
default: null,
},
projectTaskId: {
type: Boolean,
default: false,
EditWorkId: { // 要编辑的workId
type: Number,
default: null,
},
projectTaskId: { // 要编辑的projectId
type: Number,
default: null,
},
routerId: {
type: Number,
default: null,
},
isactive: {
type: Number,
default: null,
}
},
setup(props, ctx) {
@@ -314,21 +322,13 @@ export default {
state.textV1 = "";
state.textV2 = "";
state.time = "";
message.success(`${props.edit ? '编辑' : '新增'}关卡任务成功`)
};
const afterVisibleChange = (bool) => {
console.log("state", bool);
console.log("活动ID",props.editActivityId);
console.log("项目中任务ID",props.projectTaskId);
if(bool){
if(props.isStudiscuss == false){
if(props.edit){
//编辑讨论
console.log("props.editActivityId",props.editActivityId)
let obj = {
activityId: props.editActivityId,
}
api.getActivity(obj).then(res => {
console.log('获取讨论信息成功',res.data.data)
const queryActive = () => {
console.log("props.EditActiveId======",props.EditActiveId,props.chooseStageId,props.routerTaskId);
api.getActivity(props.EditActiveId).then(res => {
console.log('获取讨论信息成功',res.data.data.standardSettings)
//更新讨论信息
state.inputV1 = res.data.data.activityName;
@@ -337,26 +337,62 @@ export default {
state.inputV2 = res.data.data.activityDuration;
state.inputV3 = res.data.data.activityAddress;
state.inputV5 = res.data.data.afterSignIn;
state.inputV6 =res.data.data.signOutTime;
state.inputV4 = res.data.data.beforeSignIn;
state.radioV1 = res.data.data.standardSettings;
state.time[0] = res.data.data.activityStartTime;
state.time[1] = res.data.data.activityEndTime;
console.log(state.time[0])
state.radioV1 = Number(res.data.data.standardSettings);
state.time = [dayjs(res.data.data.activityStartTime, "YYYY-MM-DD"), dayjs(res.data.data.activityEndTime, "YYYY-MM-DD")]
}).catch(err=>{
console.log('获取讨论信息失败',err)
})
}
const afterVisibleChange = (bool) => {
if(bool && props.edit){
queryActive();
}
}
}
}
};
const cloradio1 = (value) => {
if (value != "") {
state.radioV1 = "";
}
};
const updateTask = (res) => {
if(props.isLevel){
RouterEditTask({
chapterId:props.isactive,
courseId: res.data.data.activityId,
duration: res.data.data.activityDuration,
name: res.data.data.activityName,
routerId: props.routerId,
routerTaskId: props.routerTaskId ||0,
type: 9,
}).then(res => {
console.log("新增关卡任务成功",res);
}).catch(err => {
console.log("新增关卡任务失败",err);
})
}else{
apiTask.addTask({
courseId: res.data.data.activityId,
duration: res.data.data.activityDuration,
name: res.data.data.activityName,
projectId: props.projectId,
projectTaskId: props.projectTaskId ||0,
stageId:props.chooseStageId,
type: 9,
}).then((res)=> {
console.log("更新任务列表成功",res);
})
.catch((err)=> {
console.log("更新任务列表失败",err);
})
}
}
//创建活动
const createActivity = () => {
const updateActivityInfo = () => {
if(!state.inputV1){
message.destroy();
return message.warning("请输入活动名称");
@@ -377,17 +413,16 @@ export default {
message.destroy();
return message.warning("请输入活动地址");
}
let startTime = toDate(new Date(state.time[0].$d).getTime() / 1000, "Y-M-D");
let endTime = toDate(new Date(state.time[1].$d).getTime() / 1000, "Y-M-D");
let obj = {
activityAddress: state.inputV3, //活动地址
activityDuration: state.inputV2, //活动时长
activityExplain: state.textV2, //活动说明
activityEndTime: endTime, //活动结束时间
activityId: 0, //活动ID
activityEndTime: dayjs(state.time[1]).format("YYYY-MM-DD"), //活动结束时间
activityId: props.edit?props.EditActiveId:0, //活动ID
activityName: state.inputV1, //活动名称
activityNotice: state.textV1, //活动公告
activityStartTime: startTime, //活动开始时间
activityStartTime:dayjs(state.time[0]).format("YYYY-MM-DD"),//活动开始时间
activityTag: "", //活动逻辑删除标识
afterSignIn: state.inputV5, //活动开始后多少分钟签到
beforeSignIn: state.inputV4, //活动开始前多少分钟签到
@@ -397,67 +432,25 @@ export default {
};
if(props.edit){
//更新编辑活动信息
updateActivity();
api
.updateActivity(obj)
.then((res) => {
closeDrawer();
updateTask(res);
ctx.emit("changeData", false);
})
.catch((err) => {
console.log("更新失败",err);
})
}else{
//新建活动信息
api
.createActivity(obj)
.then((res) => {
console.log("创建成功", res);
message.success("创建成功");
state.radioV1 = "";
state.inputV1 = "";
state.inputV2 = "";
state.inputV3 = "";
state.inputV4 = "";
state.inputV5 = "";
state.inputV6 = "";
state.textV1 = "";
state.textV2 = "";
state.time = "";
ctx.emit("update:addactiveVisible", false);
console.log("学习路径",props.isStudiscuss);
if(props.isStudiscuss){
let editObj1 = {
chapterId:props.isactive,
courseId: 0,
duration: obj.activityDuration,
flag: true,
name: obj.activityName,
routerId: props.routerId,
routerTaskId: 0,
type: 9,
}
RouterEditTask(editObj1).then(res => {
console.log("新增关卡任务成功",res);
closeDrawer();
}).catch(err => {
console.log("新增关卡任务失败",err);
})
}else{
apiTask
.addTask({
courseId: res.data.data.activityId,
duration: obj.activityDuration,
flag: true,
name: obj.activityName,
projectId: props.projectId,
projectTaskId: 0,
stageId: props.chooseStageId,
type: 9,
})
.then((res) => {
console.log("调用项目添加接口后", res.data);
updateTask(res);
ctx.emit("changeData", false);
//重新获取任务列表
// apiTask.getTask({ projectId: 28 });
// router.push("/taskadd");
})
.catch((err) => {
console.log(err);
});
}
})
.catch((err) => {
console.log("创建失败",err);
@@ -465,40 +458,14 @@ export default {
}
};
//更新编辑活动信息
const updateActivity = (obj) => {
console.log("编辑");
api.updateActivity(obj)
.then((res) => {
console.log("更新成功",res);
let taskObj = {
courseId: res.data.data.activityId,
duration: obj.activityDuration,
flag: true,
name: obj.activityName,
projectId: props.projectId,
projectTaskId: props.projectTaskId,
stageId: 0,
type: 9,
}
api.updateTask(taskObj).then((res)=> {
console.log("更新任务列表成功",res);
})
.catch((err)=> {
console.log("更新任务列表失败",err);
})
})
.catch((err) => {
console.log("更新失败",err);
})
};
return {
...toRefs(state),
afterVisibleChange,
closeDrawer,
rowSelection,
cloradio1,
createActivity,
updateActivityInfo,
};
},
};

226
src/components/drawers/AddDiscuss.vue
View File

@@ -8,8 +8,7 @@
>
<div class="drawerMain">
<div class="header">
<div v-if="edit" class="headerTitle">编辑讨论</div>
<div v-else class="headerTitle">添加讨论</div>
<div class="headerTitle">{{edit?'编辑':'添加'}}讨论</div>
<img
style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png"
@@ -57,19 +56,17 @@
<span style="margin-right: 3px">讨论设置：</span>
</div>
<div class="btnbox">
<a-checkbox v-model:checked="checkedC1">允许评论</a-checkbox>
<a-checkbox v-model:checked="checkedC1" @change = "checkRadio">允许评论</a-checkbox>
</div>
</div>
</div>
</div>
<div class="main_btns">
<button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="createDiscuss">确定</button>
<button class="btn2" @click="updateDiscussInfo">确定</button>
</div>
</div>
<div class="aeLoading" :style="{display:addLoading?'flex':'none'}">
<a-spin :spinning="addLoading" tip="添加中..." />
</div>
</a-drawer>
</template>
<script>
@@ -103,20 +100,12 @@ export default {
type: Boolean,
default: false,
},
edit: {
type: Boolean,
default: false,
},
isStudiscuss: {
type: Boolean,
default: false,
},
isactive: {
EditDiscussId: {
type: Number,
default: null,
},
routerId: {
type: Number,
edit: { // 是否为编辑
type: Boolean,
default: null,
},
projectId: {
@@ -127,11 +116,27 @@ export default {
type: Number,
default: null,
},
editDiscussId: {
routerTaskId: {
type: Number,
default: 0,
},
isLevel: { // 是否是关卡页面触发
type: Boolean,
default: null,
},
EditWorkId: { // 要编辑的workId
type: Number,
default: null,
},
projectTaskId: {
projectTaskId: { // 要编辑的projectId
type: Number,
default: null,
},
routerId: {
type: Number,
default: null,
},
isactive: {
type: Number,
default: null,
}
@@ -142,157 +147,124 @@ export default {
inputV1: "",
inputV2: "",
textV1: "",
checkedC1: "",
checkedC1: false,
discussSettings:"",
addLoading:false,
});
const checkRadio = () =>{
if(state.checkedC1){
state.discussSettings = "true"
}else{
state.discussSettings = "false";
}
console.log("state.checkedC1=====",state.discussSettings,state.discussSettings=="true");
}
const closeDrawer = () => {
ctx.emit("update:adddiscussVisible", false);
ctx.emit("update:edit", false);
console.log("编辑状态",props.edit);
state.inputV1 = "";
state.textV1 = "";
message.success(`${props.edit ? '编辑' : '新增'}关卡任务成功`)
};
const afterVisibleChange = (bool) => {
console.log("state", bool);
console.log("项目任务ID",props.projectTaskId);
if(bool){
if(props.isStudiscuss == false){
const queryDiscuss = () =>{
if(props.edit){
//编辑讨论
console.log("props.editDiscussId",props.editDiscussId)
let formData = new FormData();
formData.append('discussId',props.editDiscussId);
console.log("formData",formData);
api.getDiscussDetail(formData).then(res => {
//编辑讨
api.getDiscussDetail({discussId:props.EditDiscussId}).then(res => {
console.log('获取讨论信息成功',res.data.data)
//更新讨论信息
state.inputV1 = res.data.data.discussName;
state.textV1 = res.data.data.discussExplain;
state.checkedC1 = res.data.data.discussSettings;
state.checkedC1 = res.data.data.discussSettings=="true"?true:false;
console.log("props.EditDiscussId",res.data.data.discussSettings,"===",res.data.data.discussSettings=="true",state.checkedC1)
}).catch(err=>{
console.log('获取讨论信息失败',err)
})
}
}
};
const afterVisibleChange = (bool) => {
if(bool){
queryDiscuss();
}
};
//console.log("编辑状态",props.edit);
//创建讨论（项目任务列表）
const createDiscuss = () => {
const updateTask = (res) => {
console.log("jinlaile ========",props.isLevel);
if(props.isLevel){
RouterEditTask({
chapterId:props.isactive,
courseId: res.data.data.discussId,
name: res.data.data.discussName,
routerId: props.routerId,
routerTaskId: props.routerTaskId ||0,
type: 8,
}).then(res => {
console.log("新增关卡任务失败",res);
}).catch(err => {console.log("新增关卡任务失败",err);})
}else{
apiTask
.addTask({
courseId: res.data.data.discussId,
name: res.data.data.discussName,
projectId: props.projectId,
projectTaskId: props.projectTaskId || 0,
stageId:props.chooseStageId,
type: 8,
}).then(r=>{
console.log("新增关卡任务成功",r);
}).catch(r=>{
console.log('更新阶段任务失败',r)
})
}
}
const updateDiscussInfo = () => {
if (!state.inputV1) {
message.destroy();
return message.warning("请输入讨论名称");
}
state.addLoading=true
let obj = {
discussName: state.inputV1, //讨论名称
discussExplain: state.textV1, //讨论说明
discussSettings: state.checkedC1, //讨论设置
createTime: "", //创建时间
createUser: 0, //创建人
discussFlag: "", //活动逻辑删除标识
discussId: props.editDiscussId == null ? 0 : props.editDiscussId, //讨论Id
discussTag: "", //是否必修的标识
updateTime: "", //更新时间
updateUser: 0, //更新人
projectId: props.projectId, //项目id
discussSettings: state.discussSettings, //讨论设置
discussId: props.edit?props.EditDiscussId:0,//讨论Id
projectId: 0, //项目id,接口多余字段，
};
if(props.edit == false){
api
.createDiscuss(obj)
.then((res) => {
console.log("创建成功", res);
state.inputV1 = "";
state.textV1 = "";
//console.log("discussName",obj.discussName);
console.log("学习路径",props.isStudiscuss);
if(props.isStudiscuss){
let editObj1 = {
chapterId:props.isactive,
courseId: res.data.data.discussId,
duration: 0,
flag: true,
name: obj.discussName,
routerId: props.routerId,
routerTaskId: 0,
type: 8,
}
RouterEditTask(editObj1).then(res => {
console.log("新增关卡任务成功",res);
setTimeout(()=>{
message.success("创建成功");
ctx.emit("update:adddiscussVisible", false);
state.addLoading=false
},1000)
}).catch(err => {
console.log("新增关卡任务失败",err);
})
}else{
console.log("项目添加讨论");
apiTask
.addTask({
courseId: res.data.data.discussId,
duration: 0,
flag: true,
name: obj.discussName,
projectId: props.projectId,
projectTaskId: "",
stageId: props.chooseStageId,
type: 8,
})
.then((res) => {
console.log("调用项目添加接口后", res.data);
ctx.emit("changeData",false);
//重新获取任务列表
// apiTask.getTask({ projectId: 28 });
// router.push("/taskadd");
state.addLoading=false
})
.catch((err) => {
console.log(err);
});
}
})
.catch((err) => {
console.log("创建失败", err);
});
}else{
console.log("dianwanle -======",String(state.checkedC1));
if(props.edit){
api
.updateDiscuss(obj)
.then((res)=> {
updateTask(res);
closeDrawer();
ctx.emit("changeData", false);
console.log("更新成功",res);
console.log("项目任务ID",props.projectTaskId)
let taskObj={
courseId: res.data.data.discussId,
name: obj.discussName,
projectId: props.projectId,
projectTaskId: props.projectTaskId,
stageId: props.stageId,
type: 8,
}
api.updateTask(taskObj).then(taskRes=>{
console.log('更新阶段任务成功',taskRes)
}).catch(taskErr=>{
console.log('更新阶段任务失败',taskErr)
})
})
.catch((err) => {
console.log("更新失败",err)
})
}else{
api
.createDiscuss(obj)
.then((res)=> {
updateTask(res);
closeDrawer();
ctx.emit("changeData", false);
console.log("创建成功",res);
console.log("项目任务ID",props.projectTaskId)
})
.catch((err) => {
console.log("创建失败",err)
})
}
};
return {
...toRefs(state),
afterVisibleChange,
closeDrawer,
rowSelection,
createDiscuss,
updateDiscussInfo,
checkRadio,
};
},
};

336
src/components/drawers/AddLive.vue
View File

@@ -10,7 +10,7 @@
>
<div class="drawerMain">
<div class="header">
<div class="headerTitle">添加直播</div>
<div class="headerTitle">{{edit?'编辑':'添加'}}直播</div>
<img
style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png"
@@ -32,7 +32,7 @@
<div class="btnbox">
<a-input
v-model:value="inputV1"
style="width: 424px; height: 32px"
style="width: 400px; height: 32px"
placeholder="请输入考试名称"
maxlength="20"
/>
@@ -47,7 +47,7 @@
v-model:value="textV1"
placeholder="请输入考试说明"
allow-clear
maxlength="150"
maxlength="364px"
/>
</div>
</div>
@@ -80,10 +80,14 @@
<span style="margin-right: 3px">直播时长：</span>
</div>
<div class="btnbox">
<a-input
<a-input-number
:min="0"
:max="300"
:precision="0"
style=" width: 364px; height: 32px; border-radius: 8px;overflow: hidden; "
v-model:value="inputV2"
style="width: 388px; height: 32px"
/>
></a-input-number>
<span style="margin-left: 5px">分钟</span>
</div>
</div>
@@ -98,11 +102,19 @@
<span style="margin-right: 3px">授课老师：</span>
</div>
<div class="btnbox">
<a-input
v-model:value="inputV3"
style="width: 424px; height: 32px"
placeholder="请输入授课老师"
/>
<a-select
v-model:value="value"
show-search
placeholder="Select a teacher"
style="width: 364px"
:options="options"
:filter-option="filterOption"
@focus="handleFocus"
@blur="handleBlur"
@change="handleChange2"
></a-select>
</div>
</div>
<div class="main_item2">
@@ -110,6 +122,9 @@
<span style="margin-right: 3px">直播封面：</span>
</div>
<div class="textarea" style="overflow: hidden">
<a-upload
v-model:file-list="fileList"
name="avatar"
@@ -120,7 +135,7 @@
:before-upload="beforeUpload"
@change="handleChange"
>
<img v-if="imageUrl" :src="imageUrl" alt="avatar" />
<img v-if="imageUrl" :src="imageUrl" alt="avatar" style=“width：100px；height:100px;”/>
<div v-else>
<loading-outlined v-if="loading"></loading-outlined>
<plus-outlined v-else></plus-outlined>
@@ -170,20 +185,23 @@
<span style="margin-right: 3px">评价：</span>
</div>
<div class="btnbox">
<a-checkbox v-model:checked="checkedC1">需要评估</a-checkbox>
<a-checkbox v-model:checked="checkedC1" @change = "checkRadio">需要评估</a-checkbox>
</div>
</div>
<div class="main_item" style="margin-top: -25px">
<div class="main_item" style="margin-top: -25px," :style="{ display: checkedC1 ? 'block' : 'none' }">
<div class="signbox"></div>
<div class="btnbox">
<a-select
dropdownClassName="dropdown-style"
style="width: 424px"
v-model:value="value"
show-search
placeholder="选择评估"
:options="options1"
allowClear
showSearch
/>
style="width: 364px"
:options="options"
:filter-option="filterOption"
@focus="handleFocus"
@blur="handleBlur"
@change="handleChange2"
></a-select>
</div>
</div>
<div class="main_item2">
@@ -201,12 +219,7 @@
:min="0"
:max="30"
:precision="0"
style="
width: 88px;
height: 32px;
border-radius: 8px;
overflow: hidden;
"
style="width: 88px; height: 32px; border-radius: 8px;overflow: hidden; "
v-model:value="inputV6"
></a-input-number>
<span style="color: #999999; margin-left: 8px">分钟</span>
@@ -217,12 +230,7 @@
:min="0"
:max="30"
:precision="0"
style="
width: 88px;
height: 32px;
border-radius: 8px;
overflow: hidden;
"
style="width: 88px;height: 32px;border-radius: 8px; overflow: hidden;"
v-model:value="inputV7"
></a-input-number>
<span style="color: #999999; margin-left: 8px">分钟</span>
@@ -238,12 +246,7 @@
:min="0"
:max="30"
:precision="0"
style="
width: 88px;
height: 32px;
border-radius: 8px;
overflow: hidden;
"
style=" width: 88px;height: 32px;border-radius: 8px; overflow: hidden; "
v-model:value="inputV8"
></a-input-number>
<span style="color: #999999; margin-left: 8px"
@@ -271,7 +274,7 @@
<span style="margin-right: 3px">其他设置：</span>
</div>
<div class="btnbox">
<a-checkbox v-model:checked="checkedC2"
<a-checkbox v-model:checked="checkedC2" @onclick = "checkedC2 = !checkedC2"
>学员请假后记为任务完成</a-checkbox
>
</div>
@@ -280,7 +283,7 @@
</div>
<div class="main_btns">
<button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="createLiveBroadcast">确定</button>
<button class="btn2" @click="updateLiveBroadcast">确定</button>
</div>
</div>
</a-drawer>
@@ -292,6 +295,7 @@ import * as api from "../../api/indexLiveBroadcast";
import * as apiTask from "../../api/indexTaskadd";
import { toDate } from "@/api/method";
import { RouterEditTask } from "@/api/indexTask";
import dayjs from 'dayjs';
// import { useRouter } from "vue-router";
function getBase64(img, callback) {
const reader = new FileReader();
@@ -305,6 +309,7 @@ const options1 = ref([
},
]);
const rowSelection = ref({
checkStrictly: false,
onChange: (selectedRowKeys, selectedRows) => {
@@ -330,10 +335,15 @@ export default {
type: Boolean,
default: false,
},
isStudy: {
EditLiveId: {
type: Number,
default: null,
},
edit: { // 是否为编辑
type: Boolean,
default: null,
},
projectId: {
type: Number,
default: null,
@@ -342,6 +352,31 @@ export default {
type: Number,
default: null,
},
routerTaskId: {
type: Number,
default: 0,
},
isLevel: { // 是否是关卡页面触发
type: Boolean,
default: null,
},
EditWorkId: { // 要编辑的workId
type: Number,
default: null,
},
projectTaskId: { // 要编辑的projectId
type: Number,
default: null,
},
routerId: {
type: Number,
default: null,
},
isactive: {
type: Number,
default: null,
}
},
setup(props, ctx) {
// const router = useRouter();
@@ -447,13 +482,15 @@ export default {
imageUrl: "", //上传图片地址
loading: false,
switchC1: "",
checkedC1: "",
checkedC2: true,
checkedC1: false,
checkedC2: false,
playback: false,
assessmentId:"0",
obj: {}, //要传的obj数据
});
const closeDrawer = () => {
ctx.emit("update:addliveVisible", false);
ctx.emit("update:edit", false);
console.log(props, "props");
state.radioV1 = "";
state.playback = false;
@@ -471,17 +508,46 @@ export default {
state.imageUrl = "";
};
const afterVisibleChange = (bool) => {
console.log("state", bool);
console.log("props.edit===================", props.edit,bool);
if(props.edit){
queryLive();
}
};
const PlayBack = () => {
state.playback = !state.playback;
const queryLive = () => {
let d =props.EditLiveId;
console.log("直播查询=======",d);
api
.getLiveBroadcastInfor({liveId:d}).then((res) => {
// console.log(dayjs(res.data.data.submitStartTime).format("YYYY-MM-DD"));
state.inputV1 = res.data.data.liveName;
state.time = [dayjs(res.data.data.liveStartTime, "YYYY-MM-DD"), dayjs(res.data.data.liveEndTime, "YYYY-MM-DD")]
state.inputV2= res.data.data.liveDuration;
state.inputV3= res.data.data. liveTeacherId;
//state.fileList= res.data.data
state.inputV4= res.data.data.liveLink;
state.inputV5= res.data.data.livePlaybackLink;
state.inputV6= res.data.data.beforeSignIn;
state.inputV7= res.data.data.afterSignIn;
state.inputV8= res.data.data.signOutTime;
state.textV1= res.data.data.liveExplain;
state.radioV1= res.data.data.standardSettings
//state.= res.data.data
console.log("查询成功=====inputv1",state.inputV1);
}).catch(() => {
message.error(`查询失败`)
})
};
const cloradio1 = (value) => {
console.log(value.target._value); //点击的选项
if (state.radioV1 === value.target._value) {
state.radioV1 = "";
}
};
const handleChange = (info) => {
if (info.file.status === "uploading") {
state.loading = true;
@@ -519,9 +585,50 @@ export default {
return isJpgOrPng && isLt2M;
};
const updateTask =(res)=>{
if(props.isLevel){
RouterEditTask({
chapterId: props.isactive,
courseId: res.data.data.liveId,
duration: res.data.data.duration,
name: res.data.data.liveName,
routerId: props.routerId,
routerTaskId: props.routerTaskId || 0,
type: 6,
})
.then((res) => {
console.log(res, 11111);
message.success(`${props.edit ? '编辑' : '新增'}关卡任务成功`)
ctx.emit("changeData", false);
})
.catch((err) => {
console.log(err, 1111);
});
}else{
apiTask
.addTask({
courseId: res.data.data.liveId,
duration: res.data.data.duration,
name: res.data.data.liveName,
projectId: props.projectId,
projectTaskId: props.projectTaskId || 0,
stageId: props.chooseStageId,
type: 6,
})
.then((res) => {
console.log("调用项目添加接口后", res.data);
message.success(`${props.edit ? '编辑' : '新增'}关卡任务成功`)
ctx.emit("changeData", false);
})
.catch((err) => {
console.log(err);
});
}
}
//创建直播
const createLiveBroadcast = () => {
const updateLiveBroadcast = () => {
if (!state.inputV1) {
message.destroy();
return message.warning("请输入直播名称");
@@ -539,13 +646,18 @@ export default {
message.destroy();
return message.warning("直播时长需大于0");
}
const reg = /(https?|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/;
if (!reg.test(state.inputV3)) {
message.destroy();
return message.warning("请输入有效直播链接地址");
}
if (!reg.test(state.inputV5)) {
message.destroy();
return message.warning("请输入有效回放地址");
}
//if (!state.inputV3) return message.warning("请输入授课老师");
if (!state.inputV3) return message.warning("请输入授课老师");
let check = state.checkedC2 * 1;
// let startTime = state.time[0].$d;
// let endTime = state.time[1].$d;
// console.log(startTime); //时间需要处理
// console.log(endTime);
//let check = state.checkedC2 ;
let startTime = toDate(
new Date(state.time[0].$d).getTime() / 1000,
"Y-M-D"
@@ -555,101 +667,105 @@ export default {
"Y-M-D"
);
state.obj = {
afterSignIn: state.inputV6,
beforeSignIn: state.inputV7,
assessmentId: 0,
createTime: "",
createUser: 0,
// liveCover: state.fileList,//直播封面
liveDuration: state.inputV2,
liveEndTime: endTime,
liveStartTime: startTime,
liveExplain: state.textV1,
liveFlag: "",
liveId: 0,
liveId: props.edit?props.EditLiveId:0,
liveLink: state.inputV4,
liveName: state.inputV1,
livePlayback: "",
livePlaybackLink: state.inputV5,
liveTag: "",
liveTeacherId: 0,
otherSettings: check, //1或0
livePlayback:state.playback ? "true":"false",
livePlaybackLink: state.playback?state.inputV5:"",
liveTeacherId: state.inputV3,
otherSettings:0, //1或0
signOutTime: state.inputV8,
standardSettings: state.radioV1, //1或2
updateTime: "",
updateUser: 0,
};
let name = state.inputV1;
console.log("zhibo-==========",props.EditLiveId);
if(props.edit){
api
.updateLiveBroadcastMessage(state.obj)
.then((res) => {
console.log("直播编辑成功", res.data.data);
message.success("提交成功");
updateTask(res);
closeDrawer();
})
.catch((err) => {
console.log(err, 2222);
});
}else{
api
.createLiveBroadcast(state.obj)
.then((res) => {
console.log("调用添加直播接口后", res.data.data);
// console.log(state, 2222);
message.success("提交成功");
updateTask(res);
closeDrawer();
if (props.isStudy == 1) {
console.log("hhhhh", name);
let objj = {
chapterId: 36,
courseId: 0,
duration: state.obj.liveDuration,
flag: true,
name: name,
routerId: 92,
routerTaskId: 0,
type: 6,
};
RouterEditTask(objj)
.then((res) => {
console.log(res, 11111);
})
.catch((err) => {
console.log(err, 1111);
});
} else {
apiTask
.addTask({
courseId: 0,
duration: state.obj.liveDuration,
flag: true,
name: state.obj.liveName,
projectId: props.projectId,
projectTaskId: 0,
stageId: props.chooseStageId,
type: 6,
})
.then((res) => {
console.log("调用项目添加接口后", res.data);
//自定义事件给父组件传值
ctx.emit("changeData", false);
//重新获取任务列表
// apiTask.getTask({ projectId: 28 });
// router.push("/taskadd");
})
.catch((err) => {
console.log(err);
});
}
})
.catch((err) => {
console.log(err, 2222);
});
}
};
const options = ref([{
value: 'jack',
label: 'Jack',
}, {
value: 'lucy',
label: 'Lucy',
}, {
value: 'tom',
label: 'Tom',
}]);
const handleChange2 = value => {
console.log(`selected ${value}`);
};
const handleBlur = () => {
console.log('blur');
};
const handleFocus = () => {
console.log('focus');
};
const checkRadio = () =>{
if(state.checkedC1){
state.discussSettings = "true"
}else{
state.discussSettings = "false";
}
console.log("state.checkedC1=====",state.discussSettings,state.discussSettings=="true");
}
const filterOption = (input, option) => {
return option.value.toLowerCase().indexOf(input.toLowerCase()) >= 0;
};
return {
...toRefs(state),
afterVisibleChange,
closeDrawer,
PlayBack,
options1,
// columns1,
rowSelection,
cloradio1,
createLiveBroadcast,
handleChange,
beforeUpload,
updateLiveBroadcast,
filterOption,
handleBlur,
handleFocus,
handleChange2,
options,
checkRadio,
};
},
};

294
src/components/drawers/AddRef.vue
View File

@@ -8,7 +8,7 @@
>
<div class="drawerMain">
<div class="header">
<div class="headerTitle">{{ title }}外链</div>
<div class="headerTitle">{{edit ? '编辑' : '添加' }}外链</div>
<img
style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png"
@@ -73,13 +73,13 @@
</a-form>
<div class="main_btns">
<button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="createExternalChain">确定</button>
<button class="btn2" @click="updateRef">确定</button>
</div>
</div>
</a-drawer>
</template>
<script>
import { reactive, toRefs, ref, onMounted } from "vue";
import { reactive, toRefs, ref } from "vue";
import * as api from "../../api/indexExternalChain";
import * as apiTask from "../../api/indexTaskadd";
import { message } from "ant-design-vue";
@@ -110,10 +110,14 @@ export default {
type: Boolean,
default: false,
},
isStudy: {
EditRefId: {
type: Number,
default: null,
},
edit: { // 是否为编辑
type: Boolean,
default: null,
},
projectId: {
type: Number,
default: null,
@@ -122,15 +126,19 @@ export default {
type: Number,
default: null,
},
isRefEdit: {
routerTaskId: {
type: Number,
default: 0,
},
isLevel: { // 是否是关卡页面触发
type: Boolean,
default: null,
},
EditWorkId: { // 要编辑的workId
type: Number,
default: null,
},
EditRefId: {
type: Number,
default: null,
},
isactive: {
projectTaskId: { // 要编辑的projectId
type: Number,
default: null,
},
@@ -138,6 +146,11 @@ export default {
type: Number,
default: null,
},
isactive: {
type: Number,
default: null,
}
},
setup(props, ctx) {
const state = reactive({
@@ -149,286 +162,110 @@ export default {
const closeDrawer = () => {
console.log(props, 1111);
ctx.emit("update:addrefVisible", false);
ctx.emit("update:isRefEdit", 1);
ctx.emit("update:edit", false);
console.log("props", props.routerId);
state.inputV2 = "";
state.inputV1 = "";
state.textV1 = "";
};
const updateRef = () => {
// 如果是关卡页面进入 ---------------------------------
if (props.isLevel) {
if(props.isRefEdit){
createExternalRef();
}else{
updateExternalRef();
}
console.log('关卡创建任务***************');
} else { // 任务页面进入------------------------------
if (props.isRefEdit) { // 编辑任务
console.log('编辑任务***************');
updateExternalChain();
} else { // 创建任务
console.log('创建任务***************');
createExternalChain();
}
}
};
const afterVisibleChange = (bool) => {
console.log("state", bool);
if(props.edit){
queryRef();
}
};
const handleFinish = values => {
console.log(values);
updateRef(props.EditRefId)
//updateRef(props.EditRefId)
};
const handleFinishFailed = errors => {
console.log(errors);
// message.error("handleFinishFailed");
};
//创建外链
const createExternalChain = () => {
if (!state.inputV1) return message.warning("请输入外链名称");
if (!state.inputV2) return message.warning("请输入链接");
let obj = {
linkAddress: state.inputV2,
linkDescription: state.textV1,
linkId: props.EditRefId == null ? 0 : props.EditRefId,
linkName: state.inputV1,
};
//编辑外链
api
.createExternalChain(obj)
.then((res) => {
console.log(res.data.data, "外链添加成功了");
message.success("提交成功");
closeDrawer();
//项目的创建
apiTask
.addTask({
courseId: res.data.data.linkId,
duration: 0,
flag: true,
name: obj.linkName,
projectId: props.projectId,
projectTaskId: 0,
stageId: props.chooseStageId,
type: 7,
})
.then((res) => {
console.log("调用项目添加接口后111", res.data, 11111);
ctx.emit("changeData", false);
//重新获取任务列表
// apiTask.getTask({ projectId: 28 });
// router.push("/taskadd");
})
.catch((err) => {
console.log(err, 111111);
});
})
.catch((err) => {
console.log(err);
});
};
const updateExternalChain = () => {
if (!state.inputV1) return message.warning("请输入外链名称");
if (!state.inputV2) return message.warning("请输入链接");
let obj = {
linkAddress: state.inputV2,
linkDescription: state.textV1,
linkId: props.EditRefId == null ? 0 : props.EditRefId,
linkName: state.inputV1,
};
//编辑外链
api
.updateLinks(obj)
.then((res) => {
console.log("编辑成功", res);
message.success("编辑成功");
closeDrawer();
})
.catch((err) => console.log(err));
};
const createExternalRef = () => {
if (!state.inputV1) return message.warning("请输入外链名称");
if (!state.inputV2) return message.warning("请输入链接");
let obj = {
createUser: 0,
createTime: "",
linkAddress: state.inputV2,
linkDescription: state.textV1,
linkFlag: "",
linkId: props.EditRefId == null ? 0 : props.EditRefId,
linkName: state.inputV1,
linkTag: "",
updateTime: "",
updateUser: 0,
};
//编辑外链
if (props.isRefEdit) {
api
.updateLinks(obj)
.then((res) => {
console.log("编辑成功", res);
message.success("编辑成功");
closeDrawer();
})
.catch((err) => console.log(err));
} else {
api
.createExternalChain(obj)
.then((res) => {
console.log(res.data.data, "外链添加成功了");
message.success("提交成功");
closeDrawer();
//学习路径的创建
if (props.isStudy == 1) {
let objj = {
const updateTask =(res)=>{
console.log("jinlaile=================",res.data.data.linkId,props.isLevel,props.isactive,props.routerId,props.routerTaskId)
if(props.isLevel){
RouterEditTask({
chapterId: props.isactive,
courseId: res.data.data.linkId,
duration: 0,
flag: true,
name: obj.linkName,
name: res.data.data.linkName,
routerId: props.routerId,
routerTaskId: 0,
routerTaskId: props.routerTaskId || 0,
type: 7,
};
RouterEditTask(objj)
})
.then((res) => {
console.log(res, 11111);
message.success(`${props.edit ? '编辑' : '新增'}关卡任务成功`)
ctx.emit("changeData", false);
closeDrawer();
state.addLoading = false;
})
.catch((err) => {
console.log(err, 1111);
});
}else{
//项目的创建
apiTask
.addTask({
courseId:res.data.data.linkId,
duration: 0,
flag: true,
name: obj.linkName,
name: res.data.data.linkName,
projectId: props.projectId,
projectTaskId: 0,
projectTaskId: props.projectTaskId || 0,
stageId: props.chooseStageId,
type: 7,
})
.then((res) => {
console.log("调用项目添加接口后111", res.data, 11111);
ctx.emit("changeData", false);
//重新获取任务列表
// apiTask.getTask({ projectId: 28 });
// router.push("/taskadd");
closeDrawer();
})
.catch((err) => {
console.log(err, 111111);
});
}
})
.catch((err) => {
console.log(err);
});
}
};
const updateExternalRef = () => {
//创建外链
const updateRef = () => {
if (!state.inputV1) return message.warning("请输入外链名称");
if (!state.inputV2) return message.warning("请输入链接");
if (!state.inputV2){
return message.warning("请输入链接");
}else{
const reg = /(https?|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/;
if ((!reg.test(state.inputV2)) && state.inputV2 != '') {
return message.warning("请输入合法的链接地址");
}
}
let obj = {
createUser: 0,
createTime: "",
linkAddress: state.inputV2,
linkDescription: state.textV1,
linkFlag: "",
linkId: props.EditRefId == null ? 0 : props.EditRefId,
linkId:props.edit?props.EditRefId:0,
linkName: state.inputV1,
linkTag: "",
updateTime: "",
updateUser: 0,
};
//编辑外链
if (props.isRefEdit) {
console.log("编辑的id========",props.EditRefId)
if(props.edit){
api
.updateLinks(obj)
.then((res) => {
console.log("编辑成功", res);
message.success("编辑成功");
closeDrawer();
})
.catch((err) => console.log(err));
updateTask(res);
}).catch((err) => console.log(err));
}else{
api
.createExternalChain(obj)
.then((res) => {
console.log(res.data.data, "外链添加成功了");
message.success("提交成功");
closeDrawer();
//学习路径的创建
if (props.isStudy == 1) {
let objj = {
chapterId: 36,
courseId: 0,
duration: 0,
flag: true,
name: obj.linkName,
routerId: 92,
routerTaskId: 0,
type: 7,
};
RouterEditTask(objj)
.then((res) => {
console.log(res, 11111);
})
.catch((err) => {
console.log(err, 1111);
});
} else {
//项目的创建
apiTask
.addTask({
courseId: res.data.data.linkId,
duration: 0,
flag: true,
name: obj.linkName,
projectId: props.projectId,
projectTaskId: 0,
stageId: props.chooseStageId,
type: 7,
})
.then((res) => {
console.log("调用项目添加接口后111", res.data, 11111);
ctx.emit("changeData", false);
//重新获取任务列表
// apiTask.getTask({ projectId: 28 });
// router.push("/taskadd");
})
.catch((err) => {
console.log(err, 111111);
});
}
})
.catch((err) => {
console.log(err);
});
updateTask(res);
}).catch((err) => console.log(err));
}
};
// 查询任务
const queryRef = () => {
let p =new FormData;
p.append('linkId',props.EditRefId);
let d =props.EditRefId ;
api
.getLink(p).then((res) => {
.getLink({linkId:d}).then((res) => {
// console.log(dayjs(res.data.data.submitStartTime).format("YYYY-MM-DD"));
state.inputV1 = res.data.data.linkName;
state.inputV2 =res.data.data.linkAddress;
@@ -438,16 +275,11 @@ export default {
message.error(`查询失败`)
})
};
//不生效
onMounted(() => {
state.title = props.isRefEdit == 2 ? "编辑" : "添加";
});
return {
...toRefs(state),
afterVisibleChange,
closeDrawer,
rowSelection,
createExternalChain,
handleFinish,
handleFinishFailed,
updateRef,

161
src/components/drawers/SeeStu.vue
View File

@@ -21,8 +21,8 @@
<img src="../../assets/images/studentimg/character.png" />
</div>
<div class="stumation">
<div class="stuname">王明</div>
<div class="stugangw">产研部门 - 产品经理</div>
<div class="stuname">{{ userName }}</div>
<div class="stugangw">{{ deptName }} - {{ jobName }}</div>
</div>
<div class="sortbox">
<div class="sortname">进度排名</div>
@@ -42,8 +42,8 @@
<div class="sortbox" style="margin-left: 34px">
<div class="sortname">完成必修</div>
<div class="sortnub">
<span class="nub1">3</span>
<span class="total">/10</span>
<span class="nub1">{{ currentReqCnt }}</span>
<span class="total">/{{ totalReqCnt }}</span>
</div>
</div>
<a-divider
@@ -57,12 +57,12 @@
<div class="sortbox" style="margin-left: 34px">
<div class="sortname">已修证书</div>
<div class="sortnub">
<span class="nub1">1</span>
<span class="nub1">{{ certCnt }}</span>
</div>
</div>
</div>
<div class="secondrow">
<div class="rowleft">产品经理管理 - 腾飞班1</div>
<div class="rowleft">{{ name }}</div>
<div class="rowbox" @click="showProMess">
<div class="shuom">说明</div>
<div><img src="../../assets/images/studentimg/chak.png" /></div>
@@ -82,13 +82,13 @@
<div></div>
</template>
<a-collapse-panel
v-for="(value, index) in stageList"
:key="index"
:header="value.text"
v-for="value in stageList"
:key="value.stageId"
:header="value.stageName"
>
<div
class="rowclass"
v-for="(item, key) in value.children"
v-for="(item, key) in value.taskProcessList"
:key="key"
>
<div class="leftclass">
@@ -119,6 +119,8 @@
? require('../../assets/images/leveladd/diao.png')
: item.course === '投票'
? require('../../assets/images/leveladd/tou.png')
: item.course === '评估'
? require('../../assets/images/leveladd/diao.png')
: null
"
/>
@@ -154,6 +156,7 @@
<script>
import { reactive, toRefs } from "vue";
import ProMess from "./ProMess.vue";
import { studentProcess } from "../../api/indexProjStu";
export default {
name: "SeeStu",
components: { ProMess },
@@ -162,16 +165,32 @@ export default {
type: Boolean,
default: false,
},
checkStuId: {
type: Number,
default: null,
},
projectId: {
type: Number,
default: null,
},
},
setup(props, ctx) {
const state = reactive({
userName: null, //用户名
deptName: null, //部门
jobName: null, //岗位
certCnt: null, //已修证书
name: null, //路径图名称
totalReqCnt: null, //累计必修数
currentReqCnt: null, //完成必修数
Provisible: false,
showDown: true,
showDown1: false,
stageList: [
{
text: "阶段1腾飞班阶段1",
children: [
stageName: "阶段1腾飞班阶段1",
stageId: 1,
taskProcessList: [
{
course: "在线",
name: "如何成为一个产品经理",
@@ -199,36 +218,6 @@ export default {
},
],
},
{
text: "阶段2腾飞班阶段2",
children: [
{
course: "考试",
name: "如何成为一个产品经理",
complete: "已完成",
},
{
course: "案例",
name: "如何成为一个产品经理",
complete: "已完成",
},
{
course: "外链",
name: "如何成为一个产品经理",
complete: "已完成",
},
{
course: "讨论",
name: "如何成为一个产品经理",
complete: "未完成",
},
{
course: "测评",
name: "如何成为一个产品经理",
complete: "未完成",
},
],
},
],
stageListActive: 0,
});
@@ -241,6 +230,9 @@ export default {
};
const afterVisibleChange = (bool) => {
console.log("state", bool);
if (bool == true) {
check();
}
};
const changeDown = () => {
state.showDown = !state.showDown;
@@ -248,6 +240,88 @@ export default {
const changeDown1 = () => {
state.showDown1 = !state.showDown1;
};
const taskProcessList = (tableData) => {
let data = tableData;
let array = [];
data.map((value) => {
let obj = {
course:
value.type == 1
? "在线"
: value.type == 2
? "面授"
: value.type == 3
? "案例"
: value.type == 4
? "作业"
: value.type == 5
? "考试"
: value.type == 6
? "直播"
: value.type == 7
? "外链"
: value.type == 8
? "讨论"
: value.type == 9
? "活动"
: value.type == 10
? "测评"
: value.type == 11
? "评估"
: value.type == 12
? "投票"
: "-",
name: value.name,
complete:
value.status == -1
? "未开始"
: value.status == 1
? "已完成"
: value.status == 0
? "未完成"
: "-",
flag: value.flag == 0 ? "选修" : "必修",
currentRatio: value.currentRatio,
routerTaskId: value.routerTaskId,
};
array.push(obj);
});
return array;
};
const setStageList = (tableData) => {
let data = tableData;
let array = [];
data.map((value) => {
let obj = {
stageName: value.stageName,
stageId: value.stageId,
taskProcessList: taskProcessList(value.taskProcessList),
};
array.push(obj);
});
state.stageList = array;
};
const check = () => {
let obj = {
projectId: 37,
studentId: 3,
};
studentProcess(obj).then((res) => {
console.log("查看了学员", res.data.data);
let result = res.data.data;
state.userName = result.userInfoBo.userName;
state.deptName = result.userInfoBo.deptName;
state.jobName = result.userInfoBo.jobName;
state.certCnt = result.certCnt == null ? 0 : result.certCnt;
state.name = result.name;
state.currentReqCnt = result.currentReqCnt;
state.totalReqCnt = result.totalReqCnt;
if (result.stageProcessList.length > 0) {
setStageList(result.stageProcessList);
}
});
};
return {
...toRefs(state),
afterVisibleChange,
@@ -255,6 +329,9 @@ export default {
showProMess,
changeDown,
changeDown1,
check,
setStageList,
taskProcessList,
// change,
};
},

662
src/components/drawers/StuAdd.vue
View File

@@ -65,6 +65,24 @@
<div class="right1">清空</div>
</div>
</div> -->
<div class="chooseLeft">
<div class="boeTree">
<a-tree-select
v-model:value="valueSelectboe"
style="width: 240px; border-radius: 4px"
dropdownClassName="changetreedropdownboe"
:dropdown-style="{
maxHeight: '600px',
overflow: 'auto',
}"
placeholder="BOE组织树"
allow-clear
tree-default-expand-all
:tree-data="treeData"
>
<template #suffixIcon></template>
</a-tree-select>
</div>
<div class="tabb" style="margin-top: 16px">
<a-table
style="border: 1px solid #f2f6fe"
@@ -72,11 +90,10 @@
:data-source="tabledata"
:loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true"
:scroll="{ x: 500 }"
@expand="expandTable"
:pagination="false"
:row-selection="{
columnWidth: 30,
columnWidth: 20,
selectedRowKeys: selectedRowKeys,
onChange: onSelectChange,
}"
@@ -94,6 +111,7 @@
</div>
</div>
</div>
</div>
</a-tab-pane>
<a-tab-pane key="2" tab="添加组织" force-render>
<div
@@ -101,36 +119,14 @@
style="overflow-y: auto"
>
<div class="tab2">
<div class="t1">
<div class="organize">选择组织：</div>
<div class="select">
<a-tree-select
v-model:value="valueSelect"
style="width: 200px"
dropdownClassName="changetreedropdown"
:dropdown-style="{
maxHeight: '400px',
overflow: 'auto',
}"
placeholder="请输入组织名称"
allow-clear
tree-default-expand-all
:tree-data="treeData"
>
</a-tree-select>
</div>
</div>
<div class="t1">
<div class="organize">姓名：</div>
<div class="nameinp">
<div class="namee">组织：</div>
<a-input
v-model:value="nameadd"
style="width: 200px; height: 40px; border-radius: 8px"
placeholder="请输入姓名"
v-model:value="com"
style="width: 230px; height: 40px; border-radius: 8px"
placeholder="请输入组织"
/>
</div>
</div>
<!-- 选完后出现下面 -->
<div class="searchdown">
<div class="btns">
<div class="btn1">
<div class="img1">
@@ -149,6 +145,34 @@
<div class="wz">重置</div>
</div>
</div>
<!-- <div class="t1">
<div class="organize">姓名：</div>
<a-input
v-model:value="nameadd"
style="width: 200px; height: 40px; border-radius: 8px"
placeholder="请输入姓名"
/>
</div> -->
</div>
<div class="boeTree">
<a-tree-select
v-model:value="valueSelectboe2"
style="width: 240px; border-radius: 4px"
dropdownClassName="changetreedropdownboe"
:dropdown-style="{
maxHeight: '600px',
overflow: 'auto',
}"
placeholder="BOE组织树"
allow-clear
tree-default-expand-all
:tree-data="treeData2"
>
<template #suffixIcon></template>
</a-tree-select>
</div>
<!-- 选完后出现下面 -->
<!-- <div class="searchdown">
<div class="tabb" style="margin-top: 16px">
<a-table
style="border: 1px solid #f2f6fe"
@@ -177,7 +201,7 @@
/>
</div>
</div>
</div>
</div> -->
</div>
</a-tab-pane>
<a-tab-pane key="3" tab="受众关联">
@@ -284,204 +308,19 @@
<span class="allclear">全部清除</span>
</div>
</div>
<div
class="selecteds"
:style="{ 'max-height': screenHeight - 235 + 'px' }"
style="overflow-y: auto"
>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="line"></div>
<div class="tit">快速选人</div>
<div class="selecteds">
<!-- 遍历生成 -->
<div class="chose" v-for="item in choosepeople" :key="item.id">
{{ item.name }}
<div class="ch"></div>
</div>
</div>
<div class="line"></div>
<div class="tit">添加组织</div>
<div class="line"></div>
<div class="tit">受众关联</div>
</div>
</div>
<div class="btnn">
@@ -521,9 +360,12 @@ export default {
value: [], //级联选择框
choosevalue: null, //受众选择
valueSelect: null, //树形选择
valueSelectboe: null, //boe树形选择
valueSelectboe2: null, //boe树形选择
name: "",
nameadd: "",
nameaddd: "",
com: "",
treeData: [
{
title: "京东方",
@@ -691,69 +533,236 @@ export default {
],
},
],
treeData2: [
{
title: "京东方",
value: "京东方",
children: [
{
title: "产研部",
value: "产研部",
children: [
{
title: "产品部",
value: "产品部",
},
{
title: "研究部",
value: "研究部",
},
],
},
{
title: "二级标题",
value: "二级标题",
children: [
{
title: "三级标题",
value: "三级标题",
children: [
{
title: "四级标题",
value: "四级标题",
children: [
{
title: "五级标题",
value: "五级标题",
children: [
{
title: "六级标题",
value: "六级标题",
children: [
{
title: "七级标题",
value: "七级标题",
children: [
{
title: "八级标题",
value: "八级标题",
children: [
{
title: "九级标题",
value: "九级标题",
children: [
{
title: "十级标题",
value: "十级标题",
children: [
{
title: "十一级标题",
value: "十一级标题",
children: [
{
title: "十二级标题",
value: "十二级标题",
children: [
{
title:
"十三级标题十三级标题十三级标题十三级标题",
value: "十三级标题",
children: [
{
title:
"十四级标题",
value:
"十四级标题",
children: [
{
title:
"十五级标题",
value:
"十五级标题",
children: [
{
title:
"十六级标题",
value:
"十六级标题",
children:
[
{
title:
"十七级标题",
value:
"十七级标题",
children:
[
{
title:
"十八级标题",
value:
"十八级标题",
children:
[
{
title:
"十九级标题",
value:
"十九级标题",
children:
[
{
title:
"二十级标题二十级标题",
value:
"二十级标题二十级标题",
},
],
},
],
},
],
},
],
},
],
},
],
},
],
},
],
},
],
},
],
},
],
},
],
},
],
},
],
},
],
},
],
},
],
},
],
},
{
title: "人力资源部",
value: "人力资源部",
children: [
{
title: "人事部",
value: "人事部",
},
{
title: "行政部",
value: "行政部",
},
],
},
],
},
],
tabledata: [
{
key: 1,
name: "小李",
bum: "产研部",
numb: "000000",
guishu: "",
guishu: "产品部",
},
{
key: 2,
name: "小刘",
bum: "产研部",
numb: "000000",
guishu: "",
guishu: "产品部",
},
{
key: 3,
name: "小李",
bum: "产研部",
numb: "000000",
guishu: "",
guishu: "产品部",
},
{
key: 4,
name: "小李",
bum: "产研部",
numb: "000000",
guishu: "",
guishu: "产品部",
},
{
key: 5,
name: "小李",
bum: "产研部",
numb: "000000",
guishu: "",
guishu: "产品部",
},
{
key: 6,
name: "小李",
bum: "产研部",
numb: "000000",
guishu: "",
guishu: "产品部",
},
{
key: 7,
name: "小李",
bum: "产研部",
numb: "000000",
guishu: "",
guishu: "产品部",
},
{
key: 8,
name: "小李",
bum: "产研部",
numb: "000000",
guishu: "",
guishu: "产品部",
},
{
key: 9,
name: "小李",
bum: "产研部",
numb: "000000",
guishu: "",
guishu: "产品部",
},
],
tablecolumns: [
@@ -761,7 +770,7 @@ export default {
title: "姓名",
dataIndex: "name",
key: "name",
width: 30,
// width: 30,
align: "left",
className: "h",
},
@@ -769,7 +778,7 @@ export default {
title: "工号",
dataIndex: "numb",
key: "numb",
width: 35,
// width: 30,
align: "center",
className: "h",
},
@@ -777,7 +786,7 @@ export default {
title: "归属组织",
dataIndex: "guishu",
key: "guishu",
width: 30,
// width: 30,
align: "center",
className: "h",
},
@@ -785,7 +794,7 @@ export default {
title: "部门",
dataIndex: "bum",
key: "bum",
width: 40,
// width: 30,
align: "center",
className: "h",
},
@@ -998,6 +1007,52 @@ export default {
label: "人力资源hrbp",
},
],
choosepeople: [
{
id: 1,
name: "李明",
},
{
id: 1,
name: "李明",
},
{
id: 1,
name: "李明",
},
{
id: 1,
name: "李明",
},
{
id: 1,
name: "李明",
},
{
id: 1,
name: "李明",
},
{
id: 1,
name: "李明",
},
{
id: 1,
name: "李明",
},
{
id: 1,
name: "李明",
},
{
id: 1,
name: "李明",
},
{
id: 1,
name: "李明",
},
],
});
const closeDrawer = () => {
state.activeKey = "1";
@@ -1234,6 +1289,26 @@ export default {
}
}
}
.chooseLeft {
display: flex;
justify-content: space-between;
.boeTree {
margin-top: 20px;
width: 300px;
height: 40px;
margin-right: 10px;
.ant-select {
.ant-select-selector {
border-radius: 8px;
height: 40px;
.ant-select-selection-placeholder {
color: #409eff;
margin-left: 72px !important;
margin-top: 4px !important;
}
}
}
}
.tabb {
.ant-table-thead > tr > th {
background-color: rgba(240, 246, 252, 1);
@@ -1280,49 +1355,32 @@ export default {
}
}
}
}
.tab2 {
display: flex;
align-items: center;
margin-top: 10px;
// margin-top: 10px;
flex-wrap: wrap;
justify-content: space-between;
.nameinp {
display: flex;
align-items: center;
margin-top: 10px;
.namee {
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
}
}
.t1 {
display: flex;
align-items: center;
margin-bottom: 5px;
}
.organize {
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
white-space: nowrap;
}
.ant-select-dropdown {
min-width: 800px !important;
}
.ant-select {
border-radius: 8px !important;
// background-color: red;
}
.ant-cascader {
width: 264px;
height: 40px;
border-radius: 8px !important;
.ant-select-selector {
height: 100%;
}
.ant-select-selection-search-input {
height: 40px;
}
}
}
.searchdown {
.btns {
display: flex;
margin-top: 10px;
// margin-top: -10px;
.btn1 {
width: 100px;
height: 40px;
@@ -1357,6 +1415,47 @@ export default {
}
}
}
.organize {
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
white-space: nowrap;
}
.ant-select-dropdown {
min-width: 800px !important;
}
.ant-select {
border-radius: 8px !important;
// background-color: red;
}
.ant-cascader {
width: 264px;
height: 40px;
border-radius: 8px !important;
.ant-select-selector {
height: 100%;
}
.ant-select-selection-search-input {
height: 40px;
}
}
}
.boeTree {
margin-top: 20px;
width: 300px;
height: 40px;
margin-right: 10px;
.ant-select {
.ant-select-selector {
border-radius: 8px;
height: 40px;
.ant-select-selection-placeholder {
color: #409eff;
margin-left: 72px !important;
margin-top: 4px !important;
}
}
}
}
}
}
@@ -1416,10 +1515,25 @@ export default {
}
}
}
.line {
width: 90%;
height: 1px;
background-color: #e8e8e8;
margin-left: 12px;
margin-top: 20px;
}
.tit {
font-size: 14px;
font-weight: 500;
margin-top: 12px;
margin-left: 32px;
}
.selecteds {
display: flex;
flex-wrap: wrap;
margin-left: 32px;
height: 200px;
overflow-y: hidden;
.chose {
width: 64px;
height: 24px;
@@ -1490,4 +1604,18 @@ export default {
width: 7px !important;
}
}
.changetreedropdownboe {
width: 240px !important;
border-radius: 5px;
min-height: 600px !important;
.ant-select-tree-list-scrollbar {
width: 5px !important;
.ant-select-tree-list-scrollbar-thumb {
background-color: #4ea6ff !important;
}
}
.ant-select-tree-indent-unit {
width: 7px !important;
}
}
</style>

154
src/views/learningpath/LearningPath.vue
View File

@@ -147,6 +147,7 @@
v-model:value="pathName"
maxlength="20"
style="border-radius: 4px"
placeholder="请输入学习路径名称"
/>
<div class="showcount">{{ pathName.length }}/20</div>
</div>
@@ -187,7 +188,7 @@
/>
</div>
<div class="inname">路径图背景</div>
<div class="in">
<div class="in learnBg">
<!-- <img class="im" src="../../assets/px.jpg" />
<img class="im" src="../../assets/px.jpg" />
<img class="im" src="../../assets/px.jpg" /> -->
@@ -195,18 +196,12 @@
@click="chooseImg(item)"
v-for="item in imgData"
:key="item.key"
style="
border-radius: 8px;
width: 136px;
height: 106px;
background-size: 100%;
background-repeat: no-repeat;
"
class="learnBgItem"
:style="{
border:
learnPathBg === item.id
? '2px solid rgba(78, 166, 255, 1)'
: '2px solid rgba(78, 166, 255, 0)',
: '1px solid #ccc',
'background-image': 'url(' + item.source + ')',
}"
>
@@ -268,6 +263,7 @@
v-model:value="pathName"
maxlength="20"
style="border-radius: 4px"
placeholder="请输入学习路径名称"
/>
<div class="showcount">{{ pathName.length }}/20</div>
</div>
@@ -308,26 +304,20 @@
/>
</div>
<div class="inname">路径图背景</div>
<div class="in">
<div class="in learnBg">
<!-- <img class="im" src="../../assets/px.jpg" />
<img class="im" src="../../assets/px.jpg" />
<img class="im" src="../../assets/px.jpg" /> -->
<div
@click="chooseImg(item)"
@click="chooseImg2(item)"
v-for="item in imgData"
:key="item.key"
style="
border-radius: 8px;
width: 136px;
height: 106px;
background-size: 100%;
background-repeat: no-repeat;
"
class="learnBgItem"
:style="{
border:
learnPathBg2 === item.id
? '2px solid rgba(78, 166, 255, 1)'
: '2px solid rgba(78, 166, 255, 0)',
: '1px solid #ccc',
'background-image': 'url(' + item.source + ')',
}"
>
@@ -440,17 +430,17 @@
<span>您确定要复制此路径吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
<div class="del_btn btn1" @click="delete_exit">
<div class="btnText" >取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="delete_exit">确定</div>
<div class="del_btn btn2" @click="delete_exit">
<div class="btnText" >确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!-- 停用路径弹窗 -->
<!-- 结束路径弹窗 -->
<a-modal
v-model:visible="stopModal"
:footer="null"
@@ -467,20 +457,24 @@
<div class="close_exit" @click="closeStopModal"></div>
</div>
<div class="body">
<span>您确定要停用此路径吗</span>
<!-- <span>您确定要停用此路径吗</span> -->
<span>是否结束项目</span>
<div class="back">
（项目结束后学员将无法继续学习，此操作不可逆）
</div>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="closeStopModal">取消</div>
<div class="del_btn btn1" @click="closeStopModal">
<div class="btnText" >取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="stopLearnPath">确定</div>
<div class="del_btn btn2" @click="stopLearnPath">
<div class="btnText" >确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!-- 删除路径弹窗 -->
<!-- 结束路径弹窗 -->
<a-modal
v-model:visible="deleteModal"
:footer="null"
@@ -500,11 +494,11 @@
<span>您确定要删除此路径吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="closeDeleteModal">取消</div>
<div class="del_btn btn1" @click="closeDeleteModal">
<div class="btnText" >取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="deleteLearnPath">确定</div>
<div class="del_btn btn2" @click="deleteLearnPath">
<div class="btnText" >确定</div>
</div>
</div>
</div>
@@ -530,11 +524,11 @@
<span>您确定要启用此路径吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
<div class="del_btn btn1" @click="delete_exit">
<div class="btnText" >取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="delete_exit">确定</div>
<div class="del_btn btn2" @click="delete_exit">
<div class="btnText" >确定</div>
</div>
</div>
</div>
@@ -561,11 +555,11 @@
<div class="back">（路径撤回后学员进度保留，发布后可继续学习）</div>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="closeBackModal">取消</div>
<div class="del_btn btn1" @click="closeBackModal">
<div class="btnText" >取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="recallPath">确定</div>
<div class="del_btn btn2" @click="recallPath">
<div class="btnText" >确定</div>
</div>
</div>
</div>
@@ -634,6 +628,14 @@ export default {
id: 3,
source: require("../../assets/images/leveladd/3.png"),
},
{
id: 4,
source: require("../../assets/images/leveladd/2.png"),
},
{
id: 5,
source: require("../../assets/images/leveladd/3.png"),
},
],
learnPathBg: null, //创建路径选择的路径图背景
learnPathBg2: null, //编辑路径选择的路径图背景
@@ -752,12 +754,12 @@ export default {
state.editPathId = null;
};
const chooseImg = (item) => {
console.log(item);
// console.log(item);
state.learnPathBg = item.id;
};
const chooseImg2 = (id) => {
console.log(id);
state.learnPathBg2 = id;
const chooseImg2 = (item) => {
// console.log(item);
state.learnPathBg2 = item.id;
};
//发布弹窗
const showPub = (routerId) => {
@@ -820,15 +822,15 @@ export default {
const closeCopyModal = () => {
state.copyModal = false;
};
//显示停用窗口
//显示结束窗口
const showStopModal = () => {
state.stopModal = true;
};
//关闭停用窗口
//关闭结束窗口
const closeStopModal = () => {
state.stopModal = false;
};
//确认停用
//确认结束
const stopLearnPath = () => {
let obj = {
routerId: state.stopPathId,
@@ -916,7 +918,7 @@ export default {
: value.status === 1
? "已发布"
: value.status === -1
? "已停用"
? "已结束"
: "-",
creater: value.createName ? value.createName : "-",
pubtime: value.publishTime
@@ -1141,20 +1143,7 @@ export default {
复制
</div>
</a-select-option>
<a-select-option
value="停用"
label="停用"
style="padding-left:35px"
>
<div
onClick={() => {
state.stopPathId = text.record.id;
showStopModal();
}}
>
停用
</div>
</a-select-option>
<a-select-option
value="删除"
label="删除"
@@ -1207,13 +1196,27 @@ export default {
>
撤回
</div>
</a-select-option>
<a-select-option
value="结束"
label="结束"
style="padding-left:35px"
>
<div
onClick={() => {
state.stopPathId = text.record.id;
showStopModal();
}}
>
结束
</div>
</a-select-option>
</a-select>
</div>
) : (
<div></div>
)}
{text.record.state === "已停用" ? (
{text.record.state === "已结束" ? (
<div>
<a-select
style="width: 50px;margin-top:2px;margin-right:20px;"
@@ -1233,6 +1236,7 @@ export default {
复制
</div>
</a-select-option>
{/**
<a-select-option
value="启用"
label="启用"
@@ -1246,6 +1250,7 @@ export default {
启用
</div>
</a-select-option>
*/}
<a-select-option
value="删除"
@@ -1629,10 +1634,10 @@ export default {
.in {
margin-left: 14px;
width: 81%;
height: 110px;
// height: 110px;
// background-color: red;
display: flex;
justify-content: space-between;
// justify-content: space-between;
.im {
border-radius: 8px;
width: 140px;
@@ -1640,6 +1645,21 @@ export default {
cursor: pointer;
}
}
.learnBg{
display: flex;
flex-wrap: wrap;
min-height: 110px;
.learnBgItem{
border-radius: 8px;
width: 136px;
height: 106px;
background-size: 100%;
background-repeat: no-repeat;
margin-bottom: 20px;
margin-right: 6px;
}
}
}
.info {
width: 78%;

383
src/views/learningpath/LevelAdd.vue
View File

@@ -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: "时间管理",
@@ -1019,95 +1096,11 @@ export default {
total: 50, //总人数
complete: 20, //完成人数
percent: 40,
},
{
course: "直播",
name: "管理直播间",
classify: "必修",
beginTime: "2022-09-12 14:03",
total: 50, //总人数
complete: 10, //完成人数
percent: 20,
},
{
course: "面授",
name: "管理面授课",
classify: "必修",
beginTime: "2022-09-16 14:03",
total: 80, //总人数
complete: 0, //完成人数
percent: 0,
},
{
course: "活动",
name: "管理活动",
classify: "必修",
beginTime: "2022-09-16 14:03",
total: 50, //总人数
complete: 40, //完成人数
percent: 80,
},
{
course: "作业",
name: "管理者作业",
classify: "选修",
beginTime: "2022-09-16 14:03",
total: 50, //总人数
complete: 30, //完成人数
percent: 60,
},
{
course: "考试",
name: "管理者考试",
classify: "必修",
beginTime: "2022-09-16 14:03",
total: 50, //总人数
complete: 50, //完成人数
percent: 100,
},
routerTaskId:0,
}
],
},
{
text: "关卡2 中级产品经理",
children: [
{
course: "讨论",
name: "时间管理",
classify: "选修",
beginTime: "2022-09-16 14:03",
total: 50, //总人数
complete: 20, //完成人数
percent: 40,
},
{
course: "测评",
name: "管理直播间",
classify: "必修",
beginTime: "2022-09-16 14:03",
total: 50, //总人数
complete: 10, //完成人数
percent: 20,
},
{
course: "评估",
name: "管理直播间",
classify: "必修",
beginTime: "2022-09-16 14:03",
total: 50, //总人数
complete: 10, //完成人数
percent: 20,
},
{
course: "投票",
name: "管理直播间",
classify: "必修",
beginTime: "2022-09-16 14:03",
total: 50, //总人数
complete: 10, //完成人数
percent: 20,
},
],
},
}
],
activeKey: ref("1"),
value: ref(" "),
@@ -1115,7 +1108,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 +1233,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 +1476,9 @@ export default {
const changeTabs = (e) => {
console.log("切换tabs", e, state.routerId);
if(e == 2) {
myGetRouterDetail()
}
//学员管理
if (e == 3) {
getStudent();
@@ -1474,9 +1502,91 @@ 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
// if(data[i].taskList.length > 0) {
// 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 => {
console.log(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 +1615,8 @@ export default {
closehuodModal,
closezhibModal,
changeTabs,
checkType,
handleChange
};
},
};
@@ -1590,6 +1702,11 @@ export default {
color: #666666;
}
}
.docListStyle {
display: flex;
width: 300px !important;
justify-content: space-around;
}
.del_btnbox {
display: flex;
margin: 30px auto;

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

@@ -32,17 +32,48 @@
>
<div class="items1">
<div class="boxs_left">
<div class="script">
<span style="font-size: 12px; color: #ffffff">说明</span>
<a-popover placement="topLeft" trigger="click">
<template #content>
<div style="width: 130px">
{{ element.remark ? element.remark : "暂无说明" }}
</div>
</template>
<template #title>
<span>关卡说明</span>
</template>
<div class="script">
<span style="font-size: 12px; color: #ffffff"
>说明</span
>
</div>
</a-popover>
<div class="imgIcon"></div>
</div>
<div class="boxs_right">
<div class="imgIcon"></div>
<div class="imgIcon" @click="deleteChapter(element.chapterId)"></div>
</div>
</div>
<div class="items2">
<div class="nname">{{ element.name }}</div>
<a-popover
placement="topLeft"
v-if="element.name.length > 10"
>
<template #content>
<div style="width: 130px">
{{ element.name }}
</div>
</template>
<!-- <template #title>
<span>关卡说明</span>
</template> -->
<div class="nname">
{{ element.name }}
</div>
</a-popover>
<div class="nname" v-if="element.name.length <= 10">
{{ element.name }}
</div>
</div>
<!-- <div class="itemle">
<div class="tit">{{ item.remark }}</div>
@@ -251,6 +282,20 @@
</div>
<div class="text">直播</div>
</div>
<div>
<add-live
v-model:addliveVisible="addlivevisible"
:isLevel="true"
@changeData="updateTableData"
v-model:isactive="isactive"
v-model:routerId="routerId"
v-model:chooseStageId="chooseStageId"
v-model:routerTaskId="routerTaskId"
v-model:edit="edit"
v-model:EditLiveId="EditLiveId"
/>
</div>
<div class="lin"></div>
</div>
<div class="item">
@@ -260,6 +305,20 @@
</div>
<div class="text">外链</div>
</div>
<div>
<add-ref
v-model:addrefVisible="addrefvisible"
:isLevel="true"
@changeData="updateTableData"
v-model:isactive="isactive"
v-model:routerId="routerId"
v-model:chooseStageId="chooseStageId"
v-model:routerTaskId="routerTaskId"
v-model:edit="edit"
v-model:EditRefId="EditRefId"
/>
</div>
<div class="lin"></div>
</div>
<div class="item" @click="showDrawerAddDiscuss">
@@ -269,6 +328,20 @@
</div>
<div class="text">讨论</div>
</div>
<div>
<add-discuss
v-model:adddiscussVisible="adddiscussvisible"
@changeData="updateTableData"
:isLevel="true"
v-model:isactive="isactive"
v-model:edit="edit"
v-model:routerId="routerId"
v-model:chooseStageId="chooseStageId"
v-model:routerTaskId="routerTaskId"
v-model:EditDiscussId="EditDiscussId"
/>
</div>
<div class="lin"></div>
</div>
<div class="item" @click="showDrawerAddActive">
@@ -278,6 +351,19 @@
</div>
<div class="text">活动</div>
</div>
<div>
<add-active
v-model:addactiveVisible="addactivevisible"
:isLevel="true"
v-model:edit="edit"
v-model:isactive="isactive"
@changeData="updateTableData"
v-model:routerId="routerId"
v-model:chooseStageId="chooseStageId"
v-model:routerTaskId="routerTaskId"
v-model:EditActiveId="EditActiveId"
/>
</div>
<div class="lin"></div>
</div>
<div class="item" @click="showDrawerAddEval">
@@ -290,10 +376,13 @@
<div>
<add-eval
v-model:addevalVisible="addevalvisible"
v-model:edit="edit"
v-model:learn="learn"
:isLevel="true"
@changeData="updateTableData"
v-model:isactive="isactive"
v-model:edit="edit"
v-model:routerId="routerId"
v-model:EditEvalId="EditEvalId"
v-model:routerTaskId="routerTaskId"
/>
</div>
<!-- 添加测评侧弹窗 -->
@@ -310,8 +399,14 @@
<div>
<add-invist
v-model:addinvistVisible="addinvistvisible"
:isLevel="true"
@changeData="updateTableData"
v-model:isactive="isactive"
v-model:edit="edit"
v-model:learn="learn"
v-model:routerId="routerId"
v-model:chooseStageId="chooseStageId"
v-model:EditInvistId="EditInvistId"
v-model:routerTaskId="routerTaskId"
/>
</div>
<!-- 添加评估侧弹窗 -->
@@ -328,8 +423,14 @@
<div>
<add-vote
v-model:addvoteVisible="addvotevisible"
:isLevel="true"
@changeData="updateTableData"
v-model:isactive="isactive"
v-model:edit="edit"
v-model:learn="learn"
v-model:routerId="routerId"
v-model:chooseStageId="chooseStageId"
v-model:EditVoteId="EditVoteId"
v-model:routerTaskId="routerTaskId"
/>
</div>
<!-- 添加投票侧弹窗 -->
@@ -730,24 +831,8 @@
<!-- 导入学员抽屉 -->
<imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
<!-- 添加讨论侧弹窗 -->
<div>
<add-discuss
v-model:adddiscussVisible="adddiscussvisible"
v-model:isStudiscuss="isStudiscuss"
v-model:isactive="isactive"
v-model:routerId="routerId"
/>
</div>
<!-- 添加讨论侧弹窗 -->
<!-- 添加活动侧弹窗 -->
<div>
<add-active
v-model:addactiveVisible="addactivevisible"
v-model:isStudiscuss="isStudiscuss"
v-model:isactive="isactive"
v-model:routerId="routerId"
/>
</div>
<!-- 添加活动侧弹窗 -->
<!-- 批量删除学员弹窗 -->
<a-modal
@@ -779,20 +864,7 @@
</div>
</div>
</a-modal>
<!-- 添加直播抽屉 -->
<add-live
v-model:addliveVisible="addlivevisible"
v-model:isStudy="isStudy"
v-model:isactive="isactive"
v-model:routerId="routerId"
/>
<!-- 添加外链抽屉 -->
<add-ref
v-model:addrefVisible="addrefvisible"
v-model:isStudy="isStudy"
v-model:isactive="isactive"
v-model:routerId="routerId"
/>
<!-- 是否确认删除任务弹窗 -->
<!-- 确认删除阶段弹窗 -->
<a-modal
@@ -874,10 +946,7 @@ export default {
name: "默认关卡",
},
],
isRefEdit: 1, //外链编辑
isLiveEdit: 1, //直播编辑
EditRefId: null, //要编辑的外链的id
EditLiveId: null, //要编辑的直播的id
tableData: [
{
key: 1,
@@ -1078,15 +1147,21 @@ export default {
editID: "", // 要编辑的任务id
EditWorkId: "", // 要编辑的 workid
EditTestId: "",
EditRefId:"",
EditLiveId:"",
EditDiscussId:"",
EditActiveId:"",
EditEvalId:"",
EditInvistId:"",
EditVoteId:"",
routerTaskId: "",
chapterId:"",
stageId: "",
isStudy: 1,
cC: false,
value1: "",
value2: "",
selectedRowKeys: [],
edit: false, //是否点击编辑
learn: 0,
gqxy_hs: true,
isactive: 0,
projectChecked: null, //项目单选框
@@ -1103,14 +1178,7 @@ export default {
selectRow: [], //选择行
selectAll: 0, //0：未选择，1：全选，2：部分选择
});
const showDrawerAddDiscuss = () => {
state.adddiscussvisible = true;
state.isStudiscuss = true;
};
const showDrawerAddActive = () => {
state.addactivevisible = true;
state.isStudiscuss = true;
};
//新建关卡
const editChapter = () => {
if (!state.value1) return message.warning("请输入关卡名称");
@@ -1161,6 +1229,7 @@ export default {
};
// 作业和考试的抽屉
const showDrawerAddHomework = (id, eleId) => {
console.log("homework==============",id,state.isactive)
state.addhomeworkvisible = true;
state.EditWorkId = id;
state.routerTaskId = eleId;
@@ -1171,17 +1240,42 @@ export default {
state.routerTaskId = eleId;
};
//测试评估投票抽屉
const showDrawerAddEval = () => {
state.addevalvisible = true;
state.learn = 1;
const showDrawerAddEval = (id, eleId) => {
state.addhomeworkvisible = true;
state.EditEvalId = id;
state.routerTaskId = eleId;
};
const showDrawerAddInvist = () => {
state.addinvistvisible = true;
state.learn = 1;
const showDrawerAddInvist = (id, eleId) => {
state.addhomeworkvisible = true;
state.EditInvistId = id;
state.routerTaskId = eleId;
};
const showDrawerAddVote = () => {
state.addvotevisible = true;
state.learn = 1;
const showDrawerAddVote = (id, eleId) => {
state.addhomeworkvisible = true;
state.EditVoteId = id;
state.routerTaskId = eleId;
};
const showDrawerAddLive = (id, eleId) => {
state.addlivevisible = true;
state.EditLiveId = id;
state.routerTaskId = eleId;
};
const showDrawerAddRef = (id, eleId) => {
state.addrefvisible = true;
state.EditRefId = id;
state.routerTaskId = eleId;
};
const showDrawerAddDiscuss = (id, eleId) => {
state.adddiscussvisible = true;
state.EditDiscussId = id;
state.routerTaskId = eleId;
};
const showDrawerAddActive = (id, eleId) => {
state.addactivevisible = true;
state.EditActiveId = id;
state.routerTaskId = eleId;
};
// tableData数据赋值方法
@@ -1215,6 +1309,7 @@ export default {
const getDetail = () => {
GetRouterDetail(state.routerId)
.then((res) => {
console.log("res.data.data.chapterList", res.data.data.chapterList);
state.level = res.data.data.chapterList;
if (state.level.length > 0) {
dataAssignment(state.level[0].chapterId);
@@ -1246,128 +1341,7 @@ export default {
const showImpStu = () => {
state.AddImpStuvisible = true;
};
// const tableDataFunc = () => {
// const columns = [
// {
// title: "类型",
// dataIndex: "state",
// // width: "30%",
// key: "state",
// width: 60,
// align: "left",
// className: "classify",
// scopedSlots: { customRender: "action" }, //引入的插槽
// customRender: (text) => {
// // console.log(text.record.checked1);
// return (
// <div class="racona">
// <div
// class="img"
// style={{ cursor: "pointer" }}
// onClick={() => {
// console.log("点击了");
// }}
// ></div>
// <span> {text.record.lei}</span>
// </div>
// );
// },
// },
// {
// title: "任务名称",
// dataIndex: "creater",
// // width: "30%",
// key: "creater",
// width: 200,
// align: "center",
// className: "h",
// },
// {
// title: "必修/选修",
// dataIndex: "pubtime",
// key: "pubtime",
// // width: 100,
// align: "center",
// className: "h",
// scopedSlots: { customRender: "action" }, //引入的插槽
// customRender: (text) => {
// // console.log(text.record.checked1);
// return (
// <div class="opat">
// <div class="opacationt clearfix">
// <a-switch
// style="margin-left:-50px;margin-top:3px"
// checked={text.record.checked1}
// size="small"
// active-color="red"
// onClick={() => {
// console.log("点击了");
// text.record.checked1 = !text.record.checked1;
// }}
// />
// <div class="showt clearfix">
// <div
// class="bi"
// style={
// text.record.checked1 ? "z-index:999" : "z-index:998"
// }
// >
// 必修
// </div>
// <div class="xuan">选修</div>
// </div>
// </div>
// </div>
// );
// },
// },
// {
// title: "时长",
// dataIndex: "cretime",
// key: "cretime",
// // width: 100,
// align: "center",
// className: "h",
// },
// {
// title: "操作",
// className: "h",
// dataIndex: "opacation",
// key: "opacation",
// // width: 100,
// align: "center",
// scopedSlots: { customRender: "action" }, //引入的插槽
// customRender: (e) => {
// return (
// <div class="opa">
// <div class="opacation">
// <span
// style="color:#4EA6FF;margin-right:25px;cursor:pointer"
// onClick={() => {
// console.log("编辑id", e.record.routerTaskId);
// console.log("编辑类型", e.record.lei);
// state.editID = e.record.routerTaskId;
// //state.addhomeworkvisible = true;
// }}
// >
// 编辑
// </span>
// <span
// style="color:#4EA6FF;cursor:pointer"
// onClick={() => {
// showDeleteModal(e.record.routerTaskId);
// }}
// >
// 删除
// </span>
// </div>
// </div>
// );
// },
// },
// ];
// return columns;
// };
const checkType = (index) => {
let typeRules = [
"",
@@ -1610,12 +1584,6 @@ export default {
});
};
const showDrawerAddLive = () => {
state.addlivevisible = true;
};
const showDrawerAddRef = () => {
state.addrefvisible = true;
};
const closeDeleteModel = () => {
state.deleteModal = false;
@@ -1717,32 +1685,44 @@ export default {
console.log("移动失败", err);
});
};
//打开编辑外链的弹窗
const showEditRefDrawer = (id) => {
state.addrefvisible = true;
state.isRefEdit = 2;
state.EditRefId = id;
};
//打开编辑直播的弹窗
const showEditLiveDrawer = (id) => {
state.addlivevisible = true;
state.isLiveEdit = 2;
state.EditLiveId = id;
};
//编辑的按钮
const decideType = (type, id, eleId) => {
state.edit = true;
console.log(type, id);
if (type == "外链") {
showEditRefDrawer(id);
showDrawerAddRef(id, eleId);
} else if (type == "直播") {
showEditLiveDrawer(id);
showDrawerAddLive(id, eleId);
} else if (type == "作业") {
showDrawerAddHomework(id, eleId);
} else if (type == "考试") {
showDrawerAddTest(id, eleId);
}else if (type == "讨论") {
showDrawerAddDiscuss(id, eleId);
}else if (type == "活动") {
showDrawerAddActive(id, eleId);
}else if (type == "测评") {
showDrawerAddInvist (id, eleId);
}else if (type == "评估") {
showDrawerAddEval (id, eleId);
}
else if (type == "投票") {
showDrawerAddVote(id, eleId);
}
};
//删除关卡
const deleteChapter=(chapterId)=>{
let obj={
chapterId:chapterId
}
api.deleteChapter(obj).then(res=>{
console.log('删除关卡成功',res)
}).catch(err=>{
console.log('删除关卡失败',err)
})
}
return {
...toRefs(state),
// tableDataFunc,
@@ -1781,10 +1761,9 @@ export default {
deletecTaskAll,
moveTask,
showDeleteModal,
showEditRefDrawer,
showEditLiveDrawer,
decideType,
updateTableData,
deleteChapter,
};
},
};
@@ -2180,9 +2159,7 @@ export default {
display: flex;
flex-direction: column;
align-items: center;
.chosen {
// background-color: pink;
}
.ghost {
// background-color: red;
opacity: 0 !important;
@@ -2219,28 +2196,34 @@ export default {
white-space: nowrap;
}
.imgIcon {
width: 14px;
height: 14px;
width: 16px;
height: 16px;
background-image: url(@/assets/images/leveladd/edit.png);
background-size: 100% 100%;
}
}
.boxs_right {
.imgIcon {
width: 14px;
height: 14px;
background-image: url(@/assets/images/leveladd/z1.png);
width: 16px;
height: 16px;
background-image: url(@/assets/images/leveladd/delete.png);
background-size: 100% 100%;
}
}
}
.items2 {
.nname {
width: 100px;
width: 140px;
// overflow: hidden;
// text-overflow: ellipsis;
// white-space: nowrap;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
}
}

127
src/views/projectcenter/ProjectManage.vue
View File

@@ -816,11 +816,11 @@
<span>您确定要复制此路径吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
<div class="del_btn btn1" @click="delete_exit">
<div class="btnText">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="delete_exit">确定</div>
<div class="del_btn btn2" @click="delete_exit">
<div class="btnText">确定</div>
</div>
</div>
</div>
@@ -909,11 +909,11 @@
<span>您确定要存为模版吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="closeStartModal">取消</div>
<div class="del_btn btn1" @click="closeStartModal">
<div class="btnText">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="templateProject">确定</div>
<div class="del_btn btn2" @click="templateProject">
<div class="btnText">确定</div>
</div>
</div>
</div>
@@ -960,11 +960,11 @@
</div>
</div>
<div class="modalMain">
<div class="projectname">产品经理上升路径</div>
<!-- <div class="projecttime">
<span class="timeti">路径时间：</span
><span class="timeme">2022/08/01-2022/08/30</span>
</div> -->
<div class="projectname">{{ releaseProjectName }}</div>
<div class="projecttime" v-if="releaseProjectTime">
<span class="timeti">项目时间：</span
><span class="timeme">{{ releaseProjectTime }}</span>
</div>
<div class="projectbox">
<div class="promessage">
<div class="messageme">项目信息</div>
@@ -1087,6 +1087,8 @@ export default {
projectStudentsNum: 0, //发布弹窗-学员人数
releaseProjectId: null, //发布的项目id
releaseProjectName: null, //发布的项目名称
releaseProjectTime: null, //发布的项目时间
recallProjectId: null, //撤回的项目id
finishProjectId: null, //结束的项目id
deleteProjectId: null, //删除的项目id
@@ -1155,13 +1157,14 @@ export default {
endTime = "";
status = null;
managerid = "";
state.currentPage=1
state.currentPage = 1;
getTableDate();
};
const searchSubmit = () => {
console.log('点击了搜索')
state.currentPage=1
console.log("点击了搜索");
state.currentPage = 1;
const obj = {
pageNo: state.currentPage,
pageSize: state.pageSize,
@@ -1366,7 +1369,7 @@ export default {
state.doublepro = false;
message.destroy();
message.success("创建成功");
state.currentPage=1
state.currentPage = 1;
getTableDate();
}
})
@@ -1611,7 +1614,7 @@ export default {
state.doublesonpro = false;
message.destroy();
message.success("创建成功");
state.currentPage=1
state.currentPage = 1;
getTableDate();
}
})
@@ -1622,9 +1625,6 @@ export default {
});
};
// 编辑多层子项目
const edvalue6 = ref("");
const edvalue7 = ref([]);
@@ -1760,31 +1760,37 @@ export default {
state.eddoublesonpro = false;
};
//打开发布弹窗
const showProjectPub = (projectId) => {
const showProjectPub = (object) => {
state.projectPub = true;
state.releaseProjectId = projectId;
console.log('projectId',projectId)
state.releaseProjectId = object.projectId;
state.releaseProjectName = object.name;
state.releaseProjectTime = object.time;
console.log("object", object);
//获取学员总数
let obj = {
pageNo: 0,
pageSize: 0,
projectId: projectId,
projectId: object.projectId,
};
api.projectStudent(obj).then(res=>{
api
.projectStudent(obj)
.then((res) => {
if (res.status === 200) {
console.log("res", res.data);
state.projectStudentsNum = res.data.data.total;
// console.log("res", res.data);
state.projectStudentsNum = res.data.data.total
? res.data.data.total
: 0;
}
}).catch(err=>{
console.log('获取学员人数失败',err)
})
.catch((err) => {
console.log("获取学员人数失败", err);
});
//获取阶段及任务总数
};
//确认发布项目
const releaseProject = () => {
console.log('点击发布')
console.log("点击发布");
let obj = {
projectId: state.releaseProjectId,
};
@@ -1794,8 +1800,8 @@ console.log('获取学员人数失败',err)
console.log("发布成功", res);
message.destroy();
message.success("发布成功");
state.projectPub = false
getTableDate()
state.projectPub = false;
getTableDate();
})
.catch((err) => {
console.log("发布失败", err);
@@ -1836,7 +1842,7 @@ state.recallProjectId = projectId;
//打开结束弹窗
const showStopModal = (projectId) => {
state.stopModal = true;
state.finishProjectId=projectId
state.finishProjectId = projectId;
};
//确认结束
const finishProject = () => {
@@ -1856,7 +1862,7 @@ let obj = {
.catch((err) => {
console.log("结束失败", err);
});
}
};
//关闭结束弹窗
const closeStopModal = () => {
state.stopModal = false;
@@ -1864,7 +1870,7 @@ let obj = {
//打开删除弹窗
const showDeleteModal = (projectId) => {
state.deleteModal = true;
state.deleteProjectId=projectId
state.deleteProjectId = projectId;
};
//确认删除
const deleteProject = () => {
@@ -1884,7 +1890,7 @@ let obj = {
.catch((err) => {
console.log("删除失败", err);
});
}
};
//关闭删除弹窗
const closeDeleteModal = () => {
state.deleteModal = false;
@@ -1892,7 +1898,7 @@ let obj = {
//打开存为模版弹窗
const showStartModal = (projectId) => {
state.startModal = true;
state.templateProjectId=projectId
state.templateProjectId = projectId;
};
//确认存为模版
const templateProject = () => {
@@ -1912,13 +1918,12 @@ let obj = {
.catch((err) => {
console.log("模版保存失败", err);
});
}
};
//关闭存为模版弹窗
const closeStartModal = () => {
state.startModal = false;
};
// 数据接入 - end -
onMounted(() => {
@@ -1935,7 +1940,6 @@ let obj = {
// 获取项目列表信息
let tableData = ref([]);
const columns = ref([
{
title: "项目名称",
@@ -1971,17 +1975,17 @@ let obj = {
? "草稿"
: value.record.status == 1 &&
Number(value.record.beginTime) <
Math.ceil(new Date().getTime / 1000)
Math.ceil(new Date().getTime() / 1000)
? "进行中"
: value.record.status == 1 &&
Number(value.record.beginTime) >
Math.ceil(new Date().getTime / 1000) &&
Math.ceil(new Date().getTime() / 1000) &&
value.record.type !== 1 &&
value.record.type !== 2
? "未开始"
: value.record.status == 2
? "未开始"
: "已结束"}
: value.record.status == -1
? "已结束"
: "-"}
</div>
);
},
@@ -2689,7 +2693,21 @@ let obj = {
{value.record.status === 0 ? (
<span
onClick={() => {
showProjectPub(value.record.projectId);
console.log("value.record", value.record);
let beginTime = value.record.beginTime
? toDate(value.record.beginTime, "Y/M/D")
: "";
let endTime = value.record.beginTime
? toDate(value.record.endTime, "Y/M/D")
: "";
let time =
beginTime && endTime ? beginTime + "-" + endTime : "";
let obj = {
projectId: value.record.projectId,
name: value.record.name,
time: time,
};
showProjectPub(obj);
}}
style="cursor:pointer"
class="operation3"
@@ -2750,7 +2768,7 @@ let obj = {
) : value.record.status === 1 ||
(value.record.status == 1 &&
Number(value.record.beginTime) >
Math.ceil(new Date().getTime / 1000)) ? (
Math.ceil(new Date().getTime() / 1000)) ? (
<a-select
style="width: 50px"
value="更多"
@@ -2889,7 +2907,7 @@ let obj = {
}
console.log("1266", data);
data.map((value) => {
console.log("value %o", value);
// console.log("value %o", value);
if (value.type == 1) {
value.children = value.subList;
value.key = value.projectId;
@@ -2904,14 +2922,14 @@ let obj = {
data2.paraentName = value.name + "/" + data.name;
data2.isbj = "class";
});
console.log("lalallalaa", data);
// console.log("lalallalaa", data);
} else {
data.paraentName = value.name;
}
});
}
console.log("map-value", value.subList, value.children);
// console.log("map-value", value.subList, value.children);
});
tableData.value = data;
console.log("tableData", tableData);
@@ -2965,8 +2983,6 @@ let obj = {
state.copyModal = false;
};
const showProjOwner = () => {
state.ProjOwnervisible = true;
};
@@ -3841,8 +3857,9 @@ let obj = {
color: rgba(79, 81, 86, 1);
font-size: 14px;
line-height: 36px;
margin-left: 62px;
// margin-left: 62px;
font-weight: 500;
text-align: center;
}
.projecttime {
margin-left: 221px;

187
src/views/projectcenter/TaskAdd.vue
View File

@@ -190,7 +190,7 @@
@changeData="updateTableData"
v-model:projectId="projectId"
v-model:chooseStageId="chooseStageId"
v-model:isLiveEdit="isLiveEdit"
v-model:edit="edit"
v-model:EditLiveId="EditLiveId"
v-model:projectTaskId="projectTaskId"
/>
@@ -213,7 +213,7 @@
@changeData="updateTableData"
v-model:projectId="projectId"
v-model:chooseStageId="chooseStageId"
v-model:isRefEdit="isRefEdit"
v-model:edit="edit"
v-model:EditRefId="EditRefId"
v-model:projectTaskId="projectTaskId"
/>
@@ -235,7 +235,7 @@
v-model:edit="edit"
v-model:projectId="projectId"
v-model:chooseStageId="chooseStageId"
v-model:editDiscussId="editDiscussId"
v-model:EditDiscussId="EditDiscussId"
v-model:projectTaskId="projectTaskId"
@changeData="updateTableData"
/>
@@ -255,7 +255,7 @@
<add-active
v-model:addactiveVisible="addactivevisible"
v-model:projectId="projectId"
v-model:editActivityId="editActivityId"
v-model:EditActiveId="EditActiveId"
v-model:projectTaskId="projectTaskId"
v-model:edit="edit"
v-model:chooseStageId="chooseStageId"
@@ -922,9 +922,9 @@ export default {
isRefEdit: false, //外链编辑
isLiveEdit: false, //直播编辑
EditRefId: null, //要编辑的外链的id
EditLiveId: null, //要编辑的直播的id
editDiscussId:null,//要编辑的讨论的id
editActivityId:null,//要编辑的活动id
EditLiveId: null, //要编辑的直播的ids
EditDiscussId:null,//要编辑的讨论的id
EditActiveId:null,//要编辑的活动id
EditWorkId:null, // 要编辑的作业id
EditTestId: null,// 要编辑的考试id
EditEvalId:null,
@@ -1326,7 +1326,7 @@ export default {
// console.log("22222", res.data.data.stageList);
let leng = res.data.data.stageList.length;
if (leng > 0) {
//获取任务列表
let arr = res.data.data.stageList[0].taskList;
console.log("任务列表", arr);
getTableData(arr);
@@ -1457,31 +1457,6 @@ export default {
console.log("删除失败", err);
});
};
//编辑讨论
const editDiscuss = () => {
let obj = {
createTime: "",
createUser: 0,
discussExplain: "",
discussFlag: "",
discussId: 0,
discussName: "",
discussSettings: "",
discussTag: "",
projectId: 0,
updateTime: "",
updateUser: 0,
};
apidiscuss
.updateDiscuss(obj)
.then((res) => {
console.log("更新成功", res);
message.success("更新成功");
})
.catch((err) => {
console.log("更新失败", err);
});
};
//删除活动
const deleteActivity = () => {
let obj = {
@@ -1500,38 +1475,7 @@ export default {
console.log("删除失败", err);
});
};
//编辑活动
const editActivity = () => {
let obj = {
activityAddress: "",
activityDuration: "",
activityEndTime: "",
activityExplain: "",
activityFlag: "",
activityId: 0,
activityName: "",
activityNotice: "",
activityStartTime: "",
activityTag: "",
afterSignIn: "",
beforeSignIn: "",
createTime: "",
createUser: 0,
signOutTime: "",
standardSettings: "",
updateTime: "",
updateUser: 0,
};
apiactivity
.updateActivity(obj)
.then((res) => {
console.log("更新成功", res);
message.success("更新成功");
})
.catch((err) => {
console.log("更新失败", err);
});
};
//删除测评测试
const deleteEvalText = () => {
let obj = {
@@ -1570,39 +1514,6 @@ export default {
});
};
//编辑评估信息
const editInvistPath = () => {
let obj = {
appraiseEndTime: "",
appraiseExplain: "",
appraiseFlag: "",
appraiseId: 0,
appraiseName: "",
appraiseStartTime: "",
appraiseTag: "",
createTime: "",
createUser: 0,
researchId: 0,
researchName: "",
updateTime: "",
updateUser: 0,
};
apiinvist
.updateAppraiseMessage(obj)
.then((res) => {
setTimeout(() => {
console.log("修改成功", res);
message.success("修改成功");
}, 1000);
})
.catch((err) => {
console.log("修改失败", err);
// state.createLoading = false;
//重新获取列表
getTask();
});
};
//删除任务
const deleteTask = () => {
let obj = { projectTaskIds: state.deleteID };
@@ -1635,39 +1546,7 @@ export default {
});
};
//编辑投票信息
const editVotePath = () => {
let obj = {
baseVote: "",
createTime: "",
createUser: 0,
stem: "",
stemId: 0,
updateTime: "",
updateUser: 0,
voteEndTime: "",
voteExplain: "",
voteFlag: "",
voteId: 0,
voteName: "",
voteStartTime: "",
voteTag: "",
};
apivote
.editVote(obj)
.then((res) => {
setTimeout(() => {
console.log("修改成功", res);
message.success("修改成功");
}, 1000);
})
.catch((err) => {
console.log("修改失败", err);
// state.createLoading = false;
//重新获取列表
getTask();
});
};
const showChangeModal = () => {
state.visiblene = true;
};
@@ -1777,27 +1656,27 @@ export default {
state.projectTaskId = eleId;
state.addtestvisible = true;
};
const showDrawerAddLive = () => {
const showDrawerAddLive = (id, eleId) => {
state.addlivevisible = true;
state.EditLiveId = id;
state.projectTaskId = eleId;
};
const showDrawerAddRef = (id, eleId) => {
state.EditRefId = id;
state.projectTaskId = eleId;
state.addrefvisible = true;
};
const showDrawerAddDiscuss = () => {
state.adddiscussvisible = true;
};
//打开编辑讨论的弹窗
const showEditAddDiscuss = (id, eleId) => {
state.editDiscussId = id;
const showDrawerAddDiscuss = (id, eleId) => {
state.EditDiscussId = id;
state.projectTaskId = eleId;
state.adddiscussvisible = true;
};
const showDrawerAddActive = (id, eleId) => {
state.addactivevisible = true;
state.editActivityId = id;
state.EditActiveId = id;
state.projectTaskId = eleId;
console.log("active=======",id);
};
const showDrawerAddEval = () => {
state.addevalvisible = true;
@@ -1892,19 +1771,8 @@ export default {
const changeCourseType = (id) => {
console.log("任务id", id);
};
//打开编辑外链的弹窗
const showEditRefDrawer = (id, eleId) => {
state.addrefvisible = true;
state.isRefEdit = true;
state.EditRefId = id;
state.projectTaskId = eleId;
};
//打开编辑直播的弹窗
const showEditLiveDrawer = (id) => {
state.addlivevisible = true;
state.isLiveEdit = 2;
state.EditLiveId = id;
};
//打开测评的弹窗
const showEditEvalDrawer = (id, eleId) => {
console.log("222222222222222222222", id);
@@ -1918,9 +1786,9 @@ export default {
state.edit = true;
console.log(type, id);
if (type == "外链") {
showEditRefDrawer(id, eleId);
showDrawerAddRef(id, eleId);
} else if (type == "直播") {
showEditLiveDrawer(id, eleId);
showDrawerAddLive(id, eleId);
} else if (type == "测评") {
showEditEvalDrawer(id, eleId);
} else if (type == "评估") {
@@ -1928,7 +1796,7 @@ export default {
} else if (type == "投票") {
showDrawerAddVote(id, eleId);
} else if (type == "讨论") {
showEditAddDiscuss(id, eleId);
showDrawerAddDiscuss(id, eleId);
} else if (type == "活动") {
showDrawerAddActive(id, eleId);
} else if (type == "作业") {
@@ -1974,15 +1842,12 @@ export default {
getTask,
deleteLiveBroadcast,
deleteDiscuss,
editDiscuss,
deleteEvalText,
deleteExternalChain,
deleteActivity,
deleteVoteText,
editActivity,
deleteInvistText,
editInvistPath,
editVotePath,
getTableData,
deleteTask,
editStage,
@@ -1997,8 +1862,8 @@ export default {
deleteTest,
deleteWork,
decideType,
showEditRefDrawer,
showEditLiveDrawer,
};
},
};

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

File diff suppressed because it is too large Load Diff

90
src/views/projectcenter/TemplateLibrary.vue
View File

@@ -60,7 +60,9 @@
</div>
</template>
<script>
import { reactive, defineComponent, toRefs } from "vue";
import { reactive, defineComponent, toRefs, onMounted } from "vue";
import { message } from "ant-design-vue";
import * as api from "@/api/indexLibrary"
const columns1 = [
{
title: "模版名称",
@@ -107,7 +109,7 @@ export default defineComponent({
tableData1: [
{
key: "1",
name: "管理者进阶-腾飞班Z1",
name: "测试模板1",
status: "已发布",
creator: "李部长",
stutime: "2022-10-31 23:12:00",
@@ -115,29 +117,14 @@ export default defineComponent({
},
{
key: "2",
name: "管理者进阶-腾飞班Z2",
status: "已发布",
creator: "毛继禹",
stutime: "2022-10-31 23:12:00",
operation: "operation",
},
{
key: "3",
name: "管理者进阶-腾飞班Z3",
status: "已发布",
creator: "毛继禹",
stutime: "2022-10-31 23:12:00",
operation: "operation",
},
{
key: "4",
name: "管理者进阶-腾飞班Z4",
name: "测试模板2",
status: "未发布",
creator: "毛继禹",
creator: "李部长",
stutime: "2022-10-31 23:12:00",
operation: "operation",
},
}
],
// state
});
const getTableDate1 = () => {
let data = state.tableData1;
@@ -150,7 +137,7 @@ export default defineComponent({
{value.status === "已发布" ? (
<div class="nselect">
<div class="ops2">
<router-link to="/libraryadd">
<router-link to="/taskpage">
<div class="jc">
查看{" "}
<span style="color:#E9E9E9;margin-left:15px;">|</span>
@@ -158,7 +145,9 @@ export default defineComponent({
</router-link>
</div>
<div class="ops3">
<div class="jc">撤回</div>
<div class="jc"
onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": 0})}}
>撤回</div>
</div>
</div>
) : (
@@ -167,7 +156,8 @@ export default defineComponent({
{value.status === "未发布" ? (
<div class="nselect">
<div class="ops1">
<div class="jc">
<div class="jc"
onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": 1})}}>
发布
<span style="color:#E9E9E9;margin-left:15px;">|</span>
</div>
@@ -181,7 +171,9 @@ export default defineComponent({
</router-link>
</div>
<div class="ops3">
<div class="jc">删除</div>
<div class="jc"
onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": -1})}}
>删除</div>
</div>
</div>
) : (
@@ -195,9 +187,57 @@ export default defineComponent({
state.tableData = data;
};
getTableDate1();
onMounted(() => {
getLibraryList();
})
const getLibraryList = () => {
let obj = {
"beginTime": 0,
"endTime": 0,
"name": "",
"pageNo": 0,
"pageSize": 0,
"status": 0
}
api.templateList(obj).then((res) =>{
console.log(res);
let resData = res.data.data.rows
if(resData.length) {
for(let i in resData) {
state.tableData1[i].id = i+1;
state.tableData1[i].projectTemplateId = resData[i].projectTemplateId;
state.tableData1[i].status = resData[i].status ? "已发布":"未发布" ;
state.tableData1[i].name = resData[i].name;
state.tableData1[i].creator = resData[i].createName;
state.tableData1[i].stutime = resData[i].publishTime;
state.tableData1[i].operation = "operation";
}
} else {
message.warning("获取的列表数据为空值")
}
}).catch((error) => {
message.error(`获取模板列表失败`+error)
});
};
const templateHadler = (obj) => {
api.templateHadle(obj).then((res) => {
if(res.data.success) {
message.success(`模板操作成功`)
getLibraryList();
}
}).catch((error) => {
message.error(`模板操作失败`+error)
})
}
return {
...toRefs(state),
columns1,
templateHadler,
};
},
});