feat:修改投票

This commit is contained in:
lixg
2023-02-25 17:04:36 +08:00
9 changed files with 478 additions and 552 deletions

View File

@@ -34,9 +34,9 @@ export const TASK_TYPES = {
13: "去完成", 13: "去完成",
}, },
path: { path: {
1: window.location.protocol + import.meta.env.VITE_BOE_ONLINE_CLASS_URL, //在线 1: ({courseId}) => window.open(window.location.protocol + import.meta.env.VITE_BOE_ONLINE_CLASS_URL + courseId), //在线
2: ({courseId}) => window.open(`${location.protocol}//${location.host}${import.meta.env.VITE_BASE_API}/stu/project/redirectDetail?courseId=${courseId}`, '_top'), 2: ({courseId}) => window.open(`${location.protocol}//${location.host}${import.meta.env.VITE_BASE_API}/stu/project/redirectDetail?courseId=${courseId}`, '_top'),
3: window.location.protocol + import.meta.env.VITE_BOE_CASS_DETAIL_URL, //案例 3: ({courseId}) => window.open(window.location.protocol + import.meta.env.VITE_BOE_CASS_DETAIL_URL + courseId), //案例
4: "/homeworkpage", 4: "/homeworkpage",
5: ({examType}) => examType === 2 ? '/externalexamination' : (window.location.protocol + import.meta.env.VITE_BOE_EXAM_DETAIL_URL), //考试 5: ({examType}) => examType === 2 ? '/externalexamination' : (window.location.protocol + import.meta.env.VITE_BOE_EXAM_DETAIL_URL), //考试
6: "/livebroadcast", 6: "/livebroadcast",

View File

@@ -120,6 +120,9 @@ export const GetMoreComments = `/statement/getMoreComments`
// 查询讨论下的帖子 // 查询讨论下的帖子
export const PostList = `/statement/list` export const PostList = `/statement/list`
// 查询单个测评的状态
export const QueryEvaluationTaskStatusOne = `/evaluation/queryEvaluationTaskStatusOne`

View File

@@ -30,11 +30,8 @@ export default createStore({
if (state.projectInfo.unlockMode === 1) { if (state.projectInfo.unlockMode === 1) {
state.projectInfo.stageProcessList.forEach((t) => { state.projectInfo.stageProcessList.forEach((t) => {
t.statusName = '进行中' t.statusName = '进行中'
const stageState = t.taskProcessList?.every((s) => { t.taskProcessList?.forEach((s) => s.statusName = s.status === 1 ? '已完成' : TASK_TYPES.toName[s.type])
s.statusName = s.status === 1 ? '已完成' : TASK_TYPES.toName[s.type] t.taskProcessList?.every((s) => s.status === 1) && (t.statusName = '已完成')
return s.status === 1
})
stageState && (t.statusName = '已完成')
}) })
return return
} }
@@ -77,13 +74,13 @@ export default createStore({
}, },
actions: { actions: {
getProjectInfo(content, {projectId}) { getProjectInfo(content, {projectId}) {
content.state.projectInfo.projectId || request(PROJECT_PROCESS, {projectId}).then(res => { request(PROJECT_PROCESS, {projectId}).then(res => {
content.commit('SET_PROJECT_INFO', res.data) content.commit('SET_PROJECT_INFO', res.data)
content.commit('INIT_PROJECT_INFO') content.commit('INIT_PROJECT_INFO')
}) })
}, },
getRouterInfo(content, {routerId}) { getRouterInfo(content, {routerId}) {
content.state.routerInfo.routerId || request(ROUTER_PROCESS, {routerId}).then(res => { request(ROUTER_PROCESS, {routerId}).then(res => {
content.commit('SET_ROUTER_INFO', res.data) content.commit('SET_ROUTER_INFO', res.data)
content.commit('INIT_ROUTER_INFO') content.commit('INIT_ROUTER_INFO')
}) })

View File

@@ -79,7 +79,6 @@
<div class="item2">浏览数</div> <div class="item2">浏览数</div>
</div> </div>
</div> </div>
<div class="title"> <div class="title">
<img <img
style="width: 20px; height: 20px" style="width: 20px; height: 20px"
@@ -88,10 +87,9 @@
<div class="text">参与投票</div> <div class="text">参与投票</div>
<div class="box"></div> <div class="box"></div>
</div> </div>
<div class="join"> <div class="join">
<div <div
v-for="(item, index) in state.dataInfo?.voteStemDtoList" v-for="(item, index) in state.dataInfo.voteStemDtoList"
:key="index" :key="index"
style="margin-bottom: 41px" style="margin-bottom: 41px"
> >
@@ -219,7 +217,6 @@
style="width: 20px; height: 20px" style="width: 20px; height: 20px"
src="../../assets/image/yuan.png" src="../../assets/image/yuan.png"
/> />
<div class="text">投票说明</div> <div class="text">投票说明</div>
<div class="box"></div> <div class="box"></div>
</div> </div>
@@ -240,7 +237,6 @@
<!-- 详细信息 --> <!-- 详细信息 -->
</div> </div>
</template> </template>
<script setup> <script setup>
import { useRequest, request } from "@/api/request"; import { useRequest, request } from "@/api/request";
import { VOTE_DETAIL2, VOTE_DETAIL3, VOTE_DETAIL_SUBMIT } from "@/api/api"; import { VOTE_DETAIL2, VOTE_DETAIL3, VOTE_DETAIL_SUBMIT } from "@/api/api";
@@ -267,11 +263,9 @@ const returnclick = () => {
const state = reactive({ const state = reactive({
dataInfo: {}, dataInfo: {},
}); });
//获取基本信息 //获取基本信息
// const {data: dataInfo} = useRequest(VOTE_DETAIL2(courseId)); // const {data: dataInfo} = useRequest(VOTE_DETAIL2(courseId));
const userInfo = computed(() => store.state.userInfo); const userInfo = computed(() => store.state.userInfo);
let timer = setInterval(() => { let timer = setInterval(() => {
if (userInfo.value.id) { if (userInfo.value.id) {
clearInterval(timer); clearInterval(timer);
@@ -282,7 +276,6 @@ let timer = setInterval(() => {
targetId: infoId, targetId: infoId,
type: btype, type: btype,
}); });
request(VOTE_DETAIL3(courseId), {}) request(VOTE_DETAIL3(courseId), {})
.then((res) => { .then((res) => {
console.log(res); console.log(res);
@@ -293,12 +286,9 @@ let timer = setInterval(() => {
}); });
} }
}, 500); }, 500);
console.log("我是获取的投票基本信息", state.dataInfo); console.log("我是获取的投票基本信息", state.dataInfo);
// 答题时间 // 答题时间
const answerTime = dayjs(new Date()).format("YYYY-MM-DD HH:mm:ss"); const answerTime = dayjs(new Date()).format("YYYY-MM-DD HH:mm:ss");
// 选择题目 // 选择题目
const choiceQuestion = (order, id, dates, torder) => { const choiceQuestion = (order, id, dates, torder) => {
// 当已经提交过时候 不让选择题目 // 当已经提交过时候 不让选择题目
@@ -306,56 +296,51 @@ const choiceQuestion = (order, id, dates, torder) => {
return; return;
} }
console.log("当前选择题目的id及序号", order, id, dates, torder); console.log("当前选择题目的id及序号", order, id, dates, torder);
console.log("state.dataInfo", state.dataInfo);
for ( for (
let i = 0; let i = 0;
i < dates.voteStemDtoList[torder].optionDetailList.length; i < state.dataInfo.voteStemDtoList[torder].optionDetailList.length;
i++ i++
) { ) {
dates.voteStemDtoList[torder].optionDetailList[i].isAnswer = false; state.dataInfo.voteStemDtoList[torder].optionDetailList[i].isAnswer = false;
} }
dates.voteStemDtoList[torder].optionDetailList[order].isAnswer = true; state.dataInfo.voteStemDtoList[torder].optionDetailList[
console.log(state.dataInfo); order
].isAnswer = true;
}; };
// 提交投票 // 提交投票
const submitVote = () => { const submitVote = () => {
console.log(state.dataInfo); console.log(state.dataInfo);
let nowTime = new Date().getTime(); let nowTime = new Date().getTime();
let maxTime = new Date(state.dataInfo.voteEndTime).getTime(); let maxTime = new Date(state.dataInfo.voteEndTime).getTime();
let minTime = new Date(state.dataInfo.voteStartTime).getTime(); let minTime = new Date(state.dataInfo.voteStartTime).getTime();
console.log(nowTime, maxTime, minTime); console.log(nowTime, maxTime, minTime);
// 当未到开始时间 // 当未到开始时间
if (nowTime < minTime || nowTime > maxTime) { if (nowTime < minTime || nowTime > maxTime) {
ElMessage.error("未到投票开始时间"); ElMessage.error("未到投票开始时间");
return; return;
} }
// 当已经提交过时候 不让提交即可 // 当已经提交过时候 不让提交即可
if (state.dataInfo.isSubmit) { if (state.dataInfo.isSubmit) {
return; return;
} }
let isSubmit = true; let isSubmit = true;
let isSubArr = []; let isSubArr = [];
console.log("state.dataInfo", state.dataInfo); for (let i = 0; i < state.dataInfo.voteStemDtoList.length; i++) {
if (state.dataInfo) { for (
for (let i = 0; i < state.dataInfo.voteStemDtoList.length; i++) { let j = 0;
for ( j < state.dataInfo.voteStemDtoList[i].optionDetailList.length;
let j = 0; j++
j < state.dataInfo.voteStemDtoList[i].optionDetailList.length; ) {
j++ if (state.dataInfo.voteStemDtoList[i].optionDetailList[j].isAnswer) {
) { isSubArr[i] =
if (state.dataInfo.voteStemDtoList[i].optionDetailList[j].isAnswer) { state.dataInfo.voteStemDtoList[i].optionDetailList[j].isAnswer;
isSubArr[i] = break;
state.dataInfo.voteStemDtoList[i].optionDetailList[j].isAnswer; } else {
break; isSubArr[i] = false;
} else {
isSubArr[i] = false;
}
} }
} }
} }
for (let i = 0; i < isSubArr.length; i++) { for (let i = 0; i < isSubArr.length; i++) {
if (isSubArr[i] == false) { if (isSubArr[i] == false) {
isSubmit = false; isSubmit = false;
@@ -366,7 +351,6 @@ const submitVote = () => {
ElMessage.error("请选择投票问题后进行提交"); ElMessage.error("请选择投票问题后进行提交");
return; return;
} }
let obj = { let obj = {
beginTime: answerTime, beginTime: answerTime,
chapterOrStageId: chapterOrStageId ? chapterOrStageId : 0, chapterOrStageId: chapterOrStageId ? chapterOrStageId : 0,
@@ -374,11 +358,11 @@ const submitVote = () => {
targetId: infoId, // 项目 路径图 id targetId: infoId, // 项目 路径图 id
taskId: id, taskId: id,
type: btype, // 1 项目 2 路径图 type: btype, // 1 项目 2 路径图
voteId: state.dataInfo.voteId, voteId: state.dataInfo.id,
voteName: state.dataInfo.voteName,
}; };
console.log("我是投票提交的信息", obj); console.log("我是投票提交的信息", obj);
useRequest(VOTE_DETAIL_SUBMIT, obj, (e) => { useRequest(VOTE_DETAIL_SUBMIT, obj, (e) => {
console.log(e); console.log(e);
request(VOTE_DETAIL3(courseId), {}) request(VOTE_DETAIL3(courseId), {})
@@ -407,7 +391,6 @@ const submitVote = () => {
}); });
}; };
</script> </script>
<!-- Add "scoped" attribute to limit CSS to this component only --> <!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss"> <style scoped lang="scss">
.clearfix:before, .clearfix:before,
@@ -416,7 +399,6 @@ const submitVote = () => {
display: table; display: table;
clear: both; clear: both;
} }
.moreactive { .moreactive {
.crumb { .crumb {
color: #fff; color: #fff;
@@ -438,7 +420,6 @@ const submitVote = () => {
.preNext { .preNext {
position: absolute; position: absolute;
right: 0px; right: 0px;
.content { .content {
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
@@ -449,7 +430,6 @@ const submitVote = () => {
top: -6px; top: -6px;
cursor: pointer; cursor: pointer;
} }
.btn { .btn {
width: 23px; width: 23px;
height: 23px; height: 23px;
@@ -457,16 +437,13 @@ const submitVote = () => {
border: 0; border: 0;
cursor: pointer; cursor: pointer;
} }
.btn01 { .btn01 {
background-image: url("../../assets/image/prev.png"); background-image: url("../../assets/image/prev.png");
} }
.btn02 { .btn02 {
background-image: url("../../assets/image/next.png"); background-image: url("../../assets/image/next.png");
} }
} }
.debateTitle { .debateTitle {
margin-top: 15px; margin-top: 15px;
font-size: 20px; font-size: 20px;
@@ -476,12 +453,10 @@ const submitVote = () => {
color: #fff; color: #fff;
margin-left: -10px; margin-left: -10px;
} }
.detailinfo { .detailinfo {
width: 100%; width: 100%;
margin-top: 20px; margin-top: 20px;
display: flex; display: flex;
.detail { .detail {
flex: 1; flex: 1;
// margin-right: 20px; // margin-right: 20px;
@@ -492,28 +467,23 @@ const submitVote = () => {
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
display: flex; display: flex;
padding-bottom: 20px; padding-bottom: 20px;
.left { .left {
margin-left: 48px; margin-left: 48px;
flex: 1; flex: 1;
} }
.right { .right {
width: 417px; width: 417px;
margin-right: 48px; margin-right: 48px;
.righttitle { .righttitle {
display: flex; display: flex;
padding-top: 39px; padding-top: 39px;
position: relative; position: relative;
.text { .text {
margin-left: 8px; margin-left: 8px;
font-size: 16px; font-size: 16px;
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
font-weight: 800; font-weight: 800;
} }
.box { .box {
width: 75px; width: 75px;
height: 10px; height: 10px;
@@ -523,7 +493,6 @@ const submitVote = () => {
top: 53px; top: 53px;
} }
} }
.timebox { .timebox {
width: 417px; width: 417px;
height: 149px; height: 149px;
@@ -531,7 +500,6 @@ const submitVote = () => {
border-radius: 4px; border-radius: 4px;
margin-top: 42px; margin-top: 42px;
} }
.innertime { .innertime {
margin-top: 17px; margin-top: 17px;
margin-left: 55px; margin-left: 55px;
@@ -540,7 +508,6 @@ const submitVote = () => {
color: #ffffff; color: #ffffff;
line-height: 24px; line-height: 24px;
} }
.endtime { .endtime {
margin-left: 10px; margin-left: 10px;
margin-top: 16px; margin-top: 16px;
@@ -548,11 +515,9 @@ const submitVote = () => {
height: 81px; height: 81px;
background: #f2f5f7; background: #f2f5f7;
border-radius: 0px 8px 0px 8px; border-radius: 0px 8px 0px 8px;
.endtimetext { .endtimetext {
margin-top: 25px; margin-top: 25px;
margin-left: 46px; margin-left: 46px;
.te { .te {
font-size: 28px; font-size: 28px;
font-weight: 800; font-weight: 800;
@@ -561,7 +526,6 @@ const submitVote = () => {
} }
} }
} }
.explain { .explain {
margin-top: 30px; margin-top: 30px;
width: 416px; width: 416px;
@@ -569,7 +533,6 @@ const submitVote = () => {
background: #f2f5f7; background: #f2f5f7;
border-radius: 8px; border-radius: 8px;
} }
.explaincontent { .explaincontent {
width: 368px; width: 368px;
font-size: 16px; font-size: 16px;
@@ -580,21 +543,18 @@ const submitVote = () => {
margin-top: 47px; margin-top: 47px;
} }
} }
.title { .title {
display: flex; display: flex;
align-items: center; align-items: center;
padding-top: 39px; padding-top: 39px;
position: relative; position: relative;
} }
.title .text { .title .text {
margin-left: 8px; margin-left: 8px;
font-size: 16px; font-size: 16px;
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
font-weight: 800; font-weight: 800;
} }
.title .box { .title .box {
width: 75px; width: 75px;
height: 10px; height: 10px;
@@ -603,14 +563,12 @@ const submitVote = () => {
left: 23px; left: 23px;
top: 53px; top: 53px;
} }
.all { .all {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
// width: 1280px; // width: 1280px;
margin-right: 48px; margin-right: 48px;
margin-top: 43px; margin-top: 43px;
.allbox1 { .allbox1 {
margin-right: 22px; margin-right: 22px;
background: linear-gradient( background: linear-gradient(
@@ -619,7 +577,6 @@ const submitVote = () => {
rgba(161, 195, 231, 0.2) 100% rgba(161, 195, 231, 0.2) 100%
); );
} }
.allbox2 { .allbox2 {
margin-right: 22px; margin-right: 22px;
background: linear-gradient( background: linear-gradient(
@@ -628,7 +585,6 @@ const submitVote = () => {
rgba(172, 216, 227, 0.2) 100% rgba(172, 216, 227, 0.2) 100%
); );
} }
.allbox3 { .allbox3 {
background: linear-gradient( background: linear-gradient(
0deg, 0deg,
@@ -636,21 +592,18 @@ const submitVote = () => {
rgba(191, 206, 231, 0.2) 100% rgba(191, 206, 231, 0.2) 100%
); );
} }
.item { .item {
// width: 410px; // width: 410px;
width: calc(100% - 44px); width: calc(100% - 44px);
height: 149px; height: 149px;
text-align: center; text-align: center;
border-radius: 4px; border-radius: 4px;
.item1 { .item1 {
color: #089dff; color: #089dff;
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
margin-top: 36px; margin-top: 36px;
} }
.item2 { .item2 {
color: #333330; color: #333330;
font-size: 14px; font-size: 14px;
@@ -658,7 +611,6 @@ const submitVote = () => {
} }
} }
} }
.join { .join {
// width: 1280px; // width: 1280px;
margin-right: 48px; margin-right: 48px;
@@ -668,7 +620,6 @@ const submitVote = () => {
margin-top: 32px; margin-top: 32px;
margin-left: 21px; margin-left: 21px;
flex: 1; flex: 1;
.stem { .stem {
display: flex; display: flex;
font-size: 16px; font-size: 16px;
@@ -676,26 +627,22 @@ const submitVote = () => {
color: #333330; color: #333330;
line-height: 38px; line-height: 38px;
} }
.options { .options {
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
} }
.radio { .radio {
margin-top: 14px; margin-top: 14px;
margin-left: -16px; margin-left: -16px;
position: relative; position: relative;
} }
.radio label { .radio label {
line-height: 20px; line-height: 20px;
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
font-weight: normal; font-weight: normal;
.opt-text { .opt-text {
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
@@ -704,7 +651,6 @@ const submitVote = () => {
margin-left: 10px; margin-left: 10px;
} }
} }
.radio .option { .radio .option {
width: 19px; width: 19px;
height: 18px; height: 18px;
@@ -716,21 +662,17 @@ const submitVote = () => {
background: url(../../assets/image/noselect.png) no-repeat; background: url(../../assets/image/noselect.png) no-repeat;
background-size: cover; background-size: cover;
} }
.radio input[type="radio"] { .radio input[type="radio"] {
display: inline-block; display: inline-block;
margin-right: -3px; margin-right: -3px;
opacity: 0; opacity: 0;
} }
.radio input[type="radio"]:checked + div { .radio input[type="radio"]:checked + div {
background: url(../../assets/image/select.png) no-repeat; background: url(../../assets/image/select.png) no-repeat;
background-size: cover; background-size: cover;
} }
.imgcontent { .imgcontent {
display: flex; display: flex;
.imgone { .imgone {
width: 140px; width: 140px;
height: 140px; height: 140px;
@@ -740,7 +682,6 @@ const submitVote = () => {
background-position: center; background-position: center;
} }
} }
.ontitle { .ontitle {
margin-top: 27px; margin-top: 27px;
font-size: 14px; font-size: 14px;
@@ -748,24 +689,20 @@ const submitVote = () => {
} }
} }
} }
.detailB { .detailB {
min-height: 363px; min-height: 363px;
background: #ffffff; background: #ffffff;
border-radius: 8px; border-radius: 8px;
margin-top: 20px; margin-top: 20px;
.el-tabs__item { .el-tabs__item {
height: 69px; height: 69px;
padding: 25px 7px 0px 52px; padding: 25px 7px 0px 52px;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
} }
.el-tabs__nav-wrap::after { .el-tabs__nav-wrap::after {
background-color: rgba(56, 125, 247, 0.2); background-color: rgba(56, 125, 247, 0.2);
} }
.enclosure { .enclosure {
height: 89px; height: 89px;
margin-left: 51px; margin-left: 51px;
@@ -774,7 +711,6 @@ const submitVote = () => {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.enclosureL { .enclosureL {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -783,7 +719,6 @@ const submitVote = () => {
color: #677d86; color: #677d86;
line-height: 24px; line-height: 24px;
} }
.download { .download {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -794,7 +729,6 @@ const submitVote = () => {
cursor: pointer; cursor: pointer;
} }
} }
.work { .work {
margin-left: 51px; margin-left: 51px;
margin-right: 40px; margin-right: 40px;
@@ -803,14 +737,12 @@ const submitVote = () => {
align-items: center; align-items: center;
margin-top: 37px; margin-top: 37px;
} }
.work .question { .work .question {
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #333330; color: #333330;
line-height: 18px; line-height: 18px;
} }
.work .active { .work .active {
width: 82px; width: 82px;
height: 28px; height: 28px;
@@ -826,7 +758,6 @@ const submitVote = () => {
cursor: pointer; cursor: pointer;
margin-right: 11px; margin-right: 11px;
} }
.work .unactive { .work .unactive {
width: 80px; width: 80px;
height: 26px; height: 26px;
@@ -842,19 +773,15 @@ const submitVote = () => {
margin-right: 11px; margin-right: 11px;
cursor: pointer; cursor: pointer;
} }
.work .btncolor { .work .btncolor {
background: linear-gradient(90deg, #84aad2 0%, #a4c5e9 100%); background: linear-gradient(90deg, #84aad2 0%, #a4c5e9 100%);
} }
.work .bordercolor { .work .bordercolor {
border: 1px solid #85aad2; border: 1px solid #85aad2;
} }
.work .fontcolor { .work .fontcolor {
color: rgba(133, 170, 210, 1); color: rgba(133, 170, 210, 1);
} }
.work .submit { .work .submit {
width: 126px; width: 126px;
height: 46px; height: 46px;

View File

@@ -50,12 +50,15 @@
</div> --> </div> -->
</div> </div>
<div v-if="projectStatus && projectEndTime"> <div v-if="projectStatus && projectEndTime">
<div v-if="projectStatus !=='3' && new Date(projectEndTime).getTime() > new Date().getTime()" class="threeBtn"> <div v-if="projectStatus !=='-1' && new Date(projectEndTime).getTime() > new Date().getTime()" class="threeBtn">
<botton class="btn" :style="{ <botton class="btn" :style="{
background: `${new Date(data.liveStartTime).getTime() > new Date().getTime() ? '#999' : 'rgb(59, 191, 252)'}`, background: `${new Date(data.liveStartTime).getTime() > new Date().getTime() ? '#999' : 'rgb(59, 191, 252)'}`,
}" @click="showClick"> }" @click="showClick">
{{ new Date(data.liveEndTime).getTime() }}
{{ new Date().getTime() }}
{{ data.liveLink }}
{{ {{
new Date(data.liveEndTime).getTime() < new Date().getTime() && data.livePlayback == '1' ? '回放' : '观看' new Date(data.liveEndTime).getTime() < new Date().getTime() && data.livePlayback == 'true' ? '回放' : '观看'
}} }}
</botton> </botton>
@@ -91,7 +94,7 @@
:style="{background: `${new Date(data.liveStartTime).getTime() > new Date().getTime() ? '#999' : 'rgb(59, 191, 252)'}`, :style="{background: `${new Date(data.liveStartTime).getTime() > new Date().getTime() ? '#999' : 'rgb(59, 191, 252)'}`,
}" @click="showClick"> }" @click="showClick">
{{ {{
new Date(data.liveEndTime).getTime() < new Date().getTime() && data.livePlayback == '1' ? '回放' : '观看' new Date(data.liveEndTime).getTime() < new Date().getTime() && data.livePlayback == 'true' ? '回放' : '观看'
}} }}
</botton> </botton>
@@ -188,7 +191,7 @@
</template> </template>
<script setup> <script setup>
import {computed, reactive, toRefs, onUnmounted} from "vue"; import {computed, reactive, toRefs, onUnmounted, watch} from "vue";
import img from "@/assets/image/uploadimg.png"; import img from "@/assets/image/uploadimg.png";
import {request, useRequest} from "@/api/request"; import {request, useRequest} from "@/api/request";
import {TASK_BROADCAST_DETAIL, TASK_BROADCAST_SIGN} from "@/api/api"; import {TASK_BROADCAST_DETAIL, TASK_BROADCAST_SIGN} from "@/api/api";
@@ -250,9 +253,11 @@ const signClick = () => {
}; };
let timer = null; let timer = null;
//判断能否签到 //判断能否签到
function isSignClick() { function isSignClick() {
timer = setInterval(() => { // timer = setInterval(() => {
let beginTime = new Date(data.value?.liveStartTime).getTime(); let beginTime = new Date(data.value?.liveStartTime).getTime();
let endTime = !data.value.afterSignIn || data.value?.afterSignIn == '0' let endTime = !data.value.afterSignIn || data.value?.afterSignIn == '0'
? new Date(data.value.liveEndTime).getTime() ? new Date(data.value.liveEndTime).getTime()
@@ -294,10 +299,13 @@ function isSignClick() {
// nowTime < endTime, // nowTime < endTime,
// nowTime > beginTime // nowTime > beginTime
// ); // );
}, 1000); // }, 1000);
} }
isSignClick(); watch(data, () => {
isSignClick();
})
const commitClick = () => { const commitClick = () => {
if (data.value.liveStartTime) { if (data.value.liveStartTime) {
let date1 = new Date(data.value.liveStartTime).getTime() let date1 = new Date(data.value.liveStartTime).getTime()
@@ -346,7 +354,7 @@ function showClick() {
return; return;
} }
} }
if (new Date(data.value.liveEndTime).getTime() < new Date().getTime() && data.value.livePlayback == '1') { if (new Date(data.value.liveEndTime).getTime() < new Date().getTime() && data.value.livePlayback == 'true') {
window.open(data.value.livePlaybackLink, '_top'); window.open(data.value.livePlaybackLink, '_top');
} else { } else {
window.open(data.value.liveLink, '_top'); window.open(data.value.liveLink, '_top');

View File

@@ -5,7 +5,7 @@
<div class="pdname"> <div class="pdname">
{{ data.name }} {{ data.name }}
<el-popover v-if="data.remark" ref="popover" popper-class="jianjie" placement="right" trigger="hover" :width="300" <el-popover v-if="data.remark" ref="popover" popper-class="jianjie" placement="right" trigger="hover" :width="300"
:content="data.remark"> :content="data.remark">
<template #reference><span style="font-size: 16px;font-weight: 600;">简介></span></template> <template #reference><span style="font-size: 16px;font-weight: 600;">简介></span></template>
</el-popover> </el-popover>
</div> </div>
@@ -14,29 +14,21 @@
<div class="detailinfo"> <div class="detailinfo">
<div class="detailL"> <div class="detailL">
<div v-if="data.stageProcessList" v-for="(i, k) in data.stageProcessList" :key="k"> <div v-if="data.stageProcessList" v-for="(i, k) in data.stageProcessList" :key="k">
<div v-if="i.stageId == '0' && i.taskProcessList.length == 0"></div> <div v-if="i.id == '0' && i.taskProcessList?.length == 0"></div>
<div v-else class="title"> <div v-else class="title">
<div class="titleL">{{ i.stageName }}</div> <div class="titleL">{{ i.stageName }}</div>
<div class="titleR" :style="{ display: 'flex' }"> <div class="titleR" :style="{ display: 'flex' }">
<img src="../../assets/image/pathdetails/circle.png"/> <img src="../../assets/image/pathdetails/circle.png" />
<div class="titleRT" <div class="titleRT"
:style="(i.statusName === '已完成' || i.statusName === '进行中') ? 'color:#0060ff' : 'color:#999'"> :style="(i.statusName === '已完成' || i.statusName === '进行中') ? 'color:#0060ff' : 'color:#999'">
{{ i.statusName || (data.unlockMode === 1 ? '未开始' : '未解锁') }} {{ i.statusName || (data.unlockMode === 1 ? '未开始' : '未解锁') }}
</div> </div>
</div> </div>
<!-- <div class="titleR" :style="{ display: i.status === 2 ? 'flex' : 'none' }">
<img src="../../assets/image/pathdetails/circle2.png" />
<div class="titleRT" style="color: rgba(102, 102, 102, 1)">
未开始
</div>
</div> -->
</div> </div>
<div v-if="i.stageId == '0' && i.taskProcessList.length == 0"></div> <div v-if="i.id == '0' && i.taskProcessList?.length == 0"></div>
<div v-else class="course" <div v-else class="course" v-for="(value, index) in (i.taskProcessList.sort((a, b) => { return a.id - b.id; })).filter(
v-for="(value, index) in (i.taskProcessList.sort((a,b)=>{ return a.id - b.id; })).filter( (e) => !whiteTypes(e.type)
(e) => !whiteTypes(e.type) )" :key="index">
)"
:key="index">
<div style="width: 70%"> <div style="width: 70%">
<div v-if="value.name.length > 50" class="coursename" :title="value.name"> <div v-if="value.name.length > 50" class="coursename" :title="value.name">
<el-popover ref="popover" placement="right" trigger="hover" :width="300" :content="value.name"> <el-popover ref="popover" placement="right" trigger="hover" :width="300" :content="value.name">
@@ -53,7 +45,7 @@
选修 选修
</div> </div>
<div class="tag3" style="margin-right: 11px; margin-top: 16px"> <div class="tag3" style="margin-right: 11px; margin-top: 16px">
{{ types.typeName[value.type] || "" }} {{ TASK_TYPES.typeName[value.type] || "" }}
</div> </div>
<!-- <div--> <!-- <div-->
<!-- v-for="(item, key) in value.flag"--> <!-- v-for="(item, key) in value.flag"-->
@@ -68,20 +60,16 @@
<div>当前进度</div> <div>当前进度</div>
<div class="progress"> <div class="progress">
<div style="width: 291px"> <div style="width: 291px">
<el-progress <el-progress :percentage="parseInt(value.currentRatio)" :show-text="false" :stroke-width="8" :color="
:percentage="parseInt(value.currentRatio)" {
:show-text="false" 0: 'rgba(238, 112, 108, 1)',
:stroke-width="8" 1: 'rgba(255, 151, 38, 1)',
:color=" 2: 'rgba(39, 122, 255, 1)',
{ 3: 'rgba(59, 94, 251, 1)',
0: 'rgba(238, 112, 108, 1)', 4: 'rgba(57, 219, 183, 1)',
1: 'rgba(255, 151, 38, 1)', 5: 'rgba(57, 219, 183, 1)',
2: 'rgba(39, 122, 255, 1)', }[parseInt(parseInt(value.currentRatio) / 20)]
3: 'rgba(59, 94, 251, 1)', " />
4: 'rgba(57, 219, 183, 1)',
5: 'rgba(57, 219, 183, 1)',
}[parseInt(parseInt(value.currentRatio) / 20)]
"/>
</div> </div>
<div style="font-size: 14px;font-weight: 500;color: #277aff;margin-left: 10px;color:#677d86;"> <div style="font-size: 14px;font-weight: 500;color: #277aff;margin-left: 10px;color:#677d86;">
{{ parseInt(value.currentRatio) }}% {{ parseInt(value.currentRatio) }}%
@@ -90,8 +78,8 @@
</div> </div>
</div> </div>
<div class="goclass" @click="toFinish(value, i.stageName, i.id)" <div class="goclass" @click="toFinish(value, i.stageName, i.id)"
:style="{background:(value.statusName !=='已结束' && (value.statusName || data.unlockMode === 1)) ?'#2478ff':'#999'}"> :style="{ background: (value.statusName !== '已结束' && (value.statusName || data.unlockMode === 1)) ? '#2478ff' : '#999' }">
{{ value.statusName || (data.unlockMode === 1 ? types.toName[value.type] : '未解锁') }} {{ value.statusName || (data.unlockMode === 1 ? TASK_TYPES.toName[value.type] : '未解锁') }}
</div> </div>
<!-- <div :style="{ display: value.status === 1 ? 'block' : 'none' }">--> <!-- <div :style="{ display: value.status === 1 ? 'block' : 'none' }">-->
<!-- <div--> <!-- <div-->
@@ -125,23 +113,17 @@
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="共享文档" name="second"> <el-tab-pane label="共享文档" name="second">
<div style="padding: 19px 30px 17px 28px"> <div style="padding: 19px 30px 17px 28px">
<div <div v-for="(value, index) in JSON.parse(data.attach ? data.attach : '[]')" :key="index" style="
v-for="(value, index) in JSON.parse(data.attach?data.attach:'[]')" display: flex;
:key="index" align-items: center;
style=" margin-bottom: 15px;">
display: flex;
align-items: center;
margin-bottom: 15px;">
<!-- <img :src="value.img" style="width: 22px; height: 26px"/> --> <!-- <img :src="value.img" style="width: 22px; height: 26px"/> -->
<FileTypeImg <FileTypeImg
:v-model="value.name? value.name : value.slice(value.lastIndexOf('/')+1,value.indexOf('-')) + value.slice(value.lastIndexOf('.'))" :v-model="value.name ? value.name : value.slice(value.lastIndexOf('/') + 1, value.indexOf('-')) + value.slice(value.lastIndexOf('.'))"
:style="{width: '22px',height: '26px'}"></FileTypeImg> :style="{ width: '22px', height: '26px' }"></FileTypeImg>
<div class="sharedocname">{{ value.name }}</div> <div class="sharedocname">{{ value.name }}</div>
<div class="download"> <div class="download">
<img <img src="../../assets/image/download.png" style="width: 16px; height: 15px" />
src="../../assets/image/download.png"
style="width: 16px; height: 15px"
/>
<div style="margin-left: 7px" @click="downloadFile(value.response.data)">下载</div> <div style="margin-left: 7px" @click="downloadFile(value.response.data)">下载</div>
</div> </div>
</div> </div>
@@ -154,13 +136,13 @@
<div class="detailRB"> <div class="detailRB">
<div class="info"> <div class="info">
<div class="title"> <div class="title">
<img style="width: 21px; height: 20px" src="../../assets/image/pathdetails/info.png"/> <img style="width: 21px; height: 20px" src="../../assets/image/pathdetails/info.png" />
<div class="text" style="margin-left: 7px">个人信息</div> <div class="text" style="margin-left: 7px">个人信息</div>
<div class="box"></div> <div class="box"></div>
</div> </div>
<!-- todo #路径详情 个人信息缺少img和介绍--> <!-- todo #路径详情 个人信息缺少img和介绍-->
<div class="teacheritem" :style="{ 'border-bottom': '1px solid rgba(56, 125, 247, 0.2)' }"> <div class="teacheritem" :style="{ 'border-bottom': '1px solid rgba(56, 125, 247, 0.2)' }">
<img class="peopleimg" :src="userInfo?.avatar"/> <img class="peopleimg" :src="userInfo?.avatar" />
<div style="margin-left: 17px"> <div style="margin-left: 17px">
<div class="teacherName"> <div class="teacherName">
<div style="margin-right: 5px"> <div style="margin-right: 5px">
@@ -173,7 +155,7 @@
</div> </div>
<div class="info" style="padding-top: 20px"> <div class="info" style="padding-top: 20px">
<div class="title"> <div class="title">
<img style="width: 18px; height: 17px" src="../../assets/image/pathdetails/study.png"/> <img style="width: 18px; height: 17px" src="../../assets/image/pathdetails/study.png" />
<div class="text" style="margin-left: 9px">学习进度</div> <div class="text" style="margin-left: 9px">学习进度</div>
<div class="box"></div> <div class="box"></div>
</div> </div>
@@ -188,20 +170,20 @@
<div>总进度</div> <div>总进度</div>
<div class="progress"> <div class="progress">
<div style="width: 291px"> <div style="width: 291px">
<el-progress :percentage="parseInt(data.totalProgress * 100)" :show-text="false" :stroke-width="8" <el-progress :percentage="parseInt((data.totalProgress || 0) * 100)"
:color=" :show-text="false" :stroke-width="8" :color="
{ {
0: 'rgba(238, 112, 108, 1)', 0: 'rgba(238, 112, 108, 1)',
1: 'rgba(255, 151, 38, 1)', 1: 'rgba(255, 151, 38, 1)',
2: 'rgba(39, 122, 255, 1)', 2: 'rgba(39, 122, 255, 1)',
3: 'rgba(59, 94, 251, 1)', 3: 'rgba(59, 94, 251, 1)',
4: 'rgba(57, 219, 183, 1)', 4: 'rgba(57, 219, 183, 1)',
5: 'rgba(57, 219, 183, 1)', 5: 'rgba(57, 219, 183, 1)',
}[parseInt((data.totalProgress * 100) / 20)] }[parseInt(((data.totalProgress || 0) * 100) / 20)]
"/> " />
</div> </div>
<div style="font-size: 14px; font-weight: 500; margin-left: 10px;color:#677d86;"> <div style="font-size: 14px; font-weight: 500; margin-left: 10px;color:#677d86;">
{{ parseInt(data.totalProgress * 100) }}% {{ parseInt((data.totalProgress || 0) * 100) }}%
</div> </div>
</div> </div>
</div> </div>
@@ -211,24 +193,24 @@
<div>必修进度</div> <div>必修进度</div>
<div class="progress"> <div class="progress">
<div style="width: 291px"> <div style="width: 291px">
<el-progress :percentage="parseInt(data.compulsoryProgress * 100)" :show-text="false" <el-progress :percentage="parseInt((data.compulsoryProgress || 0) * 100)"
:stroke-width="8" :color=" :show-text="false" :stroke-width="8" :color="
{ {
0: 'rgba(238, 112, 108, 1)', 0: 'rgba(238, 112, 108, 1)',
1: 'rgba(255, 151, 38, 1)', 1: 'rgba(255, 151, 38, 1)',
2: 'rgba(39, 122, 255, 1)', 2: 'rgba(39, 122, 255, 1)',
3: 'rgba(59, 94, 251, 1)', 3: 'rgba(59, 94, 251, 1)',
4: 'rgba(57, 219, 183, 1)', 4: 'rgba(57, 219, 183, 1)',
5: 'rgba(57, 219, 183, 1)', 5: 'rgba(57, 219, 183, 1)',
}[parseInt((data.compulsoryProgress * 100) / 20)] }[parseInt(((data.compulsoryProgress || 0) * 100) / 20)]
"/> " />
</div> </div>
<div style=" <div style="
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #277aff; color: #277aff;
margin-left: 10px;color:#677d86;"> margin-left: 10px;color:#677d86;">
{{ parseInt(data.compulsoryProgress * 100) }}% {{parseInt(((data.compulsoryProgress || 0) * 100)) }}%
</div> </div>
</div> </div>
</div> </div>
@@ -240,35 +222,22 @@
<div class="detailRB"> <div class="detailRB">
<div class="info"> <div class="info">
<div <div
style="display:flex;justify-content: space-between;align-items: center;height: 56px;padding-left: 27px;padding-right: 27px;"> style="display:flex;justify-content: space-between;align-items: center;height: 56px;padding-left: 27px;padding-right: 27px;">
<div <div @click="tabChange(1)"
@click="tabChange(1)" style="font-size: 14px;color: rgba(51, 51, 51, 1);font-weight: 600;cursor: pointer;" :style="{}">积分排行榜
style="font-size: 14px;color: rgba(51, 51, 51, 1);font-weight: 600;cursor: pointer;"
:style="{}"
>积分排行榜
</div> </div>
<!-- <div style="font-size: 14px;color: rgba(51, 51, 51, 1);font-weight: 600;">完成度排行榜</div> --> <!-- <div style="font-size: 14px;color: rgba(51, 51, 51, 1);font-weight: 600;">完成度排行榜</div> -->
<el-select <el-select @change="choiceStatus" v-model="stateValue" class="m-2" mode="tags" placeholder="完成度排行榜"
@change="choiceStatus" style="width: 130px;border: 0px solid red !important; box-shadow:none !important; ">
v-model="stateValue" <el-option v-for="item in studyProgress" :key="item.value" :label="item.label" :value="item.value" />
class="m-2"
mode="tags"
placeholder="完成度排行榜"
style="width: 130px;border: 0px solid red !important; box-shadow:none !important; ">
<el-option
v-for="item in studyProgress"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select> </el-select>
</div> </div>
<!-- line --> <!-- line -->
<div style="display: flex;height: 1px;background-color: #ecf5ff;justify-content: space-between;"> <div style="display: flex;height: 1px;background-color: #ecf5ff;justify-content: space-between;">
<div v-if="tabValue==1" style="width:90px;height: 2px;background-color: #409EFF;margin-left: 18px;"></div> <div v-if="tabValue == 1" style="width:90px;height: 2px;background-color: #409EFF;margin-left: 18px;"></div>
<div v-else style="width:90px;height: 2px;background-color: rgba(0,0,0,0);margin-left: 18px;"></div> <div v-else style="width:90px;height: 2px;background-color: rgba(0,0,0,0);margin-left: 18px;"></div>
<div v-if="tabValue!==1" <div v-if="tabValue !== 1" style="width:146px;height: 2px;background-color: #409EFF;margin-right: 18px;">
style="width:146px;height: 2px;background-color: #409EFF;margin-right: 18px;"></div> </div>
<div v-else style="width:146px;height: 2px;background-color: rgba(0,0,0,0);margin-right: 18px;"></div> <div v-else style="width:146px;height: 2px;background-color: rgba(0,0,0,0);margin-right: 18px;"></div>
</div> </div>
<!-- line --> <!-- line -->
@@ -284,11 +253,11 @@
</div> </div>
<!-- 排行榜列表 --> <!-- 排行榜列表 -->
<div <div
style="display: flex;padding-top: 30px;padding-bottom: 100px;background: linear-gradient(0deg, rgba(36,120,255,0) 0%, rgba(36,120,255,0.15) 100%);"> style="display: flex;padding-top: 30px;padding-bottom: 100px;background: linear-gradient(0deg, rgba(36,120,255,0) 0%, rgba(36,120,255,0.15) 100%);">
<div style="display: flex;justify-content: center;align-items: center;width: 100%;"> <div style="display: flex;justify-content: center;align-items: center;width: 100%;">
<div style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;">排名</div> <div style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;">排名</div>
<div <div
style="margin-left: 110px;margin-right: 110px;font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;"> style="margin-left: 110px;margin-right: 110px;font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;">
名称 名称
</div> </div>
<div style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;"> <div style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;">
@@ -298,86 +267,60 @@
</div> </div>
<!-- 学员列表 --> <!-- 学员列表 -->
<div> <div>
<div <div v-for="(item, i) in tableRankData" :key="i"
v-for="(item,i) in tableRankData" :key="i" style="display: flex;justify-content: center;align-items: center;width: 100%;position: relative;top:-60px;margin-bottom: 38px;">
style="display: flex;justify-content: center;align-items: center;width: 100%;position: relative;top:-60px;margin-bottom: 38px;">
<div <div
style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:30%;display: flex;justify-content: center;align-items: center;position: relative;"> style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:30%;display: flex;justify-content: center;align-items: center;position: relative;">
{{ i + 1 == 1 || i + 1 == 2 || i + 1 == 3 ? '' : i + 1 }} {{ i + 1 == 1 || i + 1 == 2 || i + 1 == 3 ? '' : i + 1 }}
<img <img v-if="i + 1 == 1" style="width: 24px; height: 24px;" src="../../assets/image/rank1.png" />
v-if="i + 1 == 1" <img v-if="i + 1 == 2" style="width: 24px; height: 24px;" src="../../assets/image/rank2.png" />
style="width: 24px; height: 24px;" <img v-if="i + 1 == 3" style="width: 24px; height: 24px;" src="../../assets/image/rank3.png" />
src="../../assets/image/rank1.png" <img v-if="i + 1 == myIndex" style="width: 24px; height: 24px;position: absolute;left:110px;"
/> src="../../assets/image/rankme.png" />
<img
v-if="i + 1 == 2"
style="width: 24px; height: 24px;"
src="../../assets/image/rank2.png"
/>
<img
v-if="i + 1 == 3"
style="width: 24px; height: 24px;"
src="../../assets/image/rank3.png"
/>
<img
v-if="i + 1 == myIndex"
style="width: 24px; height: 24px;position: absolute;left:110px;"
src="../../assets/image/rankme.png"
/>
</div> </div>
<div <div
style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:34%;display: flex;justify-content: center;align-items: center;"> style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:34%;display: flex;justify-content: center;align-items: center;">
<img <img style="width: 28px; height: 28px;border-radius: 28px;" :src="item?.avatar" />
style="width: 28px; height: 28px;border-radius: 28px;"
:src="item?.avatar"
/>
{{ item.name }} {{ item.name }}
</div> </div>
<div <div
style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:30%;display: flex;justify-content: center;align-items: center;"> style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:30%;display: flex;justify-content: center;align-items: center;">
{{ tabValue == 1 ? item?.pointsCount : item?.rateStr }} {{ tabValue == 1 ? item?.pointsCount : item?.rateStr }}
</div> </div>
</div> </div>
<!-- 我的排名 --> <!-- 我的排名 -->
<div <div v-if="myIndex > tableRankData.length"
v-if="myIndex > tableRankData.length" style="display: flex;justify-content: center;align-items: center;width: 100%;position: relative;top:-60px;margin-bottom: 38px;">
style="display: flex;justify-content: center;align-items: center;width: 100%;position: relative;top:-60px;margin-bottom: 38px;">
<div <div
style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:30%;display: flex;justify-content: center;align-items: center;"> style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:30%;display: flex;justify-content: center;align-items: center;">
{{ '...' }} {{ '...' }}
</div> </div>
<div <div
style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:34%;display: flex;justify-content: center;align-items: center;"> style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:34%;display: flex;justify-content: center;align-items: center;">
{{ '' }} {{ '' }}
</div> </div>
<div <div
style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:30%;display: flex;justify-content: center;align-items: center;"> style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:30%;display: flex;justify-content: center;align-items: center;">
{{ '' }} {{ '' }}
</div> </div>
</div> </div>
<div <div v-if="myIndex > tableRankData.length"
v-if="myIndex > tableRankData.length" style="display: flex;justify-content: center;align-items: center;width: 100%;position: relative;top:-60px;margin-bottom: 38px;">
style="display: flex;justify-content: center;align-items: center;width: 100%;position: relative;top:-60px;margin-bottom: 38px;">
<div <div
style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:30%;display: flex;justify-content: center;align-items: center;"> style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:30%;display: flex;justify-content: center;align-items: center;">
{{ myIndex }} {{ myIndex }}
<img <img style="width: 24px; height: 24px;position: absolute;left:110px;"
style="width: 24px; height: 24px;position: absolute;left:110px;" src="../../assets/image/rankme.png" />
src="../../assets/image/rankme.png"
/>
</div> </div>
<div <div
style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:34%;display: flex;justify-content: center;align-items: center;"> style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:34%;display: flex;justify-content: center;align-items: center;">
<img <img style="width: 28px; height: 28px;border-radius: 28px;" :src="tableRankData[myIndex - 1]?.avatar" />
style="width: 28px; height: 28px;border-radius: 28px;"
:src="tableRankData[myIndex-1]?.avatar"
/>
{{ tableRankData[myIndex - 1]?.name }} {{ tableRankData[myIndex - 1]?.name }}
</div> </div>
<div <div
style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:30%;display: flex;justify-content: center;align-items: center;"> style="font-size: 14px;color:rgba(36, 120, 255, 1);font-weight: 600;width:30%;display: flex;justify-content: center;align-items: center;">
{{ tabValue == 1 ? tableRankData[myIndex - 1]?.pointsCount : tableRankData[myIndex - 1]?.rateStr }} {{ tabValue == 1 ? tableRankData[myIndex - 1]?.pointsCount : tableRankData[myIndex - 1]?.rateStr }}
</div> </div>
</div> </div>
@@ -392,37 +335,38 @@
<!-- 详细信息 --> <!-- 详细信息 -->
<!-- 弹框提示信息 --> <!-- 弹框提示信息 -->
<el-dialog title="" top="347px" v-model="dialogVisible" :show-close="false" <el-dialog title="" top="347px" v-model="dialogVisible" :show-close="false"
style="display:flex;justify-content:center;align-items:center;height: 283px;padding:0;border-radius: 4px;" style="display:flex;justify-content:center;align-items:center;height: 283px;padding:0;border-radius: 4px;"
width="502px"> width="502px">
<div style="width:288px;color:#333333;font-size: 22px;font-weight: 600;">{{ dialogVisibleTip }}</div> <div style="width:288px;color:#333333;font-size: 22px;font-weight: 600;">{{ dialogVisibleTip }}</div>
<span slot="footer" style="display:inline-block;margin-top:60px;"> <span slot="footer" style="display:inline-block;margin-top:60px;">
<el-button @click="dialogVisible = false" style="width:140px;height:40px;margin-right: 22px;">取消</el-button> <el-button @click="dialogVisible = false" style="width:140px;height:40px;margin-right: 22px;">取消</el-button>
<el-button type="primary" @click="dialogVisible = false" style="width:140px;height:40px;">确定</el-button> <el-button type="primary" @click="dialogVisible = false" style="width:140px;height:40px;">确定</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script setup> <script setup>
import {computed, onMounted, ref, watch} from "vue"; import { computed, onMounted, ref, watch } from "vue";
import {ElLoading, ElMessage} from 'element-plus' import { ElLoading, ElMessage } from 'element-plus'
import {request} from "@/api/request"; import { request } from "@/api/request";
import {CompletionList, EvaluationToLearn, PointList, STUDY_RECORD, SubmitExternalExam} from "@/api/api"; import { CompletionList, EvaluationToLearn, PointList, STUDY_RECORD, SubmitExternalExam, QueryEvaluationTaskStatusOne } from "@/api/api";
import {useRoute, useRouter} from "vue-router"; import { useRoute, useRouter } from "vue-router";
import {PROJECT, TASK_TYPES} from "@/api/CONST"; import { PROJECT, TASK_TYPES } from "@/api/CONST";
import FileTypeImg from "@/components/FileTypeImg.vue"; import FileTypeImg from "@/components/FileTypeImg.vue";
import {UPDATE_CURRENT_TASK} from "@/api/api"; import { UPDATE_CURRENT_TASK } from "@/api/api";
import {useStore} from "vuex"; import { useStore } from "vuex";
const { const {
query: {courseId, projectId}, query: { courseId, projectId },
} = useRoute(); } = useRoute();
const router = useRouter(); const router = useRouter();
const {commit, dispatch, state} = useStore() const { commit, dispatch, state } = useStore()
const store = useStore() const store = useStore()
const userInfo = computed(()=>state.userInfo) const userInfo = computed(() => state.userInfo)
const data = computed(()=>state.projectInfo) const data = computed(() => state.projectInfo)
onMounted(() => { onMounted(() => {
dispatch('getProjectInfo', {projectId}) dispatch('getProjectInfo', { projectId })
}) })
const tableRankData = ref([]) const tableRankData = ref([])
@@ -444,8 +388,8 @@ const choiceStatus = (e) => {
tabValue.value = e tabValue.value = e
stateValue.value = e stateValue.value = e
// 获取个人完成度 // 获取个人完成度
request(CompletionList, {projectId: projectId, type: e === 2 ? 0 : 1}).then(res => { request(CompletionList, { projectId: projectId, type: e === 2 ? 0 : 1 }).then(res => {
tableRankData.value =res.data.datas tableRankData.value = res.data.datas
myIndex.value = res.data.myIndex myIndex.value = res.data.myIndex
myRate.value = res.data.myRate myRate.value = res.data.myRate
myRateStr.value = res.data.myRateStr myRateStr.value = res.data.myRateStr
@@ -458,17 +402,17 @@ const tabChange = (tabs) => {
stateValue.value = undefined; stateValue.value = undefined;
tabValue.value = tabs; tabValue.value = tabs;
// 获取项目积分 // 获取项目积分
request(PointList, {projectId: projectId}).then(res => { request(PointList, { projectId: projectId }).then(res => {
tableRankData.value =res.data.datas tableRankData.value = res.data.datas
myIndex.value = res.data.myIndex myIndex.value = res.data.myIndex
myPoint.value = res.data.myPointsCount myPoint.value = res.data.myPointsCount
}) })
tableRankData.value =12 tableRankData.value = 12
} }
const myIndex = ref('') const myIndex = ref('')
const myPoint = ref('') const myPoint = ref('')
// 获取项目积分 // 获取项目积分
request(PointList, {projectId: projectId}).then(res => { request(PointList, { projectId: projectId }).then(res => {
tableRankData.value = res.data.datas tableRankData.value = res.data.datas
myIndex.value = res.data.myIndex myIndex.value = res.data.myIndex
myPoint.value = res.data.myPointsCount myPoint.value = res.data.myPointsCount
@@ -478,59 +422,7 @@ const activeName = ref("first");
const handleClick = (tab, event) => { const handleClick = (tab, event) => {
console.log(tab, event); console.log(tab, event);
}; };
const path = {1: "path"}; const path = { 1: "path" };
const types = ref({
typeName: {
1: "在线",
2: "面授",
3: "案例",
4: "作业",
5: "考试",
6: "直播",
7: "外链",
8: "讨论",
9: "活动",
10: "测评",
11: "评估",
12: "投票",
13: "项目",
},
toName: {
1: "去上课",
2: "去上课",
3: "去阅读",
4: "去完成",
5: "去完成",
6: "去观看",
7: "去查看",
8: "去讨论",
9: "去签到",
10: "去完成",
11: "去完成",
12: "去投票",
13: "去完成",
},
path: {
1: window.location.protocol + import.meta.env.VITE_BOE_ONLINE_CLASS_URL, //在线
2: ({courseId}) => window.open(`${location.protocol}//${location.host}${import.meta.env.VITE_BASE_API}/stu/project/redirectDetail?courseId=${courseId}`, '_top'),
3: window.location.protocol + import.meta.env.VITE_BOE_CASS_DETAIL_URL, //案例
4: "/homeworkpage",
5: window.location.protocol + import.meta.env.VITE_BOE_EXAM_DETAIL_URL, //考试
6: "/livebroadcast",
7: ({targetId}) => window.open(targetId, '_top'),
8: "/discusspage",
9: "/moreactive",
10: ({evaType, targetId}) =>
window.open(
evaType == 0
? window.location.protocol + import.meta.env.VITE_BOE_TEST_DETAIL_URL + targetId
: window.location.protocol + import.meta.env.VITE_BOE_TEST_OUT_DETAIL_URL + targetId + `&quizTaskKid=${projectId}&channelCode=project`
, '_top'), //测评
11: "/surveydetail",
12: "/ballotpage",
13: "/projectdetails",
},
});
const dialogVisible = ref(false); const dialogVisible = ref(false);
const dialogVisibleTip = ref('该任务无法学习,请联系管理员进行替换!'); const dialogVisibleTip = ref('该任务无法学习,请联系管理员进行替换!');
@@ -545,10 +437,10 @@ function judgeTaskIsEnd(type, endTimes, status) {
case 1: case 1:
status == -1 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false; status == -1 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false;
break; break;
//案例么有时间限制 //案例么有时间限制
// case 3: // case 3:
// status == 3 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false; // status == 3 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false;
// break; // break;
case 5: case 5:
status == -1 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false; status == -1 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false;
break; break;
@@ -681,52 +573,89 @@ async function toFinish(d, sName, chapterOrStageId) {
} }
// 测评模块 请求接口跳转新的页面 - 新增 暂时未调试 目前无测评数据 2023-02-04 // 测评模块 请求接口跳转新的页面 - 新增 暂时未调试 目前无测评数据 2023-02-04
if (d.type == 10) { if (d.type == 10) {
// 此处判断测评跳转详情界面 if (d.quizTaskId == null) {
router.push({ // 肯定没有完成测评
path: '/evaluation', // 调用接口 跳转页面
query: { console.log('我是查询测评跳转链接所传递得参数', {
id: d.id, "businessType": "project",
type: PROJECT, "chapterId": chapterOrStageId,
infoId: data.value.projectId, "courseId": d.courseId,
courseId: d.courseId, "quizKid": d.targetId,
pName: data.value.name, "routerOrProjectId": projectId,
sName, "studentId": userInfo.value.id,
chapterOrStageId, "studentName": userInfo.value.realName
exname: d.name, // 测评名称 })
btype: 1 // 1项目 2 路径图 request(EvaluationToLearn, {
}, "businessType": "project",
}); "chapterId": chapterOrStageId,
return "courseId": d.courseId,
"quizKid": d.targetId,
// 调用接口 跳转页面 "routerOrProjectId": projectId,
console.log('我是查询测评跳转链接所传递得参数', { "studentId": userInfo.value.id,
"businessType": "project", "studentName": userInfo.value.realName
"chapterId": chapterOrStageId, }).then(res => {
"courseId": d.courseId, console.log(res)
"quizKid": d.targetId, if (res.code == 200) {
"routerOrProjectId": projectId, let jumpUrl = res.data.quizUrl
"studentId": userInfo.value.projectId, // 此处写跳转url
"studentName": userInfo.value.realName window.open(jumpUrl, '_top')
}) }
request(EvaluationToLearn, { }).catch(err => {
"businessType": "project", console.log(err)
"chapterId": chapterOrStageId, })
"courseId": d.courseId, return
"quizKid": d.targetId, } else {
"routerOrProjectId": projectId, // 进行中 或者 已完成
"studentId": userInfo.value.projectId, // 调用接口 判断当前测评状态 跳转页面
"studentName": userInfo.value.realName console.log('我是查询测评跳转链接所传递得参数', {
}).then(res => { "quizTaskId": d.quizTaskId
console.log(res) })
if (res.code == 200) { request(QueryEvaluationTaskStatusOne, {
let jumpUrl = res.data.quizUrl "quizTaskId": d.quizTaskId
// 此处写跳转url }).then(res => {
window.open(jumpUrl, '_top') console.log(res)
} if (res.code == 200) {
}).catch(err => { if (res.data.complete_status == 2) {
console.log(err) ElMessage.error("您已完成测评")
}) return
return } else {
// 重新查询跳转
// 调用接口 跳转页面
console.log('我是查询测评跳转链接所传递得参数', {
"businessType": "project",
"chapterId": chapterOrStageId,
"courseId": d.courseId,
"quizKid": d.targetId,
"routerOrProjectId": projectId,
"studentId": userInfo.value.id,
"studentName": userInfo.value.realName
})
request(EvaluationToLearn, {
"businessType": "project",
"chapterId": chapterOrStageId,
"courseId": d.courseId,
"quizKid": d.targetId,
"routerOrProjectId": projectId,
"studentId": userInfo.value.id,
"studentName": userInfo.value.realName
}).then(res => {
console.log(res)
if (res.code == 200) {
let jumpUrl = res.data.quizUrl
// 此处写跳转url
window.open(jumpUrl, '_top')
}
}).catch(err => {
console.log(err)
})
return
}
}
}).catch(err => {
console.log(err)
})
return
}
} }
if (!TASK_TYPES.path[d.type]) { if (!TASK_TYPES.path[d.type]) {
@@ -734,33 +663,17 @@ async function toFinish(d, sName, chapterOrStageId) {
return; return;
} }
//更新学员当前任务 //更新学员当前任务
await request(UPDATE_CURRENT_TASK, {id: d.id, type: PROJECT, pid: projectId, name: d.name}) await request(UPDATE_CURRENT_TASK, { id: d.id, type: PROJECT, pid: projectId, name: d.name })
if (d.type == 3 || d.type == 7) { if (d.type == 3 || d.type == 7 || (d.type === 5 && d.examType === 2)) {
d.status !== 1 && await request(STUDY_RECORD, { d.status !== 1 && await request(STUDY_RECORD, {
studentId: userInfo.value.projectId, studentId: userInfo.value.id,
targetId: data.value.routerId, targetId: data.value.routerId,
logo: PROJECT, logo: PROJECT,
type: PROJECT,
stageOrChapterId: chapterOrStageId, stageOrChapterId: chapterOrStageId,
taskId: d.id, taskId: d.id,
taskType: d.type, taskType: d.type,
}); });
// 此处判断外链跳转详情界面
if (d.type == 7) {
router.push({
path: '/outerchain',
query: {
id: d.id,
type: PROJECT,
infoId: data.value.projectId,
courseId: d.courseId,
pName: data.value.name,
sName,
chapterOrStageId,
exname: d.name, // 外链名称
},
});
return
}
} }
if (typeof TASK_TYPES.path[d.type] === "string") { if (typeof TASK_TYPES.path[d.type] === "string") {

View File

@@ -122,7 +122,7 @@
label="状态" label="状态"
> >
<img <img
:src="{1:ongoing,2:completed,0:ongoing}[scope.row.taskStatus] || nostarted" :src="{1:ongoing,2:completed,0:nostarted}[formatStatus(scope.row.process)]"
style="width: 99px; height: 99px" style="width: 99px; height: 99px"
/> />
</el-table-column> </el-table-column>
@@ -185,6 +185,16 @@ const returnfun = () => {
showmapdetail.value = false; showmapdetail.value = false;
}; };
function formatStatus(process) {
if (!process) {
return 0;
}
if (parseInt(process) === 1) {
return 2;
}
return 1;
}
async function gofun(e) { async function gofun(e) {
detail.value = e; detail.value = e;
showmapdetail.value = true; showmapdetail.value = true;

View File

@@ -7,8 +7,7 @@
<div class="pdname"> <div class="pdname">
{{ data.name }} {{ data.name }}
<el-popover v-if="data.chapterRemark" ref="popover" popper-class="jianjie" placement="right" trigger="hover" <el-popover v-if="data.chapterRemark" ref="popover" popper-class="jianjie" placement="right" trigger="hover"
:width="300" :width="300" :content="data.chapterRemark">
:content="data.chapterRemark">
<template #reference><span style="font-size: 16px;font-weight: 600;">关卡说明></span></template> <template #reference><span style="font-size: 16px;font-weight: 600;">关卡说明></span></template>
</el-popover> </el-popover>
</div> </div>
@@ -20,15 +19,14 @@
<div class="title"> <div class="title">
<div class="titleL">{{ data.currentStageName }}</div> <div class="titleL">{{ data.currentStageName }}</div>
<div class="titleR" :style="{ display: 'flex' }"> <div class="titleR" :style="{ display: 'flex' }">
<img :src="data.currentChapterCnt ? circle : circle2"/> <img :src="data.currentChapterCnt ? circle : circle2" />
<div class="titleRT" <div class="titleRT"
:style="(data.statusName === '已完成' || data.statusName === '进行中') ? 'color:#0060ff' : 'color:#999'"> :style="(data.statusName === '已完成' || data.statusName === '进行中') ? 'color:#0060ff' : 'color:#999'">
{{ data.statusName || (data.unlockMode === 1 ? '未开始' : '未解锁') }} {{ data.statusName || (data.unlockMode === 1 ? '未开始' : '未解锁') }}
</div> </div>
</div> </div>
</div> </div>
<div class="course" v-for="(value, index) in data.taskBoList?.filter((e) => !whiteTypes(e.type))" <div class="course" v-for="(value, index) in data.taskBoList?.filter((e) => !whiteTypes(e.type))" :key="index">
:key="index">
<div style="width: 70%"> <div style="width: 70%">
<div v-if="value.name.length > 50" class="coursename" :title="value.name"> <div v-if="value.name.length > 50" class="coursename" :title="value.name">
<el-popover ref="popover" placement="right" trigger="hover" :width="300" :content="value.name"> <el-popover ref="popover" placement="right" trigger="hover" :width="300" :content="value.name">
@@ -63,36 +61,35 @@
<div>当前进度</div> <div>当前进度</div>
<div class="progress"> <div class="progress">
<div style="width: 291px"> <div style="width: 291px">
<el-progress :percentage="parseInt(value.currentRatio)" :show-text="false" :stroke-width="8" <el-progress :percentage="parseInt(value.currentRatio)" :show-text="false" :stroke-width="8" :color="
:color=" {
{ 0: 'rgba(238, 112, 108, 1)',
0: 'rgba(238, 112, 108, 1)', 1: 'rgba(255, 151, 38, 1)',
1: 'rgba(255, 151, 38, 1)', 2: 'rgba(39, 122, 255, 1)',
2: 'rgba(39, 122, 255, 1)', 3: 'rgba(59, 94, 251, 1)',
3: 'rgba(59, 94, 251, 1)', 4: 'rgba(57, 219, 183, 1)',
4: 'rgba(57, 219, 183, 1)', 5: 'rgba(57, 219, 183, 1)',
5: 'rgba(57, 219, 183, 1)', }[parseInt(parseInt(value.currentRatio) / 20)]
}[parseInt(parseInt(value.currentRatio) / 20)] " />
"/>
</div> </div>
<div style="font-size: 14px;font-weight: 500;color: #277aff;margin-left: 10px;" :style="{ <div style="font-size: 14px;font-weight: 500;color: #277aff;margin-left: 10px;" :style="{
color: { color: {
0: 'rgba(238, 112, 108, 1)', 0: 'rgba(238, 112, 108, 1)',
1: 'rgba(255, 151, 38, 1)', 1: 'rgba(255, 151, 38, 1)',
2: 'rgba(39, 122, 255, 1)', 2: 'rgba(39, 122, 255, 1)',
3: 'rgba(59, 94, 251, 1)', 3: 'rgba(59, 94, 251, 1)',
4: 'rgba(57, 219, 183, 1)', 4: 'rgba(57, 219, 183, 1)',
5: 'rgba(57, 219, 183, 1)', 5: 'rgba(57, 219, 183, 1)',
}[parseInt(parseInt(value.currentRatio) / 20)], }[parseInt(parseInt(value.currentRatio) / 20)],
}"> }">
{{ parseInt(value.currentRatio) }}% {{ parseInt(value.currentRatio) }}%
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="goclass" <div class="goclass"
:style="{background:(value.statusName !=='已结束' && (value.statusName || data.unlockMode === 1)) ?'#2478ff':'#999'}" :style="{ background: (value.statusName !== '已结束' && (value.statusName || data.unlockMode === 1)) ? '#2478ff' : '#999' }"
@click="toFinish(value)"> @click="toFinish(value)">
{{ value.statusName || (data.unlockMode === 1 ? TASK_TYPES.toName[value.type] : '未解锁') }} {{ value.statusName || (data.unlockMode === 1 ? TASK_TYPES.toName[value.type] : '未解锁') }}
</div> </div>
<!-- <div :style="{ display: value.status === 1 ? 'block' : 'none' }">--> <!-- <div :style="{ display: value.status === 1 ? 'block' : 'none' }">-->
@@ -123,25 +120,19 @@
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="共享文档" name="second" v-if="data.attachSwitch =='1'"> <el-tab-pane label="共享文档" name="second" v-if="data.attachSwitch == '1'">
<div style="padding: 19px 30px 17px 28px"> <div style="padding: 19px 30px 17px 28px">
<div <div v-for="(value, index) in JSON.parse(data.attach ? data.attach : '[]')" :key="index" style="
v-for="(value, index) in JSON.parse(data.attach?data.attach:'[]')" display: flex;
:key="index" align-items: center;
style=" margin-bottom: 15px;">
display: flex;
align-items: center;
margin-bottom: 15px;">
<!-- <img :src="value.img" style="width: 22px; height: 26px"/> --> <!-- <img :src="value.img" style="width: 22px; height: 26px"/> -->
<FileTypeImg <FileTypeImg
:v-model="value.name? value.name : value.slice(value.lastIndexOf('/')+1,value.indexOf('-')) + value.slice(value.lastIndexOf('.'))" :v-model="value.name ? value.name : value.slice(value.lastIndexOf('/') + 1, value.indexOf('-')) + value.slice(value.lastIndexOf('.'))"
:style="{width: '22px',height: '26px'}"></FileTypeImg> :style="{ width: '22px', height: '26px' }"></FileTypeImg>
<div class="sharedocname">{{ value.name }}</div> <div class="sharedocname">{{ value.name }}</div>
<div class="download"> <div class="download">
<img <img src="../../assets/image/download.png" style="width: 16px; height: 15px" />
src="../../assets/image/download.png"
style="width: 16px; height: 15px"
/>
<div style="margin-left: 7px" @click="downloadFile(value.response.data)">下载</div> <div style="margin-left: 7px" @click="downloadFile(value.response.data)">下载</div>
</div> </div>
</div> </div>
@@ -154,13 +145,13 @@
<div class="detailRB"> <div class="detailRB">
<div class="info"> <div class="info">
<div class="title"> <div class="title">
<img style="width: 21px; height: 20px" src="../../assets/image/pathdetails/info.png"/> <img style="width: 21px; height: 20px" src="../../assets/image/pathdetails/info.png" />
<div class="text" style="margin-left: 7px">个人信息</div> <div class="text" style="margin-left: 7px">个人信息</div>
<div class="box"></div> <div class="box"></div>
</div> </div>
<!-- todo #路径详情 个人信息缺少img和介绍--> <!-- todo #路径详情 个人信息缺少img和介绍-->
<div class="teacheritem" :style="{ 'border-bottom': '1px solid rgba(56, 125, 247, 0.2)' }"> <div class="teacheritem" :style="{ 'border-bottom': '1px solid rgba(56, 125, 247, 0.2)' }">
<img class="peopleimg" :src="userInfo?.avatar"/> <img class="peopleimg" :src="userInfo?.avatar" />
<div style="margin-left: 17px"> <div style="margin-left: 17px">
<div class="teacherName"> <div class="teacherName">
<div style="margin-right: 5px"> <div style="margin-right: 5px">
@@ -176,7 +167,7 @@
</div> </div>
<div class="info" style="padding-top: 20px"> <div class="info" style="padding-top: 20px">
<div class="title"> <div class="title">
<img style="width: 18px; height: 17px" src="../../assets/image/pathdetails/study.png"/> <img style="width: 18px; height: 17px" src="../../assets/image/pathdetails/study.png" />
<div class="text" style="margin-left: 9px">学习进度</div> <div class="text" style="margin-left: 9px">学习进度</div>
<div class="box"></div> <div class="box"></div>
</div> </div>
@@ -192,29 +183,33 @@
<div>总进度</div> <div>总进度</div>
<div class="progress"> <div class="progress">
<div style="width: 291px"> <div style="width: 291px">
<el-progress :percentage="parseInt(data.currentChapterCnt / data.totalChapterCnt * 100)" <el-progress
:show-text="false" :stroke-width="8" :color=" :percentage="parseInt((data.currentChapterCnt ? data.currentChapterCnt : 0 / data.totalChapterCnt ? data.totalChapterCn : 0) * 100)"
{ :show-text="false" :stroke-width="8" :color="
0: 'rgba(238, 112, 108, 1)', {
1: 'rgba(255, 151, 38, 1)', 0: 'rgba(238, 112, 108, 1)',
2: 'rgba(39, 122, 255, 1)', 1: 'rgba(255, 151, 38, 1)',
3: 'rgba(59, 94, 251, 1)', 2: 'rgba(39, 122, 255, 1)',
4: 'rgba(57, 219, 183, 1)', 3: 'rgba(59, 94, 251, 1)',
5: 'rgba(57, 219, 183, 1)', 4: 'rgba(57, 219, 183, 1)',
}[(parseInt(data.currentChapterCnt / data.totalChapterCnt) * 100) / 20] 5: 'rgba(57, 219, 183, 1)',
"/> }[(parseInt(data.currentChapterCnt ? data.currentChapterCnt : 0 / data.totalChapterCnt ? data.totalChapterCnt : 0) * 100) / 20]
" />
</div> </div>
<div style="font-size: 14px; font-weight: 500; margin-left: 10px" :style="{ <div style="font-size: 14px; font-weight: 500; margin-left: 10px" :style="{
color: { color: {
0: 'rgba(238, 112, 108, 1)', 0: 'rgba(238, 112, 108, 1)',
1: 'rgba(255, 151, 38, 1)', 1: 'rgba(255, 151, 38, 1)',
2: 'rgba(39, 122, 255, 1)', 2: 'rgba(39, 122, 255, 1)',
3: 'rgba(59, 94, 251, 1)', 3: 'rgba(59, 94, 251, 1)',
4: 'rgba(57, 219, 183, 1)', 4: 'rgba(57, 219, 183, 1)',
5: 'rgba(57, 219, 183, 1)', 5: 'rgba(57, 219, 183, 1)',
}[parseInt((data.currentChapterCnt / data.totalChapterCnt * 100) / 20)], }[parseInt(((data.currentChapterCnt ? data.currentChapterCnt : 0 / data.totalChapterCnt ? data.totalChapterCnt : 0) * 100) / 20)],
}"> }">
{{ parseInt(data.currentChapterCnt / data.totalChapterCnt * 100) }}% {{ parseInt((data.currentChapterCnt ? data.currentChapterCnt : 0 /
data.totalChapterCnt ? data.totalChapterCnt : 0) > 1 ? 1 : (data.currentChapterCnt ?
data.currentChapterCnt : 0 /
data.totalChapterCnt ? data.totalChapterCnt : 0) * 100) }}%
</div> </div>
</div> </div>
</div> </div>
@@ -224,34 +219,37 @@
<div>必修进度</div> <div>必修进度</div>
<div class="progress"> <div class="progress">
<div style="width: 291px"> <div style="width: 291px">
<el-progress :percentage="parseInt(data.currentReqCnt / data.totalReqCnt * 100)" :show-text="false" <el-progress
:stroke-width="8" :color=" :percentage="parseInt((data.currentReqCnt ? data.currentReqCnt : 0 / data.totalReqCnt ? data.totalReqCnt : 0) * 100)"
{ :show-text="false" :stroke-width="8" :color="
0: 'rgba(238, 112, 108, 1)', {
1: 'rgba(255, 151, 38, 1)', 0: 'rgba(238, 112, 108, 1)',
2: 'rgba(39, 122, 255, 1)', 1: 'rgba(255, 151, 38, 1)',
3: 'rgba(59, 94, 251, 1)', 2: 'rgba(39, 122, 255, 1)',
4: 'rgba(57, 219, 183, 1)', 3: 'rgba(59, 94, 251, 1)',
5: 'rgba(57, 219, 183, 1)', 4: 'rgba(57, 219, 183, 1)',
}[parseInt((data.currentReqCnt / data.totalReqCnt * 100) / 20)] 5: 'rgba(57, 219, 183, 1)',
"/> }[parseInt(((data.currentReqCnt ? data.currentReqCnt : 0 / data.totalReqCnt ? data.totalReqCnt : 0) * 100) / 20)]
" />
</div> </div>
<div style=" <div style="
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #277aff; color: #277aff;
margin-left: 10px; margin-left: 10px;
" :style="{ " :style="{
color: { color: {
0: 'rgba(238, 112, 108, 1)', 0: 'rgba(238, 112, 108, 1)',
1: 'rgba(255, 151, 38, 1)', 1: 'rgba(255, 151, 38, 1)',
2: 'rgba(39, 122, 255, 1)', 2: 'rgba(39, 122, 255, 1)',
3: 'rgba(59, 94, 251, 1)', 3: 'rgba(59, 94, 251, 1)',
4: 'rgba(57, 219, 183, 1)', 4: 'rgba(57, 219, 183, 1)',
5: 'rgba(57, 219, 183, 1)', 5: 'rgba(57, 219, 183, 1)',
}[parseInt((data.currentReqCnt / data.totalReqCnt * 100) / 20)], }[parseInt(((data.currentReqCnt ? data.currentReqCnt : 0 / data.totalReqCnt ? data.totalReqCnt : 0) * 100) / 20)],
}"> }">
{{ parseInt(data.currentReqCnt / data.totalReqCnt * 100) }}% {{ parseInt((data.currentReqCnt ? data.currentReqCnt : 0 / data.totalReqCnt ? data.totalReqCnt :
0) > 1 ? 1 : (data.currentReqCnt ? data.currentReqCnt : 0 / data.totalReqCnt ? data.totalReqCnt : 0) *
100) }}%
</div> </div>
</div> </div>
</div> </div>
@@ -264,51 +262,51 @@
<!-- 详细信息 --> <!-- 详细信息 -->
<!-- 弹框提示信息 --> <!-- 弹框提示信息 -->
<el-dialog title="" top="347px" v-model="dialogVisible" :show-close="false" <el-dialog title="" top="347px" v-model="dialogVisible" :show-close="false"
style="display:flex;justify-content:center;align-items:center;height: 283px;padding:0;border-radius: 4px;" style="display:flex;justify-content:center;align-items:center;height: 283px;padding:0;border-radius: 4px;"
width="502px"> width="502px">
<div style="width:288px;color:#333333;font-size: 22px;font-weight: 600;">{{ dialogVisibleTip }}</div> <div style="width:288px;color:#333333;font-size: 22px;font-weight: 600;">{{ dialogVisibleTip }}</div>
<span slot="footer" style="display:inline-block;margin-top:60px;"> <span slot="footer" style="display:inline-block;margin-top:60px;">
<el-button @click="dialogVisible = false" style="width:140px;height:40px;margin-right: 22px;">取消</el-button> <el-button @click="dialogVisible = false" style="width:140px;height:40px;margin-right: 22px;">取消</el-button>
<el-button type="primary" @click="dialogVisible = false" style="width:140px;height:40px;">确定</el-button> <el-button type="primary" @click="dialogVisible = false" style="width:140px;height:40px;">确定</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script setup> <script setup>
import {computed, onMounted, ref} from "vue"; import { computed, onMounted, ref } from "vue";
import circle from '@/assets/image/pathdetails/circle.png'; import circle from '@/assets/image/pathdetails/circle.png';
import circle2 from '@/assets/image/pathdetails/circle2.png'; import circle2 from '@/assets/image/pathdetails/circle2.png';
import {request} from "@/api/request"; import { request } from "@/api/request";
import {STUDY_RECORD, UPDATE_CURRENT_TASK} from "@/api/api"; import { STUDY_RECORD, UPDATE_CURRENT_TASK, QueryEvaluationTaskStatusOne, EvaluationToLearn } from "@/api/api";
import {useRoute, useRouter} from "vue-router"; import { useRoute, useRouter } from "vue-router";
import {ElMessage} from "element-plus"; import { ElMessage } from "element-plus";
import {ROUTER, TASK_TYPES} from "@/api/CONST"; import { ROUTER, TASK_TYPES } from "@/api/CONST";
import FileTypeImg from "@/components/FileTypeImg.vue"; import FileTypeImg from "@/components/FileTypeImg.vue";
import {useStore} from "vuex"; import { useStore } from "vuex";
const { const {
query: {routerId, routerName}, query: { routerId, routerName },
} = useRoute(); } = useRoute();
const router = useRouter(); const router = useRouter();
const returnclick = () => { const returnclick = () => {
router.back(); router.back();
}; };
const {commit, dispatch, state} = useStore() const { commit, dispatch, state } = useStore()
const userInfo = computed(() => state.userInfo) const userInfo = computed(() => state.userInfo)
const data = computed(() => state.routerInfo) const data = computed(() => state.routerInfo)
console.log(data) console.log(data)
const activeName = ref("first"); const activeName = ref("first");
onMounted(() => { onMounted(() => {
dispatch('getRouterInfo', {routerId}) dispatch('getRouterInfo', { routerId })
}) })
const handleClick = (tab, event) => { const handleClick = (tab, event) => {
console.log(tab, event); console.log(tab, event);
}; };
const path = {1: "path"}; const path = { 1: "path" };
const dialogVisible = ref(false); const dialogVisible = ref(false);
const dialogVisibleTip = ref(''); const dialogVisibleTip = ref('');
@@ -324,9 +322,9 @@ function judgeTaskIsEnd(type, endTimes, status) {
case 1: case 1:
status == -1 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false; status == -1 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false;
break; break;
// case 3: // case 3:
// status == 3 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false; // status == 3 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false;
// break; // break;
case 5: case 5:
status == -1 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false; status == -1 ? isEnd = true : nowTime > endTime ? isEnd = true : isEnd = false;
break; break;
@@ -431,7 +429,7 @@ async function toFinish(d) {
} }
} }
//更新学员当前任务 //更新学员当前任务
await request(UPDATE_CURRENT_TASK, {id: d.id, type: ROUTER, pid: routerId, name: d.name}) await request(UPDATE_CURRENT_TASK, { id: d.id, type: ROUTER, pid: routerId, name: d.name })
if (d.type === 3 || d.type === 7 || (d.type === 5 && d.examType === 2)) { if (d.type === 3 || d.type === 7 || (d.type === 5 && d.examType === 2)) {
d.status !== 1 && await request(STUDY_RECORD, { d.status !== 1 && await request(STUDY_RECORD, {
studentId: userInfo.value.id, studentId: userInfo.value.id,
@@ -445,22 +443,89 @@ async function toFinish(d) {
// 测评模块 请求接口跳转新的页面 - 新增 暂时未调试 目前无测评数据 2023-02-04 // 测评模块 请求接口跳转新的页面 - 新增 暂时未调试 目前无测评数据 2023-02-04
if (d.type == 10) { if (d.type == 10) {
// 此处判断测评跳转详情界面 if (d.quizTaskId == null) {
router.push({ // 肯定没有完成测评
path: '/evaluation', // 调用接口 跳转页面
query: { console.log('我是查询测评跳转链接所传递得参数', {
id: d.id, "businessType": "learningpath",
type: ROUTER, "chapterId": data.value.currentStageId,
infoId: routerId, "courseId": d.courseId,
courseId: d.courseId, "quizKid": d.targetId,
pName: data.value.name, "routerOrProjectId": routerId,
sName: data.value.currentStageName, "studentId": userInfo.value.id,
chapterOrStageId: data.value.currentStageId, "studentName": userInfo.value.realName
exname: d.name, // 测评名称 })
btype: 2 // 1项目 2 路径图 request(EvaluationToLearn, {
}, "businessType": "learningpath",
}); "chapterId": data.value.currentStageId,
return "courseId": d.courseId,
"quizKid": d.targetId,
"routerOrProjectId": routerId,
"studentId": userInfo.value.id,
"studentName": userInfo.value.realName
}).then(res => {
console.log(res)
if (res.code == 200) {
let jumpUrl = res.data.quizUrl
// 此处写跳转url
window.open(jumpUrl, '_top')
}
}).catch(err => {
console.log(err)
})
return
} else {
// 进行中 或者 已完成
// 调用接口 判断当前测评状态 跳转页面
console.log('我是查询测评跳转链接所传递得参数', {
"quizTaskId": d.quizTaskId
})
request(QueryEvaluationTaskStatusOne, {
"quizTaskId": d.quizTaskId
}).then(res => {
console.log(res)
if (res.code == 200) {
if (res.data.complete_status == 2) {
ElMessage.error("您已完成测评")
return
} else {
// 重新查询跳转
// 调用接口 跳转页面
console.log('我是查询测评跳转链接所传递得参数', {
"businessType": "learningpath",
"chapterId": data.value.currentStageId,
"courseId": d.courseId,
"quizKid": d.targetId,
"routerOrProjectId": routerId,
"studentId": userInfo.value.id,
"studentName": userInfo.value.realName
})
request(EvaluationToLearn, {
"businessType": "learningpath",
"chapterId": data.value.currentStageId,
"courseId": d.courseId,
"quizKid": d.targetId,
"routerOrProjectId": routerId,
"studentId": userInfo.value.id,
"studentName": userInfo.value.realName
}).then(res => {
console.log(res)
if (res.code == 200) {
let jumpUrl = res.data.quizUrl
// 此处写跳转url
window.open(jumpUrl, '_top')
}
}).catch(err => {
console.log(err)
})
return
}
}
}).catch(err => {
console.log(err)
})
return
}
} }
// 项目任务 直接跳转项目详情 // 项目任务 直接跳转项目详情
@@ -476,19 +541,19 @@ async function toFinish(d) {
} }
const path = typeof TASK_TYPES.path[d.type] === "string" ? TASK_TYPES.path[d.type] : TASK_TYPES.path[d.type](d); const path = typeof TASK_TYPES.path[d.type] === "string" ? TASK_TYPES.path[d.type] : TASK_TYPES.path[d.type](d);
path && path.startsWith("http") ? window.open(path + d.targetId, '_top') : path.startsWith("/") ? path && path.startsWith("http") ? window.open(path + d.targetId, '_top') : path.startsWith("/") ?
router.push({ router.push({
path, path,
query: { query: {
id: d.id, id: d.id,
type: ROUTER, type: ROUTER,
infoId: routerId, infoId: routerId,
courseId: d.courseId, courseId: d.courseId,
pName: data.value.name, pName: data.value.name,
sName: data.value.currentStageName, sName: data.value.currentStageName,
chapterOrStageId: data.value.currentStageId, chapterOrStageId: data.value.currentStageId,
btype: 2 btype: 2
}, },
}) : '' }) : ''
} }

View File

@@ -161,6 +161,9 @@ export default defineConfig(({ command, mode }) =>
},'/vote/queryVoteById': { },'/vote/queryVoteById': {
target: loadEnv(mode, process.cwd()).VITE_PROXY_URL, target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
changeOrigin: true, changeOrigin: true,
},'/evaluation/queryEvaluationTaskStatusOne': {
target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
changeOrigin: true,
} }
} }
} }