就诊记录修改

This commit is contained in:
shidongli 2024-06-19 16:33:42 +08:00
parent 57c9bec109
commit 9787d21eac

View File

@ -1,346 +1,431 @@
<template> <template>
<div class="header"> <div class="header">
<div class="header-app"> <div class="header-app">
<div class="addbtn"> <div class="addbtn">
<el-button type="primary" @click="add" size="small">添加就诊记录</el-button> <el-button type="primary" @click="add" size="small"
</div> >添加就诊记录</el-button
<el-descriptions title="患者信息"> >
<el-descriptions-item label="患者姓名">{{ $route.query.patientName }}</el-descriptions-item> </div>
<el-descriptions-item label="性别">{{ $route.query.sex == 'MALE' ? '男' : "" }} <el-descriptions title="患者信息">
{{ $route.query.sex == 'FEMALE' ? '女' : "" }} <el-descriptions-item label="患者姓名">{{
</el-descriptions-item> $route.query.patientName
<el-descriptions-item label="年龄">{{ $route.query.age }}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="电话">{{ $route.query.patientPhone }}</el-descriptions-item> <el-descriptions-item label="性别"
<el-descriptions-item label="pat_id">{{ $route.query.patientId }}</el-descriptions-item> >{{ $route.query.sex == "MALE" ? "男" : "" }}
<el-descriptions-item label="身份证号">{{ $route.query.cardNo }}</el-descriptions-item> {{ $route.query.sex == "FEMALE" ? "女" : "" }}
</el-descriptions> </el-descriptions-item>
</div> <el-descriptions-item label="年龄">{{
<div class="header-app" style="margin-top: 16px;padding:0"> $route.query.age
<div class="left"> }}</el-descriptions-item>
<div class="list"> <el-descriptions-item label="电话">{{
<div class="item" v-for="(item, index) in recodelist" :key="item.id" $route.query.patientPhone
@click="clickrecord(item, index)" :class="index == recodeindex ? 'tapitem' : ''"> }}</el-descriptions-item>
<div class="text">入院时间{{ item.admissionTime }} <el-descriptions-item label="pat_id">{{
</div> $route.query.patientId
<div class="text">出院时间{{ item.dischargeTime }} }}</el-descriptions-item>
</div> <el-descriptions-item label="身份证号">{{
<div class="text">就诊类型{{ item.visitMethod == 'OUTPATIENT_SERVICE' ? '门诊' : "" }} $route.query.cardNo
{{ item.visitMethod == 'BE_IN_HOSPITAL' ? '住院' : "" }} }}</el-descriptions-item>
</div> </el-descriptions>
</div>
</div>
</div>
<div class="right" v-if="recodeindex >= 0">
<el-descriptions :title="form.id ? '就诊信息' : '新增就诊信息'">
</el-descriptions>
<div class="btns">
<el-button type="primary" @click="submitForm" size="small"> </el-button>
<el-button @click="cancel" size="small"> </el-button>
</div>
<el-form ref="form" :model="form" label-width="120px" :rules="rules">
<el-form-item label="就诊方式" prop="visitMethod">
<el-radio-group v-model="form.visitMethod">
<el-radio label="BE_IN_HOSPITAL">住院</el-radio>
<el-radio label="OUTPATIENT_SERVICE">门诊</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<el-form ref="form" :model="form" :rules="rules" label-width="130px" :inline="true">
<el-form-item label="主要诊断" prop="mainDiagnosis">
<el-input v-model="form.mainDiagnosis" style="width:300px" placeholder="请输入主要诊断"></el-input>
</el-form-item>
<el-form-item label="就诊流水号" prop="visitSerialNumber">
<el-input v-model="form.visitSerialNumber" style="width:300px"
placeholder="请输入就诊流水号"></el-input>
</el-form-item>
<el-form-item label="科室名称" prop="departmentId">
<el-select v-model="form.departmentId" filterable placeholder="请选择科室" style="width:300px"
clearable>
<el-option v-for="item in departmentlist" :key="item.id" :label="item.departmentName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="主治医生" prop="attendingPhysicianId">
<el-select v-model="form.attendingPhysicianId" filterable placeholder="请选择主治医生"
style="width:300px" clearable>
<el-option v-for="item in attendingPhysicianlist" :key="item.userId" :label="item.nickName"
:value="item.userId">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="门诊/住院编号" prop="inHospitalNumber">
<el-input v-model="form.inHospitalNumber" style="width:300px"
placeholder="请输入门诊/住院编号"></el-input>
</el-form-item>
<el-form-item label="入院时间" prop="admissionTime">
<el-date-picker style="width:300px" v-model="form.admissionTime" type="datetime"
value-format="yyyy-MM-dd HH:mm" format='yyyy-MM-dd HH:mm' :picker-options="pickerOptions"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item label="出院时间" prop="dischargeTime">
<el-date-picker style="width:300px" v-model="form.dischargeTime" type="datetime"
:picker-options="pickerOptionstwo" value-format="yyyy-MM-dd HH:mm" format='yyyy-MM-dd HH:mm'
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item label="手术记录" prop="surgicalRecord" v-if="form.visitMethod == 'BE_IN_HOSPITAL'">
<editor v-model="form.surgicalRecord" :min-height="192" />
</el-form-item>
<el-form-item label="入院病历" prop="inHospitalInfo" v-if="form.visitMethod == 'BE_IN_HOSPITAL'">
<editor v-model="form.inHospitalInfo" :min-height="192" />
</el-form-item>
<el-form-item label="门诊病历" prop="inHospitalInfo" v-if="form.visitMethod == 'OUTPATIENT_SERVICE'">
<editor v-model="form.inHospitalInfo" :min-height="192" />
</el-form-item>
<el-form-item label="出院病历" prop="outHospitalInfo" v-if="form.visitMethod == 'BE_IN_HOSPITAL'">
<editor v-model="form.outHospitalInfo" :min-height="192" />
</el-form-item>
</el-form>
</div>
</div>
</div> </div>
<div class="header-app" style="margin-top: 16px; padding: 0">
<div class="left">
<div class="list">
<div
class="item"
v-for="(item, index) in recodelist"
:key="item.id"
@click="clickrecord(item, index)"
:class="index == recodeindex ? 'tapitem' : ''"
>
<div class="text">入院时间{{ item.admissionTime }}</div>
<div class="text">出院时间{{ item.dischargeTime }}</div>
<div class="text">
就诊类型{{
item.visitMethod == "OUTPATIENT_SERVICE" ? "门诊" : ""
}}
{{ item.visitMethod == "BE_IN_HOSPITAL" ? "住院" : "" }}
</div>
</div>
</div>
</div>
<div class="right" v-if="recodeindex >= 0">
<el-descriptions :title="form.id ? '就诊信息' : '新增就诊信息'">
</el-descriptions>
<div class="btns">
<el-button type="primary" @click="submitForm" size="small"
> </el-button
>
<el-button @click="cancel" size="small"> </el-button>
</div>
<el-form ref="form" :model="form" label-width="120px" :rules="rules">
<el-form-item label="就诊方式" prop="visitMethod">
<el-radio-group v-model="form.visitMethod">
<el-radio label="BE_IN_HOSPITAL">住院</el-radio>
<el-radio label="OUTPATIENT_SERVICE">门诊</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="130px"
:inline="true"
>
<el-form-item label="主要诊断" prop="mainDiagnosis">
<el-input
v-model="form.mainDiagnosis"
style="width: 300px"
placeholder="请输入主要诊断"
></el-input>
</el-form-item>
<el-form-item label="就诊流水号" prop="visitSerialNumber">
<el-input
v-model="form.visitSerialNumber"
style="width: 300px"
placeholder="请输入就诊流水号"
></el-input>
</el-form-item>
<el-form-item label="科室名称" prop="departmentId">
<el-select
v-model="form.departmentId"
filterable
placeholder="请选择科室"
style="width: 300px"
clearable
>
<el-option
v-for="item in departmentlist"
:key="item.id"
:label="item.departmentName"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="主治医生" prop="attendingPhysicianId">
<el-select
v-model="form.attendingPhysicianId"
filterable
placeholder="请选择主治医生"
style="width: 300px"
clearable
>
<el-option
v-for="item in attendingPhysicianlist"
:key="item.userId"
:label="item.nickName"
:value="item.userId"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="门诊/住院编号" prop="inHospitalNumber">
<el-input
v-model="form.inHospitalNumber"
style="width: 300px"
placeholder="请输入门诊/住院编号"
></el-input>
</el-form-item>
<el-form-item label="入院时间" prop="admissionTime">
<el-date-picker
style="width: 300px"
v-model="form.admissionTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm"
format="yyyy-MM-dd HH:mm"
:picker-options="pickerOptions"
placeholder="选择日期时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="出院时间" prop="dischargeTime">
<el-date-picker
style="width: 300px"
v-model="form.dischargeTime"
type="datetime"
:picker-options="pickerOptionstwo"
value-format="yyyy-MM-dd HH:mm"
format="yyyy-MM-dd HH:mm"
placeholder="选择日期时间"
>
</el-date-picker>
</el-form-item>
<el-form-item
label="手术记录"
prop="surgicalRecord"
v-if="form.visitMethod == 'BE_IN_HOSPITAL'"
>
<editor v-model="form.surgicalRecord" :min-height="192" />
</el-form-item>
<el-form-item
label="入院病历"
prop="inHospitalInfo"
v-if="form.visitMethod == 'BE_IN_HOSPITAL'"
>
<editor v-model="form.inHospitalInfo" :min-height="192" />
</el-form-item>
<el-form-item
label="门诊病历"
prop="inHospitalInfo"
v-if="form.visitMethod == 'OUTPATIENT_SERVICE'"
>
<editor v-model="form.inHospitalInfo" :min-height="192" />
</el-form-item>
<el-form-item
label="出院病历"
prop="outHospitalInfo"
v-if="form.visitMethod == 'BE_IN_HOSPITAL'"
>
<editor v-model="form.outHospitalInfo" :min-height="192" />
</el-form-item>
</el-form>
</div>
</div>
</div>
</template> </template>
<script> <script>
import { getList, usergetList, updateRecord, saveRecord } from "@/api/unitconfig/patientConfiguration"; import { getList, usergetList, updateRecord, saveRecord } from "@/api/unitconfig/patientConfiguration";
import { getDepartmentList } from "@/api/manage/selectAgencyList"; import { getDepartmentList } from "@/api/manage/selectAgencyList";
export default { export default {
name: "PatientConfigurationVisitRecords", name: "PatientConfigurationVisitRecords",
data() { data() {
return { return {
pickerOptions: { pickerOptions: {
disabledDate: (time) => { disabledDate: (time) => {
if (this.form.dischargeTime) { if (this.form.dischargeTime) {
return time.getTime() > new Date(this.form.dischargeTime).getTime(); return time.getTime() > new Date(this.form.dischargeTime).getTime();
} }
}, },
}, },
pickerOptionstwo: { pickerOptionstwo: {
disabledDate: (time) => { disabledDate: (time) => {
if (this.form.admissionTime) { if (this.form.admissionTime) {
return time.getTime() < new Date(this.form.admissionTime).getTime(); return time.getTime() < new Date(this.form.admissionTime).getTime();
} }
}, },
}, },
departmentlist: [], departmentlist: [],
attendingPhysicianlist: [], attendingPhysicianlist: [],
form: {}, form: {},
rules: { rules: {
visitMethod: [ visitMethod: [
{ required: true, message: "就诊方式不能为空", trigger: "blur" } { required: true, message: "就诊方式不能为空", trigger: "blur" }
], ],
mainDiagnosis: [ mainDiagnosis: [
{ required: true, message: "主要诊断不能为空", trigger: "blur" } { required: true, message: "主要诊断不能为空", trigger: "blur" }
], ],
visitSerialNumber: [ visitSerialNumber: [
{ required: true, message: "就诊流水号不能为空", trigger: "blur" } { required: true, message: "就诊流水号不能为空", trigger: "blur" }
], ],
attendingPhysicianId: [ attendingPhysicianId: [
{ required: true, message: "主治医生不能为空", trigger: "blur" } { required: true, message: "主治医生不能为空", trigger: "blur" }
], ],
inHospitalNumber: [ inHospitalNumber: [
{ required: true, message: "门诊/住院编号不能为空", trigger: "blur" } { required: true, message: "门诊/住院编号不能为空", trigger: "blur" }
], ],
departmentId: [ departmentId: [
{ required: true, message: "科室名称不能为空", trigger: "blur" } { required: true, message: "科室名称不能为空", trigger: "blur" }
], ],
admissionTime: [ admissionTime: [
{ required: true, message: "入院时间不能为空", trigger: "blur" } { required: true, message: "入院时间不能为空", trigger: "blur" }
], ],
dischargeTime: [ dischargeTime: [
{ required: true, message: "出院时间不能为空", trigger: "blur" } { required: true, message: "出院时间不能为空", trigger: "blur" }
], ],
surgicalRecord: [ surgicalRecord: [
{ required: true, message: "手术记录不能为空", trigger: "blur" } { required: true, message: "手术记录不能为空", trigger: "blur" }
], ],
inHospitalInfo: [ inHospitalInfo: [
{ required: true, message: "病历不能为空", trigger: "blur" } { required: true, message: "病历不能为空", trigger: "blur" }
], ],
outHospitalInfo: [ outHospitalInfo: [
{ required: true, message: "病历不能为空", trigger: "blur" } { required: true, message: "病历不能为空", trigger: "blur" }
], ],
}, },
recodelist: [], recodelist: [],
recodeindex: undefined, recodeindex: undefined,
todaytime: '', todaytime: '',
}; };
},
created() {
this.dateFormat();
this.info();
this.changecampusAgency();
this.usergetListinfo();
},
methods: {
add() {
let item = {
visitMethod: '',
mainDiagnosis: '',
visitSerialNumber: '',
departmentId: '',
departmentName: '',
attendingPhysicianId: '',
inHospitalNumber: '',
attendingPhysicianName: '',
admissionTime: this.todaytime,
dischargeTime: '',
inHospitalInfo: '',
surgicalRecord: '',
outHospitalInfo: '',
}
this.recodelist.unshift(item)
this.recodeindex = 0
this.form = item
}, },
created() { //
this.dateFormat(); cancel() {
this.info(); this.recodeindex = undefined
this.changecampusAgency(); this.form = {}
this.usergetListinfo();
}, },
methods: { //
add() { submitForm() {
let item = { if (this.form.departmentId && this.departmentlist?.length > 0) {
visitMethod: '', this.form.departmentName = this.departmentlist.find(e => e.id == this.form.departmentId)?.departmentName
mainDiagnosis: '', }
visitSerialNumber: '', if (this.form.attendingPhysicianId && this.attendingPhysicianlist?.length > 0) {
departmentId: '', this.form.attendingPhysicianName = this.attendingPhysicianlist.find(e => e.userId == this.form.attendingPhysicianId)?.nickName
departmentName: '', }
attendingPhysicianId: '', if (this.form.id) {
inHospitalNumber: '', updateRecord(this.form).then(res => {
attendingPhysicianName: '', this.$modal.msgSuccess("保存就诊记录成功");
admissionTime: this.todaytime, this.info();
dischargeTime: '', })
inHospitalInfo: '', } else {
surgicalRecord: '', this.form = { ...this.form, ...this.$route.query }
outHospitalInfo: '', saveRecord(this.form).then(res => {
} this.$modal.msgSuccess("新增就诊记录成功");
this.recodelist.unshift(item) this.info();
this.recodeindex = 0 })
this.form = item }
}, },
// //
cancel() { usergetListinfo() {
this.recodeindex = undefined usergetList({
this.form = {} hospitalAgencyId: this.$route.query.hospitalAgencyId,
}, postName: 'DOCTOR'
// }).then(res => {
submitForm() { this.attendingPhysicianlist = res.data
if (this.form.departmentId && this.departmentlist?.length > 0) { })
this.form.departmentName = this.departmentlist.find(e => e.id == this.form.departmentId)?.departmentName },
} //
if (this.form.attendingPhysicianId && this.attendingPhysicianlist?.length > 0) { changecampusAgency() {
this.form.attendingPhysicianName = this.attendingPhysicianlist.find(e => e.userId == this.form.attendingPhysicianId)?.nickName let query = {
} nodeType: 'DEPARTMENT',
if (this.form.id) { hospitalAgencyId: this.$route.query.hospitalAgencyId,
updateRecord(this.form).then(res => { }
this.$modal.msgSuccess("保存就诊记录成功"); getDepartmentList(query).then(res => {
this.info(); this.departmentlist = res.data
}) })
} else { },
this.form = { ...this.form, ...this.$route.query } //
saveRecord(this.form).then(res => { clickrecord(item, index) {
this.$modal.msgSuccess("新增就诊记录成功"); if (this.recodeindex == index) {
this.info(); this.recodeindex = undefined
}) } else {
} this.recodeindex = index
}, }
// this.form = item
usergetListinfo() { },
usergetList({ //
hospitalAgencyId: this.$route.query.hospitalAgencyId, info() {
postName: 'DOCTOR' getList({
}).then(res => { patientId: this.$route.query.patientId
this.attendingPhysicianlist = res.data }).then(res => {
}) this.recodeindex = undefined
}, this.recodelist = res.data
// })
changecampusAgency() { },
let query = { dateFormat() {
nodeType: 'DEPARTMENT', const daterc = new Date();
hospitalAgencyId: this.$route.query.hospitalAgencyId, var date = new Date(daterc);
} var year = date.getFullYear();
getDepartmentList(query).then(res => { /* 0110
this.departmentlist = res.data * 使用三元表达式在小于10的前面加0以达到格式统一 09:11:05
}) * */
}, var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
// var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
clickrecord(item, index) { var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
if (this.recodeindex == index) { var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
this.recodeindex = undefined var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
} else { //
this.recodeindex = index this.todaytime = year + "-" + month + "-" + day + " " + hours + ":" + minutes
} },
this.form = item }
},
//
info() {
getList({
patientId: this.$route.query.patientId
}).then(res => {
this.recodeindex = undefined
this.recodelist = res.data
})
},
dateFormat() {
const daterc = new Date();
var date = new Date(daterc);
var year = date.getFullYear();
/* 0110
* 使用三元表达式在小于10的前面加0以达到格式统一 09:11:05
* */
var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
//
this.todaytime = year + "-" + month + "-" + day + " " + hours + ":" + minutes
},
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.header { .header {
background-color: #F1F3F5; background-color: #f1f3f5;
padding-top: 16px; padding-top: 16px;
.header-app { .header-app {
width: 98%; width: 98%;
padding: 40px; padding: 40px;
margin: 0 auto; margin: 0 auto;
background-color: #fff; background-color: #fff;
display: flex; display: flex;
position: relative; position: relative;
.addbtn { .addbtn {
position: absolute; position: absolute;
right: 40px; right: 40px;
top: 40px; top: 40px;
}
.left {
width: 25%;
.list {
height: 450px;
overflow: scroll;
//
overflow-x: hidden !important;
width: 96%;
.tapitem {
background-color: #D2E9FC;
border-left: 2px solid #1890ff !important;
border-bottom: 1px solid #fff !important;
}
.item {
height: 130px;
padding: 10px 10px;
position: relative;
border-left: 2px solid #D2E9FC;
border-bottom: 1px solid #E7E7E7;
.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 38px;
line-height: 38px;
font-size: 15px;
font-weight: 600;
}
}
}
}
.right {
width: 75%;
margin-top: 15px;
position: relative;
.btns {
position: absolute;
right: 20px;
top: 0px;
}
}
} }
.left {
width: 25%;
.list {
height: 450px;
overflow: scroll;
//
overflow-x: hidden !important;
width: 96%;
.tapitem {
background-color: #d2e9fc;
border-left: 2px solid #1890ff !important;
border-bottom: 1px solid #fff !important;
}
.item {
height: 130px;
padding: 10px 10px;
position: relative;
border-left: 2px solid #d2e9fc;
border-bottom: 1px solid #e7e7e7;
.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 38px;
line-height: 38px;
font-size: 15px;
font-weight: 600;
}
}
}
}
.right {
overflow: auto;
width: 75%;
margin-top: 15px;
position: relative;
height: 63vh;
.btns {
position: absolute;
right: 20px;
top: 0px;
}
}
}
} }
</style> </style>