|
@ -3,7 +3,7 @@ |
|
|
<div class="nurse_content"> |
|
|
<div class="nurse_content"> |
|
|
<div v-if="!detailViewVisible" class="scheduled-patient"> |
|
|
<div v-if="!detailViewVisible" class="scheduled-patient"> |
|
|
<div class="scheduled-patient-head"> |
|
|
<div class="scheduled-patient-head"> |
|
|
<div> |
|
|
|
|
|
|
|
|
<div style="display:flex;"> |
|
|
<el-select |
|
|
<el-select |
|
|
v-model="dataForm.searchType" |
|
|
v-model="dataForm.searchType" |
|
|
placeholder="请选择" |
|
|
placeholder="请选择" |
|
@ -42,10 +42,23 @@ |
|
|
color="white" |
|
|
color="white" |
|
|
@click="handleType(item.value, index)" |
|
|
@click="handleType(item.value, index)" |
|
|
>{{ item.label }}</el-button> |
|
|
>{{ item.label }}</el-button> |
|
|
|
|
|
<div style="margin-left: 15px"> |
|
|
|
|
|
预约时间: |
|
|
|
|
|
<el-date-picker |
|
|
|
|
|
v-model="appointTime" |
|
|
|
|
|
size="small" |
|
|
|
|
|
type="daterange" |
|
|
|
|
|
range-separator="-" |
|
|
|
|
|
start-placeholder="开始日期" |
|
|
|
|
|
end-placeholder="结束日期" |
|
|
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
|
|
@change="dateChange" |
|
|
|
|
|
/> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<el-button type="primary" icon="el-icon-edit" size="small" @click="changeOrder">改约</el-button> |
|
|
<el-button type="primary" icon="el-icon-edit" size="small" @click="changeOrder">改约</el-button> |
|
|
<el-button v-print="printObj" type="primary" icon="el-icon-edit" size="small">打印</el-button> |
|
|
|
|
|
|
|
|
<el-button v-print="printObj" type="primary" icon="el-icon-edit" size="small" @click="printTable">打印</el-button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="scheduled-patient-content"> |
|
|
<div class="scheduled-patient-content"> |
|
@ -58,23 +71,37 @@ |
|
|
:cell-class-name="tableCellClassName" |
|
|
:cell-class-name="tableCellClassName" |
|
|
@selection-change="handleSelectionChange" |
|
|
@selection-change="handleSelectionChange" |
|
|
> |
|
|
> |
|
|
<el-table-column class-name="hidden" type="selection" width="50px" /> |
|
|
|
|
|
<el-table-column prop="patientId" label="登记号" header-align="center" align="center" min-width="150px" /> |
|
|
|
|
|
<el-table-column prop="jzNumber" label="就诊号" header-align="center" align="center" width="150px" /> |
|
|
|
|
|
<el-table-column prop="patientName" label="患者姓名" header-align="center" align="center" width="150px" /> |
|
|
|
|
|
<el-table-column label="负责医生" header-align="center" align="center" width="150px"> |
|
|
|
|
|
|
|
|
<el-table-column v-if="printHidden" type="selection" /> |
|
|
|
|
|
<el-table-column label="预约时间" header-align="center" align="center" width="170px"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
{{ scope.row.appointDate ? scope.row.appointDate : '-' }} |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column label="负责医生" header-align="center" align="center" width="100px"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
{{ scope.row.doctorName ? scope.row.doctorName : '-' }} |
|
|
{{ scope.row.doctorName ? scope.row.doctorName : '-' }} |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="预约时间" header-align="center" align="center" width="170px"> |
|
|
|
|
|
|
|
|
<el-table-column prop="patientName" label="患者姓名" header-align="center" align="center" width="100px" /> |
|
|
|
|
|
<el-table-column prop="patientId" label="登记号" header-align="center" align="center" width="120px" /> |
|
|
|
|
|
<el-table-column prop="patientPhone" label="电话号" header-align="center" align="center" width="150px" /> |
|
|
|
|
|
<el-table-column label="医疗项目" prop="itemName" header-align="center" align="center" width="180px" /> |
|
|
|
|
|
<el-table-column label="眼别" prop="eyeType" header-align="center" align="center" width="80px" /> |
|
|
|
|
|
<el-table-column label="准备工作" header-align="center" align="center" width="140px"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
{{ scope.row.appointDate ? scope.row.appointDate : '-' }} |
|
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
<div> |
|
|
|
|
|
<input style="margin-right: 5px" type="checkbox" :checked="scope.row.yzOpen==='Y'">医嘱已开 |
|
|
|
|
|
</div> |
|
|
|
|
|
<div> |
|
|
|
|
|
<input style="margin-right: 5px" type="checkbox" :checked="scope.row.pupilDilate==='Y'">散瞳 |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="医疗项目" prop="itemName" header-align="center" align="center" /> |
|
|
|
|
|
<el-table-column label="眼别" prop="eyeType" header-align="center" align="center" /> |
|
|
|
|
|
<el-table-column label="操作" header-align="center" align="center" width="200px"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-table-column prop="jzNumber" label="就诊号" header-align="center" align="center" /> |
|
|
|
|
|
<el-table-column label="操作" class-name="hidden" header-align="center" align="center" width="200px"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span class="call" @click="editOpera(scope.row)">{{ scope.row.appointDate ? "改约":"预约" }}</span> |
|
|
<span class="call" @click="editOpera(scope.row)">{{ scope.row.appointDate ? "改约":"预约" }}</span> |
|
|
<span class="cancel" @click="cancelClick(scope.row)">取消</span> |
|
|
<span class="cancel" @click="cancelClick(scope.row)">取消</span> |
|
@ -136,8 +163,11 @@ export default { |
|
|
mixinViewModuleOptions: { |
|
|
mixinViewModuleOptions: { |
|
|
getDataListURL: '/appoint/page', |
|
|
getDataListURL: '/appoint/page', |
|
|
getDataListIsPage: true, |
|
|
getDataListIsPage: true, |
|
|
createdIsNeed: false |
|
|
|
|
|
|
|
|
createdIsNeed: false, |
|
|
|
|
|
beginDate: '', |
|
|
|
|
|
endDate: '' |
|
|
}, |
|
|
}, |
|
|
|
|
|
appointTime: [], |
|
|
isEdit: false, |
|
|
isEdit: false, |
|
|
addTitle: '', |
|
|
addTitle: '', |
|
|
addPatientVisible: false, |
|
|
addPatientVisible: false, |
|
@ -197,8 +227,12 @@ export default { |
|
|
// 打印 |
|
|
// 打印 |
|
|
printObj: { |
|
|
printObj: { |
|
|
id: 'multipleTable', |
|
|
id: 'multipleTable', |
|
|
extraHead: '<style>#printId { width: 100%; !important; } #multipleTable .hidden { display: none } <style>' |
|
|
|
|
|
|
|
|
extraHead: '<style> .el-table .el-table__cell{padding:9px 0 !important;}</style>', |
|
|
|
|
|
closeCallback: () => { |
|
|
|
|
|
this.printHidden = true |
|
|
} |
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
printHidden: true |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
@ -206,6 +240,13 @@ export default { |
|
|
this.getDataListInitial() |
|
|
this.getDataListInitial() |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
dateChange(e) { |
|
|
|
|
|
// 日期改变时 |
|
|
|
|
|
this.dataForm.beginDate = e ? e[0] : '' |
|
|
|
|
|
this.dataForm.endDate = e ? e[1] : '' |
|
|
|
|
|
this.dataForm.searchType = e ? '' : '0' |
|
|
|
|
|
this.getDataListInitial() |
|
|
|
|
|
}, |
|
|
handleType(value, index) { |
|
|
handleType(value, index) { |
|
|
this.curIndex = index |
|
|
this.curIndex = index |
|
|
this.dataForm.appointStatus = value |
|
|
this.dataForm.appointStatus = value |
|
@ -228,6 +269,9 @@ export default { |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
printTable() { |
|
|
|
|
|
this.printHidden = false |
|
|
|
|
|
}, |
|
|
// 改约 |
|
|
// 改约 |
|
|
changeOrder() { |
|
|
changeOrder() { |
|
|
this.reDialogShow = true |
|
|
this.reDialogShow = true |
|
@ -300,6 +344,9 @@ export default { |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
|
|
|
::v-deep .el-table .el-table__cell{ |
|
|
|
|
|
padding:9px 0; |
|
|
|
|
|
} |
|
|
.active{ |
|
|
.active{ |
|
|
color: #3ea3f6; |
|
|
color: #3ea3f6; |
|
|
background-color: #e0f2fd; |
|
|
background-color: #e0f2fd; |
|
@ -371,8 +418,4 @@ export default { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
#multipleTable .hidden { display: none } |
|
|
|
|
|
//::v-deep .hidden { |
|
|
|
|
|
// display: none !important |
|
|
|
|
|
//} |
|
|
|
|
|
</style> |
|
|
</style> |
|
|