健康体征问卷,糖尿病
This commit is contained in:
267
stdiet-ui/src/components/HealthyForm/FormExtended.vue
Normal file
267
stdiet-ui/src/components/HealthyForm/FormExtended.vue
Normal file
@ -0,0 +1,267 @@
|
||||
<template>
|
||||
<div>
|
||||
<p class="p_title_1">{{projectName[form.conditioningProjectId+'']}}信息调查</p>
|
||||
<!--高血糖-->
|
||||
<div v-show="form.conditioningProjectId == 6 || form.conditioningProjectId == 5">
|
||||
<div v-show="form.conditioningProjectId == 6">
|
||||
<p class="p_title_2">1、餐前餐后血糖</p>
|
||||
<div style="margin-top:10px">
|
||||
<div class="margin-left"><span>餐前:</span><el-input placeholder="输入血糖数值" v-model="form.healthyExtend.bloodSugarMessage.beforeMealBloodSugar" maxlength="100" style="width:50%"></el-input><span class="margin-left">mmol/L</span></div>
|
||||
<div class="margin-left" style="margin-top:8px;"><span>餐后两小时:</span><el-input style="width:50%;" v-model="form.healthyExtend.bloodSugarMessage.afterMealBloodSugar" maxlength="100" placeholder="输入血糖数值"></el-input><span class="margin-left">mmol/L</span></div>
|
||||
</div>
|
||||
<p class="p_title_2">2、血糖水平以及测量时间</p>
|
||||
<el-form-item :label="'(1) 是否有规律测血糖'" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.bloodSugarMessage.measureBloodSugarFlag">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
<div style="margin-top:8px;"><span>测量时间 </span><el-input v-model="form.healthyExtend.bloodSugarMessage.measureBloodSugarTime" placeholder="请描述血糖测量时间" /></div>
|
||||
<div><span>近期血糖水平</span>
|
||||
<el-input type="textarea"
|
||||
v-model="form.healthyExtend.bloodSugarMessage.nearBloodSugar"
|
||||
placeholder="请描述下近期血糖水平"
|
||||
maxlength="200"
|
||||
show-word-limit
|
||||
rows="3"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'(2) 是否有低血糖反应'" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.bloodSugarMessage.lowBloodSugarFlag">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
<div style="margin-top:8px;"><span>低血糖反应出现时间 </span><el-input v-model="form.healthyExtend.bloodSugarMessage.lowBloodSugarTime" maxlength="100" placeholder="请描述低血糖出现时间" /></div>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'(3) 是否有出现并发症'" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.bloodSugarMessage.complicationFlag">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
<div style="margin-top:8px;"><span>并发症情况 </span>
|
||||
<el-input type="textarea"
|
||||
v-model="form.healthyExtend.bloodSugarMessage.complication"
|
||||
placeholder="请描述下并发症情况"
|
||||
maxlength="200"
|
||||
show-word-limit
|
||||
rows="3"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'(4) 目前是否存在下方症状'" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.bloodSugarMessage.inferiorSymptomFlag">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
<div style="margin-top:8px;"><span>若存在请选择对应症状</span>
|
||||
<el-checkbox-group v-model="form.healthyExtend.bloodSugarMessage.inferiorSymptom">
|
||||
<el-checkbox v-for="(item,index) in healthyData['syndromeNameArray']" :label="item.value" :key="index">{{ item.name }}</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
|
||||
</div>
|
||||
</el-form-item>
|
||||
<p class="p_title_2">2、体重变化情况</p>
|
||||
<el-form-item :label="'(1) 近三个月体重是否有变化'" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.bloodSugarMessage.weightChangeFlag">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div v-show="form.conditioningProjectId == 5">
|
||||
<p class="p_title_2">1、餐前餐后血压</p>
|
||||
<div style="margin-top:10px">
|
||||
<div class="margin-left"><span>餐前:</span><el-input placeholder="输入血压数值" maxlength="100" v-model="form.healthyExtend.bloodPressureMessage.beforeMealBloodPressure" style="width:50%"></el-input><span class="margin-left">mmHg</span></div>
|
||||
<div class="margin-left" style="margin-top:8px;"><span>餐后两小时:</span><el-input style="width:50%;" maxlength="100" v-model="form.healthyExtend.bloodPressureMessage.afterMealBloodPressure" placeholder="输入血压数值"></el-input><span class="margin-left">mmHg</span></div>
|
||||
</div>
|
||||
<p class="p_title_2">2、血压水平以及测量时间</p>
|
||||
<el-form-item :label="'(1) 是否有规律测血压'" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.bloodPressureMessage.measureBloodPressureFlag">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
<div style="margin-top:8px;"><span>测量时间 </span><el-input maxlength="100" v-model="form.healthyExtend.bloodPressureMessage.measureBloodPressureTime" placeholder="请描述血压测量时间" /></div>
|
||||
<div><span>近期血压水平</span>
|
||||
<el-input type="textarea"
|
||||
v-model="form.healthyExtend.bloodPressureMessage.nearBloodPressure"
|
||||
placeholder="请描述下近期血压水平"
|
||||
maxlength="200"
|
||||
show-word-limit
|
||||
rows="3"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'(2) 是否有低血压反应'" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.bloodPressureMessage.lowBloodPressureFlag">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
<div style="margin-top:8px;"><span>低血压反应出现时间 </span><el-input maxlength="100" v-model="form.healthyExtend.bloodPressureMessage.lowBloodPressureTime" placeholder="请描述低血压出现时间" /></div>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'(3) 是否有出现并发症'" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.bloodPressureMessage.complicationFlag">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
<div style="margin-top:8px;"><span>并发症情况 </span>
|
||||
<el-input type="textarea"
|
||||
v-model="form.healthyExtend.bloodPressureMessage.complication"
|
||||
placeholder="请描述下并发症情况"
|
||||
maxlength="200"
|
||||
show-word-limit
|
||||
rows="3"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'(4) 目前是否存在下方症状'" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.bloodPressureMessage.inferiorSymptomFlag">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
<div style="margin-top:8px;"><span>若存在请选择对应症状</span>
|
||||
<el-checkbox-group v-model="form.healthyExtend.bloodPressureMessage.inferiorSymptom">
|
||||
<el-checkbox v-for="(item,index) in healthyData['syndromeNameArray']" :label="item.name" :key="index">{{ item.name }}</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
|
||||
</div>
|
||||
</el-form-item>
|
||||
<p class="p_title_2">2、体重变化情况</p>
|
||||
<el-form-item :label="'(1) 近三个月体重是否有变化'" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.bloodPressureMessage.weightChangeFlag">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="p_title_2">3、焦虑状态评估</p>
|
||||
<el-form-item label="(1) 你认为你是一个容易焦虑或紧张的人吗?" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.anxietyStateMessage.easyAnxiousFlag">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="(2) 最近一段时间,你是否比平时更感到焦虑或忐忑不安?" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.anxietyStateMessage.upsetRecently">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="(3) 是否有一些特殊场合或情景更容易使得你紧张、焦虑?" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.anxietyStateMessage.nervousOnSpecialOccasionsFlag">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="(4) 你曾经有过惊恐发作吗.即突然发生的强烈不适感或心慌、眩晕、感到憋气或呼吸困难等症状?" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.anxietyStateMessage.terrifiedFlag">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<p class="p_title_2">4、郁抑状态评估</p>
|
||||
<el-form-item label="(1) 过去几周(或几个月)是否感觉到无精打采、伤感、或对生活的乐趣减少?" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.depressedStateMessage.listlessRecentlyFlag">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="(2) 除了不开心之外,是否比平时更加悲观或想哭?" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.depressedStateMessage.cryRecentlyFlag">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="(3) 经常有早醒吗?(事实上不需那么早醒来)" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.depressedStateMessage.wakeUpEarlyRecentlyFlag">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="(4) 近来是否经常想到活着没有意思" class="margin-left">
|
||||
<el-radio-group v-model="form.healthyExtend.depressedStateMessage.noFunLiving">
|
||||
<el-radio :label="1" >是</el-radio>
|
||||
<el-radio :label="0" >否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import * as healthyData from "@/utils/healthyData";
|
||||
export default {
|
||||
name: "FormExtended",
|
||||
components: {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
healthyData:healthyData,
|
||||
projectName:{'0':'减脂','5':'高血压','6':'高血糖'}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
|
||||
},
|
||||
props: {
|
||||
form: {
|
||||
type: Object,
|
||||
default: null
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
computed:{
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
.el-form-item {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.p_title_1{
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.p_title_2{
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.p_title_3{
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.margin-left{
|
||||
margin-left: 14px;
|
||||
}
|
||||
.el-input__inner{
|
||||
width: 30%;
|
||||
}
|
||||
.margin-top-10{
|
||||
margin-top: 10px;
|
||||
}
|
||||
.width-50-left-8-right-5{
|
||||
width:50%;
|
||||
margin-left: 8px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.width-70-left-8-right-5{
|
||||
width:70%;
|
||||
margin-left: 8px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
Reference in New Issue
Block a user