提交 0c21d94f authored 作者: lihuihui's avatar lihuihui

updata

上级 f9fe50dd
...@@ -148,6 +148,7 @@ export default { ...@@ -148,6 +148,7 @@ export default {
observer: true, observer: true,
on: { on: {
slideChangeTransitionStart: function() { slideChangeTransitionStart: function() {
_this.scrollDom()
_this.getIsSign() _this.getIsSign()
if (this.activeIndex === _this.questionsData.sheet.question_count) { if (this.activeIndex === _this.questionsData.sheet.question_count) {
_this.topicCard.isShow = true _this.topicCard.isShow = true
...@@ -161,7 +162,6 @@ export default { ...@@ -161,7 +162,6 @@ export default {
_this.requestData.answerPage = this.activeIndex _this.requestData.answerPage = this.activeIndex
}, },
slidePrevTransitionEnd: function() { slidePrevTransitionEnd: function() {
console.log(this.activeIndex, _this.questionsData.sheet.question_count - 1)
if (this.activeIndex === _this.questionsData.sheet.question_count - 1) { if (this.activeIndex === _this.questionsData.sheet.question_count - 1) {
this.slideTo(_this.swiperSign, 0, false) this.slideTo(_this.swiperSign, 0, false)
_this.currentNum = this.activeIndex + 1 _this.currentNum = this.activeIndex + 1
...@@ -213,13 +213,18 @@ export default { ...@@ -213,13 +213,18 @@ export default {
beforeDestroy() { beforeDestroy() {
clearInterval(this.initTime) clearInterval(this.initTime)
clearInterval(this.clockCount) clearInterval(this.clockCount)
// clearInterval(this.cache)
}, },
mounted () { mounted () {
const body = document.querySelector('body') const body = document.querySelector('body')
// 设置页面点击清除 提示框
body.addEventListener('click', (e) => { body.addEventListener('click', (e) => {
Toast.clear() Toast.clear()
}, false) }, false)
this.answerInit()
},
methods: {
// 页面初始化
answerInit() {
if (this.$route.query.id === undefined) { if (this.$route.query.id === undefined) {
this.swiper.slideTo(0, 1000, false) this.swiper.slideTo(0, 1000, false)
clearInterval(this.initTime) clearInterval(this.initTime)
...@@ -247,7 +252,6 @@ export default { ...@@ -247,7 +252,6 @@ export default {
this.getIsSign() this.getIsSign()
}, 500) }, 500)
}, },
methods: {
getIsSign() { getIsSign() {
const _this = this const _this = this
if (_this.swiper.slides[_this.swiper.activeIndex].attributes['data-dId']) { if (_this.swiper.slides[_this.swiper.activeIndex].attributes['data-dId']) {
...@@ -523,7 +527,14 @@ export default { ...@@ -523,7 +527,14 @@ export default {
const topViewH = document.getElementById('top-view').offsetHeight const topViewH = document.getElementById('top-view').offsetHeight
const clientHeight = document.documentElement.clientHeight const clientHeight = document.documentElement.clientHeight
const bottomView = document.getElementById('bottom-view') const bottomView = document.getElementById('bottom-view')
// const domH = this.swiper.slides[this.swiper.activeIndex].clientHeight
bottomView.style.height = (clientHeight - topViewH) + 'px' bottomView.style.height = (clientHeight - topViewH) + 'px'
// console.log(domH, (clientHeight - topViewH))
// if (domH > (clientHeight - topViewH)) {
// bottomView.style.height = (clientHeight - topViewH) + 'px'
// } else {
// bottomView.style.height = domH + 'px'
// }
}, },
initData(n) { initData(n) {
const param = this.requestParam const param = this.requestParam
......
...@@ -15,13 +15,23 @@ ...@@ -15,13 +15,23 @@
</div> </div>
<div class="tab-con" id="bottom-view"> <div class="tab-con" id="bottom-view">
<div v-show="tabNav.navIndex == 0" class="tab1"> <div v-show="tabNav.navIndex == 0" class="tab1">
<div class="txt"> <div class="title">能力自测 测试说明</div>
<img src="../../assets/images/tab1bg.png" alt="">
<p class="ti">自测考试时间20分钟</p>
<p class="tx">考试题目共33题,分四部分</p>
<p class="tx">单选题共15题</p>
<p class="tx">多选题共10题</p>
<p class="tx">判断题共5题</p>
<p class="tx">案例题共1题</p>
<p class="ti2">随时自测了解知识掌握情况</p>
<p class="ti2">成绩报告准确分析提升成绩</p>
<!-- <div class="txt">
设计盒子为您提供2.5D风格公交站台等候公交车png图片 设计盒子为您提供2.5D风格公交站台等候公交车png图片
素材免费下载服务,这款素材采用的是EPS矢量图格式, 素材免费下载服务,这款素材采用的是EPS矢量图格式,
同时我们还会提供一个宽度分辨率为1500像素的透明背景 同时我们还会提供一个宽度分辨率为1500像素的透明背景
png图片,可以方便你直接应用到自己的设计作品中,我们 png图片,可以方便你直接应用到自己的设计作品中,我们
还提供设计盒子为您提供2.5D风格公交站台等候公交车png图片 还提供设计盒子为您提供2.5D风格公交站台等候公交车png图片
</div> </div> -->
<div class="btn" @click="abilityExam">确定</div> <div class="btn" @click="abilityExam">确定</div>
</div> </div>
<div v-show="tabNav.navIndex == 1" class="tab2"> <div v-show="tabNav.navIndex == 1" class="tab2">
...@@ -386,6 +396,39 @@ export default { ...@@ -386,6 +396,39 @@ export default {
color: #fff; color: #fff;
font-size: .3rem; font-size: .3rem;
} }
.title{
font-size:.4rem;
font-weight:bold;
color:rgba(255,103,103,1);
line-height: 100%;
padding-top: .2rem;
text-align: center;
}
img{
width: 5.01rem;
height: 3.98rem;
display: block;
margin: 0.2rem auto 0 auto;
}
p{
line-height: 100%;
font-size: .26rem;
color: #222;
text-align: center;
}
.tx{
margin-top: .2rem;
}
.ti{
font-size: .3rem;
margin: .4rem 0 .2rem 0;
font-weight: bold;
}
.ti2{
font-size: .3rem;
font-weight: bold;
margin-top: .4rem;
}
} }
.tab2{ .tab2{
.ul{ .ul{
......
<template> <template>
<div class="mock-box"> <div class="mock-box">
<div class="top-tit"> <div class="top-tit">
<div class="left">考试时间90分钟</div> <div class="left">考试时间:90分钟</div>
<!-- <div class="right">总分100分</div> -->
</div>
<div class="top-tit">
<div class="left">考试通过:80分</div>
<div class="right">总分100分</div> <div class="right">总分100分</div>
</div> </div>
<div class="intr">模拟考试介绍:</div> <div class="top-tit">
<div class="left new-w">试题类型:</div>
<div class="txt">单项选择题、多项选择题、判断题和
案例题,全部为客观题</div>
</div>
<div class="intr">考试说明:</div>
<div class="answer-type">
<div class="tit">1.模考目的:</div>
<div class="type">
<p>考核道路运输企业主要负责人和安全生产管理人员对安全生产管理知识掌握程度</p>
<!-- <p>单选题共1题</p>
<p>单选题共1题</p> -->
</div>
</div>
<div class="answer-type">
<div class="tit">2.考核范围:</div>
<div class="type">
<p>道路运输安全生产相关法律法规及标准规范、道路运输企业安全生产主体责任、道路运输企业安全管理知识、道路运输安全生产务实务等内容</p>
<!-- <p>单选题共1题</p>
<p>单选题共1题</p> -->
</div>
</div>
<div class="answer-type"> <div class="answer-type">
<div class="tit">共分为四部分</div> <div class="tit">3.模考试卷</div>
<div class="type"> <div class="type">
<p>单选题共1题</p> <p>道路运输安全生产相关法律法规及标准规范、道路运输企业安全生产主体责任、道路运输企业安全管理知识、道路运输安全生产务实务等内容</p>
<p>单选题共1题</p> <!-- <p>单选题共1题</p>
<p>单选题共1题</p> <p>单选题共1题</p> -->
<p>单选题共1题</p>
</div> </div>
</div> </div>
<div class="role-tit">选择角色:</div> <div class="role-tit">选择角色:</div>
...@@ -26,6 +50,8 @@ ...@@ -26,6 +50,8 @@
<div class="txt">安全人员</div> <div class="txt">安全人员</div>
</div> </div>
</div> </div>
<div class="new-btit">试卷组卷比例见下表:</div>
<img src="../../assets/images/table.png" alt="" class="table">
<div class="start-exam"> <div class="start-exam">
<div class="b" @click="setRole">开始考试</div> <div class="b" @click="setRole">开始考试</div>
</div> </div>
...@@ -114,42 +140,52 @@ export default { ...@@ -114,42 +140,52 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.mock-box{ .mock-box{
padding: 0 0.4rem; padding: 0 0.4rem 1rem 0.4rem;
} }
.top-tit{ .top-tit{
border-bottom: 0.01rem solid #EEE; padding-top: .3rem;
// border-bottom: 0.01rem solid #EEE;
display: flex; display: flex;
line-height: 1.1rem; // line-height: 1.1rem;
div{ div{
font-weight: bold; font-weight: bold;
font-size: .3rem; font-size: .3rem;
color: #222; color: #222;
line-height: 100%;
}
.new-w{
width: 2.5rem;
}
.txt{
font-weight: normal;
line-height: .4rem;
} }
.right{ .right{
margin-left: auto; margin-left: auto;
} }
} }
.intr{ .intr{
line-height: 1.1rem; line-height: .6rem;
font-weight: bold; font-weight: bold;
font-size: .3rem; font-size: .3rem;
color: #222; color: #222;
} }
.answer-type{ .answer-type{
padding-bottom: .2rem; padding-bottom: .2rem;
border-bottom: 0.01rem solid #EEE;
display: flex; display: flex;
.tit{ .tit{
font-size: .26rem; font-size: .26rem;
color: #222; color: #222;
line-height: 100%; line-height: .4rem;
} }
p{ p{
line-height: 100%; line-height: 100%;
font-size: .26rem; font-size: .26rem;
color: #222; color: #222;
font-weight: bold; line-height: .4rem;
margin-bottom: .2rem; width: 5rem;
// font-weight: bold;
// margin-bottom: .2rem;
} }
} }
.role-tit{ .role-tit{
...@@ -273,4 +309,15 @@ export default { ...@@ -273,4 +309,15 @@ export default {
} }
} }
} }
.new-btit{
font-size: .3rem;
color: #222;
line-height: 100%;
margin-top: .4rem;
}
.table{
width: 6.79rem;
margin: 0.2rem auto;
display: block;
}
</style> </style>
<template> <template>
<div class="pay-bg"> <div class="pay-bg">
<img src="../../assets/images/pages.png" alt /> <img src="../../assets/images/pay1.png" alt />
<img src="../../assets/images/pay2.png" alt />
<div class="img-con">
<img src="../../assets/images/pay3.png" alt />
<img src="../../assets/images/pay4.png" class="img4" alt />
</div>
<div class="pay-btn"> <div class="pay-btn">
<div class="num"> <div class="num">
¥ ¥
...@@ -131,4 +136,11 @@ export default { ...@@ -131,4 +136,11 @@ export default {
background: #ccc; background: #ccc;
} }
} }
.img-con{
background: #fff;
padding: .4rem .3rem 1.2rem .3rem;
.img4{
margin-top: .4rem;
}
}
</style> </style>
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论