Skip to content

P
pica-professional-exam
提交 064aaab4 编写于 作者: yi.li's avatar yi.li
浏览文件
操作

题库详情页开发

上级 f539b887
隐藏空白字符变更
内嵌 并排
正在显示 包含 288 行增加 和 3 行删除
src/store/modules/question.js
浏览文件 @ 064aaab4
......@@ -200,8 +200,7 @@ const question = {
text: "进行分析评估3",
},
],
question: "题干内容", // 题干内容
titleId: 1, //
titleId: 1, //
titleNo: 1, // 题序，从1开始
typeId: 1, // 题目类型ID 1-单选，2-多选，3-判断
unionId: "", // 联合类型题目，分组唯一标识
......@@ -264,7 +263,7 @@ const question = {
questionStreamType: "", // 题干内流媒体类型：0-文本，1-图片，2-视频，3-音频
directoryId: 0, // 题库ID
paperId: "", // 试卷ID
paperIndex: "", // 试卷索引
paperIndex: "", // 试卷索引
},
];
commit('SET_QUESTION_LIST', currentList);
......
src/views/question-bank.vue
浏览文件 @ 064aaab4
<template>
<div class="question-bank-wrap">
<CommonNavbar
:bgColor="bgColor"
v-show="isShowNavbar"
:title="navTitle"
:isFixNavbar="isFixNavbar"
borderStyle="1px solid #fff"
></CommonNavbar>
<div class="question-bank-content">
<div class="header-info">
<div class="info-first">
<img src="../images/question/portrait.png">
<div class="infor">
<p class="name">医生</p>
<p class="question-result">已做题<span>0</span>错误题<span class="err">0</span>正确率<span class="suc">0%</span></p>
</div>
</div>
<div class="info-second">
<div class="item"><img src="../images/question/text.png">错题集<span>(80)</span></div>
<div class="item"><img src="../images/question/heart-h.png">收藏<span>(5)</span></div>
</div>
</div>
<div class="question-intro">
<p>你发我耳环佛为放假哦还文化佛为金佛还温恩覅偶尔为九佛我IE花覅偶平稳破郭伟鹏狂派舞恶徒提交奇偶文化宫呢</p>
</div>
<div class="course-list">
<p class="title"><span class="line"></span>考点</p>
<div class="course-item">
<div class="left-c">
<p class="title-c">第一篇 基础知识</p>
<p class="join-c">234人已参与</p>
</div>
<div class="right-btn"><span>免费练习</span></div>
</div>
<div class="course-item">
<div class="left-c">
<p class="title-c">第二篇 相关专业知识</p>
<p class="join-c">234人已参与</p>
<!--<div class="progress-course">
<div class="progress-w"><van-progress :percentage="50" :stroke-width="6" color="#449284" :show-pivot="false"/></div>
<span class="mg-set">50%</span><span>共50道</span>
</div>-->
</div>
<div class="right-btn">
<!-- <span>免费练习</span>-->
<img src="../images/question/lock.png">
</div>
</div>
</div>
</div>
<BindCardButton
:cardInfo="cardInfo"
@changeClick="changeClick"
@gotoBuy="confirm"
></BindCardButton>
<!--<ChangeCard
:changeErrorMsg="changeCardErrorMsg"
:isShow="showChangeCard"
@cancle="cancleChangeCard"
@confirm="changeCardAction">
</ChangeCard>-->
</div>
</template>
<script>
import CommonNavbar from "@/components/common/common-navbar";
import BindCardButton from "@/components/cme/bind-card-button";
import ChangeCard from "@/components/cme/change-card";
import { Progress } from 'vant';
export default {
components: {
CommonNavbar,
BindCardButton,
ChangeCard,
Progress
},
data() {
return {
token: '',
bgColor: "#fff",
isShowNavbar: true,
navTitle: '中级-内科',
isFixNavbar: true,
firstSubjectId: 66,
cardInfo: {
id: 0
},
}
},
mounted() {
this.initData();
},
methods: {
initData() {
let param = {
token: this.token,
setEntry: true
};
this.GET(`portal/titleTest/user/getBrushTitleInfo/${this.firstSubjectId}`, param).then(res => {
if (res.code == "000000") {
} else {
this.$toast(res.message);
}
});
},
changeClick() {
},
confirm() {},
},
}
</script>
<style lang="less" scoped>
.question-bank-wrap{
background-color: #FFFFFF;
width: 100%;
padding-bottom: 30px;
box-sizing: border-box;
.question-bank-content{
padding: 0 16px;
box-sizing: border-box;
.header-info{
.info-first{
display: flex;
padding: 20px 0;
img{
width: 44px;
height: 44px;
border-radius: 50%;
}
.infor{
margin-left: 12px;
.name{
color: #373839;
font-size: 18px;
font-weight: 700;
line-height: 22px;
}
.question-result{
font-size: 14px;
color: #676869;
line-height: 16px;
margin-top: 9px;
span{
margin-left: 3px;
margin-right: 15px;
color: #373839;
&.err{
color: #ED3131;
}
&.suc{
color: #449284;
}
}
}
}
}
.info-second{
display: flex;
justify-content: space-between;
align-items: center;
.item{
width: 165.5px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 6px;
background-color: #F8F9FA;
font-size: 14px;
font-weight: 700;
color: #373839;
display: flex;
align-items: center;
justify-content: center;
img{
width: 20px;
height: 20px;
margin-right: 8px;
}
span{
font-size: 12px;
margin-left: 2px;
}
}
}
}
.question-intro{
margin-top: 15px;
background-color: #FFFFFF;
box-sizing: border-box;
box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.05);
border-radius: 12px;
padding: 12px 0;
img{
width: 100%;
}
p{
color: #676869;
font-size: 12px;
line-height: 18px;
padding: 0 12px;
/*&:first-child{
margin-top: 12px;
}*/
}
}
.course-list{
margin-top: 30px;
.title{
font-size: 18px;
line-height: 22px;
color: #373839;
.line{
display: inline-block;
width: 3px;
height: 15px;
background-color: #F68367;
border-radius: 1.5px;
margin-right: 8px;
margin-bottom: -1px;
}
}
.course-item{
padding: 20px 0;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #E7E8E9;
.left-c{
/*flex: 1;*/
width: 230px;
.title-c{
font-size: 15px;
color: #333333;
font-weight: 700;
line-height: 22px;
}
.join-c{
font-size: 12px;
color: #979899;
line-height: 14px;
margin-top: 7px;
}
.progress-course{
margin-top: 8px;
font-size: 12px;
color: #979899;
display: flex;
align-items: center;
.progress-w{
width: 100px;
}
.mg-set{
margin-left: 6px;
margin-right: 10px;
}
}
}
.right-btn{
display: flex;
align-items: center;
span{
display: inline-block;
height: 25px;
line-height: 23px;
padding: 0 6px;
color: #449284;
border: 1px solid #449284;
border-radius: 15px;
font-size: 12px;
font-weight: 700;
box-sizing: border-box;
}
img{
width: 15px;
height: 15px;
margin-right: 22.5px;
}
}
}
}
}
}
</style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或