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