mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/student-h5.git
synced 2025-12-09 19:06:47 +08:00
Merge branch 'master' of ssh://gitlab.dongwu-inc.com:10022/BOE/stu_h5
This commit is contained in:
@@ -16,6 +16,21 @@
|
|||||||
判断题
|
判断题
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 循环遍历生成判断题的问题和选项 -->
|
||||||
|
<!-- <div class="questions"
|
||||||
|
v-for="(q,index) in j_questions"
|
||||||
|
:key="index">
|
||||||
|
<div class="questiontitle" >
|
||||||
|
{{q.text}}
|
||||||
|
</div>
|
||||||
|
<div class="btnswitch" v-for="(j,index) in j_options"
|
||||||
|
:key="index">
|
||||||
|
<div class="checkoutbtn"></div>
|
||||||
|
<div class="select">{{j.text}}</div>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
|
||||||
<div class="questions">
|
<div class="questions">
|
||||||
<div class="questiontitle">
|
<div class="questiontitle">
|
||||||
1、控制计划是由工艺部门完成 (4分)
|
1、控制计划是由工艺部门完成 (4分)
|
||||||
@@ -55,11 +70,37 @@
|
|||||||
<div class="select">错误</div>
|
<div class="select">错误</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="questiontype clearfix">
|
<div class="questiontype clearfix">
|
||||||
<div class="type">
|
<div class="type">
|
||||||
选择题
|
选择题
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 循环遍历生成选择题的问题和选项 -->
|
||||||
|
<!-- <div class="questions"
|
||||||
|
v-for="(q,index) in s_questions"
|
||||||
|
:key="index">
|
||||||
|
<div class="questiontitle">
|
||||||
|
{{q.text}}
|
||||||
|
</div>
|
||||||
|
<div class="btnswitch" v-for="(s,index) in s_options"
|
||||||
|
:key="index"
|
||||||
|
@click="selectBtn(value)"
|
||||||
|
>
|
||||||
|
<div class="checkoutbtn"
|
||||||
|
:style="{
|
||||||
|
backgroundImage:
|
||||||
|
value.selected === true
|
||||||
|
? 'url( ../../assets/image/checkbox.png )'
|
||||||
|
: 'url( ../../assets/image/checkbox2.png )'
|
||||||
|
}"
|
||||||
|
></div>
|
||||||
|
<div class="select">{{s.text}}</div>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
|
||||||
<div class="questions">
|
<div class="questions">
|
||||||
<div class="questiontitle">
|
<div class="questiontitle">
|
||||||
4、.FMEA 是一种( )工具(4分)
|
4、.FMEA 是一种( )工具(4分)
|
||||||
@@ -81,11 +122,13 @@
|
|||||||
<div class="select">风险分析</div>
|
<div class="select">风险分析</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="btnbox">
|
<div class="btnbox">
|
||||||
<div class="submitbtn">
|
<div class="submitbtn">
|
||||||
提交试卷
|
提交试卷
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -100,8 +143,81 @@ export default {
|
|||||||
components: {
|
components: {
|
||||||
TitleHead,
|
TitleHead,
|
||||||
},
|
},
|
||||||
setup() {
|
// setup() {
|
||||||
},
|
// const state = reactive({
|
||||||
|
// j_questions: [
|
||||||
|
// {
|
||||||
|
// type: "judge",
|
||||||
|
// id: 1,
|
||||||
|
// text: "1、控制计划是由工艺部门完成 (4分)",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// type: "judge",
|
||||||
|
// id: 2,
|
||||||
|
// text: "2、.PFMEA假定所设计的产品能满足设计要求",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// type: "judge",
|
||||||
|
// id: 3,
|
||||||
|
// text: "3、PFMEA假定所设计的产品能满足设计要求 (4分)",
|
||||||
|
// },
|
||||||
|
// ],
|
||||||
|
// s_questions: [
|
||||||
|
// {
|
||||||
|
// type: "choice",
|
||||||
|
// id: 1,
|
||||||
|
// text: "4、.FMEA 是一种( )工具(4分)",
|
||||||
|
// },
|
||||||
|
// ],
|
||||||
|
// j_options: [
|
||||||
|
// {
|
||||||
|
// id: 1,
|
||||||
|
// text: "正确",
|
||||||
|
// selected: false,
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// id: 2,
|
||||||
|
// text: "错误",
|
||||||
|
// selected: false,
|
||||||
|
// },
|
||||||
|
// ],
|
||||||
|
// s_options: [
|
||||||
|
// {
|
||||||
|
// id: 1,
|
||||||
|
// text: "问题解决",
|
||||||
|
// selected: false,
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// id: 2,
|
||||||
|
// text: "项目策划",
|
||||||
|
// selected: false,
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// id: 3,
|
||||||
|
// text: "过程分析",
|
||||||
|
// selected: false,
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// id: 4,
|
||||||
|
// text: "风险分析",
|
||||||
|
// selected: false,
|
||||||
|
// },
|
||||||
|
// ]
|
||||||
|
// });
|
||||||
|
// const selectBtn = (value) => {
|
||||||
|
// let arr = state.s_options;
|
||||||
|
// arr.map((i) => {
|
||||||
|
// if (i.id === value.id) {
|
||||||
|
// i.selected = !i.selected;
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
// state.s_options = arr;
|
||||||
|
// };
|
||||||
|
// return {
|
||||||
|
// ...toRefs(state),
|
||||||
|
// selectBtn,
|
||||||
|
// };
|
||||||
|
// }
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@@ -169,7 +285,7 @@ export default {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
margin-left: 9.5px;
|
margin-left: 9.5px;
|
||||||
.questiontitle{
|
.questiontitle{
|
||||||
margin-bottom: 20px;
|
margin-bottom: 18px;
|
||||||
}
|
}
|
||||||
.btnswitch{
|
.btnswitch{
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -187,6 +303,7 @@ export default {
|
|||||||
.select{
|
.select{
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.btnbox{
|
.btnbox{
|
||||||
|
|||||||
@@ -57,7 +57,7 @@
|
|||||||
@click="selectPeople(value)"
|
@click="selectPeople(value)"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
style="width: 14px; height: 13px; cursor: pointer"
|
style="width: 14px; height: 13px;"
|
||||||
:src="
|
:src="
|
||||||
value.select
|
value.select
|
||||||
? require('../../assets/image/investigat/checkbox.png')
|
? require('../../assets/image/investigat/checkbox.png')
|
||||||
@@ -284,7 +284,6 @@ export default {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
// margin-left: 10px;
|
// margin-left: 10px;
|
||||||
cursor: pointer;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -323,7 +322,6 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
cursor: pointer;
|
|
||||||
margin-top: 10.5px;
|
margin-top: 10.5px;
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user