Vue_New/src/xt_pages/user/Informed/components/criticalpatient_informed.vue

<!-- 抗凝 -->
<template>
  <div style="border:1px solid gainsboro ;padding:10px">
      <div style="position: relative; left: 400px;width: 250px;margin: 20px 0;">
        <!-- <el-button type="primary">主要按钮</el-button> -->
         <el-button type="primary" style=""  @click="bianji">
              编辑
          </el-button>
       <!-- <el-button type="danger" style=""  @click="">
              删除
        </el-button> -->
        <el-button type="success" style=""  @click="printThisPage">
            打印
        </el-button>
      </div>
      <div id="print_content">
        <div class="print_page_main_content">
          <div class="content">
              <h2 style="text-align: center;">危重病人知情同意书</h2>

              <div style="text-align: right;">
                透析号：{{ patient.dialysis_no }}
              </div>
              <div style="display: flex;margin: 10px 0;">
                <div style="flex:1">姓名：{{ patient.name }}</div>
                <div style="flex:1">性别：
                  <span v-if="patient.gender == 1">男</span>
                   <span v-if="patient.gender == 2">女</span>
                </div>
                <div style="flex:1">年龄：
                  {{ getAge(patient) }}
                </div>
                <div style="flex:1">住院(门诊)号：
                  {{ patient.admission_number }}
                </div>
              </div>
              <div style="border-bottom: 1px solid gainsboro;">
                诊断：
                {{ patient.diagnose }}
              </div>
              <div v-html="content"></div>
          </div>
        </div>
      </div>

      <el-dialog
        title="提示"
        :visible.sync="dialogVisible"
        width="60%"
        >
        <div>
          <h2 style="text-align: center;">危重病人知情同意书</h2>

          <div style="text-align: right;">
            透析号：{{ patient.dialysis_no }}
          </div>
          <div style="display: flex;margin: 10px 0;">
            <div style="flex:1">姓名：{{ patient.name }}</div>
            <div style="flex:1">性别：
              <span v-if="patient.gender == 1">男</span>
                <span v-if="patient.gender == 2">女</span>
            </div>
            <div style="flex:1">年龄：
              {{ getAge(patient) }}
            </div>
            <div style="flex:1">住院(门诊)号：
              {{ patient.admission_number }}
            </div>
          </div>
          <div style="border-bottom: 1px solid gainsboro;">
            诊断：
            {{ patient.diagnose }}
          </div>
          <keep-alive>
            <editor ref="editor"
                    id="editor"
                    style="width: 100%"
                    v-bind:r_content="content">
            </editor>
          </keep-alive>
        </div>
        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisible = false">取 消</el-button>
          <el-button type="primary" @click="savePatientCritaicalInformed">确 定</el-button>
        </span>
      </el-dialog>

  </div>
</template>

<script>
import print from "print-js";
import Editor from '@/components/Editor'
import { getPatientDetailInformedconsent,savePatientCritaicalInformed  } from '@/api/patient'
import { jsGetAge, uParseTime } from "@/utils/tools";
const content=`<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
  <span style='position: absolute;top: 0px;left: 0;'>一、</span>该知情同意书将向您介绍危重患者接受血液净化治疗选择相关事宜，你有权知道危重患者接受血液净化治疗存在的风险、预期效果及对人体等影响，请您仔细阅读，提出与治疗有关的任何疑问。决定是否同意对患者实施血液净化治疗。
</p>
<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
  <span style='position: absolute;top: 0px;left: 0;'>二、</span>现因患者体重控制不佳，出现喘息，不能平卧，无恶心呕吐，无腹痛腹泻，T: 36.9C，、P96次/分，R18次/分,BP160/106mmhg，查体:贫血貌，颜面部浮肿，双肺可闻及湿性罗音，双下肢轻度浮肿。经过综合评估，现患者精神状差，端坐呼吸，上机透析可能会诱发加重心衰甚至有危及生命的可能，建议家属至上级医院进一步诊治，患者及家属表示理解、知情，但仍坚持我院透析观察,后果自负。
</p>
<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
  <span style='position: absolute;top: 0px;left: 0;'>三、</span>患者在血液净化治疗过程中，可能包括以下情况:
</p>
<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
  <span class="abs-index">1.</span>出现急性恶性心律失常，恶性高血压，低血压休克，急性心肌梗塞，心包填塞，心跳骤停等心血管意外。
</p>
<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
  <span class="abs-index">2.</span>出现脑出血、脑梗塞、昏迷等脑血管意外。
</p>
<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
  <span class="abs-index">3.</span>出现头痛、恶心、呕吐、抽搐、意识障碍等症状。
</p>
<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
  <span class="abs-index">4.</span>出现或加重原有的肺部疾病，甚至出现呼吸衰竭。
</p>
<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
  <span class="abs-index">5.</span>出现或加重原有的出血性疾病，如消化道大出血等。
</p>
<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
  <span class="abs-index">6.</span>心衰或透析期间体重增加过多的患者，透析中比稳定透析病人更容易危及生命。
</p>
<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
  <span style='position: absolute;top: 0px;left: 0;'>四、</span>医护人员将按规范认真操作，尽可能防范可能出现的并发症。由于已知或未知的原因，以及临床医学存在难以预料的多变性，任何治疗均有可能无法达到预期结果，或出现严重并发症、损伤甚至死亡等。因此，医生不能对结果作出任何保证。在没有向您告知并获得您签署的书面同意书前，医生不能对患者施行血液透析治疗。在治疗实施前的任何时间，您都有权接受或拒绝。
</p>
<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
  <span style='position: absolute;top: 0px;left: 0;'>五、</span>以下的签名表示:
</p>
<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>1.您已阅读并理解有关血液透析的相关信息。</p>
<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>2.医生对以上问题已经向您作了充分的解释。</p>
<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>3.您授权并同意医生为患者施行血液透析治疗</p>
<p style="padding:10px 20px;display:flex;justify-content: space-between;align-items: center;">
    <span>患者签名：______________</span>
</p>
<p style="padding:10px 20px;display:flex;justify-content: space-between;align-items: center;">
    <span>患者家属签名:______________</span>
</p>
<p style="padding:10px 20px;display:flex;justify-content: space-between;align-items: center;">
    <span>与患者关系:______________</span>
    <span>告知医师签名:______________</span>
</p>
<p style="padding:0 20px;display:flex;justify-content: space-between;align-items: center;">
    <span>签名日期:_______年____月____日</span>
    <span>签名日期:_______年____月____日</span>
</p>`
export default{
  props: {
    patient_id: {
        type: Number,
      }
  },
  components:{
    Editor
  },

  data(){
  return{
    patient:{},
    dialogVisible:false,
    content:content
  }
  },
  methods:{
    getlist(){

        getPatientDetailInformedconsent(this.patient_id).then(response=>{
          if(response.data.state == 1){
            var patient =  response.data.data.patients
            console.log("patinet",patient)
            this.patient =patient
          }
        })
       },
      printThisPage(){
          const style = '@media print {.content p{font-size: 16px;font-family: 新宋体; padding-left: 20px; margin-bottom: 5px;}}'
          printJS({
              printable: 'print_content',
              type: 'html',
              documentTitle: '  ',
              style: style,
              scanStyles: false
          })
      },
      getAge: function(val) {
          if (val.id_card_no == undefined) {
            return false
          }
          var thisLen = val.id_card_no.length
          var birth = ''
          if (thisLen == 15) {
            birth = '19' + val.id_card_no.substr(6, 6)
          } else {
            birth = val.id_card_no.substr(6, 8)
          }
          var birthtwo =
            birth.substr(0, 4) +
            '-' +
            birth.substr(4, 2) +
            '-' +
            birth.substr(6, 2)

          var age = jsGetAge(birthtwo, '-')
          return age
      },
      bianji(){
        this.dialogVisible=true
      },
      savePatientCritaicalInformed(){
        var params = {
          content:this.$refs.editor.content
        }
       savePatientCritaicalInformed(params).then(response=>{
          if(response.data.state ==1){
            var patientCritical = response.data.data.patientCritical
            this.$message.success("保存成功!")
          }
       })
      }
  },
  created(){
    this.getlist()
  }
}
</script>
<style lang="scss" scoped>

*{
  // margin: 0;
  // padding: 0;
  border: 0;
}
  .content{
      p{
        font-size: 16px;
        font-family: '新宋体';
        line-height: 22px;
        padding-left: 20px;
        margin-bottom: 5px;
        text-align: justify;
      }
      .wsgl-module-wrap * {
          font-family: 新宋体,NSimSun,宋体,SimSun;
          color: #333;
          font-size: 16px;
      }
      .ws-module-part {
        line-height: 25px;
        margin-top: 10px;
        margin-bottom: 4px;
        text-align: justify;
      }
      .abs-title {
          position: relative;
          padding-left: 20px;
      }
    .ws-module-content {
        line-height: 25px;
        padding-left: 20px;
        margin-bottom: 4px;
        text-align: justify;
    }
  }
</style>