就诊记录修改

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

View File

@ -2,30 +2,49 @@
<div class="header">
<div class="header-app">
<div class="addbtn">
<el-button type="primary" @click="add" size="small">添加就诊记录</el-button>
<el-button type="primary" @click="add" size="small"
>添加就诊记录</el-button
>
</div>
<el-descriptions title="患者信息">
<el-descriptions-item label="患者姓名">{{ $route.query.patientName }}</el-descriptions-item>
<el-descriptions-item label="性别">{{ $route.query.sex == 'MALE' ? '男' : "" }}
{{ $route.query.sex == 'FEMALE' ? '女' : "" }}
<el-descriptions-item label="患者姓名">{{
$route.query.patientName
}}</el-descriptions-item>
<el-descriptions-item label="性别"
>{{ $route.query.sex == "MALE" ? "男" : "" }}
{{ $route.query.sex == "FEMALE" ? "女" : "" }}
</el-descriptions-item>
<el-descriptions-item label="年龄">{{ $route.query.age }}</el-descriptions-item>
<el-descriptions-item label="电话">{{ $route.query.patientPhone }}</el-descriptions-item>
<el-descriptions-item label="pat_id">{{ $route.query.patientId }}</el-descriptions-item>
<el-descriptions-item label="身份证号">{{ $route.query.cardNo }}</el-descriptions-item>
<el-descriptions-item label="年龄">{{
$route.query.age
}}</el-descriptions-item>
<el-descriptions-item label="电话">{{
$route.query.patientPhone
}}</el-descriptions-item>
<el-descriptions-item label="pat_id">{{
$route.query.patientId
}}</el-descriptions-item>
<el-descriptions-item label="身份证号">{{
$route.query.cardNo
}}</el-descriptions-item>
</el-descriptions>
</div>
<div class="header-app" style="margin-top: 16px;padding:0">
<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
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>
@ -34,7 +53,9 @@
<el-descriptions :title="form.id ? '就诊信息' : '新增就诊信息'">
</el-descriptions>
<div class="btns">
<el-button type="primary" @click="submitForm" size="small"> </el-button>
<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">
@ -45,56 +66,118 @@
</el-radio-group>
</el-form-item>
</el-form>
<el-form ref="form" :model="form" :rules="rules" label-width="130px" :inline="true">
<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-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-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-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-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-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
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
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'">
<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'">
<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'">
<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'">
<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>
@ -277,7 +360,7 @@ export default {
</script>
<style lang="scss" scoped>
.header {
background-color: #F1F3F5;
background-color: #f1f3f5;
padding-top: 16px;
.header-app {
@ -305,7 +388,7 @@ export default {
width: 96%;
.tapitem {
background-color: #D2E9FC;
background-color: #d2e9fc;
border-left: 2px solid #1890ff !important;
border-bottom: 1px solid #fff !important;
}
@ -314,8 +397,8 @@ export default {
height: 130px;
padding: 10px 10px;
position: relative;
border-left: 2px solid #D2E9FC;
border-bottom: 1px solid #E7E7E7;
border-left: 2px solid #d2e9fc;
border-bottom: 1px solid #e7e7e7;
.text {
overflow: hidden;
@ -331,9 +414,11 @@ export default {
}
.right {
overflow: auto;
width: 75%;
margin-top: 15px;
position: relative;
height: 63vh;
.btns {
position: absolute;