125 lines
2.8 KiB
Vue
125 lines
2.8 KiB
Vue
|
<template>
|
|||
|
|
<view class="app" v-if='list'>
|
|||
|
|
<view class="item" v-for="(item,index) in list.questions" :key="index">
|
|||
|
|
<view class="title">
|
|||
|
|
{{Number(index)+1}}、{{item.questionName}}
|
|||
|
|
</view>
|
|||
|
|
<u-radio-group v-model="list.answers[index].optionContent" @change="radioGroupChange($event,item)">
|
|||
|
|
<u-radio @change="radioChange($event,aitem,index)" v-for="(aitem, aindex) in item.options" :key="aindex"
|
|||
|
|
:name="aitem.optionName">
|
|||
|
|
{{aitem.optionName}}
|
|||
|
|
</u-radio>
|
|||
|
|
</u-radio-group>
|
|||
|
|
</view>
|
|||
|
|
<view class="btns" @tap='updata'>
|
|||
|
|
提交
|
|||
|
|
</view>
|
|||
|
|
<u-toast ref="uToast" />
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
list: null,
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
updata() {
|
|||
|
|
this.list.answers.forEach(e => {
|
|||
|
|
if (!e.optionId) {
|
|||
|
|
this.$refs.uToast.show({
|
|||
|
|
title: '请选择完全部选项',
|
|||
|
|
type: 'error',
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
var truelist = this.list.answers.filter(e => e.optionContent == '是')
|
|||
|
|
if (truelist.length > 0) {
|
|||
|
|
this.list.evaluateResult = '您可能存在高血压易患风险，请密切关注血压变化，及时就医。'
|
|||
|
|
} else if (truelist.length == 0) {
|
|||
|
|
this.list.evaluateResult = '您没有高血压风险，请继续保持！'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 选中某个单选框时，由radio时触发
|
|||
|
|
radioChange(e, item, index) {
|
|||
|
|
this.list.answers[index].optionId = item.id
|
|||
|
|
},
|
|||
|
|
// 选中任一radio时，由radio-group触发
|
|||
|
|
radioGroupChange(e) {
|
|||
|
|
// console.log(e);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(options) {
|
|||
|
|
let list = JSON.parse(decodeURIComponent(options.item))
|
|||
|
|
list.answers = []
|
|||
|
|
list.questions.forEach(e => {
|
|||
|
|
e.name = '请选择'
|
|||
|
|
var obj = {
|
|||
|
|
"questionId": e.id,
|
|||
|
|
"optionId": null,
|
|||
|
|
"optionContent": null,
|
|||
|
|
}
|
|||
|
|
list.answers.push(obj)
|
|||
|
|
})
|
|||
|
|
this.list = {
|
|||
|
|
userId: uni.getStorageSync('patientId'),
|
|||
|
|
surveyId: list.id,
|
|||
|
|
surveySubject: list.surveySubject,
|
|||
|
|
evaluateResult: null,
|
|||
|
|
advice: null,
|
|||
|
|
questions: list.questions,
|
|||
|
|
answers: list.answers
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
.app {
|
|||
|
|
width: 96%;
|
|||
|
|
margin: 16rpx auto;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
|||
|
|
border-radius: 5rpx;
|
|||
|
|
padding-bottom: 200rpx;
|
|||
|
|
|
|||
|
|
.btns {
|
|||
|
|
width: 90%;
|
|||
|
|
margin: 100rpx auto;
|
|||
|
|
background-color: #26A888;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 60rpx;
|
|||
|
|
height: 60rpx;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.item {
|
|||
|
|
width: 90%;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
padding: 30rpx 0;
|
|||
|
|
|
|||
|
|
::v-deep .u-radio {
|
|||
|
|
padding: 20rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.title {
|
|||
|
|
padding: 40rpx 0 20rpx;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
::v-deep .uni-picker-container {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 63rpx;
|
|||
|
|
background: #A7A7A7;
|
|||
|
|
line-height: 63rpx;
|
|||
|
|
opacity: 0.1;
|
|||
|
|
border-radius: 5rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|