后端检查代码更新

src/components/360View/commonForm/optometryForm.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="operation-record" style=" background: #fff; padding: 10px 20px 50px 20px;page-break-after:always">
     <div v-if="!onlyRead" class="btnBox">
-      <el-button v-print="print" size="small">打印</el-button>
+      <el-button size="small" @click="doPrint">打印</el-button>
       <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button>
       <el-button type="danger" size="small" @click="handleDelete">删除</el-button>
     </div>
@@ -313,6 +313,7 @@
   </div>
 </template>
 <script>
+import { getLodop } from '@/utils/LodopFuncs'
 export default {
   props: {
     formContent: {
@@ -425,6 +426,14 @@ export default {
     // this.queryData()
   },
   methods: {
+    doPrint() {
+      const html = document.getElementById('optomeFunc').innerHTML
+      const lodop = getLodop()
+      console.log(lodop)
+      lodop.ADD_PRINT_HTM('2%', '5%', '100%', '100%', html)
+      lodop.SET_PRINT_PAGESIZE(2, 0, 0, 'A5')
+      lodop.PREVIEW()
+    },
     setData() {
       this.dataForm = this.formContent.a
       this.tableData = this.formContent.b
@@ -588,7 +597,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .printBox{
   page-break-inside: avoid !important;
   .el-input__inner {
@@ -597,6 +606,11 @@ export default {
     padding: 0;
   }
 }
+//@media print{
+//  @page {
+//    size:A5 landscape !important;
+//  }
+//}
 #operation-record {
   //height: 93%;
   // overflow: auto;
@@ -710,6 +724,9 @@ export default {
       background: #ced4d9;
     }
   }
+  ::v-deep .el-table .el-table__cell{
+    padding: 5px 0;
+  }
   // .el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
   //   border-right: 1px solid #808080;
   // }
@@ -723,15 +740,4 @@ export default {
   //   border-bottom: 0;
   // }
 }
-@media print{
-  @page {
-    size:A5 landscape;
-    //margin: 0;
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-  //html{
-  //  zoom: 68%;
-  //}
-}
 </style>

src/components/360View/medicalRecord/outPatientRecord/afterForm.vue

@@ -35,7 +35,7 @@
       width="120"
     >
       <template slot-scope="scope">
-        <div>
+        <div v-if="!isPrint">
           <p @click="moveHandle(scope.$index,1, scope.row)"><i class="el-icon-back" /></p>
           <p style="margin-top: 5px" @click="moveHandle(scope.$index,2, scope.row)"><i class="el-icon-back" style="transform: rotateY(180deg)" /></p>
         </div>

src/components/360View/medicalRecord/outPatientRecord/allFormPrint.vue

@@ -1,7 +1,9 @@
 <template>
   <div id="allForeForm">
     <div class="title">病史采集</div>
-    <history-form :form-data="formData" />
+    <div class="fore">
+      <history-form :form-data="formData" />
+    </div>
     <div class="title">前段检查</div>
     <div class="fore">
       <fore-form
@@ -16,7 +18,7 @@
     </div>
     <div class="title">专科检查</div>
     <div class="fore">
-      <special-examine :patient-id="patientId" />
+      <special-examine :is-search="isSearch" :patient-id="patientId" />
     </div>
     <div class="title">诊断处置</div>
     <diagnosis-form :diagnosis="diagnosis" />
@@ -33,7 +35,7 @@ import AfterForm from '@/components/360View/medicalRecord/outPatientRecord/after
 export default {
   name: 'AllFormPrint',
   components: { AfterForm, DiagnosisForm, SpecialExamine, ForeForm, HistoryForm },
-  props: ['formData', 'diagnosis', 'treeProps', 'patientId'],
+  props: ['formData', 'diagnosis', 'treeProps', 'patientId', 'isSearch'],
   data() {
     return {
       foreData: [],

src/components/360View/medicalRecord/outPatientRecord/index.vue

@@ -31,6 +31,7 @@
       :form-data="formData"
       :fore-data="foreData"
       :tree-props="treeProps"
+      :is-search="isSearch"
     />
   </div>
 </template>
@@ -241,9 +242,4 @@ export default {
     padding: 8px;
   }
 }
-@media print{
-  @page {
-    size:A5 landscape;
-  }
-}
 </style>