Vue_New/src/xt_pages/user/Informed/components/hemodialysis.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">
              <div style="text-align: center;font-size: 20px;">{{ orgname }}</div>
              <div style="text-align: center;font-size: 20px;">血液透析知情同意书</div>
              <!-- <div v-if="org_id!=10571"> -->
              <div style="text-align: right;" v-if="org_id!=10571">
                透析号：{{ 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" v-if="org_id!=10571">住院(门诊)号：
                  {{ patient.admission_number }}
                </div>
                <div style="flex:1" v-if="org_id==10571">门诊号：
                  {{ patient.admission_number }}
                </div>
              </div>
              <div style="display: flex;margin: 10px 0; ">
                <div style="flex:1" v-if="org_id==10571">住院号：
                  {{ patient.admission_number }}
                </div>

                <div style="flex:1" v-if="org_id==10571">
                  血管通路
                </div>
              </div>
              <div style="border-bottom: 1px solid gainsboro;margin-bottom: 10px;">
                诊断：
                {{ 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;" v-if="org_id!=10571">
            透析号：{{ 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" v-if="org_id!=10571">住院(门诊)号：
              {{ patient.admission_number }}
            </div>
            <div style="flex:1" v-if="org_id==10571">门诊号：
              {{ patient.admission_number }}
            </div>
          </div>
          <div style="display: flex;margin: 10px 0; ">
            <div style="flex:1" v-if="org_id==10571">住院号：
              {{ patient.admission_number }}
            </div>

            <div style="flex:1" v-if="org_id==10571">
              血管通路
            </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="saveTherapyInformed">保 存</el-button>
        </span>
      </el-dialog>
  </div>
</template>

<script>
import print from "print-js";
import Editor from '@/components/Editor'
import { getPatientDetailInformedconsent,saveTherapyInformed  } from '@/api/patient'
import { jsGetAge, uParseTime } from "@/utils/tools";
const content=`
<p>
<table border='1' class="table" style="border-collapse: collapse;">
    <tr>
      <td colspan="2">
        <span>尊敬的患者/患者亲属/法定监护人  </span><br/>
        <span>您好!根据您目前的病情，我们特向您详细介绍和说明如下内容，同时对您的疑问和要求进行咨询和答复。以帮助您了解相关知识，做出选择。</span><br/>
        <span style="text-align: right;display: inline-block;width: 100%;">•您是否需要文化援助 口不需要 口需要 （口盲文 口手语 口翻译 等）</span>
      </td>
    </tr>
    <tr>
      <td style="padding: 10px 0;text-align: center" colspan="2" >
        患者姓名： &nbsp;&nbsp;&nbsp;&nbsp;          年龄：&nbsp;&nbsp;&nbsp;&nbsp;
        科室：&nbsp;&nbsp;&nbsp;&nbsp;                  性别：
      </td>
    </tr>
    <tr>
      <td style="width: 10%;text-align: center;align-items: center;">医<br/>嘱<br/>告<br/>知</td>
      <td>
    疾病介绍目前诊断：<br/>
诊疗方案；<br/>
•治疗目的及预期效果：<br/>
•治疗存在但是不限于以下潜在风险：<br/>
1.任何所用药物都可能产生副作用、包括轻度的的恶心、皮疹等症状到严重的过敏性休克、甚至危及生命。
2.呼吸、心脏骤停。<br/>
3.肌肉痉挛或抽搐。<br/>
4.低血压或高血压、心律失常、心力衰竭、心肌梗塞。<br/>
5.首次使用综合症、失衡综合征、电解质酸碱平衡紊乱。<br/>
6.脑出血、局部或全身出血倾向。<br/>
7.过敏反应、发热反应等。<br/>
8.溶血、出血、严重感染或原有感染播散。<br/>
9.透析过程中发生空气栓塞或其他栓塞。<br/>
10.血液传播性疾病（乙肝等各型肝炎、梅毒、艾滋病等）、慢性并发症几其他不良反应。<br/>
11.部分病人因为出血倾向、活动性出血或手术后需要无肝素、减少肝素使用剂量或使用分子肝素抗凝或其他特殊的抗凝方法，可能会造成体外凝血，体内循环的血液不能回输体内，造成部分血液丢失。<br/>
12.部分病人因为出血倾向、活动性出血或手术后需要枸橼盐酸纳注射液抗凝方法，可能会出过敏反应，甚至是过敏性休克；枸橼盐酸纳注射液蓄积可能出现低钙症。引起抽搐和心肌收缩抑制，或者出现严重代谢性碱中毒，甚至导致死亡。<br/>
13.肾性骨病、消化道疾病。<br/>
14.瘘管堵塞、感染。<br/>
15.由于医学的复杂性，可能发生其他不可预见的并发症。<br/>
16.治疗过程中可能因患者无法耐受而必须中断治疗。<br/>
17.各种血管通路均有可能发生感染、血栓形成可能。<br/>
18.其他不可预见的风险和并发症。<br/>
19. 患者自身存在高危风险：肝功能不全、静脉血栓等疾病或者有吸烟史（如患者自身不存在高危风险，则删除此条款），以上这些高危风险因素可能导致治疗风险加大，或者在治疗中或治疗后出现相关的病情加重或心脑血管意外，甚至死亡。<br/>除上述情况外，本医疗措施尚有可能发生的其他的并发症或者需要提前请患者家属特别注意的其他事项。<br/>
•血液净化治疗费用昂贵，须有患者家属或工作单位按时付清。若停止付费，经医院通知后仍不缴纳费用，本中心将暂停透析治疗。<br/>
•患者应积极配合治疗，服从医护人员对透析方式及时间的安排，如有特殊情况需更改时间，请提前一天中心人员取得联系并得到许可，患者因不能按时来做透析而造成后果，由患者自负。<br/>
•为了您的安全，门诊血液净化治疗患者来中心治疗时必须有家属陪护，负责路途中发生意外后果自负。<br/>
•长期血液透析治疗的患者，依据卫生部血液净化规范条例要求，必须半年复查一次血液传播疾病的病毒学检查，包括乙肝、丙肝、艾滋病、梅毒。<br/>
•如不实施该治疗方案，可采取的代替方案：对症治疗，该代替方案评价：稳定病情。我们将以高度的责任心，严格遵守医疗常规及规范，对上述可能发生得情况尽最大力
量给予救治。但由于医疗救助水平的局限性、药物固有的不良反应及个人体制的差异，意外风险不能做到绝对避免，且不能确保救治完全成功，可能会出现残疾、组织器官损
伤导致功能障碍、甚至死亡等不良后果，及其他不可预见且为能告知的特殊情况，敬请谅解。<br/>
我己向患者解释了此知情同意书的全部内容和条款。<br/>
        <p style="padding: 5px;">
          <span>主管医师签字： &nbsp;&nbsp;&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <span>签字时间：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;      年 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   月 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   日</span>
        </p>
      </td>
    </tr>
    <tr>
      <td style="width: 10%;text-align: center;align-items: center;">患<br/>者<br/>知<br/>情<br/>选<br/>择</td>
      <td>
        患者/患者亲属/法定监护人/授权人（姓名）<br/>
我的医生已经告知我将要进行的治疗方式、此次治疗及治疗后可能发生的并发和风险、可能存在的其他治疗方法并且解答了我关于此次治疗的相关问题。<br/>
•我同意在治疗中医生可以根据我的病情对预定的治疗方法做出调整。<br/>
•我理解我的治疗方案的实施需要多位医生和护士共同进行。<br/>
•我并未得到治疗百分百成功的许诺。<br/>患者知情选择<br/>
•医师已经向我解释治疗过程中如果出现紧急情况会按相关应急预案进行处理。<br/>
•医师已经向我告知可能发生的费用情况，我已理解并愿承担。<br/>
基于以上陈述，在此本人授权医师：<br/>
•在发生紧急情况下，为保障本人的生命安全，医师有权按照医学常规给予紧急处置，更改并选择最适宜的治疗方案实施必要的抢救。<br/>
•我  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;接受该治疗方案，并对产生的不良后果已做好了充分思想准备。<br/>
请患者签署“同意”字样<br/>
•我  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;接受该治疗方案，并愿意承担因拒绝治疗而发生的一切后果。<br/>
请患者注明“不同意”字样<br/>
患者签字：      &nbsp;&nbsp;&nbsp;&nbsp;  与患者关系：&nbsp;&nbsp;&nbsp;&nbsp;
签字时间：     &nbsp;&nbsp;&nbsp;&nbsp;年   &nbsp;&nbsp; 月    &nbsp;&nbsp;日    &nbsp;&nbsp;时   &nbsp;&nbsp;分
      </td>
    </tr>
    <tr>
      <td style="width: 10%;text-align: center;align-items: center;">文<br/>化<br/>援<br/>助</td>
      <td>
        我提供了 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(请填写盲文、手语或者患者具体语言)的翻译，我翻译的内容包括此知情同意书的内容及医师与患者或患者委托人关系的一切书面信息。<br/>
翻译签字：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;签字时间：&nbsp;&nbsp;&nbsp;&nbsp;年&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;日
&nbsp;&nbsp;&nbsp;&nbsp;时&nbsp;&nbsp;&nbsp;&nbsp;分
      </td>
    </tr>
  </table>
</p>`
export default{
  props: {
    patient_id: {
        type: Number,
      },
      therapyinformePrint:{
        type:Object,
      }
   },
  components:{
    Editor
  },
  data(){
    return{
      patient:{},
      org_id:0,
      dialogVisible:false,
      content:content,
      orgname:'',
    }
  },
  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 { .table tr{page-break-inside:avoid} .table tr td{border: 1px solid black;text-align: center;align-items: center;}}'
          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
      },
      show(val){

       if(val!=null){
        console.log("valw233223",val)
         if(val.content!=""){
           this.content = ""
           this.content = val.content
         }

       }
     },
      saveTherapyInformed(){
         var params = {
          content:this.$refs.editor.content
         }
        saveTherapyInformed(params).then(response=>{

          if(response.data.state ==1){
            var list = response.data.data.list
            this.$message.success("保存成功!")
            this.dialogVisible = false
            this.$emit("getTherapyInformed","");
          }
        })
      }

  },
  created(){
    this.orgname = this.$store.getters.xt_user.org.org_name;
    if(this.therapyinformePrint!=null && this.therapyinformePrint.id >0){
       this.content = ""
       this.content = this.therapyinformePrint.content
    }
    this.getlist()
    this.org_id = this.$store.getters.xt_user.org.id
  }
}
</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;
      }
  }
  .print_page_main_content {
    background-color: white;
    width: 100%;
    padding: 0 0 0 0;
    page-break-after: always;
  }
  .table tr{
    page-break-inside:avoid
  }
  .table tr td{
    border: 1px solid black;
    // text-align: center;
    // align-items: center;
  }
</style>