5 changed files with 329 additions and 21 deletions
			
			
		| @ -0,0 +1,205 @@ | |||||
|  | <template> | ||||
|  |   <div class="formListBox"> | ||||
|  |     <div v-if="!onlyRead && isPlatform" class="btnBox_top"> | ||||
|  |       <el-button v-print="print" size="small" @click="handleSaveTable">打印</el-button> | ||||
|  |       <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button> | ||||
|  |       <el-button type="danger" size="small" @click="formDelete">删除</el-button> | ||||
|  |     </div> | ||||
|  |     <div id="lacrimal" style="width: 800px;padding-right: 8px"> | ||||
|  |       <div class="formContent"> | ||||
|  |         <!--患者信息--> | ||||
|  |         <div class="flex a-c top_form"> | ||||
|  |           患者姓名:<el-input v-model="confirmData.patientName" style="width: 200px" /> | ||||
|  |         </div> | ||||
|  |         <div class="flex left_eye"> | ||||
|  |           <span class="text">左眼:</span> | ||||
|  |           <div style="margin-bottom: 20px"> | ||||
|  |             <div class="flex" style="flex-wrap: wrap"> | ||||
|  |               <el-input v-model="confirmData.odPunctum" style="width: 100px" /><span class="text">泪小点进针,</span> | ||||
|  |               <el-input v-model="confirmData.odReflux" style="width: 100px" /><span class="text">反流(自</span> | ||||
|  |               <el-input v-model="confirmData.odPunctumReflux" style="width: 100px" /><span class="text">泪小点反流),患者自诉咽部</span> | ||||
|  |               <el-input v-model="confirmData.odWet" style="width: 100px" /><span class="text">液体,</span> | ||||
|  |               <el-input v-model="confirmData.odSecretion" style="width: 100px" /><span class="text">分泌物。</span> | ||||
|  |             </div> | ||||
|  |             <div class="flex" style="flex-wrap: wrap;margin-top: 15px"> | ||||
|  |               <el-input v-model="confirmData.odPunctum2" style="width: 100px" /><span class="text">泪小点进针,</span> | ||||
|  |               <el-input v-model="confirmData.odReflux2" style="width: 100px" /><span class="text">反流(自</span> | ||||
|  |               <el-input v-model="confirmData.odPunctumReflux2" style="width: 100px" /><span class="text">泪小点反流),患者自诉咽部</span> | ||||
|  |               <el-input v-model="confirmData.odWet2" style="width: 100px" /><span class="text">液体,</span> | ||||
|  |               <el-input v-model="confirmData.odSecretion2" style="width: 100px" /><span class="text">分泌物。</span> | ||||
|  |             </div> | ||||
|  |           </div> | ||||
|  |         </div> | ||||
|  |         <div class="flex right_eye"> | ||||
|  |           <span class="text">右眼:</span> | ||||
|  |           <div style="margin-bottom: 20px"> | ||||
|  |             <div class="flex" style="flex-wrap: wrap"> | ||||
|  |               <el-input v-model="confirmData.osPunctum" style="width: 100px" /><span class="text">泪小点进针,</span> | ||||
|  |               <el-input v-model="confirmData.osReflux" style="width: 100px" /><span class="text">反流(自</span> | ||||
|  |               <el-input v-model="confirmData.osPunctumReflux" style="width: 100px" /><span class="text">泪小点反流),患者自诉咽部</span> | ||||
|  |               <el-input v-model="confirmData.osWet" style="width: 100px" /><span class="text">液体,</span> | ||||
|  |               <el-input v-model="confirmData.osSecretion" style="width: 100px" /><span class="text">分泌物。</span> | ||||
|  |             </div> | ||||
|  |             <div class="flex" style="flex-wrap: wrap;margin-top: 15px"> | ||||
|  |               <el-input v-model="confirmData.osPunctum2" style="width: 100px" /><span class="text">泪小点进针,</span> | ||||
|  |               <el-input v-model="confirmData.osReflux2" style="width: 100px" /><span class="text">反流(自</span> | ||||
|  |               <el-input v-model="confirmData.osPunctumReflux2" style="width: 100px" /><span class="text">泪小点反流),患者自诉咽部</span> | ||||
|  |               <el-input v-model="confirmData.osWet2" style="width: 100px" /><span class="text">液体,</span> | ||||
|  |               <el-input v-model="confirmData.osSecretion2" style="width: 100px" /><span class="text">分泌物。</span> | ||||
|  |             </div> | ||||
|  |           </div> | ||||
|  |         </div> | ||||
|  |         <div class="flex"> | ||||
|  |           <div class="flex a-c" style="margin-left: 15px"> | ||||
|  |             日期:<el-date-picker | ||||
|  |               v-model="confirmData.operateDate" | ||||
|  |               style="flex: 1" | ||||
|  |               type="date" | ||||
|  |               value-format="yyyy-MM-dd" | ||||
|  |             /> | ||||
|  |           </div> | ||||
|  |           <div class="flex a-c" style="margin-left: 10px"> | ||||
|  |             <span style="word-break: keep-all">操作者:</span> | ||||
|  |             <img v-if="confirmData.operator" :src="confirmData.operator" alt="" style="width: 80px;height: 50px;border-style:none;flex: 1"> | ||||
|  |           </div> | ||||
|  |         </div> | ||||
|  |       </div> | ||||
|  |     </div> | ||||
|  |   </div></template> | ||||
|  | 
 | ||||
|  | <script> | ||||
|  | export default { | ||||
|  |   name: 'Lacrimal', | ||||
|  |   props: { | ||||
|  |     onlyRead: { | ||||
|  |       type: Boolean, | ||||
|  |       default: false | ||||
|  |     }, | ||||
|  |     isPlatform: { | ||||
|  |       type: Boolean, | ||||
|  |       default: true | ||||
|  |     }, | ||||
|  |     patientDetail: { | ||||
|  |       type: Object | ||||
|  |     }, | ||||
|  |     caseId: { | ||||
|  |       type: String, | ||||
|  |       default: '' | ||||
|  |     } | ||||
|  |   }, | ||||
|  |   data() { | ||||
|  |     return { | ||||
|  |       print: { | ||||
|  |         id: 'lacrimal' | ||||
|  |       }, | ||||
|  |       confirmData: { | ||||
|  |         patientName: '', | ||||
|  |         operator: '', | ||||
|  |         operateDate: new Date(), | ||||
|  |         odPunctum: '', | ||||
|  |         odReflux: '', | ||||
|  |         odPunctumReflux: '', | ||||
|  |         odWet: '', | ||||
|  |         odSecretion: '', | ||||
|  |         odPunctum2: '', | ||||
|  |         odReflux2: '', | ||||
|  |         odPunctumReflux2: '', | ||||
|  |         odWet2: '', | ||||
|  |         odSecretion2: '', | ||||
|  |         osPunctum: '', | ||||
|  |         osReflux: '', | ||||
|  |         osPunctumReflux: '', | ||||
|  |         osWet: '', | ||||
|  |         osSecretion: '', | ||||
|  |         osPunctum2: '', | ||||
|  |         osReflux2: '', | ||||
|  |         osPunctumReflux2: '', | ||||
|  |         osWet2: '', | ||||
|  |         osSecretion2: '' | ||||
|  |       } | ||||
|  |     } | ||||
|  |   }, | ||||
|  |   created() { | ||||
|  |     this.confirmData.patientName = this.patientDetail.patientName | ||||
|  |     const userData = JSON.parse(window.sessionStorage.getItem('qg-userData')) | ||||
|  |     this.confirmData.operator = userData.signImgBase | ||||
|  |   }, | ||||
|  |   methods: { | ||||
|  |     // 保存 | ||||
|  |     handleSaveTable() { | ||||
|  |       // this.confirmData.jzNumber = window.sessionStorage.getItem('jzNumber') | ||||
|  |       // this.$http.post('/mzbl/saveMzblJgshzl', { | ||||
|  |       //   caseId: this.caseId, | ||||
|  |       //   ...this.confirmData | ||||
|  |       // }).then(() => { | ||||
|  |       //   this.$emit('handleSaveTable') | ||||
|  |       // }) | ||||
|  |     }, | ||||
|  |     // 删除 | ||||
|  |     formDelete() { | ||||
|  |       this.$confirmFun('确定删除吗?').then(() => { | ||||
|  |         this.$http.post('/mzbl/delMzblJgshzlInfo', { | ||||
|  |           id: this.caseId | ||||
|  |         }).then(() => { | ||||
|  |           this.$message.success('删除成功') | ||||
|  |           this.$emit('formDelete', 'del') | ||||
|  |         }) | ||||
|  |       }) | ||||
|  |     } | ||||
|  |   } | ||||
|  | } | ||||
|  | </script> | ||||
|  | 
 | ||||
|  | <style lang="scss" scoped> | ||||
|  | .flex{ | ||||
|  |   display: flex; | ||||
|  | } | ||||
|  | .a-c{ | ||||
|  |   align-items: center; | ||||
|  | } | ||||
|  | .j-c{ | ||||
|  |   justify-content: center; | ||||
|  | } | ||||
|  | .j-b{ | ||||
|  |   justify-content: space-between; | ||||
|  | } | ||||
|  | .text{ | ||||
|  |   word-break: keep-all; | ||||
|  | } | ||||
|  | .formListBox{ | ||||
|  |   background: #fff; | ||||
|  |   padding: 10px 20px 50px 20px; | ||||
|  |   page-break-after:always; | ||||
|  |   height: 100%; | ||||
|  |   overflow: auto; | ||||
|  | } | ||||
|  | .btnBox_top{ | ||||
|  |   position: fixed; | ||||
|  |   z-index: 999; | ||||
|  |   right: 90px; | ||||
|  | } | ||||
|  | .top_form{ | ||||
|  |   padding: 10px; | ||||
|  | } | ||||
|  | .right_eye{ | ||||
|  |   border-top: 1px solid #0C1016; | ||||
|  |   padding: 10px; | ||||
|  | } | ||||
|  | .left_eye{ | ||||
|  |   padding: 10px; | ||||
|  | } | ||||
|  | .formContent{ | ||||
|  |   border: 1px solid #0C1016; | ||||
|  | } | ||||
|  | ::v-deep .el-input__inner{ | ||||
|  |   border: none; | ||||
|  |   border-bottom: 1px solid #cccccc; | ||||
|  |   border-radius: 0; | ||||
|  |   font-size: 16px; | ||||
|  |   height: 26px; | ||||
|  |   text-align: center; | ||||
|  | } | ||||
|  | ::v-deep .el-input__prefix{ | ||||
|  |   display: none; | ||||
|  | } | ||||
|  | </style> | ||||
					Loading…
					
					
				
		Reference in new issue