16 changed files with 662 additions and 20 deletions
@ -0,0 +1,119 @@ |
|||||
|
<template> |
||||
|
<div class="app-container" v-loading="loading"> |
||||
|
<div class="hospital">测评已完成</div> |
||||
|
<div class="card"> |
||||
|
<div class="card-title">测评结果</div> |
||||
|
<div> |
||||
|
<div class="tip-content">主要体质：{{ resultData.result1 || "-" }}</div> |
||||
|
<div class="tip-content">兼夹体质：{{ resultData.result2 || "-" }}</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { evaResult } from "@/api/medicalFile.js"; |
||||
|
export default { |
||||
|
name: "Notice", |
||||
|
data() { |
||||
|
return { |
||||
|
loading: false, |
||||
|
resultData: {}, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.evaId = this.$route.query.evaId; |
||||
|
this.getEvaResult(); |
||||
|
}, |
||||
|
methods: { |
||||
|
getEvaResult() { |
||||
|
this.loading = true; |
||||
|
evaResult({ param: { evaId: this.evaId } }).then((res) => { |
||||
|
this.resultData = res.data; |
||||
|
this.loading = false; |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped src="@/assets/styles/common.css"></style> |
||||
|
<style scoped> |
||||
|
.tip-content { |
||||
|
font-size: 20px; |
||||
|
font-weight: bold; |
||||
|
color: #8e592d; |
||||
|
padding-right: 60px; |
||||
|
width: 100%; |
||||
|
text-align: left; |
||||
|
} |
||||
|
.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; |
||||
|
} |
||||
|
|
||||
|
.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; |
||||
|
} |
||||
|
</style> |
||||
|
<!-- >>> .el-input__inner { |
||||
|
padding: 0 15px !important; |
||||
|
} --> |
||||
@ -0,0 +1,298 @@ |
|||||
|
<template> |
||||
|
<div class="app-container" v-loading="loading"> |
||||
|
<div class="hospital">中医体质辩识</div> |
||||
|
<!-- 姓名、性别（单选）、出生日期、年龄、联系方式 --> |
||||
|
<div class="card"> |
||||
|
<div class="card-title">基本信息</div> |
||||
|
<el-descriptions class="margin-top" :column="1"> |
||||
|
<el-descriptions-item label="姓名">{{ |
||||
|
form.name |
||||
|
}}</el-descriptions-item> |
||||
|
<el-descriptions-item label="手机号码"> |
||||
|
{{ form.phone }} |
||||
|
</el-descriptions-item> |
||||
|
</el-descriptions> |
||||
|
</div> |
||||
|
<div class="card"> |
||||
|
<div |
||||
|
class="q-example" |
||||
|
v-for="(item, index) in evaList" |
||||
|
:key="item.quesCode" |
||||
|
> |
||||
|
<div class="q-title">{{ index + 1 }}. {{ item.quesName }}</div> |
||||
|
<div class="q-option-box"> |
||||
|
<el-radio-group v-model="item.optionCode" size="small"> |
||||
|
<el-radio |
||||
|
class="q-radio" |
||||
|
v-for="option in item.options" |
||||
|
:key="option.optionCode" |
||||
|
:label="option.optionCode" |
||||
|
@click.native="handleRadio($event, item, option)" |
||||
|
>{{ option.optionName }} |
||||
|
</el-radio> |
||||
|
</el-radio-group> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="submit-box"> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
class="submit-box-but" |
||||
|
@click="handleEvaComplete" |
||||
|
> |
||||
|
提交 |
||||
|
</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { evaTestList, evaTestSubmit, evaComplete } from "@/api/medicalFile.js"; |
||||
|
|
||||
|
export default { |
||||
|
name: "Notice", |
||||
|
data() { |
||||
|
return { |
||||
|
form: {}, |
||||
|
evaList: [], |
||||
|
disabled: true, |
||||
|
loading: false, |
||||
|
evaId: "", |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
let { id, name, phone, tenantId } = this.$route.query; |
||||
|
this.form = { id, name, phone, tenantId }; |
||||
|
localStorage.setItem("tenantId", tenantId); |
||||
|
console.log(" this.form", this.form); |
||||
|
this.getList(); // 创建测评 |
||||
|
}, |
||||
|
methods: { |
||||
|
/** 查看试题列表 */ |
||||
|
getList() { |
||||
|
this.loading = true; |
||||
|
evaTestList({ param: { evaId: this.form.id } }).then((res) => { |
||||
|
// 处理已选答案的显示问题 |
||||
|
res.data.questions.forEach((item) => { |
||||
|
item.options.forEach((row) => { |
||||
|
if (row.optionChecked == 1) { |
||||
|
item.optionCode = row.optionCode; |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
this.evaList = res.data.questions; |
||||
|
this.loading = false; |
||||
|
}); |
||||
|
}, |
||||
|
// 提交试题答案 |
||||
|
handleRadio(_e, _item, option) { |
||||
|
// 处理单选框会触发两次的问题 |
||||
|
if (_e.target.tagName === "INPUT") { |
||||
|
return; |
||||
|
} |
||||
|
let questions = { |
||||
|
optionCode: option.optionCode, |
||||
|
optionName: option.optionName, |
||||
|
optionScore: option.optionScore, |
||||
|
quesCode: _item.quesCode, |
||||
|
}; |
||||
|
evaTestSubmit({ |
||||
|
param: { evaId: this.form.id, questions: [questions] }, |
||||
|
}).then((res) => {}); |
||||
|
}, |
||||
|
/** 完成测评 */ |
||||
|
handleEvaComplete() { |
||||
|
try { |
||||
|
let flat = true; |
||||
|
let testNUmArr = []; |
||||
|
this.evaList.forEach((item, index) => { |
||||
|
if (!item.optionCode) { |
||||
|
testNUmArr.push(index + 1); |
||||
|
flat = false; |
||||
|
} |
||||
|
}); |
||||
|
if (!flat) { |
||||
|
this.$message.error(`请选择所有题目答案（${testNUmArr.join("、")}）`); |
||||
|
return; |
||||
|
} |
||||
|
this.loading = true; |
||||
|
evaComplete({ param: { evaId: this.form.id } }).then((res) => { |
||||
|
this.evaList = res.data.questions; |
||||
|
this.loading = false; |
||||
|
this.$router.replace({ |
||||
|
path: "/medicalResult", |
||||
|
query: { |
||||
|
evaId: this.form.id, |
||||
|
}, |
||||
|
}); |
||||
|
}); |
||||
|
} catch (e) { |
||||
|
console.log("e", e); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped src="@/assets/styles/common.css"></style> |
||||
|
<style scoped> |
||||
|
>>> .el-descriptions-item__content { |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
>>> .el-descriptions-item__container { |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
.q-radio { |
||||
|
display: block; |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
.q-option-box { |
||||
|
margin: 16px 0px; |
||||
|
} |
||||
|
|
||||
|
.q-title { |
||||
|
font-size: 18px; |
||||
|
font-weight: bold; |
||||
|
color: #3d3d3d; |
||||
|
line-height: 26px; |
||||
|
} |
||||
|
|
||||
|
>>> .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; |
||||
|
} |
||||
|
.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.
Loading…
Reference in new issue