bianyaqi
2 years ago
10 changed files with 404 additions and 400 deletions
@ -1,204 +0,0 @@ |
|||||
<template> |
|
||||
<my-dialog :print="print" :title="patientInfo?patientInfo.itemName:'修改预约'" :is-show="show" @handleSave="handleSave" @close="closeDialog"> |
|
||||
<el-form id="UBMOrder" ref="form" size="small" :model="form" label-width="90px"> |
|
||||
<el-form-item required label="选择患者:"> |
|
||||
<el-input v-model="form.patient" suffix-icon="el-icon-search" /> |
|
||||
</el-form-item> |
|
||||
<div v-if="patientInfo" class="patientDetail"> |
|
||||
<div style="font-size: 16px;font-weight: bold">患者信息</div> |
|
||||
<div class="detailItem"> |
|
||||
<div>登记号：{{ patientInfo.patientId }}</div> |
|
||||
<div>电话：{{ patientInfo.patientPhone }}</div> |
|
||||
</div> |
|
||||
<div class="detailItem"> |
|
||||
<div>姓名：{{ patientInfo.patientName }}</div> |
|
||||
<div>性别：{{ patientInfo.patientSex }}</div> |
|
||||
<div>生日：{{ patientInfo.patientBirthday }}</div> |
|
||||
<div>年龄：{{ patientInfo.patientAge }}</div> |
|
||||
<div>来源：门诊/住院</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<el-form-item label="负责医生:"> |
|
||||
<el-col :span="12"> |
|
||||
<el-select v-model="form.doctorId" placeholder="请选择"> |
|
||||
<el-option |
|
||||
v-for="item in doctorList" |
|
||||
:key="item.employeeId" |
|
||||
:label="item.realName" |
|
||||
:value="item.employeeId" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-col> |
|
||||
<el-col :span="12" style="display: flex;align-items: center"> |
|
||||
已开医嘱: |
|
||||
<div class="radioItem" @click="form.docAdvice=true"> |
|
||||
<input :checked="form.docAdvice" type="radio">是 |
|
||||
</div> |
|
||||
<div class="radioItem" @click="form.docAdvice=false"> |
|
||||
<input :checked="!form.docAdvice" type="radio">否 |
|
||||
</div> |
|
||||
</el-col> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="备注:"> |
|
||||
<el-input v-model="form.remark" autosize type="textarea" /> |
|
||||
</el-form-item> |
|
||||
<div style="display: flex;padding:0 0 20px 20px"> |
|
||||
<el-col :span="10" style="display: flex;align-items: center"> |
|
||||
眼别: |
|
||||
<div class="radioItem" @click="form.eyeLevel='OD'"> |
|
||||
<input :checked="form.eyeLevel==='OD'" type="radio">OD |
|
||||
</div> |
|
||||
<div class="radioItem" @click="form.eyeLevel='OS'"> |
|
||||
<input :checked="form.eyeLevel==='OS'" type="radio">OS |
|
||||
</div> |
|
||||
<div class="radioItem" @click="form.eyeLevel='OU'"> |
|
||||
<input :checked="form.eyeLevel==='OU'" type="radio">OU |
|
||||
</div> |
|
||||
</el-col> |
|
||||
<el-col :span="7" style="display: flex;align-items: center"> |
|
||||
散瞳: |
|
||||
<div class="radioItem" @click="form.mydriasis=true"> |
|
||||
<input :checked="form.mydriasis" type="radio">是 |
|
||||
</div> |
|
||||
<div class="radioItem" @click="form.mydriasis=false"> |
|
||||
<input :checked="!form.mydriasis" type="radio">否 |
|
||||
</div> |
|
||||
</el-col> |
|
||||
<el-col :span="7" style="display: flex;align-items: center"> |
|
||||
缩瞳: |
|
||||
<div class="radioItem" @click="form.miosis=!form.miosis"> |
|
||||
<input :checked="form.miosis" type="radio">是 |
|
||||
</div> |
|
||||
<div class="radioItem" @click="form.miosis=!form.miosis"> |
|
||||
<input :checked="!form.miosis" type="radio">否 |
|
||||
</div> |
|
||||
</el-col> |
|
||||
</div> |
|
||||
<el-form-item required label="预约时间:"> |
|
||||
<el-date-picker |
|
||||
v-model="form.date" |
|
||||
type="datetime" |
|
||||
placeholder="选择日期时间" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
</my-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import MyDialog from '@/page-subspecialty/views/modules/nurseManagement/myDialog.vue' |
|
||||
|
|
||||
export default { |
|
||||
name: 'UBMOrder', |
|
||||
components: { MyDialog }, |
|
||||
props: { |
|
||||
isShow: { |
|
||||
type: Boolean, |
|
||||
default: false |
|
||||
}, |
|
||||
patientInfo: { |
|
||||
type: Object, |
|
||||
default: () => {} |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
show: false, |
|
||||
radio: '1', |
|
||||
print: { |
|
||||
id: 'UBMOrder' |
|
||||
}, |
|
||||
form: { |
|
||||
patient: '', |
|
||||
doctor: '', |
|
||||
docAdvice: '', |
|
||||
remark: '', |
|
||||
doctorId: '', |
|
||||
eyeLevel: '', |
|
||||
mydriasis: false, |
|
||||
miosis: '', |
|
||||
date: '' |
|
||||
}, |
|
||||
doctorList: [] |
|
||||
} |
|
||||
}, |
|
||||
watch: { |
|
||||
isShow(val) { |
|
||||
this.show = val |
|
||||
}, |
|
||||
'patientInfo.id'() { |
|
||||
this.$nextTick(() => { |
|
||||
this.form.doctorId = this.patientInfo.doctorId |
|
||||
this.form.doctorName = this.patientInfo.doctorName |
|
||||
this.form.date = this.patientInfo.appointDate |
|
||||
}) |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
this.getDoctorList() |
|
||||
}, |
|
||||
methods: { |
|
||||
getDoctorList() { |
|
||||
this.$http.get('/sys/user', { params: { position: '门诊医师' }}).then(data => { |
|
||||
this.doctorList = data.data.data |
|
||||
}) |
|
||||
}, |
|
||||
closeDialog(val) { |
|
||||
this.$emit('close', val) |
|
||||
}, |
|
||||
handleSave() { |
|
||||
const params = { |
|
||||
appointDate: this.$moment(this.form.date).format('YYYY-MM-DD HH:mm:ss'), |
|
||||
doctorId: this.form.doctorId, |
|
||||
doctorName: this.form.doctorName, |
|
||||
patientId: this.patientInfo.patientId, |
|
||||
patientName: this.patientInfo.patientName, |
|
||||
id: this.patientInfo.id |
|
||||
} |
|
||||
this.$http.post('/appoint/updateAppointInfo', params).then(() => { |
|
||||
this.$message.success('修改成功') |
|
||||
this.$emit('editSuccess') |
|
||||
this.closeDialog() |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
.radioItem{ |
|
||||
user-select: none; |
|
||||
cursor: pointer; |
|
||||
margin:0 8px; |
|
||||
display: flex; |
|
||||
} |
|
||||
input{ |
|
||||
-webkit-appearance: checkbox !important; |
|
||||
margin-right: 5px !important; |
|
||||
} |
|
||||
::v-deep .el-form-item__label{ |
|
||||
font-size: 14px; |
|
||||
} |
|
||||
::v-deep .el-form-item{ |
|
||||
margin-bottom: 16px; |
|
||||
} |
|
||||
::v-deep .el-radio{ |
|
||||
margin-right: 8px; |
|
||||
} |
|
||||
.patientDetail{ |
|
||||
border: 1px solid #6EB1FF; |
|
||||
border-radius: 8px; |
|
||||
background: #E8F5FF; |
|
||||
padding: 16px; |
|
||||
font-size: 14px; |
|
||||
color: rgba(0, 0, 0, 0.88); |
|
||||
margin-bottom: 22px; |
|
||||
} |
|
||||
.detailItem{ |
|
||||
display:flex; |
|
||||
margin: 8px 0; |
|
||||
div{ |
|
||||
margin-right: 20px; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,56 +0,0 @@ |
|||||
<template> |
|
||||
<div> |
|
||||
<el-button type="text" @click="isShow = true">点击打开 Dialog</el-button> |
|
||||
<el-button type="text" @click="ubmShow = true">UBM预约</el-button> |
|
||||
<el-button type="text" @click="addShow = true">新增</el-button> |
|
||||
<el-button type="text" @click="listShow = true">预约患者列表</el-button> |
|
||||
<el-button type="text" @click="numberShow = true">号源管理</el-button> |
|
||||
<re-dialog :is-show="isShow" @close="closeDialog1" /> |
|
||||
<u-b-m-order :is-show="ubmShow" @close="closeDialog2" /> |
|
||||
<add-project :is-show="addShow" @close="closeDialog3" /> |
|
||||
<order-patient-list :is-show="listShow" @addOrder="addOrder" @close="closeDialog4" /> |
|
||||
<number-manage :is-show="numberShow" @close="closeDialog5" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import ReDialog from '@/page-subspecialty/views/modules/nurseManagement/reDialog.vue' |
|
||||
import UBMOrder from '@/page-subspecialty/views/modules/nurseManagement/UBMOrder.vue' |
|
||||
import AddProject from '@/page-subspecialty/views/modules/nurseManagement/addProject.vue' |
|
||||
import OrderPatientList from '@/page-subspecialty/views/modules/nurseManagement/orderPatientList.vue' |
|
||||
import NumberManage from '@/page-subspecialty/views/modules/nurseManagement/reservation/subSetting/numberManage.vue' |
|
||||
|
|
||||
export default { |
|
||||
name: 'NurseManagement', |
|
||||
components: { NumberManage, OrderPatientList, AddProject, UBMOrder, ReDialog }, |
|
||||
data() { |
|
||||
return { |
|
||||
isShow: false, |
|
||||
ubmShow: false, // ubm弹框 |
|
||||
addShow: false, |
|
||||
listShow: false, |
|
||||
numberShow: false |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
addOrder() { |
|
||||
this.ubmShow = true |
|
||||
}, |
|
||||
closeDialog1(val) { |
|
||||
this.isShow = val |
|
||||
}, closeDialog2(val) { |
|
||||
this.ubmShow = val |
|
||||
}, closeDialog3(val) { |
|
||||
this.addShow = val |
|
||||
}, closeDialog4(val) { |
|
||||
this.listShow = val |
|
||||
}, closeDialog5(val) { |
|
||||
this.numberShow = val |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style scoped> |
|
||||
|
|
||||
</style> |
|
||||
@ -0,0 +1,268 @@ |
|||||
|
<template> |
||||
|
<el-dialog top="30px" class="number-manage" append-to-body :visible.sync="visible" width="40%" :title="title" @close="closeDialog"> |
||||
|
<el-form id="addPatientOrder" ref="addPatientForm" :rules="dataRule" size="small" :model="form" label-width="90px"> |
||||
|
<el-form-item required label="选择患者:" prop="patientId"> |
||||
|
<el-input v-model="form.patientId" :readonly="isEdit" suffix-icon="el-icon-search" placeholder="请输入登记号" @change="searchPatient" /> |
||||
|
</el-form-item> |
||||
|
<div v-if="patientInfo" class="patientDetail"> |
||||
|
<div style="font-size: 16px;font-weight: bold">患者信息</div> |
||||
|
<div class="detailItem"> |
||||
|
<div>登记号：{{ patientInfo.patientId }}</div> |
||||
|
<div>电话：{{ patientInfo.patientPhone }}</div> |
||||
|
</div> |
||||
|
<div class="detailItem"> |
||||
|
<div>姓名：{{ patientInfo.patientName }}</div> |
||||
|
<div>性别：{{ patientInfo.patientSex }}</div> |
||||
|
<div>生日：{{ $moment(patientInfo.patientBirthday).format('YYYY-MM-DD') }}</div> |
||||
|
<div v-if="patientInfo.patientAge">年龄：{{ patientInfo.patientAge }}</div> |
||||
|
<div>来源：{{ patientInfo.source }}</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<el-form-item label="负责医生:"> |
||||
|
<el-col :span="12"> |
||||
|
<el-select v-model="form.doctorId" placeholder="请选择" @change="selectDoctor"> |
||||
|
<el-option |
||||
|
v-for="item in doctorList" |
||||
|
:key="item.employeeId" |
||||
|
:label="item.realName" |
||||
|
:value="item.employeeId" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-col> |
||||
|
<el-col :span="12" style="display: flex;align-items: center"> |
||||
|
已开医嘱: |
||||
|
<div class="radioItem" @click="form.yzOpen='Y'"> |
||||
|
<input :disabled="isEdit" :checked="form.yzOpen==='Y'" type="radio">是 |
||||
|
</div> |
||||
|
<div class="radioItem" @click="form.yzOpen='N'"> |
||||
|
<input :disabled="isEdit" :checked="form.yzOpen==='N'" type="radio">否 |
||||
|
</div> |
||||
|
</el-col> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="备注:"> |
||||
|
<el-input v-model="form.remark" :readonly="isEdit" autosize type="textarea" /> |
||||
|
</el-form-item> |
||||
|
<div style="display: flex;padding:0 0 20px 20px"> |
||||
|
<el-col :span="10" style="display: flex;align-items: center"> |
||||
|
眼别: |
||||
|
<div class="radioItem" @click="form.eyeType='OD'"> |
||||
|
<input :disabled="isEdit" :checked="form.eyeType==='OD'" type="radio">OD |
||||
|
</div> |
||||
|
<div class="radioItem" @click="form.eyeType='OS'"> |
||||
|
<input :disabled="isEdit" :checked="form.eyeType==='OS'" type="radio">OS |
||||
|
</div> |
||||
|
<div class="radioItem" @click="form.eyeType='OU'"> |
||||
|
<input :disabled="isEdit" :checked="form.eyeType==='OU'" type="radio">OU |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="7" style="display: flex;align-items: center"> |
||||
|
散瞳: |
||||
|
<div class="radioItem" @click="form.pupilDilate='Y'"> |
||||
|
<input :disabled="isEdit" :checked="form.pupilDilate==='Y'" type="radio">是 |
||||
|
</div> |
||||
|
<div class="radioItem" @click="form.pupilDilate='N'"> |
||||
|
<input :disabled="isEdit" :checked="form.pupilDilate==='N'" type="radio">否 |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="7" style="display: flex;align-items: center"> |
||||
|
缩瞳: |
||||
|
<div class="radioItem" @click="form.pupilShrink='Y'"> |
||||
|
<input :disabled="isEdit" :checked="form.pupilShrink==='Y'" type="radio">是 |
||||
|
</div> |
||||
|
<div class="radioItem" @click="form.pupilShrink='N'"> |
||||
|
<input :disabled="isEdit" :checked="form.pupilShrink==='N'" type="radio">否 |
||||
|
</div> |
||||
|
</el-col> |
||||
|
</div> |
||||
|
<el-form-item required label="预约时间:" prop="date"> |
||||
|
<el-date-picker |
||||
|
v-model="form.date" |
||||
|
type="datetime" |
||||
|
placeholder="选择日期时间" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button v-if="print" v-print="print" size="small">打印</el-button> |
||||
|
<el-button size="small" @click="closeDialog">取 消</el-button> |
||||
|
<el-button type="primary" size="small" @click="handleSave">确 定</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
export default { |
||||
|
name: 'AddPatientOrder', |
||||
|
props: { |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: '新增预约' |
||||
|
}, |
||||
|
patientDetail: { |
||||
|
type: Object |
||||
|
}, |
||||
|
project: { |
||||
|
type: Object |
||||
|
}, |
||||
|
isEdit: { |
||||
|
type: Boolean, |
||||
|
default: false |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
visible: false, |
||||
|
patientInfo: null, |
||||
|
form: { |
||||
|
patientId: '', |
||||
|
doctorName: '', |
||||
|
yzOpen: '', |
||||
|
remark: '', |
||||
|
doctorId: '', |
||||
|
eyeType: '', |
||||
|
pupilDilate: '', |
||||
|
pupilShrink: '', |
||||
|
date: '' |
||||
|
}, |
||||
|
doctorList: [], |
||||
|
print: { |
||||
|
id: 'addPatientOrder' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
dataRule() { |
||||
|
return { |
||||
|
patientId: [ |
||||
|
{ required: true, message: '请选择患者' } |
||||
|
], |
||||
|
date: [ |
||||
|
{ required: true, message: '请选择时间' } |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.getDoctorList() |
||||
|
if (this.patientDetail) { |
||||
|
this.form.patientId = this.patientDetail.patientId |
||||
|
this.form.doctorId = this.patientDetail.doctorId |
||||
|
this.form.doctorName = this.patientDetail.doctorName |
||||
|
this.form.eyeType = this.patientDetail.eyeType |
||||
|
this.form.pupilDilate = this.patientDetail.pupilDilate |
||||
|
this.form.pupilShrink = this.patientDetail.pupilShrink |
||||
|
this.form.remark = this.patientDetail.remark |
||||
|
this.form.yzOpen = this.patientDetail.yzOpen |
||||
|
this.form.date = this.patientDetail.appointDate |
||||
|
this.patientInfo = this.patientDetail |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
init() { |
||||
|
this.visible = true |
||||
|
}, |
||||
|
// 查询患者 |
||||
|
searchPatient(val) { |
||||
|
this.$http.get('/appoint/getPatientInfo', { params: { patientId: val }}).then((data) => { |
||||
|
if (data.data.data.list.length) { |
||||
|
this.patientInfo = data.data.data.list[0] |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 获取医生列表 |
||||
|
getDoctorList() { |
||||
|
this.$http.get('/sys/user', { params: { position: '门诊医师' }}).then(data => { |
||||
|
this.doctorList = data.data.data |
||||
|
}).catch(err => { |
||||
|
this.$message.error(err.msg) |
||||
|
}) |
||||
|
}, |
||||
|
// 选择医生 |
||||
|
selectDoctor(val) { |
||||
|
const curDoctor = this.doctorList.find(item => item.employeeId === val) |
||||
|
this.form.doctorName = curDoctor.realName |
||||
|
}, |
||||
|
// 确认提交 |
||||
|
handleSave() { |
||||
|
if (!this.isEdit) { |
||||
|
this.$refs.addPatientForm.validate((valid) => { |
||||
|
if (!valid) { |
||||
|
return false |
||||
|
} |
||||
|
const params = { |
||||
|
appointDate: this.$moment(this.form.date).format('YYYY-MM-DD HH:mm:ss'), |
||||
|
patientName: this.patientInfo.patientName, |
||||
|
jzNumber: this.patientInfo.jzNumber, |
||||
|
appointSource: this.patientInfo.source, |
||||
|
itemId: this.project.itemId, |
||||
|
itemName: this.project.itemName, |
||||
|
...this.form |
||||
|
} |
||||
|
this.$http.post('/appoint/saveAppointInfo', params).then(() => { |
||||
|
this.$message.success('添加成功') |
||||
|
this.$emit('updateAppoint') |
||||
|
this.visible = false |
||||
|
}) |
||||
|
}) |
||||
|
} else { |
||||
|
const params = { |
||||
|
appointDate: this.$moment(this.form.date).format('YYYY-MM-DD HH:mm:ss'), |
||||
|
doctorId: this.form.doctorId, |
||||
|
doctorName: this.form.doctorName, |
||||
|
patientId: this.form.patientId, |
||||
|
patientName: this.patientDetail.patientName, |
||||
|
id: this.patientDetail.id, |
||||
|
itemId: this.patientDetail.itemId |
||||
|
} |
||||
|
this.$http.post('/appoint/updateAppointInfo', params).then(() => { |
||||
|
this.$message.success('修改成功') |
||||
|
this.$emit('updateAppoint') |
||||
|
this.visible = false |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
// 关闭弹框 |
||||
|
closeDialog() { |
||||
|
this.$emit('closeDialog') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
.radioItem{ |
||||
|
user-select: none; |
||||
|
cursor: pointer; |
||||
|
margin:0 8px; |
||||
|
display: flex; |
||||
|
} |
||||
|
input{ |
||||
|
-webkit-appearance: checkbox !important; |
||||
|
margin-right: 5px !important; |
||||
|
} |
||||
|
::v-deep .el-form-item__label{ |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
::v-deep .el-form-item{ |
||||
|
margin-bottom: 16px; |
||||
|
} |
||||
|
::v-deep .el-radio{ |
||||
|
margin-right: 8px; |
||||
|
} |
||||
|
.patientDetail{ |
||||
|
border: 1px solid #6EB1FF; |
||||
|
border-radius: 8px; |
||||
|
background: #E8F5FF; |
||||
|
padding: 16px; |
||||
|
font-size: 14px; |
||||
|
color: rgba(0, 0, 0, 0.88); |
||||
|
margin-bottom: 22px; |
||||
|
} |
||||
|
.detailItem{ |
||||
|
display:flex; |
||||
|
margin: 8px 0; |
||||
|
div{ |
||||
|
margin-right: 20px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue