|  | @ -1,8 +1,8 @@ | 
		
	
		
			
				|  |  | <template> |  |  | <template> | 
		
	
		
			
				|  |  |   <my-dialog :print="print" title="UBM预约" :is-show="show" @close="closeDialog"> |  |  |   <my-dialog :print="print" title="UBM预约" :is-show="show" @close="closeDialog"> | 
		
	
		
			
				|  |  |     <el-form id="UBMOrder" ref="form" :model="form" label-width="80px"> |  |  |     <el-form id="UBMOrder" ref="form" :model="form" label-width="80px"> | 
		
	
		
			
				|  |  |       <el-form-item label-width="100px" required label="选择患者:"> |  |  |  | 
		
	
		
			
				|  |  |         <el-input suffix-icon="el-icon-search" /> |  |  |  | 
		
	
		
			
				|  |  |  |  |  |       <el-form-item label-width="90px" required label="选择患者:"> | 
		
	
		
			
				|  |  |  |  |  |         <el-input v-model="form.patient" suffix-icon="el-icon-search" /> | 
		
	
		
			
				|  |  |       </el-form-item> |  |  |       </el-form-item> | 
		
	
		
			
				|  |  |       <div class="patientDetail"> |  |  |       <div class="patientDetail"> | 
		
	
		
			
				|  |  |         <div style="font-size: 16px;font-weight: bold">患者信息</div> |  |  |         <div style="font-size: 16px;font-weight: bold">患者信息</div> | 
		
	
	
		
			
				|  | @ -18,9 +18,9 @@ | 
		
	
		
			
				|  |  |           <div>来源:门诊/住院</div> |  |  |           <div>来源:门诊/住院</div> | 
		
	
		
			
				|  |  |         </div> |  |  |         </div> | 
		
	
		
			
				|  |  |       </div> |  |  |       </div> | 
		
	
		
			
				|  |  |       <el-form-item label-width="100px" required label="负责医生:"> |  |  |  | 
		
	
		
			
				|  |  |  |  |  |       <el-form-item label-width="90px" label="负责医生:"> | 
		
	
		
			
				|  |  |         <el-col :span="12"> |  |  |         <el-col :span="12"> | 
		
	
		
			
				|  |  |           <el-select v-model="value" placeholder="请选择"> |  |  |  | 
		
	
		
			
				|  |  |  |  |  |           <el-select v-model="form.doctor" placeholder="请选择"> | 
		
	
		
			
				|  |  |             <el-option |  |  |             <el-option | 
		
	
		
			
				|  |  |               v-for="item in options" |  |  |               v-for="item in options" | 
		
	
		
			
				|  |  |               :key="item.value" |  |  |               :key="item.value" | 
		
	
	
		
			
				|  | @ -30,13 +30,48 @@ | 
		
	
		
			
				|  |  |           </el-select> |  |  |           </el-select> | 
		
	
		
			
				|  |  |         </el-col> |  |  |         </el-col> | 
		
	
		
			
				|  |  |         <el-col :span="12"> |  |  |         <el-col :span="12"> | 
		
	
		
			
				|  |  |           已开医嘱: <el-radio v-model="radio" label="1">是</el-radio> |  |  |  | 
		
	
		
			
				|  |  |           <el-radio v-model="radio" label="2">否</el-radio> |  |  |  | 
		
	
		
			
				|  |  |  |  |  |           已开医嘱: <el-radio v-model="form.docAdvice" label="1">是</el-radio> | 
		
	
		
			
				|  |  |  |  |  |           <el-radio v-model="form.docAdvice" label="2">否</el-radio> | 
		
	
		
			
				|  |  |         </el-col> |  |  |         </el-col> | 
		
	
		
			
				|  |  |       </el-form-item> |  |  |       </el-form-item> | 
		
	
		
			
				|  |  |       <el-form-item label-width="100px" required label="预约时间:"> |  |  |  | 
		
	
		
			
				|  |  |  |  |  |       <el-form-item label-width="90px" label="备注:"> | 
		
	
		
			
				|  |  |  |  |  |         <el-input v-model="form.remark" autosize type="textarea" /> | 
		
	
		
			
				|  |  |  |  |  |       </el-form-item> | 
		
	
		
			
				|  |  |  |  |  |       <el-form-item label-width="90px" label="负责医生:"> | 
		
	
		
			
				|  |  |  |  |  |         <el-select v-model="form.doc" placeholder="请选择"> | 
		
	
		
			
				|  |  |  |  |  |           <el-option | 
		
	
		
			
				|  |  |  |  |  |             v-for="item in options" | 
		
	
		
			
				|  |  |  |  |  |             :key="item.value" | 
		
	
		
			
				|  |  |  |  |  |             :label="item.label" | 
		
	
		
			
				|  |  |  |  |  |             :value="item.value" | 
		
	
		
			
				|  |  |  |  |  |           /> | 
		
	
		
			
				|  |  |  |  |  |         </el-select> | 
		
	
		
			
				|  |  |  |  |  |       </el-form-item> | 
		
	
		
			
				|  |  |  |  |  |       <div style="display: flex;padding:0 0 20px 20px"> | 
		
	
		
			
				|  |  |  |  |  |         <el-col :span="8" 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="8"> | 
		
	
		
			
				|  |  |  |  |  |           已开医嘱: <el-radio v-model="form.docAdvice" label="1">是</el-radio> | 
		
	
		
			
				|  |  |  |  |  |           <el-radio v-model="form.docAdvice" label="2">否</el-radio> | 
		
	
		
			
				|  |  |  |  |  |         </el-col> | 
		
	
		
			
				|  |  |  |  |  |         <el-col :span="8"> | 
		
	
		
			
				|  |  |  |  |  |           已开医嘱: <el-radio v-model="form.docAdvice" label="1">是</el-radio> | 
		
	
		
			
				|  |  |  |  |  |           <el-radio v-model="form.docAdvice" label="2">否</el-radio> | 
		
	
		
			
				|  |  |  |  |  |         </el-col> | 
		
	
		
			
				|  |  |  |  |  |       </div> | 
		
	
		
			
				|  |  |  |  |  |       <el-form-item label-width="90px" required label="预约时间:"> | 
		
	
		
			
				|  |  |         <el-col :span="11"> |  |  |         <el-col :span="11"> | 
		
	
		
			
				|  |  |           <el-date-picker v-model="form.date1" type="date" placeholder="选择日期" style="width: 100%;" /> |  |  |  | 
		
	
		
			
				|  |  |  |  |  |           <el-date-picker v-model="form.date" type="date" placeholder="选择日期" style="width: 100%;" /> | 
		
	
		
			
				|  |  |         </el-col> |  |  |         </el-col> | 
		
	
		
			
				|  |  |         <el-col class="line" :span="1">-</el-col> |  |  |         <el-col class="line" :span="1">-</el-col> | 
		
	
		
			
				|  |  |         <el-col :span="11"> |  |  |         <el-col :span="11"> | 
		
	
	
		
			
				|  | @ -71,7 +106,13 @@ export default { | 
		
	
		
			
				|  |  |         id: 'UBMOrder' |  |  |         id: 'UBMOrder' | 
		
	
		
			
				|  |  |       }, |  |  |       }, | 
		
	
		
			
				|  |  |       form: { |  |  |       form: { | 
		
	
		
			
				|  |  |         date1: '', |  |  |  | 
		
	
		
			
				|  |  |  |  |  |         patient: '', | 
		
	
		
			
				|  |  |  |  |  |         doctor: '', | 
		
	
		
			
				|  |  |  |  |  |         docAdvice: '', | 
		
	
		
			
				|  |  |  |  |  |         remark: '', | 
		
	
		
			
				|  |  |  |  |  |         doc: '', | 
		
	
		
			
				|  |  |  |  |  |         eyeLevel: '', | 
		
	
		
			
				|  |  |  |  |  |         date: '', | 
		
	
		
			
				|  |  |         date2: '' |  |  |         date2: '' | 
		
	
		
			
				|  |  |       }, |  |  |       }, | 
		
	
		
			
				|  |  |       options: [{ |  |  |       options: [{ | 
		
	
	
		
			
				|  | @ -89,8 +130,7 @@ export default { | 
		
	
		
			
				|  |  |       }, { |  |  |       }, { | 
		
	
		
			
				|  |  |         value: '选项5', |  |  |         value: '选项5', | 
		
	
		
			
				|  |  |         label: '北京烤鸭' |  |  |         label: '北京烤鸭' | 
		
	
		
			
				|  |  |       }], |  |  |  | 
		
	
		
			
				|  |  |       value: '' |  |  |  | 
		
	
		
			
				|  |  |  |  |  |       }] | 
		
	
		
			
				|  |  |     } |  |  |     } | 
		
	
		
			
				|  |  |   }, |  |  |   }, | 
		
	
		
			
				|  |  |   watch: { |  |  |   watch: { | 
		
	
	
		
			
				|  | @ -108,9 +148,24 @@ export default { | 
		
	
		
			
				|  |  | </script> |  |  | </script> | 
		
	
		
			
				|  |  | 
 |  |  | 
 | 
		
	
		
			
				|  |  | <style lang="scss" scoped> |  |  | <style lang="scss" scoped> | 
		
	
		
			
				|  |  |  |  |  | .radioItem{ | 
		
	
		
			
				|  |  |  |  |  |   user-select: none; | 
		
	
		
			
				|  |  |  |  |  |   cursor: pointer; | 
		
	
		
			
				|  |  |  |  |  |   margin:0 8px; | 
		
	
		
			
				|  |  |  |  |  | } | 
		
	
		
			
				|  |  |  |  |  | input{ | 
		
	
		
			
				|  |  |  |  |  |   -webkit-appearance: checkbox !important; | 
		
	
		
			
				|  |  |  |  |  |   margin-right: 5px !important; | 
		
	
		
			
				|  |  |  |  |  | } | 
		
	
		
			
				|  |  | ::v-deep .el-form-item__label{ |  |  | ::v-deep .el-form-item__label{ | 
		
	
		
			
				|  |  |   font-size: 14px; |  |  |   font-size: 14px; | 
		
	
		
			
				|  |  | } |  |  | } | 
		
	
		
			
				|  |  |  |  |  | ::v-deep .el-form-item{ | 
		
	
		
			
				|  |  |  |  |  |   margin-bottom: 16px; | 
		
	
		
			
				|  |  |  |  |  | } | 
		
	
		
			
				|  |  |  |  |  | ::v-deep .el-radio{ | 
		
	
		
			
				|  |  |  |  |  |   margin-right: 8px; | 
		
	
		
			
				|  |  |  |  |  | } | 
		
	
		
			
				|  |  | .patientDetail{ |  |  | .patientDetail{ | 
		
	
		
			
				|  |  |   border: 1px solid #6EB1FF; |  |  |   border: 1px solid #6EB1FF; | 
		
	
		
			
				|  |  |   border-radius:  8px; |  |  |   border-radius:  8px; | 
		
	
	
		
			
				|  | 
 |