You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
443 lines
19 KiB
443 lines
19 KiB
3 years ago
|
<!-- 问题切换版 -->
|
||
|
|
<template>
|
||
|
|
<div class="question">
|
||
|
|
<div class="head">
|
||
|
|
<van-progress :percentage="questions.length === 0 ? 0 : ((index+1)/questions.length)*100"
|
||
|
|
:pivot-text="(index+1).toString()"
|
||
|
|
color="#72b937"
|
||
|
|
stroke-width="7px"
|
||
|
|
class="head-progress">
|
||
|
|
</van-progress>
|
||
|
|
<div class="head-progress-num">{{ questions.length }}</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<transition mode="out-in">
|
||
|
|
<div class="card"
|
||
|
|
v-show="show">
|
||
|
|
<!-- 题号 -->
|
||
|
|
<div class="card__head">
|
||
|
|
<div class="card__head-icon">Q{{ index+1 }}</div>
|
||
|
|
<div>
|
||
|
|
<div class="card__head-title">{{ curQuestion.question }}</div>
|
||
|
|
<div v-if="curQuestion.type === 'input'">
|
||
|
|
<input v-model="curQuestion.answer"
|
||
|
|
class="line-input"
|
||
|
|
max-length="18">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<van-radio-group v-model="curQuestion.answer"
|
||
|
|
checked-color="#72b937"
|
||
|
|
v-if="!curQuestion.type">
|
||
|
|
<van-radio v-if="curQuestion.a"
|
||
|
|
name="A">A.{{ curQuestion.a }}</van-radio>
|
||
|
|
<van-radio v-if="curQuestion.b"
|
||
|
|
name="B">B.{{ curQuestion.b }}</van-radio>
|
||
|
|
<van-radio v-if="curQuestion.c"
|
||
|
|
name="C">C.{{ curQuestion.c }}</van-radio>
|
||
|
|
<van-radio v-if="curQuestion.d"
|
||
|
|
name="D">D.{{ curQuestion.d }}</van-radio>
|
||
|
|
<van-radio v-if="curQuestion.e"
|
||
|
|
name="E">E.{{ curQuestion.e }}</van-radio>
|
||
|
|
<van-radio v-if="curQuestion.f"
|
||
|
|
name="F">F.{{ curQuestion.f }}</van-radio>
|
||
|
|
<van-radio v-if="curQuestion.g"
|
||
|
|
name="G">G.{{ curQuestion.g }}</van-radio>
|
||
|
|
</van-radio-group>
|
||
|
|
|
||
|
|
<div v-else-if="curQuestion.type === 'text'">
|
||
|
|
<textarea class="text"
|
||
|
|
v-model="curQuestion.answer"
|
||
|
|
rows="6"
|
||
|
|
maxlength="300"></textarea>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</transition>
|
||
|
|
|
||
|
|
<div class="footer">
|
||
|
|
<van-button type="warning"
|
||
|
|
v-if="index!== 0"
|
||
|
|
class="footer-btn-prev"
|
||
|
|
@click="prev">上一题</van-button>
|
||
|
|
<van-button type="primary"
|
||
|
|
@click="next"
|
||
|
|
class="footer-btn-next">{{ nextBtn }}</van-button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'question-list-change',
|
||
|
|
props: {
|
||
|
|
params: Object
|
||
|
|
},
|
||
|
|
data: function () {
|
||
|
|
return {
|
||
|
|
show: true,
|
||
|
|
index: 0,
|
||
|
|
curQuestion: {},
|
||
|
|
questions: [],
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
submit: function () {
|
||
|
|
for (var i = 0; i < this.questions.length; i++) {
|
||
|
|
if (!this.questions[i].answer && this.questions[i].isRequired) {
|
||
|
|
vant.Toast.fail('请勾选或输入第' + (i + 1) + '的答案')
|
||
|
|
return
|
||
|
|
}
|
||
|
|
}
|
||
|
|
_that = this
|
||
|
|
this.show = false
|
||
|
|
setTimeout(function () {
|
||
|
|
_that.$emit('change-component', 'end')
|
||
|
|
_that.api_submit()
|
||
|
|
}, 200)
|
||
|
|
},
|
||
|
|
api_submit: function () {
|
||
|
|
vant.Toast.loading({ message: '提交中...', forbidClick: true, duration: 20000 })
|
||
|
|
var o = []
|
||
|
|
console.log("${openId}")
|
||
|
|
this.questions.forEach(function (item) {
|
||
|
|
o.push({ openId: "${openId}", questionId: item.id, answer: item.answer })
|
||
|
|
})
|
||
|
|
|
||
|
|
that = this
|
||
|
|
$.post('http://ynxbdkj.natapp1.cc/question/answer?command=add_answers', { answers: JSON.stringify(o) },
|
||
|
|
function (resp) {
|
||
|
|
console.log(resp)
|
||
|
|
if (resp.code === 200) {
|
||
|
|
var ids = JSON.parse(localStorage.getItem("ynxbd_questionnaire"))
|
||
|
|
if (!ids) ids = []
|
||
|
|
|
||
|
|
ids.push({ id: that.params.id })
|
||
|
|
|
||
|
|
localStorage.setItem('ynxbd_questionnaire', JSON.stringify(ids))
|
||
|
|
vant.Toast.success('提交成功')
|
||
|
|
} else {
|
||
|
|
vant.Toast.fail(resp.message)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
)
|
||
|
|
},
|
||
|
|
api_getQuestion: function () {
|
||
|
|
_that = this
|
||
|
|
vant.Toast.loading({ message: '加载中...', forbidClick: true, duration: 0 })
|
||
|
|
$.get("http://ynxbdkj.natapp1.cc/question/question?command=query_by_qid&id=" + _that.params.id,
|
||
|
|
function (resp) {
|
||
|
|
console.log(resp)
|
||
|
|
if (resp.code === 200) {
|
||
|
|
resp.data.forEach(function (item) {
|
||
|
|
item.answer = ''
|
||
|
|
item.answers = []
|
||
|
|
if (item.a) item.answers.push({ text: 'A. ' + item.a, value: 'A' })
|
||
|
|
|
||
|
|
if (item.b) item.answers.push({ text: 'B. ' + item.b, value: 'B' })
|
||
|
|
|
||
|
|
if (item.c) item.answers.push({ text: 'C. ' + item.c, value: 'C' })
|
||
|
|
|
||
|
|
if (item.d) item.answers.push({ text: 'D. ' + item.d, value: 'D' })
|
||
|
|
|
||
|
|
if (item.e) item.answers.push({ text: 'E. ' + item.e, value: 'E' })
|
||
|
|
|
||
|
|
if (item.f) item.answers.push({ text: 'F. ' + item.f, value: 'F' })
|
||
|
|
|
||
|
|
if (item.g) item.answers.push({ text: 'G. ' + item.g, value: 'G' })
|
||
|
|
})
|
||
|
|
_that.questions = resp.data
|
||
|
|
vant.Toast.clear()
|
||
|
|
} else {
|
||
|
|
vant.Toast.fail(resp.message)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
)
|
||
|
|
}
|
||
|
|
},
|
||
|
|
created: function () {
|
||
|
|
this.api_getQuestion()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style scoped>
|
||
|
|
.question-list-change {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
background-color: #6fb734;
|
||
|
|
}
|
||
|
|
|
||
|
|
#app {
|
||
|
|
align-items: center;
|
||
|
|
width: 100%;
|
||
|
|
max-width: 1000px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card {
|
||
|
|
width: 90%;
|
||
|
|
height: 300px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.van-radio__icon {
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.van-radio {
|
||
|
|
margin-top: 22px;
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.head {
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: center;
|
||
|
|
width: 90%;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.head-progress {
|
||
|
|
margin: 20px 0;
|
||
|
|
width: 88%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.head-progress-num {
|
||
|
|
width: 10%;
|
||
|
|
text-align: center;
|
||
|
|
color: #8ac55a;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card__head {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card__head-title {
|
||
|
|
margin-top: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card__head-icon {
|
||
|
|
width: 36px;
|
||
|
|
height: 36px;
|
||
|
|
padding: 1px;
|
||
|
|
line-height: 36px;
|
||
|
|
font-weight: bold;
|
||
|
|
border-radius: 50%;
|
||
|
|
background-color: #72b937;
|
||
|
|
font-size: 15px;
|
||
|
|
text-align: center;
|
||
|
|
color: #ffffff;
|
||
|
|
margin-right: 10px;
|
||
|
|
flex-shrink: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 60px;
|
||
|
|
width: 90vw;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-btn-prev {
|
||
|
|
padding: 0 26px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer-btn-save,
|
||
|
|
.footer-btn-next {
|
||
|
|
margin-left: 20px;
|
||
|
|
padding: 0 26px;
|
||
|
|
background-color: #72b937;
|
||
|
|
}
|
||
|
|
|
||
|
|
.end__box {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background-color: #72b937;
|
||
|
|
}
|
||
|
|
|
||
|
|
.end-title__box {
|
||
|
|
text-align: center;
|
||
|
|
background-color: #ffffff;
|
||
|
|
height: 80vw;
|
||
|
|
width: 100vw;
|
||
|
|
border-radius: 0 0 50% 50%;
|
||
|
|
position: absolute;
|
||
|
|
top: -40vw;
|
||
|
|
}
|
||
|
|
|
||
|
|
.end-title {
|
||
|
|
font-size: 24px;
|
||
|
|
color: #41583c;
|
||
|
|
font-weight: bold;
|
||
|
|
margin-top: 50vw;
|
||
|
|
}
|
||
|
|
|
||
|
|
.end-img {
|
||
|
|
width: 80%;
|
||
|
|
max-width: 500px;
|
||
|
|
position: absolute;
|
||
|
|
bottom: 10px;
|
||
|
|
right: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text {
|
||
|
|
width: 100%;
|
||
|
|
margin-top: 22px;
|
||
|
|
border: 1px solid #72b937;
|
||
|
|
box-sizing: border-box;
|
||
|
|
font-size: 14px;
|
||
|
|
opacity: 0.88;
|
||
|
|
}
|
||
|
|
|
||
|
|
.line-input__box {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.line-input-label {
|
||
|
|
position: absolute;
|
||
|
|
left: 46px;
|
||
|
|
top: 18px;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.line-input {
|
||
|
|
outline: none;
|
||
|
|
border: none;
|
||
|
|
border-bottom: 1px solid #6fb734;
|
||
|
|
text-align: center;
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 14px;
|
||
|
|
margin-top: 10px;
|
||
|
|
width: 100%;
|
||
|
|
padding: 10px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.back-img {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
bottom: 180px;
|
||
|
|
height: 70%;
|
||
|
|
opacity: 0.99;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn__box {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: center;
|
||
|
|
height: 100%;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.questionnaire {
|
||
|
|
position: relative;
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
max-width: 1000px;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.questionnaire-btn__box {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
height: 60vh;
|
||
|
|
overflow-x: hidden;
|
||
|
|
overflow-y: auto;
|
||
|
|
padding: 0 20px 20px 20px;
|
||
|
|
border-bottom: 1px dashed #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.question-btn {
|
||
|
|
font-size: 16px;
|
||
|
|
color: #606266;
|
||
|
|
background-color: #fff;
|
||
|
|
border: 1px solid #ebedf0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
position: relative;
|
||
|
|
display: inline-block;
|
||
|
|
text-align: center;
|
||
|
|
border-radius: 400px;
|
||
|
|
cursor: pointer;
|
||
|
|
margin-top: 20px;
|
||
|
|
padding: 6px 12px;
|
||
|
|
box-shadow: 8px 8px 12px 0 rgba(0, 0, 0, 0.3);
|
||
|
|
transition: all linear 0.6s;
|
||
|
|
flex-shrink: 0;
|
||
|
|
border-left: 1px solid #dcdfe6;
|
||
|
|
border-top: 1px solid #dcdfe6;
|
||
|
|
}
|
||
|
|
|
||
|
|
.question-btn:active {
|
||
|
|
background-color: #e5e5e5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.title {
|
||
|
|
position: absolute;
|
||
|
|
top: 20px;
|
||
|
|
font-size: 22px;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #606266;
|
||
|
|
text-align: center;
|
||
|
|
width: 100%;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 全部列出 */
|
||
|
|
.question-all__box {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.question-all__card {
|
||
|
|
flex-shrink: 1;
|
||
|
|
margin-bottom: 40px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding: 10px 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.question-item {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown__box {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown-label {
|
||
|
|
position: absolute;
|
||
|
|
left: 46px;
|
||
|
|
top: 10px;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.van-dropdown-menu__item {
|
||
|
|
max-width: 360px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.van-dropdown-item--down {
|
||
|
|
max-width: 1000px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.question-back {
|
||
|
|
background-image: url(data:image/png;base64,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
|
||
|
|
width: 100%;
|
||
|
|
height: 100vh;
|
||
|
|
position: fixed;
|
||
|
|
max-width: 1000px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.van-hairline--top-bottom::after,
|
||
|
|
.van-hairline-unset--top-bottom::after {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
</style>
|