11 changed files with 336 additions and 6 deletions
@ -0,0 +1,262 @@ |
|||||
|
<template> |
||||
|
<div class="app-container" v-loading="loading"> |
||||
|
<div class="hospital">{{ tenantName || "-" }}</div> |
||||
|
<div class="card"> |
||||
|
<div class="card-title">筛查结论</div> |
||||
|
<div |
||||
|
style=" |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
margin-bottom: 6px; |
||||
|
" |
||||
|
> |
||||
|
<span>您的体重指数(BMI)为:</span> |
||||
|
<span>{{ form["SCWJ-BMI"] || "-" }}</span> |
||||
|
</div> |
||||
|
<div |
||||
|
style=" |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
margin-bottom: 6px; |
||||
|
" |
||||
|
> |
||||
|
<span>您的睡眠效率为:</span> |
||||
|
<span>{{ form["SCWJ-SMXL"] || "-" }}%</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="card"> |
||||
|
属于<span :class="`BIMTips${BMIVerdict[form['SCWJ-JL']]}`">{{ |
||||
|
form["SCWJ-JL"] || "-" |
||||
|
}}</span |
||||
|
>型肥胖,建议扫码关注医院公众号,预约体重管理中心医师进一步评估。 |
||||
|
<div> |
||||
|
<img src="./gzh.jpg" style="max-width: 100%" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="hospital1">{{ tenantName || "-" }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
create, |
||||
|
screenSave, |
||||
|
screenSubmit, |
||||
|
queryHospitalNoToken, |
||||
|
queryDetailNoToken, |
||||
|
} from "@/api/screening.js"; |
||||
|
|
||||
|
export default { |
||||
|
name: "Notice", |
||||
|
data() { |
||||
|
return { |
||||
|
open: false, |
||||
|
loading: false, |
||||
|
disabled: true, |
||||
|
|
||||
|
tenantId: "", |
||||
|
tenantName: "", |
||||
|
stepNum: 1, // 步骤数 |
||||
|
uploadFileUrl: process.env.VUE_APP_BASE_URL + "/baidu/ocr/idcardInfo", // 上传的图片服务器地址 |
||||
|
fileList: [], |
||||
|
BMITips: [ |
||||
|
{ |
||||
|
label: "体重过轻", |
||||
|
score: 18.5, |
||||
|
}, |
||||
|
{ |
||||
|
label: "正常", |
||||
|
score: 23.9, |
||||
|
}, |
||||
|
{ |
||||
|
label: "超重", |
||||
|
score: 27.9, |
||||
|
}, |
||||
|
{ |
||||
|
label: "肥胖", |
||||
|
score: 28, |
||||
|
}, |
||||
|
], |
||||
|
|
||||
|
BMIVerdict: { |
||||
|
体重过轻: "1", |
||||
|
正常: "2", |
||||
|
超重: "3", |
||||
|
肥胖: "4", |
||||
|
中度肥胖: "5", |
||||
|
重度肥胖: "5", |
||||
|
}, |
||||
|
tips: "", //结果提示 |
||||
|
tipsError: false, //结果提示 |
||||
|
// 表单参数 |
||||
|
form: { |
||||
|
"SCWJ-DW": "", |
||||
|
"SCWJ-NAME": "", |
||||
|
"SCWJ-SEX": "男", |
||||
|
"SCWJ-BIRTH": "", |
||||
|
"SCWJ-AGE": "", |
||||
|
"SCWJ-PHONE": "", |
||||
|
"SCWJ-HEIGHT": "", |
||||
|
"SCWJ-WEIGHT": "", |
||||
|
"SCWJ-BMI": "", |
||||
|
"SCWJ-JL": "", |
||||
|
"SCWJ-ZLFS": [], |
||||
|
"SCWJ-SCSJ": "22:00", // 上床睡觉 |
||||
|
"SCWJ-RSSJ": "22:30", // 入睡时间 |
||||
|
"SCWJ-SXSJ": "06:30", // 睡醒时间 |
||||
|
"SCWJ-QCSJ": "07:00", // 起床时间 |
||||
|
"SCWJ-SMXL": "", // 睡眠效率 |
||||
|
}, |
||||
|
loading: false, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.tenantName = this.$route.query.tenantName; |
||||
|
this.form = JSON.parse(this.$route.query.data); |
||||
|
}, |
||||
|
methods: {}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped src="@/assets/styles/common.css"></style> |
||||
|
<style scoped> |
||||
|
>>> .el-dialog__header { |
||||
|
padding-bottom: 0; |
||||
|
} |
||||
|
>>> .el-checkbox { |
||||
|
margin-right: 10px rtant; |
||||
|
} |
||||
|
.form-item-xbs >>> .el-form-item__content { |
||||
|
margin-left: 0 !important; |
||||
|
} |
||||
|
.qq { |
||||
|
color: green; |
||||
|
} |
||||
|
.idcardupd { |
||||
|
height: 44px; |
||||
|
margin-bottom: 14px; |
||||
|
} |
||||
|
.idcardupd-but { |
||||
|
height: 44px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
color: #fff; |
||||
|
} |
||||
|
.idcardupd-but span { |
||||
|
padding-top: 1px; |
||||
|
} |
||||
|
.idcardupd-but img { |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
} |
||||
|
.idcardupd >>> .el-upload { |
||||
|
height: 44px; |
||||
|
border: none; |
||||
|
background: #c6a268; |
||||
|
} |
||||
|
.hospital1 { |
||||
|
text-align: center; |
||||
|
font-size: 14px; |
||||
|
color: #999; |
||||
|
} |
||||
|
.hospital { |
||||
|
background: #fff; |
||||
|
font-size: 20px; |
||||
|
color: #70483e; |
||||
|
line-height: 50px; |
||||
|
font-weight: 600; |
||||
|
margin-bottom: 10px; |
||||
|
border-radius: 6px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.BIMTips1 { |
||||
|
color: #cccccc; |
||||
|
} |
||||
|
.BIMTips2 { |
||||
|
color: #66cc00; |
||||
|
} |
||||
|
.BIMTips3 { |
||||
|
color: #c3c300; |
||||
|
} |
||||
|
.BIMTips4 { |
||||
|
color: #ff9900; |
||||
|
} |
||||
|
.BIMTips5 { |
||||
|
color: red; |
||||
|
} |
||||
|
.item-radio { |
||||
|
display: block; |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
.item-title { |
||||
|
font-size: 18px; |
||||
|
font-weight: bold; |
||||
|
color: #3d3d3d; |
||||
|
line-height: 26px; |
||||
|
} |
||||
|
.item-radio-box { |
||||
|
margin: 16px 0px; |
||||
|
} |
||||
|
>>> .el-radio__label { |
||||
|
font-size: 16px; |
||||
|
color: #555555; |
||||
|
line-height: 20px; |
||||
|
} |
||||
|
.submit-box { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.submit-box .submit-box-but { |
||||
|
background: #c6a268; |
||||
|
width: 100%; |
||||
|
font-size: 16px; |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
.card { |
||||
|
padding: 16px; |
||||
|
background: #fff; |
||||
|
border-radius: 6px; |
||||
|
margin-bottom: 14px; |
||||
|
} |
||||
|
|
||||
|
.card-title { |
||||
|
font-weight: 600; |
||||
|
font-size: 20px; |
||||
|
margin-bottom: 16px; |
||||
|
} |
||||
|
|
||||
|
.card-tips { |
||||
|
font-size: 14px; |
||||
|
color: #999999; |
||||
|
} |
||||
|
/* */ |
||||
|
.app-container { |
||||
|
/* background: linear-gradient(to bottom, #70483e, #f7f8fa); */ |
||||
|
background: #70483e; |
||||
|
min-height: 100vh; |
||||
|
} |
||||
|
>>> .el-input__inner { |
||||
|
border: none; |
||||
|
border-bottom: 1px solid #dcdfe6; |
||||
|
border-radius: 0; |
||||
|
} |
||||
|
>>> .el-date-editor.el-input { |
||||
|
width: 100% !important; |
||||
|
} |
||||
|
>>> .el-form-item--medium .el-form-item__label { |
||||
|
padding-right: 20px; |
||||
|
} |
||||
|
|
||||
|
>>> .el-radio input[aria-hidden="true"] { |
||||
|
display: none !important; |
||||
|
} |
||||
|
|
||||
|
>>> .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) |
||||
|
.el-radio__inner { |
||||
|
box-shadow: none !important; |
||||
|
} |
||||
|
</style> |
||||
|
<!-- >>> .el-input__inner { |
||||
|
padding: 0 15px !important; |
||||
|
} --> |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in new issue