310 lines
15 KiB
HTML
310 lines
15 KiB
HTML
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
<style>
|
|
.el-form .el-select, .el-form .el-date-editor {
|
|
width: 100%;
|
|
}
|
|
|
|
.el-divider {
|
|
background-color: #1867b0;
|
|
}
|
|
|
|
.el-divider__text {
|
|
color: #1867b0;
|
|
}
|
|
|
|
.w-e-text-container {
|
|
height: 250px !important;
|
|
}
|
|
</style>
|
|
<div id="app" v-cloak>
|
|
<guava ref="guava">
|
|
<el-card shadow="never">
|
|
<template #header>
|
|
<el-row justify="space-between" type="flex">
|
|
<div>
|
|
<h3 style="color: rgb(24, 103, 176);">
|
|
{{'指标录入'}}
|
|
</h3>
|
|
</div>
|
|
<div>
|
|
<el-button class="pull-right offscreen-right mt10" type="primary">查看统计图</el-button>
|
|
</div>
|
|
</el-row>
|
|
</template>
|
|
|
|
<el-form :model="formData" :rules="rules" label-width="100px" ref="AddForm">
|
|
<el-divider content-position="left">个人信息</el-divider>
|
|
<el-row :gutter="20" type="flex">
|
|
<el-col :span="8">
|
|
<el-form-item label="体检人" prop="username">
|
|
<el-input readonly placeholder="请填写体检人" v-model="formData.username"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="所属工会" prop="unionId">
|
|
<el-select placeholder="请选择院级工会" v-model="formData.unionId"
|
|
style="width: 100%;"
|
|
disabled
|
|
clearable="true"
|
|
filterable>
|
|
<el-option v-for="item in unions"
|
|
:label="item.unionname"
|
|
:value="item.id"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="填报时间" prop="fillingTime">
|
|
<el-date-picker
|
|
placeholder="填报时间"
|
|
style="width: 100%"
|
|
readonly
|
|
type="date"
|
|
v-model="fillingTime"
|
|
value-format="yyyy-MM-dd">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-divider content-position="left">基本数据</el-divider>
|
|
<el-row :gutter="20" type="flex">
|
|
<el-col :span="12">
|
|
<el-form-item label="血压" prop="bloodPressure">
|
|
<el-input clearable placeholder="血压" v-model="formData.bloodPressure"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="血糖" prop="bloodSugar">
|
|
<el-input clearable placeholder="血糖" v-model="formData.bloodSugar"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="20" type="flex">
|
|
<el-col :span="12">
|
|
<el-form-item label="血脂" prop="bloodFat">
|
|
<el-input clearable placeholder="血脂" v-model="formData.bloodFat"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="心率" prop="heartRate">
|
|
<el-input clearable placeholder="心率" v-model="formData.heartRate"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-divider content-position="left">肾功能</el-divider>
|
|
<el-row :gutter="20" type="flex">
|
|
<el-col :span="12">
|
|
<el-form-item label="血肌酐" prop="serumCreatinine">
|
|
<el-input clearable placeholder="血肌酐(SCR)" v-model="formData.serumCreatinine"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="血尿素氮" prop="bloodUreaNitrogen">
|
|
<el-input clearable placeholder="血尿素氮(BUN)" v-model="formData.bloodUreaNitrogen"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="20" type="flex">
|
|
<el-col :span="12">
|
|
<el-form-item label="血尿酸" prop="bloodUricAcid">
|
|
<el-input clearable placeholder="血尿酸" v-model="formData.bloodUricAcid"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="血尿素" prop="bloodUrea">
|
|
<el-input clearable placeholder="血尿素" v-model="formData.bloodUrea"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-divider content-position="left">血常规</el-divider>
|
|
<el-row :gutter="20" type="flex">
|
|
<el-col :span="12">
|
|
<el-form-item label="红细胞" prop="redBloodCells">
|
|
<el-input clearable placeholder="红细胞(RBC)" v-model="formData.redBloodCells"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="白细胞" prop="whiteBloodCell">
|
|
<el-input clearable placeholder="白细胞(WBC)" v-model="formData.whiteBloodCell"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="20" type="flex">
|
|
<el-col :span="12">
|
|
<el-form-item label="血红蛋白" prop="hemoglobin">
|
|
<el-input clearable placeholder="血红蛋白(HB)" v-model="formData.hemoglobin"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="血小板" prop="platelet">
|
|
<el-input clearable placeholder="血小板(PLT)" v-model="formData.platelet"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-divider content-position="left">肝功能</el-divider>
|
|
<el-row :gutter="20" type="flex">
|
|
<el-col :span="12">
|
|
<el-form-item label="谷丙转氨酶" prop="alanineAminoTransferase">
|
|
<el-input clearable placeholder="谷丙转氨酶(ALT)" v-model="formData.alanineAminoTransferase"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="总蛋白" prop="totalProtein">
|
|
<el-input clearable placeholder="总蛋白(TP)" v-model="formData.totalProtein"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="20" type="flex">
|
|
<el-col :span="12">
|
|
<el-form-item label="白蛋白" prop="albumin">
|
|
<el-input clearable placeholder="白蛋白(ALB)" v-model="formData.albumin"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="球蛋白" prop="globulin">
|
|
<el-input clearable placeholder="球蛋白(GLO)" v-model="formData.globulin"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="20" type="flex">
|
|
<el-col :span="12">
|
|
<el-form-item label="白球蛋白比" prop="albuminToGlobulinRatio">
|
|
<el-input clearable placeholder="白蛋白与球蛋白比值(A/G)" v-model="formData.albuminToGlobulinRatio"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="总胆红素" prop="totalBilirubin">
|
|
<el-input clearable placeholder="总胆红素(TBIL)" v-model="formData.totalBilirubin"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="20" type="flex">
|
|
<el-col :span="12">
|
|
<el-form-item label="直接胆红素" prop="directBilirubin">
|
|
<el-input clearable placeholder="直接胆红素(DBIL)" v-model="formData.directBilirubin"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-divider content-position="left">尿常规</el-divider>
|
|
<el-row :gutter="20" type="flex">
|
|
<el-col :span="12">
|
|
<el-form-item label="酸碱度" prop="ph">
|
|
<el-input clearable placeholder="酸碱度(PH)" v-model="formData.ph"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="尿比重" prop="specificGravity">
|
|
<el-input clearable placeholder="尿比重(SG)" v-model="formData.specificGravity"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row :gutter="20" type="flex">
|
|
<el-col :span="12">
|
|
<el-form-item label="尿胆原" prop="urobilinogen">
|
|
<el-input clearable placeholder="尿胆原(URO)" v-model="formData.urobilinogen"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="隐血" prop="occultBlood">
|
|
<el-input clearable placeholder="隐血(BLO)" v-model="formData.occultBlood"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row :gutter="20" type="flex">
|
|
<el-col :span="12">
|
|
<el-form-item label="尿蛋白" prop="urineProtein">
|
|
<el-input clearable placeholder="尿蛋白(PRO)" v-model="formData.urineProtein"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="尿糖" prop="urineSugar">
|
|
<el-input clearable placeholder="尿糖(GLU)" v-model="formData.urineSugar"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="20" type="flex">
|
|
<el-col :span="12">
|
|
<el-form-item label="酮体" prop="ketoneBodies">
|
|
<el-input clearable placeholder="酮体(KET)" v-model="formData.ketoneBodies"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="尿红细胞" prop="rbc">
|
|
<el-input clearable placeholder="尿红细胞(RBC)" v-model="formData.rbc"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="20" type="flex">
|
|
<el-col :span="12">
|
|
<el-form-item label="尿液颜色" prop="urineColor">
|
|
<el-input clearable placeholder="尿液颜色(GOL)" v-model="formData.urineColor"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row style="margin-top: 30px" justify="center" type="flex">
|
|
<el-button @click="doSave" style="width: 300px" type="primary">保存</el-button>
|
|
<el-button @click="doSubmit" style="width: 300px" type="primary">提交</el-button>
|
|
</el-row>
|
|
</el-form>
|
|
</el-card>
|
|
</guava>
|
|
</div>
|
|
|
|
<script>
|
|
var vue = new Vue({
|
|
el: '#app',
|
|
mixins: [initTableMixins],
|
|
data() {
|
|
return {
|
|
fillingTime:'',
|
|
formData: {},
|
|
rules: {},
|
|
unions: [],
|
|
}
|
|
},
|
|
methods: {
|
|
initFormData() {
|
|
this.$set(this.formData, 'username', "${@shiro.getPrincipalProperty('username')}")
|
|
this.$set(this.formData, 'userId', "${@shiro.getPrincipalProperty('id')}")
|
|
this.fillingTime = new Date();
|
|
this.$set(this.formData, 'unionId', "${@shiro.getPrincipalProperty('union').getId()}")
|
|
},
|
|
async doSave(){
|
|
const resp = await $.post('/platform/healthCheckup/health/mange/doAdd',this.formData)
|
|
if (resp.code === 0){
|
|
this.$notify.success(resp.msg)
|
|
window.location.href='/platform/healthCheckup/healthSearch'
|
|
}else {
|
|
this.$notify.warning(resp.msg)
|
|
}
|
|
},
|
|
async doSubmit() {
|
|
const resp = await $.post('/platform/healthCheckup/health/mange/doAdd', this.formData)
|
|
if (resp.code === 0) {
|
|
this.$notify.success(resp.msg)
|
|
window.location.href = '/platform/healthCheckup/healthSearch'
|
|
} else {
|
|
this.$notify.warning(resp.msg)
|
|
}
|
|
},
|
|
},
|
|
async created() {
|
|
this.unions = await getUnions();
|
|
this.initFormData();
|
|
}
|
|
})
|
|
</script>
|
|
<!--#
|
|
}
|
|
#-->
|