打印时自动保存表单,视光电子档案表单切换时提示保存

src/components/360View/commonForm/deveopmentFIle-copy.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="printObj" size="small">打印</el-button>
+      <el-button v-print="printObj" size="small" @click="handleSaveTable">打印</el-button>
       <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button>
       <el-button type="danger" size="small" @click="handleDelete">删除</el-button>
     </div>
@@ -325,7 +325,6 @@ export default {
         extraHead: '<meta http-equiv="Content-Language"content="zh-cn"/>,<style>  #printId { width: 100%; !important; }  .el-input__prefix { display: none } <style>'
       },
       dataForm: {
-        id: '',
         patientId: '',
         patientName: '',
         patientSex: '',
@@ -512,8 +511,6 @@ export default {
     }
   },
   mounted() {
-    // this.originTableData = JSON.parse(JSON.stringify(this.tableData))
-    // this.originHeadData = JSON.parse(JSON.stringify(this.headData))
     this.getPatientData()
   },
   methods: {
@@ -607,11 +604,8 @@ export default {
         }
       }
     },
-    handlePrint() {
-      this.printPage('development')
-    },
     handleSaveTable() {
-      this.$http.post('/qgfyda/saveQgfyda', this.dataForm).then(({ data: res }) => {
+      this.$http.post('/qgfyda/saveQgfyda', { caseId: this.caseId, ...this.dataForm }).then(({ data: res }) => {
         if (res.code !== 0) {
           return this.$message.error(res.msg)
         }
@@ -630,6 +624,9 @@ export default {
 </script>
 <style lang="scss">
 #development {
+  .el-table__cell{
+    padding: 7px 0 !important;
+  }
   .el-input__inner {
     border: none;
     height: 26px !important;

src/components/360View/commonForm/eyesVision.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="'#eyesFunc'" size="small">打印</el-button>
+      <el-button v-print="'#eyesFunc'" size="small" @click="handleSaveTable">打印</el-button>
       <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button>
       <el-button type="danger" size="small" @click="handleDelete">删除</el-button>
     </div>

src/components/360View/commonForm/optometryForm-copy.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 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="handleDelete">删除</el-button>
     </div>

src/components/360View/commonForm/threeVision.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="'#threeFunc'" size="small">打印</el-button>
+      <el-button v-print="'#threeFunc'" size="small" @click="handleSaveTable">打印</el-button>
       <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button>
       <el-button type="danger" size="small" @click="handleDelete">删除</el-button>
     </div>

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

@@ -1,7 +1,7 @@
 <template>
   <div class="recordContainer">
     <div v-if="!onlyRead" class="btnBox">
-      <el-button v-print="printAll" size="small">打印</el-button>
+      <el-button v-print="printAll" 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>-->
       <el-button v-if="comonFormActive === '2' || comonFormActive === '3'" type="primary" size="small" @click="handleTemplate">保存为模板</el-button>
@@ -75,7 +75,7 @@ export default {
     onlyRead: {
       type: Boolean,
       default: false
-    },
+    }
   },
   inject: ['refresh'],
   data() {

src/components/360View/opticalFile/index.vue

@@ -46,6 +46,7 @@
       <div class="content-right">
         <eyesVision
           v-if="name === '双眼视功能检查报告单'"
+          ref="eyesVis"
           :case-id="id"
           :only-read="onlyRead"
           :patient-id="patientId"
@@ -54,6 +55,7 @@
         <optometryForm v-if="name === '验光报告单'" ref="optome" :case-id="id" :only-read="onlyRead" :patient-id="patientId" :is-search="isSearch" @del="deleteForm" />
         <threeVision
           v-if="name === '三级视功能检查报告单'"
+          ref="threeVis"
           :only-read="onlyRead"
           :case-id="id"
           :patient-id="patientId"
@@ -117,18 +119,35 @@ export default {
   },
   methods: {
     handleForm(index, item) {
+      // 点击自身不保存
+      if (this.curIndex === index) {
+        return
+      }
+      this.$confirmFun('是否保存数据，否则当前数据会丢弃！', '保存', '', '已取消保存数据！')
+        .then(() => {
+          this.$nextTick(() => {
+            switch (this.name) {
+              case '验光报告单' :
+                this.$refs.optome.handleSaveTable()
+                break
+              case '屈光发育档案':
+                this.$refs.deveope.handleSaveTable()
+                break
+              case '三级视功能检查报告单':
+                this.$refs.threeVis.handleSaveTable()
+                break
+              case '双眼视功能检查报告单':
+                this.$refs.eyesVis.handleSaveTable()
+                break
+              default:
+                break
+            }
+          })
+        }).finally(() => {
           this.curIndex = index
           this.id = item.id
           this.name = item.name
-      if (item.name === '验光报告单') {
-        this.$nextTick(() => {
-          this.$refs.optome.queryForm()
-        })
-      } else if (item.name === '屈光发育档案') {
-        this.$nextTick(() => {
-          this.$refs.deveope.queryForm()
         })
-      }
     },
     // 添加表单
     addRecord(index, name) {

src/page-subspecialty/views/modules/formList/InformedConsent.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="'#threeFunc'" size="small">打印</el-button>
+      <el-button v-print="'#threeFunc'" 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>
@@ -157,7 +157,8 @@ export default {
               isEdit: true,
               remark: ''
             }]
-          }, {
+          },
+          {
             name: '青光眼',
             symptom: [{
               title: '闭角型',
@@ -171,7 +172,8 @@ export default {
               remark: '',
               isEdit: true
             }]
-          }, {
+          },
+          {
             name: '眼底病',
             symptom: [{
               title: '糖尿病视网膜病变',
@@ -191,7 +193,8 @@ export default {
               isEdit: true,
               remark: ''
             }]
-          }, {
+          },
+          {
             name: '视网膜血管性病变',
             symptom: [{
               title: '视网膜静脉阻塞(中央)',
@@ -203,13 +206,15 @@ export default {
               title: '视网膜静脉周围炎',
               isSelected: false
             }]
-          }, {
+          },
+          {
             name: "Coat's 病",
             symptom: [{
               title: '',
               isSelected: false
             }]
-          }, {
+          },
+          {
             name: '其他',
             isEdit: true,
             remark: '',
@@ -307,7 +312,6 @@ export default {
   },
   created() {
     this.originalData = JSON.parse(JSON.stringify(this.formData))
-    console.log(this.patientDetail)
     // 患者信息带入
     this.formData.patientName = this.patientDetail.patientName
     this.formData.patientAge = this.patientDetail.patientAge

src/page-subspecialty/views/modules/formList/laserSurgery.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="'#laserFunc'" size="small">打印</el-button>
+      <el-button v-print="'#laserFunc'" 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>

src/page-subspecialty/views/modules/formList/mraForm.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="'#mraFunc'" size="small">打印</el-button>
+      <el-button v-print="'#mraFunc'" 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>

src/page-subspecialty/views/modules/formList/reportForm.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="'#reportForm'" size="small">打印</el-button>
+      <el-button v-print="'#reportForm'" 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>