bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'bonus-jyy-smart-canteen' of http://192.168.0.75:3000/bonus/bonus-ui into bonus-jyy-smart-canteen

This commit is contained in:
zzyuan 2025-06-06 09:04:34 +08:00
parent de346f3dcf c68884cf0e
commit f8591f3f8e
3 changed files with 541 additions and 249 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
src/api/healthCenter/index.js
View File

@ -136,7 +136,6 @@ export function editHealthInfoApi(data) {
data: data data: data
}) })
} }
// 健康档案-删除 // 健康档案-删除
export function delHealthInfoApi(data) { export function delHealthInfoApi(data) {
return request({ return request({
@ -148,6 +147,70 @@ export function delHealthInfoApi(data) {
data: 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) {

715
src/views/healthCenter/examinationReport/index.vue
View File

@ -56,7 +56,7 @@
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
@click="handleUpdate2(scope.row)" @click="handleReport(scope.row)"
>体检报告</el-button> >体检报告</el-button>
</template> </template>
</el-table-column> </el-table-column>
@ -69,181 +69,244 @@
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@pagination="getList" @pagination="getList"
/> />
<!-- 体检报告对话框 -->
<!-- 对话框 --> <el-dialog :title="titleAddReport" :visible.sync="openAddReport" custom-class="dialog-right" class="addReportStyle" append-to-body>
<el-dialog :title="title" :visible.sync="open" width="980px" append-to-body> <el-form ref="form" :model="form" :rules="rules" label-width="90px">
<el-form ref="form" :model="form" :rules="rules" label-width="90px"> <el-row justify="center">
<el-row justify="center"> <table align="center" width="100%" cellspacing="0">
<table align="center" width="100%" cellspacing="0"> <tr >
<tr > <td colspan="4" class="table-title">
<td colspan="4" class="table-title">个人信息</td> <el-col :span="1.5">
</tr> <el-button
<tr > type="primary"
<td class="table-label"><i class="text-red">*</i> <span >用户姓名</span></td> plain
<td class="table-content"><span >测试操作员</span></td> icon="el-icon-plus"
<td class="table-label"><i class="text-red">*</i> <span >用户编号</span></td> size="mini"
<td class="table-content"><span >232072</span></td> @click="handleAddReport"
</tr> >新增体检报告</el-button>
<tr > </el-col>
<td class="table-label"><i class="text-red">*</i> <span >所属组织</span></td> </td>
<td class="table-content"><span >测试有限责任公司(默认)/后场临时部门</span></td> </tr>
<td class="table-label"><span >用户类别</span></td> <tr >
<td class="table-content"><span >临时人员</span></td> <td colspan="4" class="table-title">
</tr> <el-table v-loading="loading" :data="reportListData" height="800" ref="multipleTable">
<tr > <el-table-column label="体检日期" align="center" prop="medicalDate" :show-overflow-tooltip="true" >
<td class="table-label"><span >用户手机号</span></td> </el-table-column>
<td class="table-content"><span >136****0965</span></td> <el-table-column label="体检机构" align="center" prop="medicalMechanism" :show-overflow-tooltip="true">
<td class="table-label"><span >性别</span></td> </el-table-column>
<td class="table-content"><span >男</span></td> <el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width" fixed="right">
</tr> <template slot-scope="scope">
<tr > <el-button
<td class="table-label"><span >位置信息</span></td> size="mini"
<td class="table-content"><span ></span></td> type="text"
<td class="table-label"><span >出生日期</span></td> @click="handleViewReport(scope.row)"
<td class="table-content"><span ></span></td> >检查报告</el-button>
</tr> <el-button
<tr > size="mini"
<td colspan="4" class="table-title">健康信息</td> type="text"
</tr> @click="handleDeleteReport(scope.row)"
<tr > >删除</el-button>
<td class="table-label"><span >就诊号</span></td> </template>
<td class="table-content"> </el-table-column>
<el-input </el-table>
v-model="form.doctorNum" </td>
placeholder="请输入就诊号" </tr>
maxlength="40" </table>
show-word-limit </el-row>
/> </el-form>
</td> </el-dialog>
<td class="table-label"><span >住院号</span></td> <!-- 新增-体检报告对话框 -->
<td class="table-content"> <el-dialog :title="titleAddReportModel" :visible.sync="openAddReportModel" append-to-body>
<el-input <el-form ref="form" :model="form" :rules="rules" label-width="90px">
v-model="form.hospitalNum" <el-row justify="center">
placeholder="请输入住院号" <table align="center" width="100%" cellspacing="0">
maxlength="40" <tr >
show-word-limit <td colspan="4" class="table-title">
/> <div style="width: 80%;">
</td> <el-select v-model="reportModelId" @change="$forceUpdate()" placeholder="请选择报告模板" style="width: 100%">
</tr> <el-option v-for="item in reportModelOptions"
<tr > :key="item.medicalTemplateId"
<td class="table-label"><span >身高</span></td> :label="item.medicalTemplateName"
<td class="table-content"> :value="item.medicalTemplateId"
<el-input ></el-option>
v-model="form.height" </el-select>
placeholder="请输入住身高" </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" maxlength="3"
show-word-limit show-word-limit
/> /></td>
</td> <td>{{itme.medicalProjectDetailUnit}}</td>
<td class="table-label"><span >体重</span></td> </tr>
<td class="table-content"> </table>
<el-input </div>
v-model="form.weight" </div>
placeholder="请输入住体重" </el-form>
maxlength="5" </el-tab-pane>
show-word-limit <!-- 个人信息 -->
/> <el-tab-pane label="个人信息" name="2" style="height: 650px;overflow-y: auto;" >
</td> <el-form label-width="90px">
</tr> <div class="box box-content">
<tr > <div class="tabledata" style="width: 75%;border-spacing: 0px;">
<td class="table-label"><span >血型</span></td> <table style="width: 100%;">
<td class="table-content"> <tr>
<el-select v-model="form.bloodType" placeholder="请选择血型" style="width: 100%"> <td colspan="8" align="left"><span>个人信息</span></td>
<el-option v-for="item in this.bloodTypeOptions" </tr>
:key="item.bloodType" <tr>
:label="item.bloodTypeName" <td style="width:12% ;">用户姓名</td>
:value="item.bloodType" <td style="width:48% ;" colspan="4">{{personData.nickName}}</td>
></el-option> <td style="width:12% ;">用户编号 </td>
</el-select> <td style="width:24% ;" colspan="2">{{personData.userId}}</td>
</td> </tr>
<td class="table-label"><span >慢性病</span></td> <tr>
<td class="table-content"> <td style="width:12% ;">所属组织</td>
<el-select v-model="form.chronicList" placeholder="请选择慢性病" multiple style="width: 220px" clearable collapse-tags> <td style="width:48% ;" colspan="4">{{personData.orgFullName}}</td>
<el-option v-for="item in chronicOptions" <td style="width:12% ;">用户类别 </td>
:key="item.chronicId" <td style="width:24% ;" colspan="2">{{personData.userType}}</td>
:label="item.chronicName" </tr>
:value="item.chronicId" <tr>
></el-option> <td style="width:12% ;">用户手机号 </td>
</el-select> <td style="width:48% ;" colspan="4">{{personData.mobile}}</td>
</td> <td style="width:12% ;">性别 </td>
</tr> <td style="width:24% ;" colspan="2">{{personData.sex==1?'男':'女'}}</td>
<tr > </tr>
<td class="table-label"><span >怀孕状态</span></td> <tr>
<td class="table-content"> <td style="width:12% ;">位置信息</td>
<el-select v-model="form.pregnantStatus" placeholder="请选择怀孕状态" style="width: 100%"> <td style="width:48% ;" colspan="4">{{personData.nickName}}</td>
<el-option v-for="item in this.pregnantOptions" <td style="width:12% ;">出生日期 </td>
:key="item.pregnantStatus" <td style="width:24% ;" colspan="2">{{personData.birthday}}</td>
:label="item.pregnantStatusName" </tr>
:value="item.pregnantStatus" </table>
></el-option> <br>
</el-select> <table style="width: 100%;border-spacing: 0px;">
</td> <tr>
<td class="table-label"><span >怀孕日期</span></td> <td colspan="8" align="left"><span>健康信息</span></td>
<td class="table-content"></td> </tr>
</tr> <tr>
<tr > <td style="width:12% ;">就诊号</td>
<td class="table-label"><span >是否住院</span></td> <td style="width:36% ;" colspan="3">{{personData.doctorNum}}</td>
<td class="table-content"> <td style="width:12% ;"></td>
<el-select v-model="form.ifHospitalized" placeholder="请选择是否住院" multiple style="width: 220px" clearable collapse-tags> <td style="width:36% ;" colspan="3">{{personData.hospitalNum}}</td>
<el-option id="1">是</el-option> </tr>
<el-option id="2">否</el-option> <tr>
</el-select> <td style="width:12% ;">身高</td>
</td> <td style="width:36% ;" colspan="3">{{personData.height}}</td>
<td class="table-label"><span >住院日期</span></td> <td style="width:12% ;">体重</td>
<td class="table-content"></td> <td style="width:36% ;" colspan="3">{{personData.weight}}</td>
</tr> </tr>
<tr > <tr>
<td class="table-label"><span >劳动强度</span></td> <td style="width:12% ;">血型</td>
<td class="table-content"> <td style="width:36% ;" colspan="3">{{personData.bloodType}}</td>
<el-select v-model="form.labourIntensity" placeholder="请选择劳动强度" style="width: 100%"> <td style="width:12% ;">慢性病</td>
<el-option v-for="item in this.labourIntensityOptions" <td style="width:36% ;" colspan="3">{{personData.chronicNames}}</td>
:key="item.labourIntensity" </tr>
:label="item.labourIntensityName" <tr>
:value="item.labourIntensity" <td style="width:12% ;">怀孕状态 </td>
></el-option> <td style="width:36% ;" colspan="3">{{personData.pregnantStatus}}</td>
</el-select> <td style="width:12% ;">怀孕日期</td>
</td> <td style="width:36% ;" colspan="3">{{personData.pregnancyDate}}</td>
<td class="table-label"><span >过敏源</span></td> </tr>
<td class="table-content"> <tr>
<el-input <td style="width:12% ;">是否住院 </td>
v-model="form.allergen" <td style="width:36% ;" colspan="3">{{personData.ifHospitalized}}</td>
placeholder="请输入过敏源" <td style="width:12% ;">住院日期</td>
maxlength="40" <td style="width:36% ;" colspan="3">{{personData.inpatientDate}}</td>
show-word-limit </tr>
/> <tr>
</td> <td style="width:12% ;">劳动强度</td>
</tr> <td style="width:36% ;" colspan="3">{{personData.labourIntensity}}</td>
<tr > <td style="width:12% ;">过敏源</td>
<td class="table-label"><span >饮食医嘱</span></td> <td style="width:36% ;" colspan="3">{{personData.allergen}}</td>
<td class="table-content"> </tr>
<el-select v-model="form.doctorAdvice" placeholder="请选择饮食医嘱" multiple style="width: 220px" clearable collapse-tags> <tr>
<el-option v-for="item in doctorAdviceOptions" <td style="width:12% ;">饮食医嘱</td>
:key="item.doctorAdvice" <td style="width:36% ;" colspan="3">{{personData.doctorAdvice}}</td>
:label="item.doctorAdviceName" <td style="width:12% ;">体重控制目标</td>
:value="item.doctorAdvice" <td style="width:36% ;" colspan="3">{{personData.weightControl}}</td>
></el-option> </tr>
</el-select> <tr>
</td> <td style="width:12% ;">BMI(kg/m²)</td>
<td class="table-label"><span >体重控制目标</span></td> <td style="width:84% ;" colspan="7">{{personData.bmi}}</td>
<td class="table-content"> </tr>
<el-select v-model="form.weightControl" placeholder="请选择" multiple style="width: 220px" clearable collapse-tags> </table>
<el-option id="1">减肥</el-option> </div>
<el-option id="2">增重</el-option> </div>
</el-select> </el-form>
</td> </el-tab-pane>
</tr> </el-tabs>
<tr >
<td class="table-label"><span >BMI(kg/m²)</span></td> <div slot="footer" class="dialog-footer">
<td class="table-content"></td> <el-button type="primary" @click="handleDialogSubmit" :disabled="btnLoading">确 定</el-button>
<td colspan="2"></td> <el-button @click="openDish=false">取 消</el-button>
</tr> </div>
</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>
</el-dialog> </el-dialog>
<el-dialog :visible.sync="dialogVisible"> <el-dialog :visible.sync="dialogVisible">
@ -254,7 +317,8 @@
<script> <script>
import { deptTreeSelect } from '@/api/system/user' 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' import { imgUpLoadTwo } from '@/api/system/upload'
export default { export default {
@ -276,64 +340,43 @@ export default {
total: 0, total: 0,
//表格数据 //表格数据
tableListData: [], tableListData: [],
reportListData:[],
title:"", title:"",
// 是否显示弹出层 // 是否显示弹出层
open: false, 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()], 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:[], chronicOptions:[],
doctorAdviceOptions:[{"doctorAdvice":1,"doctorAdviceName":"禁食"}, personData:{
{"doctorAdvice":2,"doctorAdviceName":"流食"}, },
{"doctorAdvice":3,"doctorAdviceName":"半流食"}, reportDatas:[
{"doctorAdvice":4,"doctorAdviceName":"治疗饮食"}, {"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: { queryParams: {
pageNum: 1, pageNum: 1,
@ -371,6 +414,7 @@ export default {
this.getDeptTree() this.getDeptTree()
this.getList() this.getList()
this.getChronicList() this.getChronicList()
this.getReportModelList()
}, },
computed: { computed: {
//图片上传1张后，隐藏上传框 //图片上传1张后，隐藏上传框
@ -448,6 +492,33 @@ export default {
this.open = false; this.open = false;
this.reset(); 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() { reset() {
this.fileList=[] this.fileList=[]
@ -469,17 +540,125 @@ export default {
this.open = true; this.open = true;
this.title = "新增"; this.title = "新增";
}, },
handleUpdate(row) { handleReport(row) {
this.form = Object.assign({}, row); this.form = Object.assign({}, row);
if(this.form.coverPhoto){ this.selectUser=this.form.userId;
this.fileList=[{url:this.form.coverPhoto}] this.openAddReport = true;
this.checkUrlList=[this.form.coverPhoto] this.titleAddReport = "体检报告";
}else{ getReportApi(this.form).then(response => {
this.fileList=[] console.log("this.reportListData",response.data)
this.checkUrlList=[] 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; let params={
this.title = "修改健康档案"; "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() { submitForm: function() {
@ -566,6 +745,18 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <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{ .remind-question{
width: 100%; width: 100%;
height: 50px; height: 50px;
@ -585,8 +776,7 @@ export default {
justify-content: center; justify-content: center;
} }
table td, table th{ table td, table th{
border-left: 1px solid #dfe6ec; border: 1px solid #dfe6ec;
border-top: 1px solid #dfe6ec;
} }
.table-title { .table-title {
height: 45px; height: 45px;
@ -607,5 +797,52 @@ export default {
display: none; 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> </style>
SSSSSSSSS

3
src/views/healthCenter/healthRecords/index.vue
View File

@ -192,7 +192,7 @@
</td> </td>
<td class="table-label"><span >慢性病</span></td> <td class="table-label"><span >慢性病</span></td>
<td class="table-content"> <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" <el-option v-for="item in chronicOptions"
:key="item.chronicId" :key="item.chronicId"
:label="item.chronicName" :label="item.chronicName"
@ -543,7 +543,6 @@ export default {
this.form.chronicIds = "" this.form.chronicIds = ""
} }
if (this.form.userId != undefined) { if (this.form.userId != undefined) {
this.$modal.msgSuccess("修改成功");
editHealthInfoApi(this.form).then(response => { editHealthInfoApi(this.form).then(response => {
this.$modal.msgSuccess("修改成功"); this.$modal.msgSuccess("修改成功");
this.open = false; this.open = false;