|  | @ -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> | 
		
	
	
		
			
				|  | 
 |