bianyaqi
3 years ago
12 changed files with 2575 additions and 17 deletions
@ -0,0 +1,326 @@ |
|||
<template> |
|||
<el-dialog |
|||
title="号源管理" |
|||
:visible.sync="dialogVisible" |
|||
width="70%" |
|||
:before-close="handleClose" |
|||
> |
|||
<div> |
|||
<el-button type="primary" icon="el-icon-plus" size="small">新增</el-button> |
|||
<el-table |
|||
:data="tableData" |
|||
border |
|||
style="width: 100%" |
|||
> |
|||
<el-table-column |
|||
:resizable="false" |
|||
prop="projectName" |
|||
label="检查项目" |
|||
width="150" |
|||
/> |
|||
<el-table-column |
|||
:resizable="false" |
|||
prop="Mon" |
|||
label="周一" |
|||
align="center" |
|||
> |
|||
<el-table-column |
|||
:resizable="false" |
|||
label="上午" |
|||
align="center" |
|||
label-class-name="checkFont" |
|||
width="50" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<input class="checkTime" type="checkbox" :ischecked="scope.row.MonTime"> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
:resizable="false" |
|||
label="下午" |
|||
align="center" |
|||
label-class-name="checkFont" |
|||
width="50" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<input class="checkTime" type="checkbox" :ischecked="scope.row.MonTime"> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table-column> |
|||
<el-table-column |
|||
:resizable="false" |
|||
prop="Tues" |
|||
label="周二" |
|||
align="center" |
|||
> |
|||
<el-table-column |
|||
:resizable="false" |
|||
label="上午" |
|||
align="center" |
|||
label-class-name="checkFont" |
|||
width="50" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<input class="checkTime" type="checkbox" :ischecked="scope.row.TuesTime"> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
:resizable="false" |
|||
label="下午" |
|||
align="center" |
|||
label-class-name="checkFont" |
|||
width="50" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<input class="checkTime" type="checkbox" :ischecked="scope.row.TuesTime"> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table-column> |
|||
<el-table-column |
|||
:resizable="false" |
|||
prop="Wed" |
|||
label="周三" |
|||
align="center" |
|||
> |
|||
<el-table-column |
|||
:resizable="false" |
|||
label="上午" |
|||
align="center" |
|||
label-class-name="checkFont" |
|||
width="50" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<input class="checkTime" type="checkbox" :ischecked="scope.row.WedTime"> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
:resizable="false" |
|||
label="下午" |
|||
align="center" |
|||
label-class-name="checkFont" |
|||
width="50" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<input class="checkTime" type="checkbox" :ischecked="scope.row.WedTime"> |
|||
</template> |
|||
</el-table-column> |
|||
<template slot-scope="scope"> |
|||
<input class="checkTime" type="checkbox" :ischecked="scope.row.WedTime"> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
:resizable="false" |
|||
prop="Thur" |
|||
label="周四" |
|||
align="center" |
|||
> |
|||
<el-table-column |
|||
:resizable="false" |
|||
label="上午" |
|||
align="center" |
|||
label-class-name="checkFont" |
|||
width="50" |
|||
/> |
|||
<el-table-column |
|||
:resizable="false" |
|||
label="下午" |
|||
align="center" |
|||
label-class-name="checkFont" |
|||
width="50" |
|||
/> |
|||
<template slot-scope="scope"> |
|||
<input class="checkTime" type="checkbox" :ischecked="scope.row.ThurTime"> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
:resizable="false" |
|||
prop="Fri" |
|||
label="周五" |
|||
align="center" |
|||
> |
|||
<el-table-column |
|||
:resizable="false" |
|||
label="上午" |
|||
align="center" |
|||
label-class-name="checkFont" |
|||
width="50" |
|||
/> |
|||
<el-table-column |
|||
:resizable="false" |
|||
label="下午" |
|||
align="center" |
|||
label-class-name="checkFont" |
|||
width="50" |
|||
/> |
|||
<template slot-scope="scope"> |
|||
<input class="checkTime" type="checkbox" :ischecked="scope.row.FriTime"> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
:resizable="false" |
|||
prop="Sat" |
|||
label="周六" |
|||
align="center" |
|||
> |
|||
<el-table-column |
|||
:resizable="false" |
|||
label="上午" |
|||
align="center" |
|||
label-class-name="checkFont" |
|||
width="50" |
|||
/> |
|||
<el-table-column |
|||
:resizable="false" |
|||
label="下午" |
|||
align="center" |
|||
label-class-name="checkFont" |
|||
width="50" |
|||
/> |
|||
<template slot-scope="scope"> |
|||
<input class="checkTime" type="checkbox" :ischecked="scope.row.SatTime"> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
:resizable="false" |
|||
prop="Sun" |
|||
label="周日" |
|||
align="center" |
|||
> |
|||
<el-table-column |
|||
:resizable="false" |
|||
label="上午" |
|||
align="center" |
|||
label-class-name="checkFont" |
|||
width="50" |
|||
/> |
|||
<el-table-column |
|||
:resizable="false" |
|||
label="下午" |
|||
align="center" |
|||
label-class-name="checkFont" |
|||
width="50" |
|||
/> |
|||
<template slot-scope="scope"> |
|||
<input class="checkTime" type="checkbox" :ischecked="scope.row.SunTime"> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
:resizable="false" |
|||
prop="Sun" |
|||
label="上班时间" |
|||
align="center" |
|||
> |
|||
<el-table-column |
|||
:resizable="false" |
|||
prop="Sun" |
|||
label="上午" |
|||
align="center" |
|||
/> |
|||
<template slot-scope="scope"> |
|||
<input class="checkTime" type="checkbox" :ischecked="scope.row.SunTime"> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
:resizable="false" |
|||
prop="Sun" |
|||
label="上班时间" |
|||
align="center" |
|||
> |
|||
<el-table-column |
|||
:resizable="false" |
|||
prop="Sun" |
|||
label="下午" |
|||
align="center" |
|||
/> |
|||
<template slot-scope="scope"> |
|||
<input class="checkTime" type="checkbox" :ischecked="scope.row.SunTime"> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
:resizable="false" |
|||
prop="Sun" |
|||
label="时间间隔" |
|||
align="center" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<input class="checkTime" type="checkbox" :ischecked="scope.row.SunTime"> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
:resizable="false" |
|||
prop="Sun" |
|||
label="人数上限" |
|||
align="center" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<input class="checkTime" type="checkbox" :ischecked="scope.row.SunTime"> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
:resizable="false" |
|||
prop="Sun" |
|||
label="操作" |
|||
align="center" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<input class="checkTime" type="checkbox" :ischecked="scope.row.SunTime"> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'NumberManage', |
|||
props: { |
|||
isShow: { |
|||
type: Boolean, |
|||
default: false |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
dialogVisible: false, |
|||
tableData: [ |
|||
{ |
|||
projectName: '视诱发电位', |
|||
MonTime: false, |
|||
TuesTime: false, |
|||
WedTime: false, |
|||
ThurTime: false, |
|||
FriTime: false, |
|||
SatTime: false, |
|||
SunTime: false |
|||
}, { |
|||
projectName: '电脑视野计检查', |
|||
MonTime: false, |
|||
TuesTime: false, |
|||
WedTime: false, |
|||
ThurTime: false, |
|||
FriTime: false, |
|||
SatTime: false, |
|||
SunTime: false |
|||
} |
|||
] |
|||
} |
|||
}, |
|||
watch: { |
|||
isShow(val) { |
|||
this.dialogVisible = val |
|||
} |
|||
}, |
|||
methods: { |
|||
handleClose() { |
|||
this.$emit('close', false) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
::v-deep .checkFont{ |
|||
font-size: 12px !important; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,202 @@ |
|||
<template> |
|||
<el-dialog |
|||
class="add-schedule" |
|||
:visible.sync="visible" |
|||
width="40%" |
|||
:title="dataForm.title" |
|||
@close="closeDialog" |
|||
> |
|||
<el-form ref="dataForm" :model="dataForm" :rules="dataRule"> |
|||
<el-form-item label="选择患者:" label-width="90px" prop="patientName"> |
|||
<el-select |
|||
v-model="dataForm.patientName" |
|||
filterable |
|||
placeholder="请输入关键词或选择患者" |
|||
> |
|||
<el-option |
|||
v-for="item in patientList" |
|||
:key="item.id" |
|||
:label="item.patientName" |
|||
:value="item.patientName" |
|||
@click.native="optionsChange(item)" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="医生:" label-width="90px" prop="doctorName"> |
|||
<el-input v-model="dataForm.doctorName" disabled /> |
|||
</el-form-item> |
|||
<el-form-item label="术式:" label-width="90px" prop="operaName"> |
|||
<el-input v-model="dataForm.operaName" disabled /> |
|||
</el-form-item> |
|||
<el-form-item label="手术时间:" label-width="90px" prop="operaTime"> |
|||
<el-date-picker |
|||
v-model="dataForm.operaTime" |
|||
type="datetime" |
|||
placeholder="选择手术时间" |
|||
default-time="09:00:00" |
|||
@change="pickerChange" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="眼别:" label-width="90px"> |
|||
<el-radio-group v-model="dataForm.eyeType" size="medium"> |
|||
<el-radio-button label="OD">OD</el-radio-button> |
|||
<el-radio-button label="OS">OS</el-radio-button> |
|||
<el-radio-button label="双眼">双眼</el-radio-button> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template slot="footer"> |
|||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|||
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|||
</template> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import debounce from 'lodash/debounce' |
|||
export default { |
|||
props: { |
|||
patientTypeList: { |
|||
type: Array, |
|||
default: () => [] |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
visible: false, |
|||
dataForm: { |
|||
doctorCode: '', |
|||
doctorName: '', |
|||
eyeType: 'OD', |
|||
operaName: '', |
|||
operaTime: '', |
|||
patientCentreId: '', |
|||
patientIdNumber: '', |
|||
patientName: '', |
|||
patientId: '' |
|||
}, |
|||
params: {}, |
|||
patientList: [], |
|||
timeout: null |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule() { |
|||
return { |
|||
patientName: [ |
|||
{ required: true, message: '请选择患者', trigger: 'change' } |
|||
], |
|||
operaTime: [ |
|||
{ required: true, message: '请选择手术时间', trigger: 'change' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.dataForm.resetFields() // 重置表单 |
|||
this.getPatientList() |
|||
}) |
|||
}, |
|||
// 获取信息 |
|||
getInfo() { |
|||
this.$http.get(`/patient/manage/${this.params.patientCentreId}/${this.params.patientIdNumber}`).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.dataForm = { |
|||
...this.dataForm, |
|||
...res.data |
|||
} |
|||
}).catch(() => {}) |
|||
}, |
|||
// 患者选择发生改变时 |
|||
optionsChange(value) { |
|||
this.dataForm.patientCentreId = value.patientCentreId |
|||
this.dataForm.patientIdNumber = value.patientIdNumber |
|||
this.dataForm.patientId = value.patientId |
|||
}, |
|||
// 获取患者列表 |
|||
async getPatientList(query) { |
|||
const { data: res } = await this.$http.get('/opera/schedule/getPatientList', { |
|||
params: { |
|||
patientName: query |
|||
} |
|||
}) |
|||
if (res.code === 0) { |
|||
this.patientList = res.data |
|||
} else { |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
// 时间选择 |
|||
pickerChange(value) { |
|||
this.dataForm.operaTime = this.$moment(value).format('YYYY-MM-DD kk:mm:ss') |
|||
}, |
|||
// 表单提交 |
|||
dataFormSubmitHandle: debounce(function() { |
|||
if (this.dataForm.title === 'HIS引入') { |
|||
// this.$parent.HisAddVisible = false |
|||
} |
|||
this.$refs.dataForm.validate((valid) => { |
|||
if (!valid) { |
|||
return false |
|||
} |
|||
this.$http[!this.dataForm.id ? 'post' : 'put']('/opera/schedule', this.dataForm).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.$message({ |
|||
message: this.$t('prompt.success'), |
|||
type: 'success', |
|||
duration: 500, |
|||
onClose: () => { |
|||
this.visible = false |
|||
this.$emit('getScheduleList') |
|||
} |
|||
}) |
|||
}).catch(() => {}) |
|||
}) |
|||
}, 1000, { leading: true, trailing: false }), |
|||
// 关闭弹框 |
|||
closeDialog() { |
|||
this.$emit('closeDialog') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.add-schedule { |
|||
.cycle-display { |
|||
.el-form-item__content { |
|||
display: flex; |
|||
} |
|||
.el-input-number { |
|||
width: 100px; |
|||
margin-right: 16px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
</style> |
|||
<style lang="scss"> |
|||
.add-schedule { |
|||
.el-dialog__header { |
|||
margin-bottom:12px |
|||
} |
|||
.el-dialog__body { |
|||
padding-right: 30px; |
|||
} |
|||
.formItemOne .el-form-item__content { |
|||
display: flex; |
|||
} |
|||
.el-date-editor.el-input, .el-date-editor.el-input__inner { |
|||
width: 100%; |
|||
} |
|||
.el-select{ |
|||
width: 100%; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,990 @@ |
|||
<template> |
|||
<div v-loading="pageLoading" class="doctor-schedule"> |
|||
<div class="date-head" :class="title=='plus' ? '' : 'data-head-fixed'"> |
|||
<div class="date-head-right"> |
|||
<el-button-group style="margin-right:10px;"> |
|||
<el-button plain icon="el-icon-arrow-left" size="small" @click="weekPre">上周</el-button> |
|||
<el-button plain size="small" @click="weekNext">下周<i class="el-icon-arrow-right el-icon--right" /> |
|||
</el-button> |
|||
</el-button-group> |
|||
<span>选择日期：</span> |
|||
<el-date-picker |
|||
v-model="newDate" |
|||
class="right-pick-btn" |
|||
:clearable="false" |
|||
type="date" |
|||
size="small" |
|||
placeholder="按日期查询" |
|||
@change="pickDateChange" |
|||
/> |
|||
<el-button v-if="title !=='plus'" type="primary" size="small" class="margin-left-10" @click="allPtClick">{{ sortName }}</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="doctor-schedule-content"> |
|||
<el-row class="weeks"> |
|||
<el-col v-if="title !=='plus' && sortName==='保存设置'" :span="1" class="moren">设为默认</el-col> |
|||
<el-col :span="title ==='plus' && sortName==='批量设置' ? 3 : 2" class="doctor-list-text">医生列表</el-col> |
|||
<el-col |
|||
v-for="(day, index) in days" |
|||
:key="index" |
|||
:span="3" |
|||
class="date-item" |
|||
:class="{selected: index == tabIndex}" |
|||
@click="pick(day, index)" |
|||
> |
|||
<!--本月--> |
|||
<div class="date-day"> |
|||
<span class="hidden-sm-and-down">{{ day | dateFormat }}</span> |
|||
<p>{{ day | getWeekFormat }}</p> |
|||
</div> |
|||
<div class="morning-after"> |
|||
<span>上午</span> |
|||
<span>下午</span> |
|||
</div> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="scroll-list"> |
|||
<el-row v-for="(item,index) in doctorList" :key="index" :gutter="10" class="content"> |
|||
<el-col v-if="title !=='plus' && sortName==='保存设置'" :span="1" class="moren"> |
|||
<el-switch :value="item.isDefault===1 ? true : false" @change="switchChange(index,$event)" /> |
|||
</el-col> |
|||
<el-col :span="title ==='plus' && sortName==='批量设置' ? 3 : 2" class="doctor-name"> |
|||
<div class="doctorList"> |
|||
<div class="list"> |
|||
<!-- <div class="list-img"> |
|||
<img src="@/assets/img/avatar.png" alt=""> |
|||
</div> --> |
|||
<p>{{ item.doctorName }}</p> |
|||
</div> |
|||
</div> |
|||
</el-col> |
|||
<el-col v-for="(weekInfoItem,weekInfoIndex) in item.weekInfo" :key="weekInfoIndex" :span="3"> |
|||
<div class="surplu-num"> |
|||
<div v-show="sortName==='保存设置'" class="surplu-num-morning"> |
|||
<div class="morning"> |
|||
<el-input v-model="weekInfoItem.morning.numSourceTotal" placeholder="" @change="changeInput($event,index,weekInfoIndex,'morning')" /> |
|||
</div> |
|||
</div> |
|||
<div v-show="sortName==='批量排台'" class="surplu-num-morning"> |
|||
<!-- 上午预定后 --> |
|||
<div |
|||
v-show="selectedShow && weekInfoItem.date == rowListObj.operaDate && rowListObj.mainDoctorName == item.doctorName && rowListObj.morOrAft===1" |
|||
class="morning-top" |
|||
@mouseover.stop="mouseoverHandle(index,weekInfoIndex,weekInfoItem,'morning')" |
|||
@mouseout="mouseoutHandle" |
|||
> |
|||
<p>{{ rowListObj.morOrAft===1 ? '上午' : '下午' }}</p> |
|||
<p>{{ rowListObj.operaTime }}</p> |
|||
</div> |
|||
<div |
|||
slot="reference" |
|||
class="morning" |
|||
:class="weekInfoItem.morning.surplusNum<=0 ? 'morningAfterClass' :'' " |
|||
@mouseover.stop="mouseoverHandle(index,weekInfoIndex,weekInfoItem,'morning')" |
|||
@mouseout="mouseoutHandle" |
|||
> |
|||
<p v-show="weekInfoItem.morning.numSourceTotal<=0" class="none">无</p> |
|||
<div |
|||
v-show="weekInfoItem.morning.numSourceTotal>0 && (weekInfoItem.morning.numSourceTotal == weekInfoItem.morning.orderNum)" |
|||
class="yue-man" |
|||
> |
|||
<p>约满</p> |
|||
<p>{{ weekInfoItem.morning.orderNum }} / {{ weekInfoItem.morning.numSourceTotal }}</p> |
|||
</div> |
|||
<div |
|||
v-show="weekInfoItem.morning.numSourceTotal>0 && (weekInfoItem.morning.numSourceTotal > weekInfoItem.morning.orderNum) " |
|||
class="yi-yue" |
|||
> |
|||
<p>已约</p> |
|||
<p>{{ weekInfoItem.morning.orderNum }} / {{ weekInfoItem.morning.numSourceTotal }}</p> |
|||
</div> |
|||
<!-- 判断上午号是否有剩余加号显示，暂时不用：v-show="currentIndex===index && currentWeekIndex===weekInfoIndex && mouseMoveIsShow && showMorningAfterText==='morning' && weekInfoItem.morning.surplusNum>0" --> |
|||
<div |
|||
v-show="currentIndex===index && currentWeekIndex===weekInfoIndex && mouseMoveIsShow && showMorningAfterText==='morning' && title !=='plus'" |
|||
class="show-plus-one" |
|||
> |
|||
<p @click="numberMangeClick(item,weekInfoItem,1,'排台详情')">详情</p> |
|||
<p @click="numberMangeClick(item,weekInfoItem,1,'排台管理')">排台管理</p> |
|||
</div> |
|||
<div |
|||
v-show="currentIndex===index && currentWeekIndex===weekInfoIndex && mouseMoveIsShow && showMorningAfterText==='morning'&& title =='plus'" |
|||
class="show-plus-two" |
|||
> |
|||
<i class="el-icon-plus" @click="setOperaTImeClick(item,weekInfoItem,1,'设置时间')" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div v-show="sortName==='保存设置'" class="surplu-num-after"> |
|||
<div class="after"> |
|||
<el-input v-model="weekInfoItem.after.numSourceTotal" placeholder="" @change="changeInput($event,index,weekInfoIndex,'after')" /> |
|||
</div> |
|||
</div> |
|||
<div v-show="sortName==='批量排台'" class="surplu-num-after"> |
|||
<!-- 下午预定后 --> |
|||
<div |
|||
v-show="selectedShow && weekInfoItem.date == rowListObj.operaDate && rowListObj.mainDoctorName == item.doctorName && rowListObj.morOrAft===2" |
|||
class="after-top" |
|||
@mouseover.stop="mouseoverHandle(index,weekInfoIndex,weekInfoItem,'after')" |
|||
@mouseout="mouseoutHandle" |
|||
> |
|||
<p>{{ rowListObj.morOrAft===1 ? '上午':'下午' }}</p> |
|||
<p>{{ rowListObj.operaTime }}</p> |
|||
</div> |
|||
<!-- 下午 --> |
|||
<div |
|||
slot="reference" |
|||
class="after" |
|||
:class="weekInfoItem.after.surplusNum<=0 ? 'morningAfterClass' :'' " |
|||
@mouseover.stop="mouseoverHandle(index,weekInfoIndex,weekInfoItem,'after')" |
|||
@mouseout="mouseoutHandle" |
|||
> |
|||
<p v-show="weekInfoItem.after.numSourceTotal<=0" class="none">无</p> |
|||
<div |
|||
v-show="weekInfoItem.after.numSourceTotal>0 && (weekInfoItem.after.numSourceTotal == weekInfoItem.after.orderNum)" |
|||
class="yue-man" |
|||
> |
|||
<p>约满</p> |
|||
<p>{{ weekInfoItem.after.orderNum }} / {{ weekInfoItem.after.numSourceTotal }}</p> |
|||
</div> |
|||
<div |
|||
v-show="weekInfoItem.after.numSourceTotal>0 && (weekInfoItem.after.numSourceTotal > weekInfoItem.after.orderNum) " |
|||
class="yi-yue" |
|||
> |
|||
<p>已约</p> |
|||
<p>{{ weekInfoItem.after.orderNum }} / {{ weekInfoItem.after.numSourceTotal }}</p> |
|||
</div> |
|||
<!-- 判断下午好是否有剩余加号显示，暂时不用：v-show="currentIndex===index && currentWeekIndex===weekInfoIndex && mouseMoveIsShow && showMorningAfterText==='after' && weekInfoItem.after.surplusNum>0 --> |
|||
<div |
|||
v-show="currentIndex===index && currentWeekIndex===weekInfoIndex && mouseMoveIsShow && showMorningAfterText==='after' && title !=='plus'" |
|||
class="show-plus-one" |
|||
> |
|||
<p @click="numberMangeClick(item,weekInfoItem,2,'排台详情')">详情</p> |
|||
<p @click="numberMangeClick(item,weekInfoItem,2,'排台管理')">排台管理</p> |
|||
</div> |
|||
<div |
|||
v-show="currentIndex===index && currentWeekIndex===weekInfoIndex && mouseMoveIsShow && showMorningAfterText==='after' && title =='plus'" |
|||
class="show-plus-two" |
|||
> |
|||
<i class="el-icon-plus" @click="setOperaTImeClick(item,weekInfoItem,2,'设置时间')" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
</div> |
|||
<!-- 新增预约 --> |
|||
<add-schedule |
|||
v-if="addScheduleVisible" |
|||
ref="addScheduleRef" |
|||
@closeDialog="addScheduleVisible=false" |
|||
@getScheduleList="getScheduleList" |
|||
/> |
|||
<numberDetailManage |
|||
v-if="numberManageVisible" |
|||
ref="numberManageRef" |
|||
:source-flag="sourceFlag" |
|||
@closeDialog="numberManageVisible=false" |
|||
@getScheduleList="getScheduleList" |
|||
@rowList="rowList" |
|||
/> |
|||
<setOperaTime |
|||
v-if="setOperaTimeVisible" |
|||
ref="setOperaTimeRef" |
|||
:source-flag="sourceFlag" |
|||
@closeDialog="setOperaTimeVisible=false" |
|||
@getScheduleList="getScheduleList" |
|||
@rowList="rowList" |
|||
/> |
|||
<operationDetail |
|||
v-if="operationDetailVisible" |
|||
ref="operationDetailRef" |
|||
@closeDialog="operationDetailVisible=false" |
|||
/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import moment from 'moment' |
|||
import addSchedule from './add-schedule.vue' |
|||
import _ from 'lodash' |
|||
import { dateFilterTwo } from '@/filters/index.js' |
|||
import NumberDetailManage from '@/page-subspecialty/views/modules/nurseManagement/schedule/number-detail-manage.vue' |
|||
import SetOperaTime from '@/page-subspecialty/views/modules/nurseManagement/schedule/setOperaTime.vue' |
|||
/* eslint-disable */ |
|||
export default { |
|||
props: { |
|||
dateValue: { |
|||
type: String, |
|||
default: moment(new Date()).format("YYYY-MM-DD") |
|||
}, |
|||
timeValue: { |
|||
type: String, |
|||
default: "00:00" |
|||
}, |
|||
title: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
titleButton: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
// 号源标识 1:手术号源 2:检查号源 type----- 1:手术日程，2:术前核查 |
|||
sourceFlag: { |
|||
type: Number, |
|||
default: null |
|||
}, |
|||
}, |
|||
components: { |
|||
SetOperaTime, |
|||
NumberDetailManage, |
|||
addSchedule, |
|||
}, |
|||
data() { |
|||
return { |
|||
pageLoading:false, |
|||
currentYear: 1970, // 年份 |
|||
currentMonth: 1, // 月份 |
|||
currentDay: 1, // 日期 |
|||
currentWeek: 1, // 星期 |
|||
days: [], |
|||
value1: "", |
|||
tabIndex: null, |
|||
newDate: moment(new Date()).format("YYYY-MM-DD"), |
|||
tabTimeIndex: 4, |
|||
times: [ |
|||
{ time: "00:00:00~06:00:00", label: "00:00~06:00" }, |
|||
{ time: "06:00:00~12:00:00", label: "06:00~12:00" }, |
|||
{ time: "12:00:00~18:00:00", label: "12:00~18:00" }, |
|||
{ time: "18:00:00~24:00:00", label: "18:00~24:00" }, |
|||
{ time: "00:00:00~24:00:00", label: "今日全部" } |
|||
], |
|||
numberManageVisible: false, |
|||
setOperaTimeVisible:false, |
|||
operationDetailVisible: false, |
|||
mouseMoveIsShow: false, |
|||
currentIndex: null, |
|||
currentWeekIndex: null, |
|||
showMorningAfterText: '', |
|||
addScheduleVisible: false, |
|||
selectedShow: false, |
|||
doctorList:[], |
|||
doctorList1: [{ |
|||
doctorCode: "liucan", |
|||
doctorName: "刘灿", |
|||
weekInfo: [{ |
|||
after: { |
|||
numSourceTotal: 0, |
|||
orderNum: 10, |
|||
scheduledPatients: [], |
|||
}, |
|||
morning: { |
|||
numSourceTotal: 0, |
|||
orderNum: 5, |
|||
scheduledPatients: [], |
|||
}, |
|||
date: "2023-04-03", |
|||
weekName: "周一", |
|||
},{ |
|||
after: { |
|||
numSourceTotal: 0, |
|||
orderNum: 0, |
|||
scheduledPatients: [], |
|||
}, |
|||
morning: { |
|||
numSourceTotal: 0, |
|||
orderNum: 0, |
|||
scheduledPatients: [], |
|||
}, |
|||
date: "2023-04-04", |
|||
weekName: "周二", |
|||
},{ |
|||
after: { |
|||
numSourceTotal: 0, |
|||
orderNum: 0, |
|||
scheduledPatients: [], |
|||
}, |
|||
morning: { |
|||
numSourceTotal: 0, |
|||
orderNum: 0, |
|||
scheduledPatients: [], |
|||
}, |
|||
date: "2023-04-05", |
|||
weekName: "周三", |
|||
},{ |
|||
after: { |
|||
numSourceTotal: 0, |
|||
orderNum: 0, |
|||
scheduledPatients: [], |
|||
}, |
|||
morning: { |
|||
numSourceTotal: 0, |
|||
orderNum: 0, |
|||
scheduledPatients: [], |
|||
}, |
|||
date: "2023-04-06", |
|||
weekName: "周四", |
|||
},{ |
|||
after: { |
|||
numSourceTotal: 10, |
|||
orderNum: 0, |
|||
scheduledPatients: [], |
|||
}, |
|||
morning: { |
|||
numSourceTotal: 10, |
|||
orderNum: 0, |
|||
scheduledPatients: [], |
|||
}, |
|||
date: "2023-04-07", |
|||
weekName: "周五", |
|||
},{ |
|||
after: { |
|||
numSourceTotal: 0, |
|||
orderNum: 0, |
|||
scheduledPatients: [], |
|||
}, |
|||
morning: { |
|||
numSourceTotal: 0, |
|||
orderNum: 0, |
|||
scheduledPatients: [], |
|||
}, |
|||
date: "2023-04-08", |
|||
weekName: "周六", |
|||
},{ |
|||
after: { |
|||
numSourceTotal: 0, |
|||
orderNum: 0, |
|||
scheduledPatients: [], |
|||
}, |
|||
morning: { |
|||
numSourceTotal: 0, |
|||
orderNum: 0, |
|||
scheduledPatients: [], |
|||
}, |
|||
date: "2023-04-09", |
|||
weekName: "周日", |
|||
}] |
|||
}], |
|||
patientList: [], |
|||
rowListObj: {}, |
|||
operaTypeList: [], |
|||
sortName:'批量排台' |
|||
}; |
|||
}, |
|||
filters: { |
|||
dateFormat(date) { |
|||
return moment(date).format("YYYY-MM-DD"); |
|||
}, |
|||
getWeekFormat(date) { |
|||
const weeksObj = { |
|||
1: "周一", |
|||
2: "周二", |
|||
3: "周三", |
|||
4: "周四", |
|||
5: "周五", |
|||
6: "周六", |
|||
7: "周日" |
|||
}; |
|||
let weekNumber = moment(date).isoWeekday(); |
|||
// console.log(weekNumber); |
|||
return weeksObj[weekNumber]; |
|||
} |
|||
}, |
|||
|
|||
mounted() { |
|||
const index = _.findIndex(this.days, function (o) { |
|||
// console.log('o: ', o.getDate()); |
|||
// console.log('new Date().getDate(): ', new Date().getDate()); |
|||
return o.getDate() === new Date().getDate(); |
|||
}); |
|||
console.log("index: ", index); |
|||
this.tabIndex = index; |
|||
}, |
|||
|
|||
created() { |
|||
this.initData(null); |
|||
this.getScheduleList() |
|||
}, |
|||
|
|||
methods: { |
|||
changeInput(e,index,weekInfoIndex,morOrAft) { |
|||
// console.log(typeof Number(e)); |
|||
// console.log(e); |
|||
var pattern = /^[0-9][0-9]*$/ |
|||
var regex=/^[0]+/ |
|||
this.doctorList[index].weekInfo[weekInfoIndex][morOrAft].numSourceTotal = e.replace(regex,""); |
|||
if (!pattern.test(e)) { |
|||
this.$message({ |
|||
message: '只能输入正整数哦', |
|||
type: 'warning' |
|||
}) |
|||
this.doctorList[index].weekInfo[weekInfoIndex][morOrAft].numSourceTotal = 0 |
|||
} |
|||
}, |
|||
// 获取手术日程 |
|||
async getScheduleList() { |
|||
this.pageLoading = true |
|||
const { data: res } = await this.$http.get('/opera/schedule', { |
|||
params: { |
|||
searchDate: this.newDate, |
|||
} |
|||
}) |
|||
if (res.code === 0) { |
|||
this.pageLoading = false |
|||
this.doctorList = res.data |
|||
} else { |
|||
this.pageLoading = false |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
// 批量排台 |
|||
allPtClick() { |
|||
if(this.sortName === '批量排台') { |
|||
this.sortName = '保存设置' |
|||
this.getBatchNumSet() |
|||
} else { |
|||
this.sortName = '批量排台' |
|||
this.batchNumSave() |
|||
} |
|||
}, |
|||
// 批量排台获取 |
|||
async getBatchNumSet() { |
|||
const loading = this.$loading({ |
|||
lock: true, |
|||
text: '加载中请稍等...', |
|||
spinner: 'el-icon-loading', |
|||
background: 'rgba(255, 255, 255, 0.7)' |
|||
}) |
|||
const { data: res } = await this.$http.get('/num/source/set/getBatchNumSet', { |
|||
params: { |
|||
searchDate: this.newDate, |
|||
} |
|||
}) |
|||
if (res.code === 0) { |
|||
loading.close() |
|||
this.doctorList = res.data |
|||
} else { |
|||
loading.close() |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
// 批量保存 |
|||
async batchNumSave() { |
|||
const loading = this.$loading({ |
|||
lock: true, |
|||
text: '保存中请稍等...', |
|||
spinner: 'el-icon-loading', |
|||
background: 'rgba(255, 255, 255, 0.7)' |
|||
}) |
|||
const {data:res} = await this.$http.post('num/source/set/batchNumSet',{ |
|||
dtoList:this.doctorList, |
|||
searchDate:this.newDate |
|||
}) |
|||
if(res.code===0) { |
|||
loading.close() |
|||
this.$message({ |
|||
message: '保存成功', |
|||
type: 'success' |
|||
}); |
|||
} else { |
|||
loading.close() |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
// 选择时间的传参 |
|||
rowList(rowList) { |
|||
console.log(rowList); |
|||
this.rowListObj = rowList |
|||
this.$emit('rowList', rowList) |
|||
this.selectedShow = true |
|||
}, |
|||
formatDate(year, month, day) { |
|||
const y = year; |
|||
let m = month; |
|||
if (m < 10) m = `0${m}`; |
|||
let d = day; |
|||
if (d < 10) d = `0${d}`; |
|||
return `${y}-${m}-${d}`; |
|||
}, |
|||
// 日期改变时 |
|||
pickDateChange(date) { |
|||
let that = this; |
|||
that.newDate = moment(date).format("YYYY-MM-DD"); |
|||
that.$emit("dateValue", that.newDate); |
|||
console.log("this.newDate: ", that.newDate); |
|||
that.initData(that.newDate); |
|||
const index = _.findIndex(that.days, function (o) { |
|||
return o.getDate() === new Date(that.newDate).getDate(); |
|||
}); |
|||
this.sortName === '批量排台' ? this.getScheduleList() : this.getBatchNumSet() |
|||
// console.log("index: ", index); |
|||
this.tabIndex = index; |
|||
}, |
|||
initData(cur) { |
|||
let date = ""; |
|||
if (cur) { |
|||
date = new Date(cur); |
|||
} else { |
|||
date = new Date(); |
|||
} |
|||
this.currentDay = date.getDate(); // 今日日期 几号 |
|||
this.currentYear = date.getFullYear(); // 当前年份 |
|||
this.currentMonth = date.getMonth() + 1; // 当前月份 |
|||
this.currentWeek = date.getDay(); // 1...6,0 // 星期几 |
|||
if (this.currentWeek === 0) { |
|||
this.currentWeek = 7; |
|||
} |
|||
const str = this.formatDate( |
|||
this.currentYear, |
|||
this.currentMonth, |
|||
this.currentDay |
|||
); // 今日日期 年-月-日 |
|||
this.days.length = 0; |
|||
// 今天是周日，放在第一行第7个位置，前面6个 这里默认显示一周，如果需要显示一个月，则第二个循环为 i<= 35- this.currentWeek |
|||
/* eslint-disabled */ |
|||
// 今天 |
|||
for (let i = this.currentWeek - 1; i >= 0; i -= 1) { |
|||
const d = new Date(str); |
|||
d.setDate(d.getDate() - i); |
|||
// console.log(y:" + d.getDate()) |
|||
// console.log('d: ', d); |
|||
this.days.push(d); |
|||
} |
|||
// 这个星期 |
|||
for (let i = 1; i <= 7 - this.currentWeek; i += 1) { |
|||
const d = new Date(str); |
|||
d.setDate(d.getDate() + i); |
|||
this.days.push(d); |
|||
// console.log('d1: ', d); |
|||
} |
|||
|
|||
}, |
|||
|
|||
// 上个星期 |
|||
weekPre() { |
|||
const d = this.days[0]; // 如果当期日期是7号或者小于7号 |
|||
d.setDate(d.getDate() - 7); |
|||
this.initData(d); |
|||
this.newDate = dateFilterTwo(this.days[0]) |
|||
this.sortName === '批量排台' ? this.getScheduleList() : this.getBatchNumSet() |
|||
}, |
|||
|
|||
// 下个星期 |
|||
weekNext() { |
|||
const d = this.days[6]; // 如果当期日期是7号或者小于7号 |
|||
d.setDate(d.getDate() + 7); |
|||
this.initData(d); |
|||
this.newDate = dateFilterTwo(this.days[0]) |
|||
this.sortName === '批量排台' ? this.getScheduleList() : this.getBatchNumSet() |
|||
}, |
|||
// 上一個月 传入当前年份和月份 |
|||
pickPre(year, month) { |
|||
const d = new Date(this.formatDate(year, month, 1)); |
|||
d.setDate(0); |
|||
this.initData(this.formatDate(d.getFullYear(), d.getMonth() + 1, 1)); |
|||
}, |
|||
|
|||
// 下一個月 传入当前年份和月份 |
|||
pickNext(year, month) { |
|||
const d = new Date(this.formatDate(year, month, 1)); |
|||
d.setDate(35); |
|||
this.initData(this.formatDate(d.getFullYear(), d.getMonth() + 1, 1)); |
|||
}, |
|||
|
|||
// 当前选择日期 |
|||
pick(date, index) { |
|||
this.newDate = moment(date).format("YYYY-MM-DD"); |
|||
this.$emit("dateValue", this.newDate); |
|||
// console.log("index: ", index); |
|||
this.tabIndex = index; |
|||
// alert( |
|||
// this.formatDate(date.getFullYear(), date.getMonth() + 1, date.getDate()) |
|||
// ); |
|||
}, |
|||
pickTime(time, index) { |
|||
// console.log('time: ', time); |
|||
let timeArr = []; |
|||
timeArr.push(_.split(time.time, "~")); |
|||
// console.log("timeArr: ", timeArr); |
|||
this.$emit("timeValue", _.join(timeArr), ""); |
|||
// console.log("index: ", index); |
|||
this.tabTimeIndex = index; |
|||
// alert( |
|||
// this.formatDate(date.getFullYear(), date.getMonth() + 1, date.getDate()) |
|||
// ); |
|||
}, |
|||
// 鼠标移入 |
|||
mouseoverHandle(index, weekInfoIndex, weekInfoItem, showMorningAfterText) { |
|||
// console.log(weekInfoItem[showMorningAfterText]); |
|||
let numSourceTotal = weekInfoItem[showMorningAfterText].numSourceTotal |
|||
let orderNum = weekInfoItem[showMorningAfterText].orderNum |
|||
this.currentIndex = index |
|||
this.currentWeekIndex = weekInfoIndex |
|||
this.showMorningAfterText = showMorningAfterText |
|||
|
|||
this.mouseMoveIsShow = this.title == 'plus' ? (numSourceTotal > 0 && numSourceTotal !== orderNum ? true : false) : true |
|||
}, |
|||
// 鼠标移出 |
|||
mouseoutHandle() { |
|||
this.currentIndex = null |
|||
this.currentWeekIndex = null |
|||
this.showMorningAfterText = '' |
|||
this.mouseMoveIsShow = false |
|||
}, |
|||
// 默认开关 |
|||
switchChange(index,e) { |
|||
console.log(index,e); |
|||
this.doctorList[index].isDefault = e ? 1 : 0 |
|||
}, |
|||
// 新增日程安排 |
|||
addPatientHandle(item, weekInfoItem, flag) { |
|||
// console.log(weekInfoItem); |
|||
this.addScheduleVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.addScheduleRef.dataForm.title = '预约医生' |
|||
this.$refs.addScheduleRef.dataForm.doctorName = item.doctorName |
|||
this.$refs.addScheduleRef.dataForm.doctorCode = item.doctorCode |
|||
this.$refs.addScheduleRef.dataForm.operaName = item.expertise |
|||
this.$refs.addScheduleRef.dataForm.operaTime = flag === 'morning' ? weekInfoItem.date + ' 07:30:00' : weekInfoItem.date + ' 14:00:00' |
|||
this.$refs.addScheduleRef.params = item |
|||
this.$refs.addScheduleRef.init() |
|||
}) |
|||
}, |
|||
// 单选 |
|||
handleCurrentChange(val) { |
|||
this.currentRow = val; |
|||
}, |
|||
// 号源管理 |
|||
async numberMangeClick(item, weekInfoItem, morOrAft, title) { |
|||
this.numberMangeClickFun(item, weekInfoItem, morOrAft, title) |
|||
// if (this.title === 'plus' && this.titleButton !== '选择核查日期') { |
|||
// // 选择医生时判断医生有没有手术权限 |
|||
// const { data: res } = await this.$http.post('/num/source/authorDoctor', { |
|||
// doctorCode: item.doctorCode, |
|||
// operaVOList: this.operaTypeList |
|||
// }) |
|||
// if (res.code === 0) { |
|||
// this.numberMangeClickFun(item, weekInfoItem, morOrAft, title) |
|||
// } else { |
|||
// this.$message.error(res.msg) |
|||
// } |
|||
// } else { |
|||
// this.numberMangeClickFun(item, weekInfoItem, morOrAft, title) |
|||
// } |
|||
|
|||
}, |
|||
numberMangeClickFun(item, weekInfoItem, morOrAft, title) { |
|||
this.numberManageVisible = true |
|||
this.$nextTick(() => { |
|||
console.log(weekInfoItem.date); |
|||
this.$refs.numberManageRef.mainDoctorName = item.doctorName |
|||
this.$refs.numberManageRef.weekName = weekInfoItem.weekName |
|||
this.$refs.numberManageRef.morOrAft = morOrAft |
|||
this.$refs.numberManageRef.title = title |
|||
this.$refs.numberManageRef.dataForm.doctorCode = item.doctorCode |
|||
this.$refs.numberManageRef.dataForm.operaDate = weekInfoItem.date |
|||
this.$refs.numberManageRef.init() |
|||
}) |
|||
}, |
|||
// 设置时间 |
|||
setOperaTImeClick(item, weekInfoItem, morOrAft, title) { |
|||
// 判断时间是否过时 |
|||
const time = morOrAft=== 1 ? '13:30:00' : '21:00:00' |
|||
const operaDateTime = weekInfoItem.date + ' ' + time |
|||
// 时间 |
|||
const operaTime = new Date(operaDateTime) |
|||
// 现在时间 |
|||
const nowTime = new Date() |
|||
console.log(operaTime); |
|||
console.log(nowTime); |
|||
if (operaTime > nowTime) { |
|||
this.setOperaTimeVisible=true |
|||
this.$nextTick(() => { |
|||
// 如果日期相同，医生相同，时间段相同再回显时间 |
|||
if(this.rowListObj.operaDate===weekInfoItem.date && this.rowListObj.mainDoctorName === item.doctorName && this.rowListObj.morOrAft===morOrAft) { |
|||
this.$refs.setOperaTimeRef.dataForm.operaTime = this.rowListObj.operaTime |
|||
} |
|||
this.$refs.setOperaTimeRef.dataForm.mainDoctorName = item.doctorName |
|||
this.$refs.setOperaTimeRef.weekName = weekInfoItem.weekName |
|||
this.$refs.setOperaTimeRef.morOrAft = morOrAft |
|||
this.$refs.setOperaTimeRef.title = title |
|||
this.$refs.setOperaTimeRef.dataForm.mainDoctorCode = item.doctorCode |
|||
this.$refs.setOperaTimeRef.dataForm.operaDate = weekInfoItem.date |
|||
|
|||
this.$refs.setOperaTimeRef.init() |
|||
}) |
|||
} else { |
|||
this.$message({ |
|||
message: '时间已过时,不可设置', |
|||
type: 'warning' |
|||
}) |
|||
} |
|||
// console.log(this.rowListObj); |
|||
|
|||
}, |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.doctor-schedule { |
|||
font-size: 14px; |
|||
margin-top: 15px; |
|||
.date-head { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
padding-bottom: 10px; |
|||
.date-head-left { |
|||
font-size: 16px; |
|||
} |
|||
} |
|||
.data-head-fixed { |
|||
padding: 10px 16px 0 16px; |
|||
position: fixed; |
|||
top: 60px; |
|||
right: 20px; |
|||
z-index: 0; |
|||
} |
|||
.doctor-schedule-content { |
|||
background: #f7f9fd; |
|||
padding: 10px 0; |
|||
.weeks { |
|||
display: flex; |
|||
padding-bottom: 10px; |
|||
border-bottom: 1px solid #e2ebf9; |
|||
color: #88939d; |
|||
.doctor-list-text,.moren { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
width: 5%; |
|||
text-align: center; |
|||
} |
|||
.date-day { |
|||
text-align: center; |
|||
margin-bottom: 10px; |
|||
} |
|||
.morning-after { |
|||
display: flex; |
|||
justify-content: space-around; |
|||
} |
|||
.date-item { |
|||
cursor: pointer; |
|||
padding: 5px 10px; |
|||
border-right: none; |
|||
list-style: none; |
|||
flex: 1; |
|||
text-align: center; |
|||
&:hover { |
|||
background: #dff0d8; |
|||
} |
|||
&:active { |
|||
background: #dff0d8; |
|||
} |
|||
} |
|||
} |
|||
.scroll-list { |
|||
height: calc(100vh - 50px - 220px); |
|||
overflow-y: auto; |
|||
overflow-x: hidden; |
|||
.doctor-name { |
|||
width: 5%; |
|||
} |
|||
} |
|||
.content { |
|||
border-bottom: 1px solid #e2ebf9; |
|||
padding: 16px 0; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
.doctorList { |
|||
text-align: center; |
|||
.list { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
.list-img { |
|||
width: 64px; |
|||
height: 64px; |
|||
border-radius: 50%; |
|||
overflow: hidden; |
|||
img { |
|||
width: 64px; |
|||
height: 64px; |
|||
} |
|||
} |
|||
} |
|||
.surplu-num { |
|||
display: flex; |
|||
justify-content: center; |
|||
.surplu-num-morning, |
|||
.surplu-num-after { |
|||
width: 45%; |
|||
height: 60px; |
|||
position: relative; |
|||
} |
|||
.morning-top, |
|||
.after-top { |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 100%; |
|||
border-radius: 3px; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
align-items: center; |
|||
z-index: 1; |
|||
background: #1b5bfb; |
|||
color: #fff; |
|||
} |
|||
.morning, |
|||
.after { |
|||
position: relative; |
|||
color: #88939d; |
|||
width: 100%; |
|||
height: 100%; |
|||
border-radius: 3px; |
|||
background: #fff; |
|||
overflow: hidden; |
|||
.yue-man, |
|||
.yi-yue, |
|||
.none { |
|||
width: 100%; |
|||
height: 100%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
font-size: 14px; |
|||
p:nth-child(1) { |
|||
color: #88939d; |
|||
} |
|||
p:nth-child(2) { |
|||
font-weight: 700; |
|||
} |
|||
} |
|||
.yue-man { |
|||
border-top: 2px solid #f40000; |
|||
p:nth-child(2) { |
|||
color: #f40000; |
|||
} |
|||
} |
|||
.yi-yue { |
|||
border-top: 2px solid #00bb61; |
|||
p:nth-child(2) { |
|||
color: #00bb61; |
|||
} |
|||
} |
|||
.none { |
|||
border-top: 2px solid #e1e1e1; |
|||
} |
|||
} |
|||
.after, |
|||
.after-top { |
|||
margin-left: 6px; |
|||
} |
|||
.morningAfterClass { |
|||
border-top: 2px solid #e1e1e1; |
|||
background: #fcfdfe; |
|||
} |
|||
.morning:hover, |
|||
.after:hover { |
|||
box-shadow: 0px 0px 16px rgba(8, 115, 215, 0.24); |
|||
} |
|||
.show-plus-one:hover { |
|||
border-top: 2px solid #1b5bfb !important; |
|||
} |
|||
.show-plus-one, |
|||
.show-plus-two { |
|||
width: 100%; |
|||
height: 100%; |
|||
background: #fff; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
z-index: 999; |
|||
text-align: center; |
|||
} |
|||
.show-plus-one { |
|||
font-size: 12px; |
|||
p { |
|||
height: 50%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: #1e79ff; |
|||
cursor: pointer; |
|||
} |
|||
p:nth-child(1) { |
|||
border-bottom: 1px solid #f1f1f1; |
|||
} |
|||
} |
|||
.show-plus-two { |
|||
font-size: 24px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
} |
|||
.content:nth-last-child(1) { |
|||
border-bottom: 0; |
|||
} |
|||
} |
|||
|
|||
.time-range { |
|||
display: flex; |
|||
justify-content: space-around; |
|||
align-items: center; |
|||
padding: 10px 0; |
|||
span { |
|||
cursor: pointer; |
|||
padding-bottom: 5px; |
|||
border-bottom: 3px solid #fff; |
|||
&:hover { |
|||
border-bottom: 3px solid rgb(151, 198, 245); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
.today-item { |
|||
cursor: pointer; |
|||
line-height: 45px; |
|||
} |
|||
.selected { |
|||
box-sizing: border-box; |
|||
} |
|||
.item-wrapper { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
flex-direction: column; |
|||
} |
|||
.doctor-list-text, |
|||
.prev-btn, |
|||
.next-btn { |
|||
cursor: pointer; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
.fa-icon { |
|||
font-size: 18px; |
|||
} |
|||
} |
|||
</style> |
|||
<style lang="scss"> |
|||
.surplu-num { |
|||
.el-input__inner { |
|||
text-align: center; |
|||
height: 60px; |
|||
line-height: 60px; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,119 @@ |
|||
<template> |
|||
<el-dialog class="edit-operation" :visible.sync="visible" title="修改" append-to-body @close="closeDialog"> |
|||
<el-form ref="dataForm" :model="dataForm" :rules="dataRule" label-width="auto" @keyup.enter.native="dataFormSubmitHandle()"> |
|||
<div class="head"> |
|||
<span>姓名：{{ patientInfo.patientName ? patientInfo.patientName : '-' }}</span> |
|||
<span>性别：{{ patientInfo.patientSex ? patientInfo.patientSex : '-' }}</span> |
|||
<span>年龄：{{ patientInfo.patientAge ? patientInfo.patientAge : '-' }}</span> |
|||
<span>已约日期：{{ patientInfo.appointmentDate ? patientInfo.appointmentDate : '-' }}</span> |
|||
<span>已约时间：{{ patientInfo.appointmentTime ? patientInfo.appointmentTime.substr(0, 5) : '-' }}</span> |
|||
</div> |
|||
<el-form-item label="修改时间：" prop="operaTime"> |
|||
<el-time-select |
|||
v-model="dataForm.operaTime" |
|||
placeholder="请设置时间" |
|||
:picker-options="dataForm.morOrAft === 1 ? { |
|||
start: '07:30', |
|||
step: '00:15', |
|||
end: '13:30' |
|||
} : { |
|||
start: '14:00', |
|||
step: '00:15', |
|||
end: '21:00' |
|||
}" |
|||
/> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template slot="footer"> |
|||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|||
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|||
</template> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
props: { |
|||
}, |
|||
data() { |
|||
return { |
|||
visible: false, |
|||
menuList: [], |
|||
tempMenuIdList: [], |
|||
dataForm: { |
|||
operaTime: '', |
|||
morOrAft: '' |
|||
}, |
|||
patientInfo: { |
|||
patientAge: '', |
|||
patientName: '', |
|||
patientSex: '' |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule() { |
|||
return { |
|||
operaTime: [ |
|||
{ required: true, message: '请选择预约时间', trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
console.log(this.dataForm) |
|||
}) |
|||
}, |
|||
// 表单提交 |
|||
dataFormSubmitHandle() { |
|||
this.$refs.dataForm.validate((valid) => { |
|||
if (!valid) { |
|||
return false |
|||
} |
|||
this.$http.post('/num/source/updateNumSourceTime', { |
|||
appointmentTime: this.dataForm.operaTime + ':00', |
|||
numSourceId: this.patientInfo.numSourceId |
|||
}).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.$message({ |
|||
message: this.$t('prompt.success'), |
|||
type: 'success', |
|||
duration: 500, |
|||
onClose: () => { |
|||
this.visible = false |
|||
this.$emit('getPatientList') |
|||
} |
|||
}) |
|||
}).catch(() => {}) |
|||
}) |
|||
}, |
|||
closeDialog() { |
|||
this.$emit('closeDialog') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss"> |
|||
.edit-operation{ |
|||
.head { |
|||
font-size: 14px; |
|||
padding: 10px; |
|||
margin: 4px 0 30px 0; |
|||
background: #eff4ff; |
|||
border: 1px solid #c5d5fe; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
.el-dialog__header { |
|||
margin-bottom:12px |
|||
} |
|||
.el-date-editor.el-input, .el-date-editor.el-input__inner { |
|||
width: 100%; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,62 @@ |
|||
<template> |
|||
<div class="schedule-date"> |
|||
<div class="tab-content"> |
|||
<el-tabs> |
|||
<el-tab-pane> |
|||
<!-- <svg-icon icon-class="icon-no-scheduled" style="font-size:13px;" /> --> |
|||
<span slot="label" class="no-schedule-tab"><i class="el-icon-scissors" /> 手术医生日程</span> |
|||
<!-- 号源标识 1:手术号源 2:检查号源 --> |
|||
<doctorSchedule title="newAddNUm" /> |
|||
</el-tab-pane> |
|||
<!-- <el-tab-pane label="待审核"> |
|||
<span slot="label" class="no-schedule-tab"><i class="el-icon-reading" /> 检查医生日程</span>> |
|||
<doctorSchedule :source-flag="2" title="newAddNUm" /> |
|||
</el-tab-pane> --> |
|||
</el-tabs> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
/* eslint-disable */ |
|||
import DoctorSchedule from "@/page-subspecialty/views/modules/nurseManagement/schedule/doctor-schedule.vue"; |
|||
|
|||
export default { |
|||
components: { |
|||
DoctorSchedule |
|||
}, |
|||
data() { |
|||
return { |
|||
}; |
|||
}, |
|||
|
|||
created() { |
|||
}, |
|||
|
|||
methods: { |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.schedule-date { |
|||
font-size: 14px; |
|||
.tab-content { |
|||
background: #fff; |
|||
|
|||
} |
|||
|
|||
} |
|||
|
|||
</style> |
|||
<style lang="scss"> |
|||
.schedule-date { |
|||
.el-tabs__nav-wrap::after { |
|||
height: 0; |
|||
} |
|||
.el-tabs__header { |
|||
padding: 0 10px; |
|||
margin: 0; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,413 @@ |
|||
<template> |
|||
<el-dialog top="30px" class="number-manage" append-to-body :visible.sync="visible" width="70%" :title="title" @close="closeDialog"> |
|||
<div class="number-manage-head"> |
|||
<div class="head-content"> |
|||
<span class="head-content-left"> |
|||
<span>医生姓名:</span> |
|||
<span>{{ doctorName }}</span> |
|||
</span> |
|||
<span class="head-content-right"> |
|||
<span>排台日期:</span> |
|||
<span>{{ dataForm.operaDate }}</span> |
|||
<span>{{ weekName }}</span> |
|||
<span>{{ morOrAft===1 ? '上午' : '下午' }}</span> |
|||
</span> |
|||
</div> |
|||
</div> |
|||
<el-form v-if="title !=='排台详情'" ref="dataForm" :model="dataForm" :rules="dataRule" class="form-content"> |
|||
<div class="form-one"> |
|||
<el-form-item label="总数:" prop="total" label-width="70px" class="total-form"> |
|||
<el-input-number |
|||
v-model="dataForm.total" |
|||
controls-position="right" |
|||
:min="1" |
|||
/> |
|||
</el-form-item> |
|||
</div> |
|||
<div class="button" @click="creatNumberClick">生成预约号</div> |
|||
</el-form> |
|||
<div class="number-list"> |
|||
<el-table |
|||
ref="multipleTable" |
|||
class="number-table" |
|||
:highlight-current-row="title !=='排台管理' ? true : false" |
|||
:data="dataList" |
|||
tooltip-effect="dark" |
|||
style="width: 100%" |
|||
:height="title==='排台管理' ? '300px' : '450px'" |
|||
:row-class-name="tableRowClassName" |
|||
@row-click="rowClick" |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column v-if="title !=='排台详情'" type="selection" width="55" /> |
|||
<el-table-column type="index" label="序号" /> |
|||
<el-table-column prop="appointmentDate" label="预约日期" align="center" /> |
|||
<el-table-column label="时间段" align="center"> |
|||
<template slot-scope="scope">{{ scope.row.morOrAft===1 ? '上午' : '下午' }}</template> |
|||
</el-table-column> |
|||
<el-table-column label="预约时间" align="center"> |
|||
<template slot-scope="scope">{{ scope.row.appointmentTime ? scope.row.appointmentTime.substr(0, 5) : '-' }}</template> |
|||
</el-table-column> |
|||
<template v-if="title=='排台详情'"> |
|||
<el-table-column |
|||
prop="patientName" |
|||
label="姓名" |
|||
> |
|||
<template slot-scope="scope">{{ scope.row.patientName ? scope.row.patientName : '-' }}</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="patientSex" |
|||
label="性别" |
|||
> |
|||
<template slot-scope="scope">{{ scope.row.patientSex ? scope.row.patientSex : '-' }}</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="patientAge" |
|||
label="年龄" |
|||
> |
|||
<template slot-scope="scope">{{ scope.row.patientSex ? scope.row.patientAge : '-' }}</template> |
|||
</el-table-column> |
|||
</template> |
|||
<!-- 状态 0:可用，1:已预约,2:已过时 --> |
|||
<el-table-column label="号源状态" prop="status" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
<div v-show="scope.row.status == 0"> |
|||
<span class="circle-status circle-blue" /> |
|||
<span>可用</span> |
|||
</div> |
|||
<div v-show="scope.row.status == 1"> |
|||
<span class="circle-status circle-green" /> |
|||
<span>已预约</span> |
|||
</div> |
|||
<div v-show="scope.row.status == 2"> |
|||
<span class="circle-status circle-red" /> |
|||
<span>已过时</span> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="operation" label="操作" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
<!-- 号源状态 0 可用 1 已预约 2 过时 --> |
|||
<span |
|||
v-if="title==='排台详情' && scope.row.status=== 1 && new Date(scope.row.appointmentDate + ' ' + (morOrAft=== 1 ? '12:00:00' : '20:00:00') ) > new Date()" |
|||
style="color: #1890ff; padding-right: 8px" |
|||
class="operation-details" |
|||
@click="editHandle(scope.row,'修改')" |
|||
>修改</span> |
|||
<span |
|||
v-if="title==='排台管理' && scope.row.status ===0 && new Date(scope.row.appointmentDate + ' ' + (morOrAft=== 1 ? '12:00:00' : '20:00:00') ) > new Date()" |
|||
style="color: #fd4d4f; padding-right: 8px" |
|||
class="operation-details" |
|||
@click="deleteHandle(scope.row)" |
|||
>删除</span> |
|||
<span |
|||
v-if="(title==='排台管理' && scope.row.status ===1) || |
|||
(title==='排台详情' && scope.row.status ===0) || |
|||
scope.row.status ===2 || |
|||
new Date(scope.row.appointmentDate + ' ' + (morOrAft=== 1 ? '12:00:00' : '20:00:00') ) < new Date()" |
|||
>无</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<template v-if="title !=='排台详情'" slot="footer"> |
|||
<div> |
|||
<el-button v-if="title==='排台管理' && dataList.length>0" type="danger" plain @click="batchDeleteClick">批量删除</el-button> |
|||
</div> |
|||
<div> |
|||
<el-button @click="visible = false">关闭</el-button> |
|||
</div> |
|||
</template> |
|||
<editOperation |
|||
v-if="editOperationVisible" |
|||
ref="editOperationRef" |
|||
@closeDialog="editOperationVisible=false" |
|||
@getPatientList="getPatientList" |
|||
/> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import EditOperation from '@/page-subspecialty/views/modules/nurseManagement/schedule/edit-operation.vue' |
|||
|
|||
export default { |
|||
components: { EditOperation }, |
|||
props: { |
|||
patientTypeList: { |
|||
type: Array, |
|||
default: () => [] |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
visible: false, |
|||
morOrAft: '', // 上下午 |
|||
weekName: '', // 星期几 |
|||
title: '', |
|||
doctorName: '', |
|||
dataForm: { |
|||
operaDate: '', // 预约日期(年月日) |
|||
doctorCode: '', // 医生工号 |
|||
morOrAft: '', |
|||
total: '' // 总数 |
|||
}, |
|||
dataList: [], |
|||
currentTableList: [], |
|||
currentTableId: [], |
|||
rowListObj: {}, |
|||
editOperationVisible: false |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule() { |
|||
return { |
|||
startNum: [ |
|||
{ required: true, message: '请输入起始号', trigger: 'change' } |
|||
], |
|||
total: [ |
|||
{ required: true, message: '请输入总数', trigger: 'change' } |
|||
], |
|||
startTime: [ |
|||
{ required: true, message: '请选择开始时间', trigger: 'change' } |
|||
], |
|||
interval: [ |
|||
{ required: true, message: '请输入间隔时间', trigger: 'change' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.dataForm ? this.$refs.dataForm.resetFields() : '' // 重置表单 |
|||
this.dataForm.morOrAft = this.morOrAft |
|||
this.title === '排台详情' ? this.getPatientList() : this.getSourceList() |
|||
}) |
|||
}, |
|||
// 获取预约患者详情 |
|||
async getPatientList() { |
|||
const { data: res } = await this.$http.get('/opera/schedule/getScheduleInfo', { |
|||
params: { |
|||
doctorCode: this.dataForm.doctorCode, // 医生工号 |
|||
morOrAft: this.morOrAft, // morOrAft --1:上午，2:下午 |
|||
searchDate: this.dataForm.operaDate // 搜索日期 |
|||
} |
|||
}) |
|||
if (res.code === 0) { |
|||
this.dataList = res.data |
|||
} else { |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
// 生成预约号 |
|||
async creatNumberClick() { |
|||
const time = this.morOrAft === 1 ? '12:00:00' : '20:00:00' |
|||
const operaDateTime = this.dataForm.operaDate + ' ' + time |
|||
// 时间 |
|||
const operaTime = new Date(operaDateTime) |
|||
// 现在时间 |
|||
const nowTime = new Date() |
|||
if (operaTime > nowTime) { |
|||
const { data: res } = await this.$http.post('/num/source/createNumSource', this.dataForm) |
|||
if (res.code === 0) { |
|||
this.getSourceList() |
|||
} else { |
|||
this.$message.error(res.msg) |
|||
} |
|||
} else { |
|||
this.$message({ |
|||
message: '当前日期已过时,不可生成号源', |
|||
type: 'warning' |
|||
}) |
|||
} |
|||
}, |
|||
// 获取排台管理列表 |
|||
async getSourceList() { |
|||
const { data: res } = await this.$http.get('/num/source/getList', { |
|||
params: { |
|||
doctorCode: this.dataForm.doctorCode, // 医生工号 |
|||
morOrAft: this.morOrAft, // morOrAft --1:上午，2:下午 |
|||
searchDate: this.dataForm.operaDate // 搜索日期 |
|||
} |
|||
}) |
|||
if (res.code === 0) { |
|||
this.dataList = res.data |
|||
// 选中哪一行 |
|||
this.dataList.forEach((item, index) => { |
|||
if (this.rowListObj.id === item.id) { |
|||
this.rowListObj.operaTime && this.$refs.multipleTable ? this.$refs.multipleTable.setCurrentRow(this.dataList[index]) : '' |
|||
} |
|||
}) |
|||
} else { |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
// 表格批量选择 |
|||
handleSelectionChange(val) { |
|||
// console.log(val) |
|||
this.currentTableList = val |
|||
this.currentTableId = [] |
|||
this.currentTableList.forEach(item => { |
|||
this.currentTableId.push(item.id) |
|||
}) |
|||
console.log(this.currentTableId) |
|||
}, |
|||
// 点击行 |
|||
rowClick(val) { |
|||
console.log('点击rowClick', val) |
|||
this.rowListObj = val |
|||
}, |
|||
// 把每一行的索引放进row |
|||
tableRowClassName({ row, rowIndex }) { |
|||
row.index = rowIndex |
|||
}, |
|||
// 修改 |
|||
editHandle(scopeRow) { |
|||
this.editOperationVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.editOperationRef.dataForm.operaTime = scopeRow.appointmentTime.substr(0, 5) |
|||
this.$refs.editOperationRef.dataForm.morOrAft = scopeRow.morOrAft |
|||
this.$refs.editOperationRef.patientInfo = scopeRow |
|||
|
|||
this.$refs.editOperationRef.init() |
|||
}) |
|||
}, |
|||
// 删除 |
|||
async deleteHandle(scopeRow) { |
|||
this.deleteClickFun([scopeRow.id]) |
|||
}, |
|||
// 批量删除 |
|||
batchDeleteClick() { |
|||
if (this.currentTableId.length > 0) { |
|||
this.deleteClickFun(this.currentTableId) |
|||
} else { |
|||
this.$message({ |
|||
message: '请选择删除项', |
|||
type: 'warning' |
|||
}) |
|||
} |
|||
}, |
|||
// 删除--保存过的预约号 |
|||
deleteClickFun(id) { |
|||
this.$confirmFun('您确定要删除吗？').then(async() => { |
|||
const { data: res } = await this.$http({ |
|||
url: '/num/source', |
|||
method: 'delete', |
|||
data: id |
|||
}) |
|||
if (res.code === 0) { |
|||
this.$message({ |
|||
message: '删除成功', |
|||
type: 'success' |
|||
}) |
|||
this.getSourceList() |
|||
} else { |
|||
this.$message.error(res.msg) |
|||
} |
|||
}) |
|||
}, |
|||
// 关闭弹框 |
|||
closeDialog() { |
|||
this.$emit('closeDialog') |
|||
this.$emit('getScheduleList') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.number-manage { |
|||
.number-manage-head { |
|||
border-bottom: 1px dashed #d6d6d6; |
|||
} |
|||
.head-content { |
|||
font-size: 14px; |
|||
padding: 10px; |
|||
margin: 4px 0 12px 0; |
|||
background: #eff4ff; |
|||
border: 1px solid #c5d5fe; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
.head-content-left, |
|||
.head-content-right { |
|||
span { |
|||
padding-right: 6px; |
|||
} |
|||
span:nth-child(1) { |
|||
font-weight: 700; |
|||
} |
|||
} |
|||
} |
|||
.form-two { |
|||
margin-left: 16px; |
|||
} |
|||
.operation-details { |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
</style> |
|||
<style lang="scss"> |
|||
.number-manage { |
|||
.el-input { |
|||
width: auto; |
|||
} |
|||
.el-form-item { |
|||
margin-bottom: 12px; |
|||
} |
|||
.el-form-item__content { |
|||
display: flex; |
|||
} |
|||
.form-content { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 10px 0; |
|||
border-bottom: 1px dashed #d6d6d6; |
|||
} |
|||
.total-form, |
|||
.time-form { |
|||
margin-bottom: 0; |
|||
} |
|||
.button { |
|||
border: 1px solid #1b6de6; |
|||
padding: 10px 10px; |
|||
color: #1b6de6; |
|||
cursor: pointer; |
|||
width: 150px; |
|||
text-align: center; |
|||
border-radius: 6px; |
|||
} |
|||
.button:hover { |
|||
background: #1b6de6; |
|||
color: #fff; |
|||
} |
|||
.number-table { |
|||
margin-top: 8px; |
|||
} |
|||
.el-table-column--selection .cell { |
|||
padding-left: 10px; |
|||
} |
|||
.el-input-group { |
|||
width: 80%; |
|||
} |
|||
.el-date-editor.el-input, .el-date-editor.el-input__inner { |
|||
// width: 80%; |
|||
} |
|||
|
|||
.el-table__body tr.current-row>td.el-table__cell { |
|||
color: #fff; |
|||
background: #1b6de6; |
|||
} |
|||
.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf { |
|||
border: none; |
|||
} |
|||
.el-dialog__footer { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
padding-bottom: 10px; |
|||
} |
|||
|
|||
} |
|||
</style> |
|||
@ -0,0 +1,154 @@ |
|||
<template> |
|||
<el-dialog append-to-body class="operation-detail" :visible.sync="visible" width="50%" :title="title"> |
|||
<div class="operation-detail-head"> |
|||
<div class="head-content"> |
|||
<span class="head-content-left"> |
|||
<span>医生姓名：</span> |
|||
<span>刘灿</span> |
|||
</span> |
|||
<span class="head-content-right"> |
|||
<span>预约日期：</span> |
|||
<span>2022-12-24</span> |
|||
<span>周二</span> |
|||
<span>上午</span> |
|||
</span> |
|||
</div> |
|||
|
|||
</div> |
|||
<div class="number-list"> |
|||
<el-table |
|||
ref="multipleTable" |
|||
class="number-table" |
|||
highlight-current-row |
|||
:data="dataList" |
|||
tooltip-effect="dark" |
|||
style="width: 100%" |
|||
@current-change="handleCurrentChange" |
|||
> |
|||
<el-table-column |
|||
prop="name" |
|||
label="预约号" |
|||
/> |
|||
|
|||
<el-table-column |
|||
label="预约时间" |
|||
> |
|||
<template slot-scope="scope">123</template> |
|||
</el-table-column> |
|||
<template v-if="title=='预约详情'"> |
|||
<el-table-column |
|||
prop="name" |
|||
label="姓名" |
|||
/> |
|||
<el-table-column |
|||
prop="name" |
|||
label="性别" |
|||
/> |
|||
<el-table-column |
|||
prop="name" |
|||
label="年龄" |
|||
/> |
|||
</template> |
|||
|
|||
<el-table-column v-if="title=='选择时间'" label="手术状态" prop="status" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
<div v-show="scope.row.status == 0"> |
|||
<span class="circle-status circle-green" /> |
|||
<span>已预约</span> |
|||
</div> |
|||
<div v-show="scope.row.status == 1"> |
|||
<span class="circle-status circle-blue" /> |
|||
<span>可用</span> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<template v-if="title==='选择时间'" slot="footer"> |
|||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|||
<el-button type="primary" @click="dataFormSubmitHandle()">确定</el-button> |
|||
</template> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import debounce from 'lodash/debounce' |
|||
export default { |
|||
props: { |
|||
}, |
|||
data() { |
|||
return { |
|||
visible: false, |
|||
title: '', |
|||
dataList: [], |
|||
currentTableList: [] |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule() { |
|||
return { |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
}) |
|||
}, |
|||
handleCurrentChange() {}, |
|||
// 获取信息 |
|||
getInfo() { |
|||
this.$http.get(`/patient/manage/${this.params.patientCentreId}/${this.params.patientIdNumber}`).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.dataForm = { |
|||
...this.dataForm, |
|||
...res.data |
|||
} |
|||
}).catch(() => { }) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.operation-detail { |
|||
.operation-detail-head { |
|||
} |
|||
.head-content { |
|||
font-size: 14px; |
|||
padding: 10px; |
|||
margin: 4px 0 12px 0; |
|||
background: #eff4ff; |
|||
border: 1px solid #c5d5fe; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
.head-content-left,.head-content-right { |
|||
span:nth-child(1) { |
|||
font-weight: 700; |
|||
} |
|||
} |
|||
.head-content-right { |
|||
span:nth-child(3),span:nth-child(4) { |
|||
padding-left: 10px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
<style lang="scss"> |
|||
.operation-detail { |
|||
|
|||
.el-table-column--selection .cell { |
|||
padding-left: 10px; |
|||
} |
|||
.el-table__body tr.current-row>td.el-table__cell { |
|||
color: #fff; |
|||
background: #1e79ff; |
|||
} |
|||
.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf { |
|||
border: none; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,266 @@ |
|||
<template> |
|||
<el-dialog top="30px" class="setoperaTime" append-to-body :visible.sync="visible" width="50%" :title="title" @close="closeDialog"> |
|||
|
|||
<div class="flex-6"> |
|||
<div class="setoperaTime-left"> |
|||
<el-table |
|||
ref="multipleTable" |
|||
class="number-table" |
|||
:highlight-current-row="true" |
|||
:data="dataList" |
|||
tooltip-effect="dark" |
|||
style="width: 100%" |
|||
:height="'450px'" |
|||
> |
|||
<el-table-column type="index" label="序号" align="center" /> |
|||
<el-table-column label="已约患者" align="center"> |
|||
<template slot-scope="scope">{{ scope.row.patientName }}</template> |
|||
</el-table-column> |
|||
<el-table-column label="预约时间" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.operaTime ? scope.row.operaTime.substr(0, 5) : '-' }} |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="setoperaTime-right"> |
|||
<div class="head-content"> |
|||
<div class="head-content-left"> |
|||
<span>医生姓名:</span> |
|||
<span>{{ dataForm.mainDoctorName }}</span> |
|||
</div> |
|||
<div class="head-content-right"> |
|||
<span>排台日期:</span> |
|||
<span>{{ dataForm.operaDate }}</span> |
|||
<span>{{ weekName }}</span> |
|||
<span>{{ morOrAft===1 ? '上午' : '下午' }}</span> |
|||
</div> |
|||
</div> |
|||
<div class="margin-top-20"> |
|||
<p class="margin-bottom-10">设置手术时间：</p> |
|||
<el-time-select |
|||
v-model="dataForm.operaTime" |
|||
placeholder="请设置时间" |
|||
:picker-options="morOrAft === 1 ? { |
|||
start: '07:30', |
|||
step: '00:15', |
|||
end: '13:30' |
|||
} : { |
|||
start: '14:00', |
|||
step: '00:15', |
|||
end: '21:00' |
|||
}" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<template slot="footer"> |
|||
<div> |
|||
<el-button @click="visible = false">关闭</el-button> |
|||
<el-button type="primary" @click="timeSureClick()">确定</el-button> |
|||
</div> |
|||
</template> |
|||
<editOperation |
|||
v-if="editOperationVisible" |
|||
ref="editOperationRef" |
|||
@closeDialog="editOperationVisible=false" |
|||
@refreshDataList="getSourceList()" |
|||
@editSourceListParams="editSourceListParams" |
|||
/> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import viewModule from '@/mixins/view-module' |
|||
import EditOperation from '@/page-subspecialty/views/modules/nurseManagement/schedule/edit-operation.vue' |
|||
export default { |
|||
components: { EditOperation }, |
|||
mixins: [viewModule], |
|||
props: { |
|||
patientTypeList: { |
|||
type: Array, |
|||
default: () => [] |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
visible: false, |
|||
morOrAft: '', // 上下午 |
|||
weekName: '', // 星期几 |
|||
title: '', |
|||
dataForm: { |
|||
operaDate: '', // 预约日期(年月日) |
|||
operaTime: '', |
|||
mainDoctorCode: '', // 医生工号 |
|||
morOrAft: '', |
|||
total: '' // 总数 |
|||
}, |
|||
dataList: [], |
|||
rowListObj: {}, |
|||
currentTableList: [], |
|||
currentTableId: [], |
|||
saveButtonShow: false, |
|||
editOperationVisible: false |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule() { |
|||
return { |
|||
startTime: [ |
|||
{ required: true, message: '请选择开始时间', trigger: 'change' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
this.saveButtonShow = false |
|||
this.$refs.dataForm ? this.$refs.dataForm.resetFields() : '' // 重置表单 |
|||
this.dataForm.morOrAft = this.morOrAft |
|||
this.getPatientList() |
|||
}) |
|||
}, |
|||
// 获取预约患者详情 |
|||
async getPatientList() { |
|||
const { data: res } = await this.$http.get('/opera/getOperaPatientList', { |
|||
params: { |
|||
doctorCode: this.dataForm.mainDoctorCode, // 医生工号 |
|||
morOrAft: this.morOrAft, // morOrAft --1:上午，2:下午 |
|||
searchDate: this.dataForm.operaDate // 搜索日期 |
|||
} |
|||
}) |
|||
if (res.code === 0) { |
|||
this.dataList = res.data |
|||
} else { |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
// 设置时间确认 |
|||
timeSureClick() { |
|||
const operaDateTime = this.dataForm.operaDate + ' ' + this.dataForm.operaTime + ':00' |
|||
// 时间 |
|||
const operaTime = new Date(operaDateTime) |
|||
// 现在时间 |
|||
const nowTime = new Date() |
|||
if (operaTime > nowTime) { |
|||
const index = this.dataList.findIndex(item => item.operaTime.substr(0, 5) === this.dataForm.operaTime) |
|||
if (index === -1) { |
|||
this.$emit('rowList', this.dataForm) |
|||
this.visible = false |
|||
} else { |
|||
this.$message({ |
|||
message: '有时间重复，请重新设置', |
|||
type: 'warning' |
|||
}) |
|||
} |
|||
} else { |
|||
this.$message({ |
|||
message: '时间已过时，请从新设置', |
|||
type: 'warning' |
|||
}) |
|||
} |
|||
}, |
|||
// 关闭弹框 |
|||
closeDialog() { |
|||
this.$emit('closeDialog') |
|||
this.$emit('getScheduleList') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.setoperaTime { |
|||
.setoperaTime-left { |
|||
width: 250px; |
|||
} |
|||
.setoperaTime-right { |
|||
flex: 1; |
|||
margin-left: 20px; |
|||
} |
|||
.head-content { |
|||
font-size: 14px; |
|||
padding: 10px; |
|||
margin: 4px 0 12px 0; |
|||
background: #eff4ff; |
|||
border: 1px solid #c5d5fe; |
|||
.head-content-left, |
|||
.head-content-right { |
|||
span { |
|||
padding-right: 6px; |
|||
} |
|||
span:nth-child(1) { |
|||
font-weight: 700; |
|||
} |
|||
} |
|||
} |
|||
.form-two { |
|||
margin-left: 16px; |
|||
} |
|||
.operation-details { |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
</style> |
|||
<style lang="scss"> |
|||
.setoperaTime { |
|||
.el-input { |
|||
width: auto; |
|||
} |
|||
.el-form-item { |
|||
margin-bottom: 12px; |
|||
} |
|||
.el-form-item__content { |
|||
display: flex; |
|||
} |
|||
.form-content { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 10px 0; |
|||
border-bottom: 1px dashed #d6d6d6; |
|||
} |
|||
.total-form, |
|||
.time-form { |
|||
margin-bottom: 0; |
|||
} |
|||
.button { |
|||
border: 1px solid #1b6de6; |
|||
padding: 10px 10px; |
|||
color: #1b6de6; |
|||
cursor: pointer; |
|||
width: 150px; |
|||
text-align: center; |
|||
border-radius: 6px; |
|||
} |
|||
.button:hover { |
|||
background: #1b6de6; |
|||
color: #fff; |
|||
} |
|||
.number-table { |
|||
margin-top: 8px; |
|||
} |
|||
.el-table-column--selection .cell { |
|||
padding-left: 10px; |
|||
} |
|||
.el-input-group { |
|||
width: 80%; |
|||
} |
|||
.el-date-editor.el-input, .el-date-editor.el-input__inner { |
|||
width: 100%; |
|||
} |
|||
|
|||
.el-table__body tr.current-row>td.el-table__cell { |
|||
color: #fff; |
|||
background: #1b6de6; |
|||
} |
|||
.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf { |
|||
border: none; |
|||
} |
|||
.el-dialog__footer { |
|||
padding-bottom: 10px; |
|||
} |
|||
|
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue