提交 9d4a938c authored 作者: lihuihui's avatar lihuihui

updata

上级 85cc985e
import BaseAPI from '@/api/base_api'
const httpRequest = new BaseAPI(webConf)
/**
* 获取我的已做试题
*/
export function getMyQuestion() {
return httpRequest.get('/zy/v2/examination/my-question')
}
/* 模拟考试设置角色 */
export function deleteQuestion(data) {
return httpRequest.post('/zy/v2/examination/delete-my-question', data, {
headers: { 'Content-Type': 'multipart/form-data' }
})
}
// /* 获取考试状态 */
// export function getExamStatus(data) {
// return httpRequest.get('/zy/v2/examination/examination-papers-status', data, {
// headers: { 'Content-Type': 'multipart/form-data' }
// })
// }
...@@ -101,10 +101,6 @@ export default { ...@@ -101,10 +101,6 @@ export default {
.card_box{ .card_box{
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 9999999;
background: #fff; background: #fff;
.card_con{ .card_con{
padding: 0 .4rem; padding: 0 .4rem;
......
...@@ -88,7 +88,7 @@ ...@@ -88,7 +88,7 @@
</div> </div>
</div> </div>
<div class="st-btn" v-if="title === '随堂测试'"> <div class="st-btn" v-if="title === '随堂测试'">
<div class="btn" @click="go(0)">全部解析</div> <div class="btn" @click="go(1)">全部解析</div>
<div class="btn" @click="go(-1)">错误解析</div> <div class="btn" @click="go(-1)">错误解析</div>
</div> </div>
</div> </div>
...@@ -132,6 +132,7 @@ export default { ...@@ -132,6 +132,7 @@ export default {
go(id) { go(id) {
const param = this.$route.query const param = this.$route.query
param.id = id param.id = id
console.log(id)
this.$emit('cardChange', param) this.$emit('cardChange', param)
}, },
initData() { initData() {
......
...@@ -215,6 +215,7 @@ export default { ...@@ -215,6 +215,7 @@ export default {
}, },
// 答题卡点击跳题 // 答题卡点击跳题
cardChange(e) { cardChange(e) {
document.getElementById('bottom-view').scrollTop = 0
for (let i = 0; i < this.questionsData.sheet.question_count; i++) { for (let i = 0; i < this.questionsData.sheet.question_count; i++) {
if (this.swiper.slides[i].attributes['data-dId'].nodeValue === e) { if (this.swiper.slides[i].attributes['data-dId'].nodeValue === e) {
setTimeout(() => { setTimeout(() => {
...@@ -227,6 +228,7 @@ export default { ...@@ -227,6 +228,7 @@ export default {
} }
}, },
showCard() { showCard() {
document.getElementById('bottom-view').scrollTop = 0
this.topicCard.isShow = true this.topicCard.isShow = true
this.swiper.slideTo(this.questionsData.sheet.question_count, 0, false) this.swiper.slideTo(this.questionsData.sheet.question_count, 0, false)
}, },
......
<template>
<div>
<div class="top-tab">
<div :class="activeClass == '0' ? 'left btn active' : 'left btn'" @click="tab('0')">
<div class="num">{{ question.errorTotal }}</div>
<div class="txt">错题总数</div>
</div>
<div :class="activeClass == '1' ? 'right btn active' : 'right btn'" @click="tab('1')">
<div class="num">{{ question.total }}</div>
<div class="txt">做题总数</div>
</div>
</div>
<div class="exam-con">
<div class="sele" @click="screen.isShow = true">
<div class="title">选择题型</div>
<div class="txt">
<div class="t">{{ screen.checkedText }}</div>
<van-icon name="arrow" />
</div>
</div>
</div>
<div class="question-box">
<ul>
<template v-for="(item, index) in question.list">
<template v-if="changeGroup">
<template v-if="screen.screenVal == 0">
<li :key="index" v-if="item.is_right == '0'">
<img src="../../assets/images/que-type1.png" alt="" v-if="item.question_type == '6'">
<img src="../../assets/images/que-type2.png" alt="" v-if="item.question_type == '5'">
<img src="../../assets/images/que-type3.png" alt="" v-if="item.question_type == '2'">
<img src="../../assets/images/que-type4.png" alt="" v-if="item.question_type == '1'">
<div class="text">{{ item.question.question_content }}</div>
<div class="del" @click="del(item.id)">删除</div>
</li>
</template>
<template v-else>
<li :key="index" v-if="item.is_right == '0' && item.question_type == screen.screenVal">
<img src="../../assets/images/que-type1.png" alt="" v-if="item.question_type == '6'">
<img src="../../assets/images/que-type2.png" alt="" v-if="item.question_type == '5'">
<img src="../../assets/images/que-type3.png" alt="" v-if="item.question_type == '2'">
<img src="../../assets/images/que-type4.png" alt="" v-if="item.question_type == '1'">
<div class="text">{{ item.question.question_content }}</div>
<div class="del" @click="del(item.id)">删除</div>
</li>
</template>
</template>
<template v-else>
<template v-if="screen.screenVal == 0">
<li :key="index">
<img src="../../assets/images/que-type1.png" alt="" v-if="item.question_type == '6'">
<img src="../../assets/images/que-type2.png" alt="" v-if="item.question_type == '5'">
<img src="../../assets/images/que-type3.png" alt="" v-if="item.question_type == '2'">
<img src="../../assets/images/que-type4.png" alt="" v-if="item.question_type == '1'">
<div class="text">{{ item.question.question_content }}</div>
<div class="del" @click="del(item.id)">删除</div>
</li>
</template>
<template v-else>
<li :key="index" v-if="item.question_type == screen.screenVal">
<img src="../../assets/images/que-type1.png" alt="" v-if="item.question_type == '6'">
<img src="../../assets/images/que-type2.png" alt="" v-if="item.question_type == '5'">
<img src="../../assets/images/que-type3.png" alt="" v-if="item.question_type == '2'">
<img src="../../assets/images/que-type4.png" alt="" v-if="item.question_type == '1'">
<div class="text">{{ item.question.question_content }}</div>
<div class="del" @click="del(item.id)">删除</div>
</li>
</template>
</template>
</template>
</ul>
</div>
<div class="sele-pop" v-if="screen.isShow">
<div class="picker">
<van-picker
show-toolbar
:columns="screen.columns"
@confirm="onConfirm"
/>
</div>
</div>
</div>
</template>
<script>
import * as api from '@/api/my.js'
import { Toast } from 'vant'
export default {
components: {
[Toast.name]: Toast
},
data() {
return {
screen: {
isShow: false,
checkedText: '全部',
columns: ['全部', '单选题', '多选题', '判断题', '案例题'],
screenVal: '0'
},
question: {},
activeClass: '0',
changeGroup: false
}
},
methods: {
del(id) {
api.deleteQuestion({ id: id }).then(res => {
if (res.code === 0) {
Toast('删除成功')
this.initData()
}
console.log(res)
})
},
tab(e) {
this.screen.checkedText = '全部'
this.screen.screenVal = 0
this.activeClass = e
e === '0' ? this.changeGroup = false : this.changeGroup = true
},
onConfirm(value, index) {
const arr = [0, 1, 2, 5, 6]
this.screen.checkedText = value
this.screen.screenVal = arr[index]
this.screen.isShow = false
},
initData() {
api.getMyQuestion().then(res => {
let count = 0
this.question = res
this.question.list.map(item => {
if (item.is_right === '0') {
count++
}
})
this.question.errorTotal = count
})
}
},
mounted() {
this.initData()
}
}
</script>
<style lang="scss" scoped>
.top-tab{
width: 6.7rem;
height: 1.76rem;
border-bottom: 0.01rem solid #eee;
margin: 0 auto;
display: flex;
.btn{
margin-left: 1rem;
height: 100%;
.num{
text-align: center;
line-height: 100%;
font-size:.46rem;
padding-top: .4rem;
color: #999;
}
.txt{
line-height: 100%;
font-size: .3rem;
margin-top: .2rem;
color: #999;
}
}
.active{
border-bottom: 0.06rem solid rgba(43,124,233,1);
.num{
color:rgba(43,124,233,1);
}
.txt{
color:rgba(43,124,233,1);
}
}
.right{
margin-left: auto;
margin-right: 1rem;
}
}
.exam-con{
padding: 0 .4rem;
.sele{
height: 1.06rem;
display: flex;
align-items: center;
font-weight: bold;
.title{
font-size: .26rem;
color: #222;
}
.txt{
font-size: .26rem;
margin-left: auto;
display: flex;
align-items: center;
}
}
}
.sele-pop{
position: fixed;
top: 0;
left: 0;
background: rgba(0,0,0,0.8);
width: 100%;
height: 100%;
.picker{
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
}
.question-box{
padding: 0 .4rem;
ul{
li{
border-bottom: 0.01rem solid #eee;
display: flex;
padding-bottom: .4rem;
margin-bottom: .4rem;
img{
width: .48rem;
height: .6rem;
}
.text{
width: 5.2rem;
line-height:.34rem;
font-size: .26rem;
color:rgba(34,34,34,1);
margin-left: .2rem;
text-align: justify;
}
.del{
margin-left: auto;
font-size:.26rem;
color: #999;
line-height: 100%;
}
}
}
}
</style>
...@@ -10,7 +10,10 @@ ...@@ -10,7 +10,10 @@
<van-icon name="arrow" class="icon"/> <van-icon name="arrow" class="icon"/>
</li> </li>
</ul> </ul>
<van-button type="default" @click="logout">退出登录</van-button> <div class="login-out" @click="logout">
退出登录
<!-- <van-button type="default" >退出登录</van-button> -->
</div>
</div> </div>
</template> </template>
...@@ -27,20 +30,20 @@ export default { ...@@ -27,20 +30,20 @@ export default {
}, },
{ {
title: '已做试题', title: '已做试题',
url: '/my/buyCourses' url: '/my/exam'
},
{
title: '已学课程',
url: '/my/buyCourses'
},
{
title: '消息/通知',
url: '/my/buyCourses'
},
{
title: '意见反馈',
url: '/my/buyCourses'
} }
// {
// title: '已学课程',
// url: '/my/buyCourses'
// }
// {
// title: '消息/通知',
// url: '/my/buyCourses'
// },
// {
// title: '意见反馈',
// url: '/my/buyCourses'
// }
] ]
} }
}, },
...@@ -90,4 +93,18 @@ export default { ...@@ -90,4 +93,18 @@ export default {
border: none; border: none;
} }
} }
.login-out{
position: absolute;
bottom: .34rem;
left: 50%;
-webkit-transform: translateX(-50%);
width:6.7rem;
height:.7rem;
background:rgba(247,247,247,1);
border-radius:.12rem;
text-align: center;
line-height: .7rem;
font-size: .3rem;
color: #ccc;
}
</style> </style>
...@@ -82,6 +82,12 @@ export default [ ...@@ -82,6 +82,12 @@ export default [
name: 'buyCourses', name: 'buyCourses',
component: () => import('../pages/my/buyCourses.vue') component: () => import('../pages/my/buyCourses.vue')
}, },
// 我的-已做试题
{
path: '/my/exam',
name: 'examQuestions',
component: () => import('../pages/my/examQuestions.vue')
},
// 支付 // 支付
{ {
path: '/pay', path: '/pay',
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论