jsk 体检
This commit is contained in:
parent
339d418b63
commit
c68884cf0e
|
|
@ -136,7 +136,6 @@ export function editHealthInfoApi(data) {
|
|||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 健康档案-删除
|
||||
export function delHealthInfoApi(data) {
|
||||
return request({
|
||||
|
|
@ -148,6 +147,70 @@ export function delHealthInfoApi(data) {
|
|||
data: data
|
||||
})
|
||||
}
|
||||
// 模板-列表
|
||||
export function getModelListApi() {
|
||||
return request({
|
||||
url: '/smart-canteen/health_medical_report_template/getModelList',
|
||||
method: 'get',
|
||||
headers: {
|
||||
"merchant-id":"378915229716713472",
|
||||
},
|
||||
params:{}
|
||||
})
|
||||
}
|
||||
// 查询 体检报告模板-详情
|
||||
export function getModelByIdApi(data) {
|
||||
return request({
|
||||
url: '/smart-canteen/health_medical_report_template/getModelById',
|
||||
method: 'post',
|
||||
headers: {
|
||||
"merchant-id":"378915229716713472",
|
||||
},
|
||||
data:data
|
||||
})
|
||||
}
|
||||
// 体检报告-编辑
|
||||
export function addReportApi(data) {
|
||||
return request({
|
||||
url: '/smart-canteen/health_person_medical_report/addReport',
|
||||
method: 'post',
|
||||
headers: {
|
||||
"merchant-id":"378915229716713472",
|
||||
},
|
||||
data: data
|
||||
})
|
||||
}
|
||||
export function getReportApi(data) {
|
||||
return request({
|
||||
url: '/smart-canteen/health_person_medical_report/getReportList',
|
||||
method: 'post',
|
||||
headers: {
|
||||
"merchant-id":"378915229716713472",
|
||||
},
|
||||
data:data
|
||||
})
|
||||
}
|
||||
export function delReportListApi(data) {
|
||||
return request({
|
||||
url: '/smart-canteen/health_person_medical_report/delReportList',
|
||||
method: 'post',
|
||||
headers: {
|
||||
"merchant-id":"378915229716713472",
|
||||
},
|
||||
data:data
|
||||
})
|
||||
}
|
||||
// 查询 体检报告-详情
|
||||
export function getReportByIdApi(data) {
|
||||
return request({
|
||||
url: '/smart-canteen/health_person_medical_report/getReportById',
|
||||
method: 'post',
|
||||
headers: {
|
||||
"merchant-id":"378915229716713472",
|
||||
},
|
||||
data:data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
@ -172,13 +235,6 @@ export function delHealthInfoApi(data) {
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@
|
|||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleUpdate2(scope.row)"
|
||||
@click="handleReport(scope.row)"
|
||||
>体检报告</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
@ -69,181 +69,244 @@
|
|||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!-- 对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="980px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="90px">
|
||||
<el-row justify="center">
|
||||
<table align="center" width="100%" cellspacing="0">
|
||||
<tr >
|
||||
<td colspan="4" class="table-title">个人信息</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="table-label"><i class="text-red">*</i> <span >用户姓名</span></td>
|
||||
<td class="table-content"><span >测试操作员</span></td>
|
||||
<td class="table-label"><i class="text-red">*</i> <span >用户编号</span></td>
|
||||
<td class="table-content"><span >232072</span></td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="table-label"><i class="text-red">*</i> <span >所属组织</span></td>
|
||||
<td class="table-content"><span >测试有限责任公司(默认)/后场临时部门</span></td>
|
||||
<td class="table-label"><span >用户类别</span></td>
|
||||
<td class="table-content"><span >临时人员</span></td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="table-label"><span >用户手机号</span></td>
|
||||
<td class="table-content"><span >136****0965</span></td>
|
||||
<td class="table-label"><span >性别</span></td>
|
||||
<td class="table-content"><span >男</span></td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="table-label"><span >位置信息</span></td>
|
||||
<td class="table-content"><span ></span></td>
|
||||
<td class="table-label"><span >出生日期</span></td>
|
||||
<td class="table-content"><span ></span></td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td colspan="4" class="table-title">健康信息</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="table-label"><span >就诊号</span></td>
|
||||
<td class="table-content">
|
||||
<el-input
|
||||
v-model="form.doctorNum"
|
||||
placeholder="请输入就诊号"
|
||||
maxlength="40"
|
||||
show-word-limit
|
||||
/>
|
||||
</td>
|
||||
<td class="table-label"><span >住院号</span></td>
|
||||
<td class="table-content">
|
||||
<el-input
|
||||
v-model="form.hospitalNum"
|
||||
placeholder="请输入住院号"
|
||||
maxlength="40"
|
||||
show-word-limit
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="table-label"><span >身高</span></td>
|
||||
<td class="table-content">
|
||||
<el-input
|
||||
v-model="form.height"
|
||||
placeholder="请输入住身高"
|
||||
<!-- 体检报告对话框 -->
|
||||
<el-dialog :title="titleAddReport" :visible.sync="openAddReport" custom-class="dialog-right" class="addReportStyle" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="90px">
|
||||
<el-row justify="center">
|
||||
<table align="center" width="100%" cellspacing="0">
|
||||
<tr >
|
||||
<td colspan="4" class="table-title">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAddReport"
|
||||
>新增体检报告</el-button>
|
||||
</el-col>
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td colspan="4" class="table-title">
|
||||
<el-table v-loading="loading" :data="reportListData" height="800" ref="multipleTable">
|
||||
<el-table-column label="体检日期" align="center" prop="medicalDate" :show-overflow-tooltip="true" >
|
||||
</el-table-column>
|
||||
<el-table-column label="体检机构" align="center" prop="medicalMechanism" :show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleViewReport(scope.row)"
|
||||
>检查报告</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleDeleteReport(scope.row)"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
<!-- 新增-体检报告对话框 -->
|
||||
<el-dialog :title="titleAddReportModel" :visible.sync="openAddReportModel" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="90px">
|
||||
<el-row justify="center">
|
||||
<table align="center" width="100%" cellspacing="0">
|
||||
<tr >
|
||||
<td colspan="4" class="table-title">
|
||||
<div style="width: 80%;">
|
||||
<el-select v-model="reportModelId" @change="$forceUpdate()" placeholder="请选择报告模板" style="width: 100%">
|
||||
<el-option v-for="item in reportModelOptions"
|
||||
:key="item.medicalTemplateId"
|
||||
:label="item.medicalTemplateName"
|
||||
:value="item.medicalTemplateId"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitAddReport">确 定</el-button>
|
||||
<el-button @click="cancelAddReport">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!-- 体检报告详情-对话框 -->
|
||||
<el-dialog :title="titleReportDetail" :visible.sync="openReportDetail" width="1330px" append-to-body :close-on-click-modal="false">
|
||||
<el-tabs v-model="activeName">
|
||||
<!-- 体检报告 -->
|
||||
<el-tab-pane label="体检报告" name="1" style="height: 650px;overflow-y: auto;">
|
||||
<el-form label-width="90px">
|
||||
<div class="box box-content">
|
||||
<div class="title">体检报告单</div>
|
||||
<div class="header-box">
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<div>用户姓名:<b>测试操作员</b></div>
|
||||
</td>
|
||||
<td>
|
||||
<div>性别:<b>男</b></div>
|
||||
</td>
|
||||
<td>
|
||||
<div>年龄:<b>未知</b></div>
|
||||
</td>
|
||||
<td>
|
||||
<div><span>检验机构:</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<el-input
|
||||
v-model="medicalMechanism"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</td>
|
||||
<td>
|
||||
<div><span>检查日期:</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<el-date-picker
|
||||
v-model="medicalDate"
|
||||
type="date"
|
||||
align="right"
|
||||
unlink-panels
|
||||
value-format="yyyy-MM-dd" style="width: 100%"
|
||||
>
|
||||
</el-date-picker>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="tabledata" style="width: 75%;">
|
||||
<table style="width: 100%;" v-for="(itmes,index) in reportDatas">
|
||||
<tr>
|
||||
<td colspan="3" align="left"><span>{{itmes.medicalProjectName}}</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span>项目名称</span></td>
|
||||
<td><span>检查结果</span></td>
|
||||
<td><span>单位</span></td>
|
||||
</tr>
|
||||
<tr v-for="(itme,indexd) in itmes.healthMedicalReportDetails">
|
||||
<td>{{itme.medicalProjectDetailName}}</td>
|
||||
<td><el-input
|
||||
v-model="itme.result"
|
||||
placeholder="请输入结果"
|
||||
maxlength="3"
|
||||
show-word-limit
|
||||
/>
|
||||
</td>
|
||||
<td class="table-label"><span >体重</span></td>
|
||||
<td class="table-content">
|
||||
<el-input
|
||||
v-model="form.weight"
|
||||
placeholder="请输入住体重"
|
||||
maxlength="5"
|
||||
show-word-limit
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="table-label"><span >血型</span></td>
|
||||
<td class="table-content">
|
||||
<el-select v-model="form.bloodType" placeholder="请选择血型" style="width: 100%">
|
||||
<el-option v-for="item in this.bloodTypeOptions"
|
||||
:key="item.bloodType"
|
||||
:label="item.bloodTypeName"
|
||||
:value="item.bloodType"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</td>
|
||||
<td class="table-label"><span >慢性病</span></td>
|
||||
<td class="table-content">
|
||||
<el-select v-model="form.chronicList" placeholder="请选择慢性病" multiple style="width: 220px" clearable collapse-tags>
|
||||
<el-option v-for="item in chronicOptions"
|
||||
:key="item.chronicId"
|
||||
:label="item.chronicName"
|
||||
:value="item.chronicId"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="table-label"><span >怀孕状态</span></td>
|
||||
<td class="table-content">
|
||||
<el-select v-model="form.pregnantStatus" placeholder="请选择怀孕状态" style="width: 100%">
|
||||
<el-option v-for="item in this.pregnantOptions"
|
||||
:key="item.pregnantStatus"
|
||||
:label="item.pregnantStatusName"
|
||||
:value="item.pregnantStatus"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</td>
|
||||
<td class="table-label"><span >怀孕日期</span></td>
|
||||
<td class="table-content"></td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="table-label"><span >是否住院</span></td>
|
||||
<td class="table-content">
|
||||
<el-select v-model="form.ifHospitalized" placeholder="请选择是否住院" multiple style="width: 220px" clearable collapse-tags>
|
||||
<el-option id="1">是</el-option>
|
||||
<el-option id="2">否</el-option>
|
||||
</el-select>
|
||||
</td>
|
||||
<td class="table-label"><span >住院日期</span></td>
|
||||
<td class="table-content"></td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="table-label"><span >劳动强度</span></td>
|
||||
<td class="table-content">
|
||||
<el-select v-model="form.labourIntensity" placeholder="请选择劳动强度" style="width: 100%">
|
||||
<el-option v-for="item in this.labourIntensityOptions"
|
||||
:key="item.labourIntensity"
|
||||
:label="item.labourIntensityName"
|
||||
:value="item.labourIntensity"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</td>
|
||||
<td class="table-label"><span >过敏源</span></td>
|
||||
<td class="table-content">
|
||||
<el-input
|
||||
v-model="form.allergen"
|
||||
placeholder="请输入过敏源"
|
||||
maxlength="40"
|
||||
show-word-limit
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="table-label"><span >饮食医嘱</span></td>
|
||||
<td class="table-content">
|
||||
<el-select v-model="form.doctorAdvice" placeholder="请选择饮食医嘱" multiple style="width: 220px" clearable collapse-tags>
|
||||
<el-option v-for="item in doctorAdviceOptions"
|
||||
:key="item.doctorAdvice"
|
||||
:label="item.doctorAdviceName"
|
||||
:value="item.doctorAdvice"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</td>
|
||||
<td class="table-label"><span >体重控制目标</span></td>
|
||||
<td class="table-content">
|
||||
<el-select v-model="form.weightControl" placeholder="请选择" multiple style="width: 220px" clearable collapse-tags>
|
||||
<el-option id="1">减肥</el-option>
|
||||
<el-option id="2">增重</el-option>
|
||||
</el-select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="table-label"><span >BMI(kg/m²)</span></td>
|
||||
<td class="table-content"></td>
|
||||
<td colspan="2"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
/></td>
|
||||
<td>{{itme.medicalProjectDetailUnit}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
<!-- 个人信息 -->
|
||||
<el-tab-pane label="个人信息" name="2" style="height: 650px;overflow-y: auto;" >
|
||||
<el-form label-width="90px">
|
||||
<div class="box box-content">
|
||||
<div class="tabledata" style="width: 75%;border-spacing: 0px;">
|
||||
<table style="width: 100%;">
|
||||
<tr>
|
||||
<td colspan="8" align="left"><span>个人信息</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:12% ;">用户姓名</td>
|
||||
<td style="width:48% ;" colspan="4">{{personData.nickName}}</td>
|
||||
<td style="width:12% ;">用户编号 </td>
|
||||
<td style="width:24% ;" colspan="2">{{personData.userId}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:12% ;">所属组织</td>
|
||||
<td style="width:48% ;" colspan="4">{{personData.orgFullName}}</td>
|
||||
<td style="width:12% ;">用户类别 </td>
|
||||
<td style="width:24% ;" colspan="2">{{personData.userType}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:12% ;">用户手机号 </td>
|
||||
<td style="width:48% ;" colspan="4">{{personData.mobile}}</td>
|
||||
<td style="width:12% ;">性别 </td>
|
||||
<td style="width:24% ;" colspan="2">{{personData.sex==1?'男':'女'}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:12% ;">位置信息</td>
|
||||
<td style="width:48% ;" colspan="4">{{personData.nickName}}</td>
|
||||
<td style="width:12% ;">出生日期 </td>
|
||||
<td style="width:24% ;" colspan="2">{{personData.birthday}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<table style="width: 100%;border-spacing: 0px;">
|
||||
<tr>
|
||||
<td colspan="8" align="left"><span>健康信息</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:12% ;">就诊号</td>
|
||||
<td style="width:36% ;" colspan="3">{{personData.doctorNum}}</td>
|
||||
<td style="width:12% ;"></td>
|
||||
<td style="width:36% ;" colspan="3">{{personData.hospitalNum}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:12% ;">身高</td>
|
||||
<td style="width:36% ;" colspan="3">{{personData.height}}</td>
|
||||
<td style="width:12% ;">体重</td>
|
||||
<td style="width:36% ;" colspan="3">{{personData.weight}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:12% ;">血型</td>
|
||||
<td style="width:36% ;" colspan="3">{{personData.bloodType}}</td>
|
||||
<td style="width:12% ;">慢性病</td>
|
||||
<td style="width:36% ;" colspan="3">{{personData.chronicNames}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:12% ;">怀孕状态 </td>
|
||||
<td style="width:36% ;" colspan="3">{{personData.pregnantStatus}}</td>
|
||||
<td style="width:12% ;">怀孕日期</td>
|
||||
<td style="width:36% ;" colspan="3">{{personData.pregnancyDate}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:12% ;">是否住院 </td>
|
||||
<td style="width:36% ;" colspan="3">{{personData.ifHospitalized}}</td>
|
||||
<td style="width:12% ;">住院日期</td>
|
||||
<td style="width:36% ;" colspan="3">{{personData.inpatientDate}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:12% ;">劳动强度</td>
|
||||
<td style="width:36% ;" colspan="3">{{personData.labourIntensity}}</td>
|
||||
<td style="width:12% ;">过敏源</td>
|
||||
<td style="width:36% ;" colspan="3">{{personData.allergen}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:12% ;">饮食医嘱</td>
|
||||
<td style="width:36% ;" colspan="3">{{personData.doctorAdvice}}</td>
|
||||
<td style="width:12% ;">体重控制目标</td>
|
||||
<td style="width:36% ;" colspan="3">{{personData.weightControl}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:12% ;">BMI(kg/m²)</td>
|
||||
<td style="width:84% ;" colspan="7">{{personData.bmi}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="handleDialogSubmit" :disabled="btnLoading">确 定</el-button>
|
||||
<el-button @click="openDish=false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog :visible.sync="dialogVisible">
|
||||
|
|
@ -254,7 +317,8 @@
|
|||
|
||||
<script>
|
||||
import { deptTreeSelect } from '@/api/system/user'
|
||||
import { dictHealthChronicApi,getHealthSciencePageApi,addHealthScienceApi,editHealthScienceApi,delHealthScienceApi,getHealthInfoPageApi } from "@/api/healthCenter/index";
|
||||
import { dictHealthChronicApi,getHealthSciencePageApi,addHealthScienceApi,editHealthScienceApi,delHealthScienceApi,getHealthInfoPageApi
|
||||
,getModelListApi,getHealthInfoDetailApi,getModelByIdApi,addReportApi,getReportApi,delReportListApi,getReportByIdApi } from "@/api/healthCenter/index";
|
||||
import { imgUpLoadTwo } from '@/api/system/upload'
|
||||
|
||||
export default {
|
||||
|
|
@ -276,64 +340,43 @@ export default {
|
|||
total: 0,
|
||||
//表格数据
|
||||
tableListData: [],
|
||||
reportListData:[],
|
||||
title:"",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
|
||||
titleAddReport:'',
|
||||
openAddReport:false,
|
||||
|
||||
titleAddReportModel:'',
|
||||
openAddReportModel:false,
|
||||
reportModelOptions:[],//报告模型
|
||||
reportModelId:"",
|
||||
openReportDetail:false,
|
||||
titleReportDetail:"",
|
||||
activeName:"1",
|
||||
|
||||
reportModelId:"",
|
||||
medicalMechanism:"",
|
||||
selectUser:"",
|
||||
medicalDate:"",
|
||||
|
||||
btnLoading:false,
|
||||
|
||||
dateRange:[new Date(),new Date()],
|
||||
pickerOptions: {
|
||||
shortcuts: [{
|
||||
text: '最近一周',
|
||||
onClick(picker) {
|
||||
const start = new Date();
|
||||
const end = new Date();
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 6);
|
||||
picker.$emit('pick', [start, end]);
|
||||
}
|
||||
},{
|
||||
text: '最近一个月',
|
||||
onClick(picker) {
|
||||
const start = new Date();
|
||||
const end = new Date();
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
|
||||
picker.$emit('pick', [start, end]);
|
||||
}
|
||||
},{
|
||||
text: '最近三个月',
|
||||
onClick(picker) {
|
||||
const start = new Date();
|
||||
const end = new Date();
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 91);
|
||||
picker.$emit('pick', [start, end]);
|
||||
}
|
||||
}]
|
||||
},
|
||||
chronicOptions:[],
|
||||
doctorAdviceOptions:[{"doctorAdvice":1,"doctorAdviceName":"禁食"},
|
||||
{"doctorAdvice":2,"doctorAdviceName":"流食"},
|
||||
{"doctorAdvice":3,"doctorAdviceName":"半流食"},
|
||||
{"doctorAdvice":4,"doctorAdviceName":"治疗饮食"},
|
||||
personData:{
|
||||
},
|
||||
reportDatas:[
|
||||
{"medicalProjectName":"身体","medicalProjectDetailNames":[
|
||||
{"medicalProjectDetailName":"体重","result":"123","medicalProjectDetailUnit":""},
|
||||
{"medicalProjectDetailName":"身高","result":"143","medicalProjectDetailUnit":""},
|
||||
{"medicalProjectDetailName":"体重","result":"154","medicalProjectDetailUnit":""}]},
|
||||
{"medicalProjectName":"内脏","medicalProjectDetailNames":[
|
||||
{"medicalProjectDetailName":"心脏","result":"123","medicalProjectDetailUnit":""},
|
||||
{"medicalProjectDetailName":"肝脏","result":"143","medicalProjectDetailUnit":""},
|
||||
{"medicalProjectDetailName":"脾脏","result":"154","medicalProjectDetailUnit":""}]},
|
||||
],
|
||||
bloodTypeOptions:[
|
||||
{"bloodType":1,"bloodTypeName":"A型"},
|
||||
{"bloodType":2,"bloodTypeName":"B型"},
|
||||
{"bloodType":3,"bloodTypeName":"AB型"},
|
||||
{"bloodType":4,"bloodTypeName":"O型"},
|
||||
{"bloodType":5,"bloodTypeName":"Rh阳型"},
|
||||
{"bloodType":6,"bloodTypeName":"Rh阴型"}
|
||||
],//血型选项
|
||||
pregnantOptions:[
|
||||
{"pregnantStatus":0,"pregnantStatusName":"保密"},
|
||||
{"pregnantStatus":1,"pregnantStatusName":"未怀孕"},
|
||||
{"pregnantStatus":2,"pregnantStatusName":"孕妇(早期)"},
|
||||
{"pregnantStatus":3,"pregnantStatusName":"孕妇(中期)"},
|
||||
{"pregnantStatus":4,"pregnantStatusName":"孕妇(晚期)"},
|
||||
{"pregnantStatus":5,"pregnantStatusName":"乳母"}
|
||||
],//怀孕状态
|
||||
labourIntensityOptions:[
|
||||
{"labourIntensity":1,"labourIntensityName":"轻劳动"},
|
||||
{"labourIntensity":2,"labourIntensityName":"中等强度劳动"},
|
||||
{"labourIntensity":3,"labourIntensityName":"重强度劳动"}
|
||||
],//劳动强度
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
|
|
@ -371,6 +414,7 @@ export default {
|
|||
this.getDeptTree()
|
||||
this.getList()
|
||||
this.getChronicList()
|
||||
this.getReportModelList()
|
||||
},
|
||||
computed: {
|
||||
//图片上传1张后,隐藏上传框
|
||||
|
|
@ -448,6 +492,33 @@ export default {
|
|||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
cancelAddReport() {
|
||||
this.openAddReportModel = false;
|
||||
},
|
||||
handleViewReport(row){
|
||||
this.openReportDetail=true;
|
||||
this.titleReportDetail="体检报告";
|
||||
let param = {
|
||||
"medicalId":row.medicalId
|
||||
}
|
||||
this.btnLoading=true;
|
||||
getReportByIdApi(param).then(response => {
|
||||
this.reportDatas = response.data;
|
||||
console.log("this.reportDatas",this.reportDatas);
|
||||
});
|
||||
},
|
||||
submitAddReport(){
|
||||
this.openReportDetail=true;
|
||||
this.titleReportDetail="体检报告";
|
||||
let param = {
|
||||
"medicalTemplateId":this.reportModelId
|
||||
}
|
||||
this.btnLoading=false;
|
||||
getModelByIdApi(param).then(response => {
|
||||
this.reportDatas = response.data;
|
||||
console.log("this.reportDatas",this.reportDatas);
|
||||
});
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.fileList=[]
|
||||
|
|
@ -469,17 +540,125 @@ export default {
|
|||
this.open = true;
|
||||
this.title = "新增";
|
||||
},
|
||||
handleUpdate(row) {
|
||||
handleReport(row) {
|
||||
this.form = Object.assign({}, row);
|
||||
if(this.form.coverPhoto){
|
||||
this.fileList=[{url:this.form.coverPhoto}]
|
||||
this.checkUrlList=[this.form.coverPhoto]
|
||||
}else{
|
||||
this.fileList=[]
|
||||
this.checkUrlList=[]
|
||||
this.selectUser=this.form.userId;
|
||||
this.openAddReport = true;
|
||||
this.titleAddReport = "体检报告";
|
||||
getReportApi(this.form).then(response => {
|
||||
console.log("this.reportListData",response.data)
|
||||
this.reportListData = response.data;
|
||||
this.loading = false;
|
||||
});
|
||||
getHealthInfoDetailApi(this.form).then(response => {
|
||||
this.personData=response.data;
|
||||
console.log("this.personData",this.personData)
|
||||
if(this.personData.bloodType==1){
|
||||
this.personData.bloodType="A型";
|
||||
}else if(this.personData.bloodType==2){
|
||||
this.personData.bloodType="B型";
|
||||
}else if(this.personData.bloodType==3){
|
||||
this.personData.bloodType="AB型";
|
||||
}else if(this.personData.bloodType==4){
|
||||
this.personData.bloodType="O型";
|
||||
}else if(this.personData.bloodType==5){
|
||||
this.personData.bloodType="Rh阳型";
|
||||
}else if(this.personData.bloodType==6){
|
||||
this.personData.bloodType="Rh阴型";
|
||||
}
|
||||
if(this.personData.doctorAdvice==1){
|
||||
this.personData.doctorAdvice="禁食";
|
||||
}else if(this.personData.doctorAdvice==2){
|
||||
this.personData.doctorAdvice="流食";
|
||||
}else if(this.personData.doctorAdvice==3){
|
||||
this.personData.doctorAdvice="半流食";
|
||||
}else if(this.personData.doctorAdvice==4){
|
||||
this.personData.doctorAdvice="治疗饮食";
|
||||
}
|
||||
if(this.personData.weightControl==1){
|
||||
this.personData.weightControl="减重";
|
||||
}else if(this.personData.weightControl==2){
|
||||
this.personData.weightControl="增重";
|
||||
}
|
||||
if(this.personData.ifHospitalized==1){
|
||||
this.personData.ifHospitalized="是";
|
||||
}else if(this.personData.ifHospitalized==2){
|
||||
this.personData.ifHospitalized="否";
|
||||
}
|
||||
if(this.personData.pregnantStatus==0){
|
||||
this.personData.pregnantStatus="保密";
|
||||
}else if(this.personData.pregnantStatus==1){
|
||||
this.personData.pregnantStatus="未怀孕";
|
||||
}else if(this.personData.pregnantStatus==2){
|
||||
this.personData.pregnantStatus="孕妇(早期)";
|
||||
}else if(this.personData.pregnantStatus==3){
|
||||
this.personData.pregnantStatus="孕妇(中期)";
|
||||
}else if(this.personData.pregnantStatus==4){
|
||||
this.personData.pregnantStatus="孕妇(晚期)";
|
||||
}else if(this.personData.pregnantStatus==5){
|
||||
this.personData.pregnantStatus="乳母";
|
||||
}
|
||||
if(this.personData.labourIntensity==1){
|
||||
this.personData.labourIntensity="轻劳动";
|
||||
}else if(this.personData.labourIntensity==2){
|
||||
this.personData.labourIntensity="中等强度劳动";
|
||||
}else if(this.personData.labourIntensity==3){
|
||||
this.personData.labourIntensity="重强度劳动";
|
||||
}
|
||||
});
|
||||
},
|
||||
getReportList(){
|
||||
let param={
|
||||
"userId":this.selectUser
|
||||
}
|
||||
console.log("param",param)
|
||||
getReportApi(param).then(response => {
|
||||
console.log("this.reportListData",response.data)
|
||||
this.reportListData = response.data;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleDeleteReport(row){
|
||||
this.$modal.confirm('是否确认删除数据项?').then(function() {
|
||||
console.log("row",row)
|
||||
return delReportListApi(row);
|
||||
}).then(() => {
|
||||
this.getReportList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {});
|
||||
},
|
||||
handleAddReport(){
|
||||
this.openAddReportModel = true;
|
||||
this.titleAddReportModel = "新增-体检报告";
|
||||
},
|
||||
getReportModelList(){
|
||||
getModelListApi().then(response => {
|
||||
console.log("体检模板列表===============================",response);
|
||||
this.reportModelOptions=response.data
|
||||
});
|
||||
},
|
||||
handleDialogSubmit(){
|
||||
console.log("确认获取数据",this.reportDatas)
|
||||
if(this.medicalDate==null||this.medicalDate==""||this.medicalDate==undefined||this.medicalMechanism==null||this.medicalMechanism==""||this.medicalMechanism==undefined){
|
||||
this.$modal.msgSuccess("请检查机构或时间是否填入");
|
||||
return;
|
||||
}
|
||||
this.open = true;
|
||||
this.title = "修改健康档案";
|
||||
let params={
|
||||
"medicalTemplateId":this.reportModelId,
|
||||
"medicalDate":this.medicalDate,
|
||||
"medicalMechanism":this.medicalMechanism,
|
||||
"userId":this.selectUser,
|
||||
"reportDatas":this.reportDatas
|
||||
}
|
||||
console.log("params",params)
|
||||
addReportApi(params).then(response => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.openAddReport= false,
|
||||
this.openAddReportModel= false,
|
||||
this.openReportDetail= false,
|
||||
this.getList();
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm: function() {
|
||||
|
|
@ -566,6 +745,18 @@ export default {
|
|||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.addReportStyle{
|
||||
width: 880px;
|
||||
height: 100%;
|
||||
margin-right: 0;
|
||||
margin-left: auto;
|
||||
}
|
||||
.el-dialog {
|
||||
margin: 0 !important; /* 重置默认的margin */
|
||||
position: fixed !important; /* 固定定位 */
|
||||
top: 20px; /* 距离顶部距离 */
|
||||
right: 20px; /* 靠右距离 */
|
||||
}
|
||||
.remind-question{
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
|
|
@ -585,8 +776,7 @@ export default {
|
|||
justify-content: center;
|
||||
}
|
||||
table td, table th{
|
||||
border-left: 1px solid #dfe6ec;
|
||||
border-top: 1px solid #dfe6ec;
|
||||
border: 1px solid #dfe6ec;
|
||||
}
|
||||
.table-title {
|
||||
height: 45px;
|
||||
|
|
@ -607,5 +797,52 @@ export default {
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
.box-content {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
.box {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-width: 1000px;
|
||||
text-align: center;
|
||||
color: rgba(80, 81, 82, .9098039215686274);
|
||||
}
|
||||
.box .title {
|
||||
margin-top: 40px;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
color: #101d34;
|
||||
}
|
||||
.header-box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
font-weight: 600;
|
||||
margin-top: 40px;
|
||||
-ms-flex-pack: distribute;
|
||||
justify-content: space-around;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
color: #8195a5;
|
||||
border-bottom: 1px solid #e5ebef;
|
||||
padding-bottom: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.tabledata span{
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #000;
|
||||
}
|
||||
</style>
|
||||
SSSSSSSSS
|
||||
|
|
|
|||
|
|
@ -192,7 +192,7 @@
|
|||
</td>
|
||||
<td class="table-label"><span >慢性病</span></td>
|
||||
<td class="table-content">
|
||||
<el-select v-model="form.chronicList" placeholder="请选择慢性病" multiple style="width: 100%" clearable collapse-tags>
|
||||
<el-select v-model="form.chronicList" placeholder="请选择慢性病" @change="$forceUpdate()" multiple style="width: 100%" clearable collapse-tags>
|
||||
<el-option v-for="item in chronicOptions"
|
||||
:key="item.chronicId"
|
||||
:label="item.chronicName"
|
||||
|
|
@ -543,7 +543,6 @@ export default {
|
|||
this.form.chronicIds = ""
|
||||
}
|
||||
if (this.form.userId != undefined) {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
editHealthInfoApi(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
|
|
|
|||
Loading…
Reference in New Issue