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

2 years ago · 8564359761
10 changed files with 58 additions and 38 deletions
--- a/src/components/360View/commonForm/deveopmentFIle-copy.vue
+++ b/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;
--- a/src/components/360View/commonForm/eyesVision.vue
+++ b/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>
--- a/src/components/360View/commonForm/optometryForm-copy.vue
+++ b/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>
--- a/src/components/360View/commonForm/threeVision.vue
+++ b/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>
--- a/src/components/360View/medicalRecord/outPatientRecord/index.vue
+++ b/src/components/360View/medicalRecord/outPatientRecord/index.vue
@ -1,9 +1,9 @@
 <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 type="danger" size="small" @click="formDelete">删除</el-button>-->
      <el-button v-if="comonFormActive === '2' || comonFormActive === '3'" type="primary" size="small" @click="handleTemplate">保存为模板</el-button>
      <div v-if="comonFormActive === '2' || comonFormActive === '3'" size="small" style="display:inline-block;margin-left:10px;text-align:center;width: 32px;height: 32px;background-color: #1e79ff;border-radius: 4px;vertical-align: bottom" @click="addData">
        <img :src="require('@/assets/img/data.png')" alt="" style="width: 17px;height: 16px;margin-top: 5px">
@ -14,13 +14,13 @@
        <history-form ref="history" :form-data="formData" />
      </el-tab-pane>
      <el-tab-pane label="前段检查" name="2" style="height: 100%">
-        <forePart ref="foreParts" :patient-id="patientId" :is-search="isSearch" :only-read="onlyRead" :case-id="caseId"/>
+        <forePart ref="foreParts" :patient-id="patientId" :is-search="isSearch" :only-read="onlyRead" :case-id="caseId" />
      </el-tab-pane>
      <el-tab-pane label="后段检查" name="3" style="height: 100%">
-        <afterPart ref="afterParts" :patient-id="patientId" :is-search="isSearch" :only-read="onlyRead" :case-id="caseId"/>
+        <afterPart ref="afterParts" :patient-id="patientId" :is-search="isSearch" :only-read="onlyRead" :case-id="caseId" />
      </el-tab-pane>
      <el-tab-pane label="专科检查" name="4" style="height: 100%">
-        <specialExamine ref="examines" :patient-id="patientId" :is-search="isSearch" :case-id="caseId"/>
+        <specialExamine ref="examines" :patient-id="patientId" :is-search="isSearch" :case-id="caseId" />
      </el-tab-pane>
      <el-tab-pane label="诊断处置" name="5">
        <diagnosis-form ref="diagnosis" :diagnosis="diagnosis" />
@ -75,7 +75,7 @@ export default {
    onlyRead: {
      type: Boolean,
      default: false
-    },
+    }
  },
  inject: ['refresh'],
  data() {
--- a/src/components/360View/opticalFile/index.vue
+++ b/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) {
-      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()
-        })
+      // 点击自身不保存
+      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
+        })
    },
    // 添加表单
    addRecord(index, name) {
--- a/src/page-subspecialty/views/modules/formList/InformedConsent.vue
+++ b/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
--- a/src/page-subspecialty/views/modules/formList/laserSurgery.vue
+++ b/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>
--- a/src/page-subspecialty/views/modules/formList/mraForm.vue
+++ b/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>
--- a/src/page-subspecialty/views/modules/formList/reportForm.vue
+++ b/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>