Skip to content

T
transport-show-h5
提交 5b806962 authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

updata

上级 14dda0cc
隐藏空白字符变更
内嵌 并排
正在显示 包含 89 行增加 和 82 行删除
src/pages/courseExam/index.vue
浏览文件 @ 5b806962
<template>
<div class="course-box">
<div class="tab-nav" id="top-view">
<ul>
<li
:class="index === tabNav.navIndex ? 'active' : ''"
:key="index"
@click="tab(index)"
v-for="(item, index) in tabNav.navText"
>
{{ item }}
</li>
</ul>
</div>
<div class="tab-con" id="bottom-view">
<div v-show="tabNav.navIndex == 0" class="tab1">
<div class="txt">
设计盒子为您提供2.5D风格公交站台等候公交车png图片
素材免费下载服务，这款素材采用的是EPS矢量图格式，
同时我们还会提供一个宽度分辨率为1500像素的透明背景
png图片，可以方便你直接应用到自己的设计作品中，我们
还提供设计盒子为您提供2.5D风格公交站台等候公交车png图片
</div>
<div class="btn" @click="abilityExam">确定</div>
</div>
<div v-show="tabNav.navIndex == 1" class="tab2">
<ul class="ul">
<template v-for="(item, index) in CourseChapter">
<li @click="listFold(item)" :key="index">
<div class="parent">
<div class="title">{{ item.course_name }}</div>
<template v-if="item.isShow">
<van-icon v-if="item.isShow === false" name="arrow" class="arrow"/>
<van-icon v-else name="arrow-down" class="arrow"/>
</template>
<template v-else>
<van-icon name="arrow" class="arrow"/>
</template>
</div>
<div :class="item.isShow === undefined ? 'hide' : item.isShow ? 'show' : 'hide'">
<template v-for="(cItem, cIndex) in item.curriculum.chapters_examination">
<ul :key="cIndex">
<li>
<div class="txt">{{ cItem.children[0].name }}</div>
<div class="btn-box">
<div v-if="cItem.children[0].status == 100" @click="startExam($event, cItem.children[0].id, item.course_id, 1)" class="tag">测试</div>
<div v-if="cItem.children[0].status == 0 || cItem.children[0].status == 3" @click="startExam($event, cItem.children[0].id, item.course_id, 0)" class="tag">继续测试</div>
<template v-if="cItem.children[0].status == 1 || cItem.children[0].status == 2">
<div @click="startExam($event, cItem.children[0].id, item.course_id, 1)" class="tag">重新测试</div>
<div @click="viewReport($event, cItem.children[0].id, item.course_id, 0)" class="tag">报告</div>
</template>
</div>
</li>
</ul>
</template>
</div>
</li>
</template>
</ul>
</div>
<div v-show="tabNav.navIndex == 2" class="tab3">
<div class="layout">
<div class="course-box">
<div class="tab-nav" id="top-view">
<ul>
<template v-for="(item, index) in courseList">
<li :key="index" @click="courseNodeDetail(item.course_id)">
<div class="tit">{{ item.course_name }}</div>
<van-icon name="arrow" class="arr"/>
</li>
</template>
<li
:class="index === tabNav.navIndex ? 'active' : ''"
:key="index"
@click="tab(index)"
v-for="(item, index) in tabNav.navText"
>
{{ item }}
</li>
</ul>
</div>
</div>
<div class="exam_submit" v-if="isExamPop">
<div class="pop">
<div class="tit">能力自测</div>
<div class="txt">您上次未做完试题</div>
<div class="btn_box">
<div class="btn" @click="goAbilityExam(1)">重新答题</div>
<div class="btn btn2" @click="goAbilityExam(0)">继续答题</div>
<div class="tab-con" id="bottom-view">
<div v-show="tabNav.navIndex == 0" class="tab1">
<div class="txt">
设计盒子为您提供2.5D风格公交站台等候公交车png图片
素材免费下载服务，这款素材采用的是EPS矢量图格式，
同时我们还会提供一个宽度分辨率为1500像素的透明背景
png图片，可以方便你直接应用到自己的设计作品中，我们
还提供设计盒子为您提供2.5D风格公交站台等候公交车png图片
</div>
<div class="btn" @click="abilityExam">确定</div>
</div>
<div v-show="tabNav.navIndex == 1" class="tab2">
<ul class="ul">
<template v-for="(item, index) in CourseChapter">
<li @click="listFold(item)" :key="index">
<div class="parent">
<div class="title">{{ item.course_name }}</div>
<template v-if="item.isShow">
<van-icon v-if="item.isShow === false" name="arrow" class="arrow"/>
<van-icon v-else name="arrow-down" class="arrow"/>
</template>
<template v-else>
<van-icon name="arrow" class="arrow"/>
</template>
</div>
<div :class="item.isShow === undefined ? 'hide' : item.isShow ? 'show' : 'hide'">
<template v-for="(cItem, cIndex) in item.curriculum.chapters_examination">
<ul :key="cIndex">
<li>
<div class="txt">{{ cItem.children[0].name }}</div>
<div class="btn-box">
<div v-if="cItem.children[0].status == 100" @click="startExam($event, cItem.children[0].id, item.course_id, 1)" class="tag">测试</div>
<div v-if="cItem.children[0].status == 0 || cItem.children[0].status == 3" @click="startExam($event, cItem.children[0].id, item.course_id, 0)" class="tag">继续测试</div>
<template v-if="cItem.children[0].status == 1 || cItem.children[0].status == 2">
<div @click="startExam($event, cItem.children[0].id, item.course_id, 1)" class="tag">重新测试</div>
<div @click="viewReport($event, cItem.children[0].id, item.course_id, 0)" class="tag">报告</div>
</template>
</div>
</li>
</ul>
</template>
</div>
</li>
</template>
</ul>
</div>
<div v-show="tabNav.navIndex == 2" class="tab3">
<ul>
<template v-for="(item, index) in courseList">
<li :key="index" @click="courseNodeDetail(item.course_id)">
<div class="tit">{{ item.course_name }}</div>
<van-icon name="arrow" class="arr"/>
</li>
</template>
</ul>
</div>
</div>
</div>
<div class="exam_submit" v-if="isExamPopTo">
<div class="pop">
<div class="tit">能力自测</div>
<div class="txt">考试还未结束确定退出考试？</div>
<div class="btn_box">
<div class="btn" @click="isExamPopTo = false">退出考试</div>
<div class="btn btn2" @click="goAbilityExam(0)">继续考试</div>
<div class="exam_submit" v-if="isExamPop">
<div class="pop">
<div class="tit">能力自测</div>
<div class="txt">您上次未做完试题</div>
<div class="btn_box">
<div class="btn" @click="goAbilityExam(1)">重新答题</div>
<div class="btn btn2" @click="goAbilityExam(0)">继续答题</div>
</div>
</div>
</div>
<div class="exam_submit" v-if="isExamPopTo">
<div class="pop">
<div class="tit">能力自测</div>
<div class="txt">考试还未结束确定退出考试？</div>
<div class="btn_box">
<div class="btn" @click="isExamPopTo = false">退出考试</div>
<div class="btn btn2" @click="goAbilityExam(0)">继续考试</div>
</div>
</div>
</div>
</div>
......@@ -328,6 +330,11 @@ export default {
}
</script>
<style lang="scss" scoped>
.layout{
position: fixed;
width: 100%;
height: 100%;
}
.course-box{
// padding: 0 .4rem;
.tab-nav{
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论