Merge branch '20230223_pc_vue_new_branch' of http://git.shengws.com/csx/Vue_New into 20230223_pc_vue_new_branch

src/xt_pages/user/Informed/components/Bring_informed.vue

@@ -3,10 +3,10 @@
   <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="">
+         <el-button type="primary" style=""  @click="bianji">
               编辑
           </el-button>
-        <el-button type="danger" style=""  @click="">
+        <!--<el-button type="danger" style=""  @click="">
               删除
         </el-button> -->
         <el-button type="success" style=""  @click="printThisPage">
@@ -40,8 +40,8 @@
                 诊断：
                 {{ patient.diagnose }}
               </div>
-
-              <div style="display: flex; margin: 10px 0;">
+              <div v-html="content"></div>
+              <!-- <div style="display: flex; margin: 10px 0;">
                 <p style="display: inline;padding: 0;">一、</p>
                 <p style="display: inline;padding: 0;">
                   在本次代为注射前，接诊护士已向我介绍了代为注射的手续办理流程，充分告知了代为注射在医疗和法律上的风险和相关注意事项，
@@ -64,40 +64,121 @@
                 </p>
               </div>
 
-              <p style="padding: 10px 20px;display:flex;justify-content: space-between;align-items: center;">
+              <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;">
+              <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;">
+              <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>
+              </p> -->
           </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="dialogVisible = false">确 定</el-button>
+        </span>
+      </el-dialog>
   </div>
 </template>
 
 <script>
 import print from "print-js";
+import Editor from '@/components/Editor'
 import { getPatientDetailInformedconsent  } 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='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='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span style='position: absolute;top: 0px;left: 0;'>二、</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>
+</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:{}
+      patient:{},
+      dialogVisible:false,
+      content:content
     }
    },
   methods:{
@@ -111,37 +192,40 @@ export default{
         }
       })
     },
-      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
+    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
+    }
   },
   created(){
     this.getlist()

src/xt_pages/user/Informed/components/Falloutbedprint.vue

@@ -1,11 +1,11 @@
 <template>
     <div style="border:1px solid gainsboro ;padding:10px">
-        <div style="position: relative; left: 400px;width: 250px;margin: 20px 0;"> 
+        <div style="position: relative; left: 400px;width: 250px;margin: 20px 0;">
           <!-- <el-button type="primary">主要按钮</el-button> -->
-          <!-- <el-button type="primary" style=""  @click="">
+           <el-button type="primary" style=""  @click="bianji">
                 编辑
             </el-button>
-          <el-button type="danger" style=""  @click="">
+         <!-- <el-button type="danger" style=""  @click="">
                 删除
             </el-button> -->
             <el-button type="success" style=""  @click="printThisPage">
@@ -13,10 +13,10 @@
             </el-button>
         </div>
         <div id="print_content">
-            <div class="print_page_main_content">
+          <div class="print_page_main_content">
             <div class="content">
                 <h2 style="text-align: center;">人脸识别知情同意书</h2>
-
+                <!-- <div style="display: inline-block;border: 1px solid black;width: 20px;height: 20px;"></div> -->
                 <div style="text-align: right;">
                   透析号：{{ patient.dialysis_no }}
                 </div>
@@ -32,7 +32,8 @@
                 <div style="border-bottom: 1px solid gainsboro;">
                   诊断：{{ patient.diagnose }}
                 </div>
-                <p style="font-size: 17px;font-weight: bold;">请您仔细阅读以下内容，并自主决定是否使用人脸识别功能：</p>
+                <div v-html="content"></div>
+                <!-- <p style="font-size: 17px;font-weight: bold;">请您仔细阅读以下内容，并自主决定是否使用人脸识别功能：</p>
                 <p style="display: inline;padding: 0;">一、登录平台时，您已被提示（无论是否以界面弹窗或其他方式）注意仔细阅读本知情同意书。</p>
                 <div style="display: flex; margin: 10px 0;">
                   <p style="display: inline;padding: 0;">二、</p>
@@ -58,39 +59,112 @@
                 <p style="padding: 0;">
                   □本人已仔细阅读了知情同意书，并同意采用人脸识别方式进行身份识别或验证登录，同意医院基于载明目的处理人脸识别信息。
                 </p>
-                 
+
                 <p style="padding: 20px;display:flex;justify-content: space-between;align-items: center;">
                     <span>个人签署(适用于纸质版)：______________</span>
                 </p>
                 <p style="padding: 20px;display:flex;justify-content: space-between;align-items: center;">
                     <span>父母或监护人签署:______________</span>
-                   
+
                 </p>
-                
-                <p> &nbsp;&nbsp;&nbsp;&nbsp;年&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;日</p>
-            </div>
+                <p> &nbsp;&nbsp;&nbsp;&nbsp;年&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;日</p> -->
             </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="dialogVisible = false">确 定</el-button>
+          </span>
+        </el-dialog>
     </div>
 </template>
 
 <script>
 import print from "print-js";
+import Editor from '@/components/Editor'
 import { getPatientDetailInformedconsent  } from '@/api/patient'
 import { jsGetAge, uParseTime } from "@/utils/tools";
+const content=`<p style="font-size: 17px;font-weight: bold;padding-left: 2em;">请您仔细阅读以下内容，并自主决定是否使用人脸识别功能：</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span style='position: absolute;top: 0;left: 0;'>一、</span>登录平台时，您已被提示（无论是否以界面弹窗或其他方式）注意仔细阅读本知情同意书。
+</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span style='position: absolute;top: 0;left: 0;'>二、</span> 平台已提供账号密码和人脸识别等多种验证登录方式。<span style="font-weight: bold;">人脸识别不是唯一的身份识别方式或验证登录方式，</span>其系为完成身份识别或快捷登录而设置，如您选择使用该功能，则需要提供您本人的人脸识别信息，否则无法实现身份识别或验证登录。<span style="font-weight: bold;">您可以自主决定是否采用人脸识别进行身份识别或验证登录。</span>
+</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span style='position: absolute;top: 0;left: 0;'>三、</span>您的人脸识别信息将仅用于身份识别、验证登录之目的，不会用于任何其他目的。您的人脸识别信息将由医院负责处理（含收集、存储、使用、删除等），医院将依法保护您的个人信息安全。
+</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span style='position: absolute;top: 0;left: 0;'>四、</span>知情同意
+</p>
+<p style="font-size: 17px;font-weight: bold;padding-left: 2em;">您签署知情同意书（包括通过电子方式点击同意），或您直接选择人脸识别进行身份识别或验证登录平台系统的，即表明您已明确同意采用人脸识别进行身份识别或验证登录。</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>本人已仔细阅读了知情同意书，并同意采用人脸识别方式进行身份识别或验证登录，同意医院基于载明目的处理人脸识别信息。</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>1.您已阅读并理解有关血液透析的相关信息。</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>2.医生对以上问题已经向您作了充分的解释。</p>
+<p style='position: relative;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:0 20px;display:flex;justify-content: space-between;align-items: center;">
+    <span>_______年____月____日</span>
+</p>`
 export default{
   props: {
     patient_id: {
         type: Number,
       }
    },
+   components:{
+    Editor
+   },
    data(){
     return{
-      patient:{}
+      patient:{},
+      content:content,
+      dialogVisible:false,
     }
    },
-  
+
    created(){
      this.getlist()
    },
@@ -103,39 +177,42 @@ export default{
             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
+      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
+      }
     }
 }
 </script>
@@ -161,4 +238,19 @@ export default{
           text-align: justify;
         }
     }
-</style>
+input[type="checkbox"]{
+    box-sizing: border-box;
+    /* padding: 0; */
+    -webkit-appearance: checkbox;
+}
+.check-box{
+  display: block;
+}
+.check-box::before{
+  display: inline-block;
+  content: '';
+  width: 15px;
+  height: 15px;
+  border: 1px solid black;
+}
+</style>

src/xt_pages/user/Informed/components/Filter_informed.vue

@@ -2,10 +2,10 @@
   <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="">
+         <el-button type="primary" style=""  @click="bianji">
               编辑
           </el-button>
-        <el-button type="danger" style=""  @click="">
+        <!--<el-button type="danger" style=""  @click="">
               删除
         </el-button> -->
         <el-button type="success" style=""  @click="printThisPage">
@@ -15,7 +15,7 @@
       <div id="print_content">
           <div class="print_page_main_content">
           <div class="content">
-              <h2 style="text-align: center;">血液透析(滤过)治疗知情同意书</h2>
+              <h2 style="text-align: center;">血液透析(滤过，灌流)治疗知情同意书</h2>
 
               <div style="text-align: right;">
                 透析号：{{ patient.dialysis_no }}
@@ -36,105 +36,188 @@
               <div style="border-bottom: 1px solid gainsboro;">
                 诊断：{{ patient.diagnose }}
               </div>
-              <!-- <span>一、血液透析是急性肾损伤和慢性肾功能衰竭的一种替代治疗方法：</span><br> -->
-              <p style="display: inline;padding: 0;">一、血液透析是急性肾损伤和慢性肾功能衰竭的一种替代治疗方法：</p>
-              <p>
-                1.血液透析是通过血管通路及血泵将血液引流至体外，进入透析管路及与透析液联通的透析器，建立体外循环，通过弥散、
-                对流、以及超滤等原理清除水分和毒素，并将处理后的血液输回到患者体内。<br>
-                2.为了保证引流出的血流量达到体外循环需求，治疗前需建立血管通路：如前臂动—静脉内瘘，深静脉留置临时透析导管，或长期透析导管等。<br>
-                3.为防止引流出的血液的在体外管路和透析器发生凝固，一般需在透析前和透析过程中注射肝素等抗凝药物防止凝血。<br>
-                4.对于慢性肾衰竭，血液透析仅仅是部分代替肾脏维持或改善人体内环境稳定，延续患者生命，对原发病无治疗作用。<br>
-                5.血液透析治疗的方式分为：血液透析、髙通量血液透析、血液滤过、血液透析滤过等，医生将根据您的具体病情，选择适合于您的透析方式。
-              </p>
-
-              <p style="display: inline;padding: 0;">二、血液透析治疗期间存在下列医疗风险，可能造成严重后果，甚至危及生命：</p>
-              <p>
-                1.对透析液、透析膜发生不良反应，出现胸闷、气急、烦躁不安的“首次使用综合症”，甚至发生溶血、低血压休克、呼吸衰竭，严重时可危及生命。<br>
-                2.因为血肌酐水平太高，当血液中毒素被清除后，血脑屏障内的毒素不能一下子被清除，水分会流向颅内，出现“透析失衡综合症”，
-                表现为头痛、头晕、恶心、呕吐，甚至精神异常、癫痫样抽搐、昏睡、昏迷、呼吸循环衰竭，严重时可危及生命。<br>
-                3.透析器破膜：出现寒战、发热、溶血，甚至败血症。<br>
-                4.透析管道破裂或透析漏血：出现出血、凝血、空气栓塞、失血等严重合并症。<br>
-                5.透析器及透析管路发生凝血不能回输、透析操作过程中血液丢失造成失血。<br>
-                6.血透过程中应用抗凝药物加重原有脑出血、消化道、心包出血，严重时危及生命。<br>
-                7.治疗过程中出现低血压、休克、顽固性高血压、心衰、心律失常、脑出血、脑梗塞。<br>
-                8.因为体外循环治疗，有感染血源性传播性疾病的风险，如病毒性肝炎（甲肝、乙肝、丙肝、丁肝、戊肝、庚肝等）、梅毒、艾滋病等传染病。<br>
-                9.其他可能发生的无法预料或者不能防范的并发症。
-              </p>
-              <p style="display: inline;padding: 0;"> 三、对于长期进行血液透析的患者，还可能出现以下远期并发症：</p>
-              <p>1.营养不良。</p>
-              <p>2.顽固性高血压、低血压、心功能不全、心包积液、心瓣膜钙化、心肌梗死、心律失常。</p>
-              <p>3.淀粉样变、透析脑病、骨关节病变等综合症。</p>
-              <p>4.甲状旁腺亢进、周围神经病变皮肤瘙痒及损害。</p>
-              <p>5.透析通路感染、闭塞、血栓形成，甚至因血栓脱落引起肺脑等脏器栓塞。</p>
-
-              <p style="display: inline;padding: 0;"> 四、为尽可能减少上述风险，请您和家属在指导下，做好以下注意事项：</p>
-              <p>1.按治疗方案定期进行血液透析，避免透析不足使病情加重或危及生命。</p>
-              <p>2.控制水和钠盐摄入，控制透析期间体重增长；控制饮食中磷，钾的摄入，避免发生髙磷、髙钾血症，保证足够的蛋白质和碳水化合物摄入，避免出现营养不良。</p>
-              <p>3.定期进行血常规、血生化等检验、检查，以及时处理合并症。</p>
-              <p>4.维护血管通路，每日对内瘘进行触诊和听诊检查，或关注中心静脉导管部位有无出血等，一旦异常及时就诊。</p>
-
-              <p style="display: inline;padding: 0;">五、可供选择的其他治疗方式：腹膜透析。</p>
-
-              <div style="display: flex; margin: 10px 0;">
-                <!-- <span style="display:inline-block;width: 20px;">六、</span> -->
-                <p style="display: inline;padding: 0;">六、</p>
-                <p style="display: inline;padding: 0;">
-                  住院病人在一次住院期间进行多个疗程血液透析，只需要签署一次知情同意书。
-                  门诊病人长期进行血液透析知情同意书只需要签署一次；
-                </p>
-              </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">七、</p>
-                <p style="display: inline;padding: 0;">
-                  医护人员将按规范认真操作，尽可能防范可能出现的并发症。由于已知或未知的原因，以及临床医学存在难以预料的多变性，
-                  任何治疗均有可能无法达到预期结果，或出现严重并发症、损伤甚至死亡等。因此，医生不能对结果作出任何保证。在没有向您告知并获得您签署的书面同意书前，医生不能对患者施行血液透析治疗。在治疗实施前的任何时间，您都有权接受或拒绝。
-                </p>
-              </div>
-
-              <p style="display: inline;padding: 0;">八、以下的签名表示：</p>
-              <p>
-                1.您已阅读并理解有关血液透析的相关信息。<br/>
-                2.医生对以上问题已经向您作了充分的解释。<br/>
-                3.您授权并同意医生为患者施行血液透析治疗。<br/>
-                4.您同意学习者在操作过程中进行观摩，拍摄不注明患者身份影像，用于医疗、教学和科研。<br/>
-                5.您同意留取血标本，用于科学研究。
-              </p>
+              <div v-html="content"></div>
+ 
+          </div>
+        </div>
+      </div>
 
+      <el-dialog
+        title="提示"
+        :visible.sync="dialogVisible"
+        width="60%"
+        >
+        <div>
+          <h2 style="text-align: center;">血液透析(滤过，灌流)治疗知情同意书</h2>
 
-              <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>
+          <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>
+          <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="dialogVisible = false">确 定</el-button>
+        </span>
+      </el-dialog>
 
   </div>
 </template>
 
 <script>
 import print from "print-js";
+import Editor from '@/components/Editor'
 import { getPatientDetailInformedconsent  } 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: 0;left: 0;'>一、</span>血液透析是急性肾损伤和慢性肾功能衰竭的一种替代治疗方法：
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span style=''>1.</span>血液透析是通过血管通路及血泵将血液引流至体外，进入透析管路及与透析液联通的透析器，建立体外循环，通过弥散、对流、以及超滤等原理清除水分和毒素，并将处理后的血液输回到患者体内。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span style=''>2.</span>为了保证引流出的血流量达到体外循环需求，治疗前需建立血管通路：如前臂动—静脉内瘘，深静脉留置临时透析导管，或长期透析导管等。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span style=''>3.</span>为防止引流出的血液的在体外管路和透析器发生凝固，一般需在透析前和透析过程中注射肝素等抗凝药物防止凝血。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span style=''>4.</span>对于慢性肾衰竭，血液透析仅仅是部分代替肾脏维持或改善人体内环境稳定，延续患者生命，对原发病无治疗作用。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span>5.</span>血液透析治疗的方式分为：血液透析、髙通量血液透析、血液滤过、血液透析滤过等，医生将根据您的具体病情，选择适合于您的透析方式。
+</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span style='position: absolute;top: 0;left: 0;'>二、</span>血液透析治疗期间存在下列医疗风险，可能造成严重后果，甚至危及生命：
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span >1.</span>对透析液、透析膜发生不良反应，出现胸闷、气急、烦躁不安的“首次使用综合症”，甚至发生溶血、低血压休克、呼吸衰竭，严重时可危及生命。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span >2.</span>因为血肌酐水平太高，当血液中毒素被清除后，血脑屏障内的毒素不能一下子被清除，水分会流向颅内，出现“透析失衡综合症”，表现为头痛、头晕、恶心、呕吐，甚至精神异常、癫痫样抽搐、昏睡、昏迷、呼吸循环衰竭，严重时可危及生命。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span >3.</span>透析器破膜：出现寒战、发热、溶血，甚至败血症。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span>4.</span>透析管道破裂或透析漏血：出现出血、凝血、空气栓塞、失血等严重合并症。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span >5.</span>透析器及透析管路发生凝血不能回输、透析操作过程中血液丢失造成失血。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span >6.</span>血透过程中应用抗凝药物加重原有脑出血、消化道、心包出血，严重时危及生命。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span class="abs-index">7.</span>治疗过程中出现低血压、休克、顽固性高血压、心衰、心律失常、脑出血、脑梗塞。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span class="abs-index">8.</span>因为体外循环治疗，有感染血源性传播性疾病的风险，如病毒性肝炎（甲肝、乙肝、丙肝、丁肝、戊肝、庚肝等）、梅毒、艾滋病等传染病。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span class="abs-index">9.</span>其他可能发生的无法预料或者不能防范的并发症。
+</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span style='position: absolute;top: 0;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='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span style='position: absolute;top: 0;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='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span style='position: absolute;top: 0;left: 0;'>五、</span>可供选择的其他治疗方式：腹膜透析。
+</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span style='position: absolute;top: 0;left: 0;'>六、</span>住院病人在一次住院期间进行多个疗程血液透析，只需要签署一次知情同意书。门诊病人长期进行血液透析知情同意书只需要签署一次；
+</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span style='position: absolute;top: 0;left: 0;'>七、</span>医护人员将按规范认真操作，尽可能防范可能出现的并发症。由于已知或未知的原因，以及临床医学存在难以预料的多变性，任何治疗均有可能无法达到预期结果，或出现严重并发症、损伤甚至死亡等。因此，医生不能对结果作出任何保证。在没有向您告知并获得您签署的书面同意书前，医生不能对患者施行血液透析治疗。在治疗实施前的任何时间，您都有权接受或拒绝。
+</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span style='position: absolute;top: 0;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-left: 2em;margin-top: 10px;margin-bottom: 4px '>4.您同意学习者在操作过程中进行观摩，拍摄不注明患者身份影像，用于医疗、教学和科研。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>5.您同意留取血标本，用于科学研究。</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:{}
+      patient:{},
+      content:content,
+      dialogVisible:false,
     }
    },
 
@@ -151,38 +234,41 @@ export default{
             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
+      },
+      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
+      }
     }
 }
 </script>
@@ -204,3 +290,4 @@ export default{
       }
   }
 </style>
+

src/xt_pages/user/Informed/components/Highrisk_informed.vue

@@ -3,10 +3,10 @@
     <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="">
+           <el-button type="primary" style=""  @click="bianji">
                 编辑
             </el-button>
-          <el-button type="danger" style=""  @click="">
+          <!--<el-button type="danger" style=""  @click="">
                 删除
             </el-button> -->
             <el-button type="success" style=""  @click="printThisPage">
@@ -40,91 +40,126 @@
                   诊断：
                   {{ patient.diagnose }}
                 </div>
-                <div style="display: flex; margin: 10px 0;">
-                  <p style="display: inline;padding: 0;">一、</p>
-                  <p style="display: inline;padding: 0;">
-                    该知情同意书将向您介绍高危出血患者血液净化抗凝方式选择相关事宜，您有权知道高危出血患者接受血液净化治疗选择抗凝方式的方法、
-                    目的、存在的风险、预期效果及对人体的影响。请您仔细阅读，提出与治疗有关的任何疑问，决定是否同意对患者实施血液净化治疗。
-                  </p>
-                </div>
-                <div style="display: flex; margin: 10px 0;">
-                  <p style="display: inline;padding: 0;">二、</p>
-                  <p style="display: inline;padding: 0;">
-                    患者如存在活动性出血如颅内出血，消化道出血、心包积液、眼底出血等其它出血倾向或准备近期手术者，均视为高危出血患者。
-                    在病情需要必须进行血液净化治疗的情况下，医生将根据患者具体情况采用无肝素、小剂量肝素、低分子肝素抗凝等措施以减少出血风险。
-                  </p>
-                </div>
-                <div style="display: flex; margin: 10px 0;">
-                  <p style="display: inline;padding: 0;">三、</p>
-                  <p style="display: inline;padding: 0;">
-                    患者因存在_____________________________________情况<br/>
-                    拟采用以下抗凝方式进行血液净化治疗：<br/>
-                    □无肝素&nbsp;&nbsp;  □小剂量肝素&nbsp;&nbsp;  □低分子肝素&nbsp;&nbsp;  □体外抗凝法&nbsp;&nbsp;  □其他抗凝方式
-                  </p>
-                </div>
-                <div style="display: flex; margin: 10px 0;">
-                  <p style="display: inline;padding: 0;">四、</p>
-                  <p style="display: inline;padding: 0;">
-                    但是在治疗过程中有可能发生：<br/>
-                    1.血液净化管道凝血从而导致部分血液流失，需更换透析管和管路。<br/>
-                    2.严重凝血者有可能出现透析通路血栓形成甚至闭塞。<br/>
-                    3.医保病人第二次更换的透析器和管路需要自费。<br/>
-                    4.在积极采取以上措施的情况下，仍有可能出现原有出血的加重。<br/>
-                    5.切口渗出、血肿、感染、愈合困难甚至开裂。
-                  </p>
-                </div>
-                <div style="display: flex; margin: 10px 0;">
-                  <p style="display: inline;padding: 0;">五、</p>
-                  <p style="display: inline;padding: 0;">
-                    医护人员将按规范认真操作，尽可能防范可能出现的并发症。由于已知或未知的原因，以及临床医学存在难以预料的多变性，
-                    任何治疗均有可能无法达到预期结果，或出现严重并发症、损伤甚至死亡等。因此，医生不能对结果作出任何保证。
-                    在没有向您告知并获得您签署的书面同意书前，医生不能对患者施行治疗。在治疗实施前的任何时间，您都有权接受或拒绝。
-                  </p>
-                </div>
-                <div style="display: flex; margin: 10px 0;">
-                  <p style="display: inline;padding: 0;">六、</p>
-                  <p style="display: inline;padding: 0;">
-                    以下的签名表示：<br/>
-                    1.您已阅读并理解前面所诉的相关内容，医生对以上问题已经向您作了充分的解释。<br/>
-                    2.您授权并同意医生为患者施行相关治疗。<br/>
-                    3.您同意学习者在操作过程中进行观摩，拍摄不注明患者身份的影像，用于医疗、教学和科研。<br/>
-                    4.您同意留取血、尿样本，用于科学研究。
-                  </p>
-                </div>
-                <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>
+                <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="dialogVisible = false">确 定</el-button>
+          </span>
+        </el-dialog>
     </div>
 </template>
 
 <script>
 import print from "print-js";
+import Editor from '@/components/Editor'
 import { getPatientDetailInformedconsent  } 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>患者如存在活动性出血如颅内出血，消化道出血、心包积液、眼底出血等其它出血倾向或准备近期手术者，均视为高危出血患者。在病情需要必须进行血液净化治疗的情况下，医生将根据患者具体情况采用无肝素、小剂量肝素、低分子肝素抗凝等措施以减少出血风险。
+</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span style='position: absolute;top: 0px;left: 0;'>三、</span>患者因存在_____________________________________情况<br/>拟采用以下抗凝方式进行血液净化治疗：<br/>
+  <span class="check-box" style='display: inline-block;width: 15px;height: 15px;border: 1px solid black;'></span>无肝素&nbsp;&nbsp;  <span class="check-box" style='display: inline-block;width: 15px;height: 15px;border: 1px solid black;'></span>小剂量肝素&nbsp;&nbsp;  <span class="check-box" style='display: inline-block;width: 15px;height: 15px;border: 1px solid black;'></span>低分子肝素&nbsp;&nbsp;  <span class="check-box" style='display: inline-block;width: 15px;height: 15px;border: 1px solid black;'></span>体外抗凝法&nbsp;&nbsp;  <span class="check-box" style='display: inline-block;width: 15px;height: 15px;border: 1px solid black;'></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 '>
+  <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='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-left: 2em;margin-top: 10px;margin-bottom: 4px '>4.您同意留取血、尿样本，用于科学研究。</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:{}
+      patient:{},
+      dialogVisible:false,
+      content:content
     }
    },
     methods:{
@@ -138,37 +173,40 @@ export default{
           }
         })
        },
-       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
-        },
-        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
+      },
+      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
+          })
+      },
+      bianji(){
+        this.dialogVisible=true
+      }
     },
     created(){
       this.getlist()
@@ -196,5 +234,13 @@ export default{
           margin-bottom: 5px;
           text-align: justify;
         }
+        .ws-module-part{
+          position: relative;
+        }
+        .abs-index{
+          position: absolute;
+          left: 0;
+          top: 0;
+        }
     }
 </style>

src/xt_pages/user/Informed/components/Medicalhistory.vue

@@ -0,0 +1,247 @@
+<template>
+  <div style="border:1px solid gainsboro ;padding:10px">
+    <div style="position: relative; left: 400px;width: 250px;margin: 20px 0;">
+      <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;margin-bottom: 20px;">门诊血液透析治疗病历首页</h2>
+          <div style="display: flex;padding: 10px 5px">
+            <div style="flex: 1;">门诊号<span class="unile">{{ patient.admission_number }}</span></div>
+            <div style="flex: 1;">住院号 <span class="unile">{{ patient.admission_number }}</span></div>
+            <div style="flex: 1.5;">首次治疗日期 <span class="unile">{{getTime(patient.first_dialysis_date) }}</span></div>
+          </div>
+          <div style="display: flex;padding: 10px 5px">
+            <div style="flex: 1;">姓名：<span class="unile">{{ patient.name }}</span></div>
+            <div style="flex: 1;">性别：
+              <input type="checkbox" />女
+              <input type="checkbox" />男
+            </div>
+          </div>
+          <div style="display: flex;padding: 10px 5px">
+            <div style="flex: 2;">
+              身份证号
+              <span class="unile">{{ patient.id_card_no }}</span>
+            </div>
+          </div>
+          <div style='padding: 10px 5px'>
+            <div>
+              现住址(详填) <span class="unile2"></span> 省 <span class="unile2"></span>市<span class="unile2"></span>县(区)<span class="unile2"></span>乡(镇、街道)<span class="unile2"></span>村（门牌号）
+            </div>
+            <div style="flex: 1;">邮编<span class="unile2"></span></div>
+          </div>
+          <div style='padding: 10px 5px'>
+            <div>
+              户口住址(详填) <span class="unile2"></span>省<span class="unile2"></span>市<span class="unile2"></span>县(区)<span class="unile2"></span>乡(镇、街道)<span class="unile2"></span>村（门牌号）
+            </div>
+            <div style="flex: 1;">邮编<span class="unile2"></span></div>
+          </div>
+          <div style="display: flex;padding: 10px 5px">
+            <div style="flex: 1;">
+              电话<span class="unile">{{ patient.home_telephone }}</span>
+            </div>
+            <div style="flex: 1;">
+              手机<span class="unile">{{ patient.phone }}</span>
+            </div>
+            <div style="flex: 1.5;">
+              亲属联系方式<span class="unile"></span>
+            </div>
+          </div>
+          <div style="padding: 10px 5px">
+            工作单位<span class="unile"></span>
+          </div>
+          <div style="padding: 10px 5px">
+            地址<span class="unile2"></span> 省(市)<span class="unile2"></span>路<span class="unile2"></span>号
+          </div>
+          <div style="padding: 10px 5px">
+            诊断：<span class="unile"></span>
+          </div>
+          <div style="padding: 10px 5px">
+            合并症或并发症 <span class="unile"></span>
+          </div>
+          <div>
+            <table border="1" style="border-collapse: collapse;width: 100%;text-align: center;">
+              <tr>
+                <td colspan="2" class="tablepadd">干体重</td>
+                <td colspan="2" class="tablepadd">血管通路</td>
+                <td colspan="2" class="tablepadd">抗凝剂</td>
+              </tr>
+              <tr>
+                <td class="tablepadd">日期</td>
+                <td>体重(kg)</td>
+                <td>日期</td>
+                <td>名称</td>
+                <td>日期</td>
+                <td>种类</td>
+              </tr>
+              <tr>
+                <td class="tablepadd">2023.11.30</td>
+                <td>待定</td>
+                <td>2023.11.30</td>
+                <td>左侧自体动静脉内瘘</td>
+                <td>2023.11.30</td>
+                <td>低分子肝素钙</td>
+              </tr>
+              <tr>
+                <td colspan="2" class="tablepadd">传染病登记</td>
+                <td colspan="2" class="tablepadd">肿瘤登记</td>
+                <td colspan="2" class="tablepadd">药物过敏史</td>
+              </tr>
+              <tr>
+                <td class="tablepadd">日期</td>
+                <td>名称</td>
+                <td>日期</td>
+                <td>名称</td>
+                <td>日期</td>
+                <td>药物名称</td>
+              </tr>
+              <tr>
+                <td class="tablepadd">2023.11.30</td>
+                <td></td>
+                <td></td>
+                <td></td>
+                <td></td>
+                <td></td>
+              </tr>
+              <tr>
+                <td colspan="6" class="tablepadd">血液透析治疗方案调整</td>
+              </tr>
+              <tr>
+                <td class="tablepadd">治疗频率</td>
+                <td>调整日期</td>
+                <td>治疗方式</td>
+                <td>调整日期</td>
+                <td>透析液钙浓度</td>
+                <td>调整日期</td>
+              </tr>
+              <tr>
+                <td class="tablepadd">每周3次</td>
+                <td>2023.11.30</td>
+                <td>HD</td>
+                <td>2023.11.30</td>
+                <td>1.5mmol/L</td>
+                <td>2023.11.30</td>
+              </tr>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- <el-dialog
+      title="提示"
+      :visible.sync="dialogVisible"
+      width="60%">
+        <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="dialogVisible = false">确 定</el-button>
+        </span>
+    </el-dialog> -->
+  </div>
+</template>
+<script>
+
+import { getPatientDetailInformedconsent  } from '@/api/patient'
+import print from "print-js";
+import Editor from '@/components/Editor'
+import { uParseTime } from '@/utils/tools'
+export default{
+  props: {
+    patient_id: {
+        type: Number,
+      }
+  },
+  components:{
+    Editor
+  },
+  data(){
+    return{
+      patient:{},
+      dialogVisible:false,
+    }
+  },
+  created(){
+    this.getlist()
+  },
+  methods:{
+    getlist(){
+      // console.log("owwwwwwwwwwwwwwwwwww",this.patient_id)
+      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;}.unile{display: inline-block;border-bottom: 1px solid black;width: 60%;}.unile2{display: inline-block;border-bottom: 1px solid black;width: 150px;padding: 15px 0;}}'
+        printJS({
+            printable: 'print_content',
+            type: 'html',
+            documentTitle: '  ',
+            style: style,
+            scanStyles: false
+        })
+    },
+    getTime(val) {
+        if(val < 0){
+          return ""
+        }
+        if(val == ""){
+        return ""
+        }else {
+        return uParseTime(val, '{y}-{m}-{d}')
+        }
+    },
+    // 编辑
+    bianji(){
+      this.dialogVisible = true
+    }
+  }
+}
+
+</script>
+<style lang="scss">
+.content{
+  .unile{
+    display: inline-block;
+    border-bottom: 1px solid black;
+    width: 60%;
+  }
+  .unile2{
+    display: inline-block;
+    border-bottom: 1px solid black;
+    width: 150px;
+    padding: 15px 0;
+  }
+  .tablepadd{
+    padding: 5px 0;
+  }
+}
+input[type="checkbox"]{
+    box-sizing: border-box;
+    /* padding: 0; */
+    -webkit-appearance: checkbox;
+}
+
+
+</style>

src/xt_pages/user/Informed/components/anticoagulation_informed.vue

@@ -3,10 +3,10 @@
   <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="">
+         <el-button type="primary" style=""  @click="bianji">
               编辑
           </el-button>
-        <el-button type="danger" style=""  @click="">
+        <!--<el-button type="danger" style=""  @click="">
               删除
         </el-button> -->
         <el-button type="success" style=""  @click="printThisPage">
@@ -38,7 +38,8 @@
                 诊断：
                 {{ patient.diagnose }}
               </div>
-              <div style="display: flex; margin: 10px 0;">
+              <div v-html="content"></div>
+              <!-- <div style="display: flex; margin: 10px 0;">
                 <p style="display: inline;padding: 0;">一、</p>
                 <p style="display: inline;padding: 0;">
                   该知情同意书将向您介绍抗凝溶栓治疗的相关事宜，您有权知道抗凝溶栓治疗的方法、目的、存在的风险、预期效果及对人体的影响。
@@ -100,10 +101,10 @@
                   4.您同意学习者在操作过程中进行观摩，拍摄不注明患者身份的影像，用于医疗、教学和科研。
                 </p>
               </div>
-              <p style="padding: 10px 20px;display:flex;justify-content: space-between;align-items: center;">
+              <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;">
+              <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;">
@@ -113,27 +114,140 @@
               <p style="padding:0 20px;display:flex;justify-content: space-between;align-items: center;">
                   <span>签名日期:_______年____月____日</span>
                   <span>签名日期:_______年____月____日</span>
-              </p>
+              </p> -->
           </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="dialogVisible = false">确 定</el-button>
+        </span>
+      </el-dialog>
   </div>
 </template>
 
 <script>
 import print from "print-js";
+import Editor from '@/components/Editor'
 import { getPatientDetailInformedconsent  } 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>血液净化血管通路，包括动-静脉内瘘和深静脉透析导管，是进行血液净化治疗的生命线，但这些血管通路很容易发生血栓形成，甚至闭塞，严重影响您进行血液净化治疗。
+</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 style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>深静脉透析导管功能不良，考虑血栓形成&nbsp;&nbsp; <span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>深静脉透析导管，预防血栓形成</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>动静脉内瘘血栓形成&nbsp;&nbsp; <span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>动静脉内瘘预防血栓形成 </p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>腹透导管功能不良</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>拟进行：</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>尿激酶微泵注射治疗&nbsp;&nbsp; <span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>尿激酶导管内封管</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>华法令口服治疗&nbsp;&nbsp; <span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></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 '>
+  <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='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.配合医生定期监测凝血功能，每月一次：PT，DIC全套，ACT等。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>3.平时勿进食过冷、过热、过硬的食物，活动时注意避免外伤，尽量避免肌肉注射药物等。</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'>
+  <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: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:{}
+      patient:{},
+      dialogVisible:false,
+      content:content
     }
    },
   methods:{
@@ -177,7 +291,10 @@ export default{
 
           var age = jsGetAge(birthtwo, '-')
           return age
-        }
+      },
+      bianji(){
+        this.dialogVisible=true
+      }
   },
   created(){
     this.getlist()

src/xt_pages/user/Informed/components/arteriovenous_informed.vue

@@ -2,10 +2,10 @@
   <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="">
+         <el-button type="primary" style=""  @click="bianji">
               编辑
           </el-button>
-        <el-button type="danger" style=""  @click="">
+       <!-- <el-button type="danger" style=""  @click="">
               删除
         </el-button> -->
         <el-button type="success" style=""  @click="printThisPage">
@@ -39,7 +39,10 @@
                 诊断：
                 {{ patient.diagnose }}
               </div>
-              <div style="display: flex; margin: 10px 0;">
+              <div v-html="content">
+
+              </div>
+              <!-- <div style="display: flex; margin: 10px 0;">
                 <p style="display: inline;padding: 0;">一、</p>
                 <p style="display: inline;padding: 0;">
                   经医生告知，本人因病情需要，须接受血液透析（滤过）治疗。需选择动静脉内瘘穿刺进行透析治疗。但由于该操作具有创伤性和风险性，
@@ -60,40 +63,122 @@
                 </p>
               </div>
 
-              <p style="padding: 10px 20px;display:flex;justify-content: space-between;align-items: center;">
+              <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;">
+              <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;">
+              <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>
+              </p> -->
           </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="dialogVisible = false">确 定</el-button>
+        </span>
+      </el-dialog>
   </div>
 </template>
 
 <script>
 import print from "print-js";
+import Editor from '@/components/Editor'
 import { getPatientDetailInformedconsent  } 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>1.</span>穿刺失败造成血肿及出血。
+</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span>2.</span>透析中和透析后活动受限。
+</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span>3.</span>血管狭窄及血栓形成，影响瘘管流量，需溶栓乃至重新手术。
+</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span>4.</span>假性动脉瘤，血管局部隆起，影响美观。
+</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span>5.</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: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:{}
+      patient:{},
+      dialogVisible:false,
+      content:content
     }
    },
   created(){
@@ -108,38 +193,41 @@ export default{
             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
+    },
+    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
+    }
   }
 }
 </script>
@@ -151,13 +239,39 @@ export default{
   border: 0;
 }
   .content{
-      p{
-        font-size: 16px;
-        font-family: '新宋体';
+      // p{
+    //     position: relative;
+    // padding-left: 2em;
+    // margin-top: 10px;
+    // margin-bottom: 4px
+      //   font-size: 16px;
+      //   font-family: '新宋体';
+      //   line-height: 22px;
+      //   padding-left: 20px;
+      //   margin-bottom: 5px;
+      //   text-align: justify;
+      // }
+      p.ws-module-part{
+        line-height: 25px;
+        margin-top: 10px;
+        margin-bottom: 4px;
+        text-align: justify;
+      }
+      .abs-title{
+        position: relative;
+        padding-left:20px;
+      }
+      .abs-index{
+        position: absolute;
+        top: 0px;
+        left: 0;
+      }
+      .ws-module-content{
         line-height: 22px;
         padding-left: 20px;
         margin-bottom: 5px;
         text-align: justify;
       }
+
   }
 </style>

src/xt_pages/user/Informed/components/catheterization_informed.vue

@@ -4,10 +4,10 @@
   <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="">
+        <el-button type="primary" style=""  @click="bianji">
               编辑
           </el-button>
-        <el-button type="danger" style=""  @click="">
+        <!-- <el-button type="danger" style=""  @click="">
               删除
         </el-button> -->
         <el-button type="success" style=""  @click="printThisPage">
@@ -41,143 +41,183 @@
                 诊断：
                 {{ patient.diagnose }}
               </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">一、</p>
-                <p style="display: inline;padding: 0;">
-                  该知情同意书将向您介绍深静脉透析导管置管术相关事宜，您有权知道手术的方法、目的、存在的风险、预期效果及对人体的影响。
-                  请您仔细阅读，提出与手术有关的任何疑问，决定是否同意对患者实施深静脉透析导管手术。
-                </p>
-              </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">二、</p>
-                <p style="display: inline;padding: 0;">
-                  深静脉留置透析导管是血液净化的血管通路之一，留置部位一般为颈内静脉或者股静脉，分为无涤纶套无隧道透析导管(临时导管)
-                  和带涤纶套带隧道透析导管(长期导管)，医师根据病情及病人血管条件选择置管部位，在局部消毒麻醉后，将导管置于深静脉。
-                  除特殊情况外，颈内静脉透析导管留置时间限定为一个月左右，股静脉透析导管留置时间限定为一周左右，其后需要更换为其他血管通路。
-                  带涤纶套带隧道透析导管的最佳留置时间为半年之内。
-                </p>
-              </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">三、</p>
-                <p style="display: inline;padding: 0;">
-                  患者目前存在以下情况：<br/>
-                  □需建立新的导管通路。<br/>
-                  □血管通路血栓形成或功能不良。<br/>
-                  □原有透析导管破裂或涤纶套脱出松动。<br/>
-                  □导管相关性菌血症或不明原因发热。<br/>
-                  □原有透析导管隧道出血、感染或导管皮肤出口感染。<br/>
-                  □肾移植成功或肾功能恢复。<br/>
-                  □原有透析导管位置不佳或异位。<br/>
-                  □长期血管通路如内瘘、人工血管等建立成功。<br/>
-                  □其他原因。<br/>
-
-                  拟实施：<br/>
-                  □深静脉无涤纶套导管(临时管)置管术。<br/>
-                  □深静脉带涤纶套导管(长期管)置管术。<br/>
-                  □深静脉透析导管调整术。<br/>
-                  □B超引导下深静脉透析导管置入术。<br/>
-                  □其他手术方法：<br/>
-
-                  拟定手术部位：□左侧&nbsp;&nbsp; □右侧<br/>
-                  &nbsp;&nbsp;□颈内静脉&nbsp; □股静脉&nbsp; □颈外静脉&nbsp; □髂外静脉&nbsp; □其他
-                </p>
-              </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">四、</p>
-                <p style="display: inline;padding: 0;">
-                  手术过程中和术后存在下列医疗风险，可能造成严重后果，甚至危及生命：<br/>
-                  1.麻醉意外。<br/>
-                  2.心血管意外，可能导致低血压、休克、心跳、呼吸骤停，危及生命。<br/>
-                  3.可能损伤动静脉、神经及其他脏器，引起大出血、血肿、动脉瘤、血气胸、必要时手术处理。<br/>
-                  4.可能并发血栓形成、赘生物形成和导管内凝血，需抗凝溶栓治疗，造成出血风险；栓子和赘生物脱落可能造成肺栓塞和其他血管栓塞，
-                  重者可危及生命。<br/>
-                  5.穿刺或者手术失败，更换手术方式或方法置管。<br/>
-                  6.留置过程中可能发生导管相关感染，甚至出现菌血症或者败血症，必要时需拔管。<br/>
-                  7.神经损伤可造成上肢、颈部感觉、运动障碍、声嘶。<br/>
-                  8.可能引起中心静脉狭窄、闭塞，导致静脉回流障碍，头颈部、肢体肿胀。<br/>
-                  9.导管脱出、破损、血栓形成，影响透析效果或不能继续透析，以致必要时需更换导管或其他部位重新留置导管。<br/>
-                  10.导管内移入血管，或与血管相连，需开放性手术或血管介入手术拔除。<br/>
-                  11.手术过程中导管破损，需要更换新的导管。<br/>
-                  12.由于医学的复杂性，可能发生其它无法预料或不能防范的并发症。
-                </p>
-              </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">五、</p>
-                <p style="display: inline;padding: 0;">
-                  为尽可能减少上述并发症的发生，请您和家属在医护人员指导下，做好以下注意事项：<br/>
-                  1.术后出现创口出血、血肿、疼痛难忍、胸闷、胸痛等情况，及时请医务人员查看。<br/>
-                  2.术后按医嘱拍摄胸片，以评估导管位置。<br/>
-                  3.根据医嘱视创口愈合情况拆线。<br/>
-                  4.根据医嘱坚持服用抗凝药物。
-                </p>
-              </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">六、</p>
-                <p style="display: inline;padding: 0;">
-                  可供选择的其他治疗方式：腹膜透析。
-                </p>
-              </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">七、</p>
-                <p style="display: inline;padding: 0;">
-                  拟定的手术将根据你的授权和同意进行，术中若有紧急情况或事先没有预料的情况发生，医师将及时向你告知并与家属联系，
-                  根据出现的情况，医师将根据专业判断采取任何必要的措施。
-                </p>
-              </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">八、</p>
-                <p style="display: inline;padding: 0;">
-                  医护人员将按规范认真操作，尽可能防范可能出现的并发症。由于已知或未知的原因，以及临床医学存在难以预料的多变性，
-                  任何治疗均有可能无法达到预期结果，或出现严重并发症、损伤甚至死亡等。因此，医生不能对结果作出任何保证。
-                  在没有向您告知并获得您签署的书面同意书前，医生不能对患者施行治疗。在治疗实施前的任何时间，您都有权接受或拒绝。
-                </p>
-              </div>
-              <p style="font-weight: bold;">特别注意事项：深静脉透析导管的材料费均超过200元。</p>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">九、</p>
-                <p style="display: inline;padding: 0;">
-                  以下的签名表示：<br/>
-                  1.您已阅读并理解有关深静脉透析导管手术的相关信息；<br/>
-                  2.医生对以上问题已经向您作了充分的解释；<br/>
-                  3.您授权并同意医生为患者施行深静脉透析导管手术；<br/>
-                  4.您同意学习者在操作过程中进行观摩，拍摄不注明患者身份的影像，用于医疗、教学和科研；<br/>
-                  5.您同意留取血标本，用于科学研究。
-                </p>
-              </div>
-              <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>
+              <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="dialogVisible = false">确 定</el-button>
+        </span>
+      </el-dialog>
   </div>
 </template>
 
 <script>
 import print from "print-js";
+import Editor from '@/components/Editor'
 import { getPatientDetailInformedconsent  } 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>深静脉留置透析导管是血液净化的血管通路之一，留置部位一般为颈内静脉或者股静脉，分为无涤纶套无隧道透析导管(临时导管)和带涤纶套带隧道透析导管(长期导管)，医师根据病情及病人血管条件选择置管部位，在局部消毒麻醉后，将导管置于深静脉。除特殊情况外，颈内静脉透析导管留置时间限定为一个月左右，股静脉透析导管留置时间限定为一周左右，其后需要更换为其他血管通路。带涤纶套带隧道透析导管的最佳留置时间为半年之内。</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 style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>需建立新的导管通路。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom:4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>血管通路血栓形成或功能不良。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom:4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>原有透析导管破裂或涤纶套脱出松动。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom:4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>导管相关性菌血症或不明原因发热。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom:4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>原有透析导管隧道出血、感染或导管皮肤出口感染。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom:4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>肾移植成功或肾功能恢复。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom:4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>原有透析导管位置不佳或异位。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom:4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>长期血管通路如内瘘、人工血管等建立成功。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom:4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>其他原因。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom:4px'>拟实施：</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom:4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>深静脉无涤纶套导管(临时管)置管术。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom:4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>深静脉带涤纶套导管(长期管)置管术。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom:4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>深静脉透析导管调整术。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom:4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>B超引导下深静脉透析导管置入术。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom:4px'><span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>其他手术方法：</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom:4px'>拟定手术部位：<span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>左侧&nbsp;&nbsp; <span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>右侧</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom:4px'>&nbsp;&nbsp;<span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>颈内静脉&nbsp; <span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>股静脉&nbsp; <span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>颈外静脉&nbsp; <span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></span>髂外静脉&nbsp; <span style='display:inline-block;width:15px;height:15px;border:1px solid black;'></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'>
+  <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='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span class="abs-index">7.</span>神经损伤可造成上肢、颈部感觉、运动障碍、声嘶。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span class="abs-index">8.</span>可能引起中心静脉狭窄、闭塞，导致静脉回流障碍，头颈部、肢体肿胀。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span class="abs-index">9.</span>导管脱出、破损、血栓形成，影响透析效果或不能继续透析，以致必要时需更换导管或其他部位重新留置导管。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span class="abs-index">10.</span>导管内移入血管，或与血管相连，需开放性手术或血管介入手术拔除。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span class="abs-index">11.</span>手术过程中导管破损，需要更换新的导管。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span class="abs-index">12.</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'>
+  <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='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='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span style='position: absolute;top: 0px;left: 0;'>八、</span>医护人员将按规范认真操作，尽可能防范可能出现的并发症。由于已知或未知的原因，以及临床医学存在难以预料的多变性， 任何治疗均有可能无法达到预期结果，或出现严重并发症、损伤甚至死亡等。因此，医生不能对结果作出任何保证。 在没有向您告知并获得您签署的书面同意书前，医生不能对患者施行治疗。在治疗实施前的任何时间，您都有权接受或拒绝。
+</p>
+<p style="font-weight: bold;padding-left: 2em;">特别注意事项：深静脉透析导管的材料费均超过200元。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'><span class="abs-index">九、</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-left: 2em;margin-top: 10px;margin-bottom: 4px'>4.您同意学习者在操作过程中进行观摩，拍摄不注明患者身份的影像，用于医疗、教学和科研；</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>5.您同意留取血标本，用于科学研究。</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:{}
+      patient:{},
+      dialogVisible:false,
+      content:content
     }
    },
   methods:{
@@ -191,37 +231,40 @@ export default{
         }
       })
     },
-      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
+    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
+    }
   },
   created(){
     this.getlist()

src/xt_pages/user/Informed/components/critical_informed.vue

@@ -3,10 +3,10 @@
   <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="">
+         <el-button type="primary" style=""  @click="bianji">
               编辑
           </el-button>
-        <el-button type="danger" style=""  @click="">
+        <!--<el-button type="danger" style=""  @click="">
               删除
         </el-button> -->
         <el-button type="success" style=""  @click="printThisPage">
@@ -14,7 +14,7 @@
         </el-button>
       </div>
       <div id="print_content">
-          <div class="print_page_main_content">
+        <div class="print_page_main_content">
           <div class="content">
               <h2 style="text-align: center;">危重患者接受血液净化治疗知情同意书</h2>
 
@@ -40,88 +40,126 @@
                 诊断：
                 {{ patient.diagnose }}
               </div>
-
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">一、</p>
-                <p style="display: inline;padding: 0;">
-                  该知情同意书将向您介绍危重患者接受血液净化治疗选择相关事宜，您有权知道危重患者接受血液
-                  净化治疗存在的风险、预期效果及对人体等影响，请您仔细阅读，提出与治疗有关的任何疑问。决定是否同意对患者实施血液净化治疗。
-                </p>
-              </div>
-
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">二、</p>
-                <p style="display: inline;padding: 0;">
-                  患者存在________________________情况，被视为危重病人，但由于病情需要拟进行血液净化治疗。
-                </p>
-              </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">三、</p>
-                <p style="display: inline;padding: 0;">
-                 患者在血液净化治疗过程中，发生各种风险的机会和严重程度，将比稳定的病人更为突出，可能包括以下情况：
-                </p>
-              </div>
-              <p>
-                1.出现急性恶性心律失常，恶性高血压，低血压休克，急性心肌梗塞，心包填塞，心跳骤停等心血管意外。<br/>
-                2.出现脑出血、脑梗塞、昏迷等脑血管意外。<br/>
-                3.出现头痛、恶心、呕吐、抽搐、意识障碍等症状。<br/>
-                4.出现或加重原有的肺部疾病，甚至出现呼吸衰竭。<br/>
-                5.出现或加重原有的出血性疾病，如消化道大出血等。<br/>
-                6.心衰或透析期间体重增加过多的患者，透析中有可能出现内瘘闭塞，痉挛，突发性耳聋等并发症，严重时危及生命。<br/>
-              </p>
-
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">四、</p>
-                <p style="display: inline;padding: 0;">
-                  医护人员将按规范认真操作，尽可能防范可能出现的并发症。由于已知或未知的原因，以及临床医学存在难以预料的多变性，
-                  任何治疗均有可能无法达到预期结果，或出现严重并发症、损伤甚至死亡等。因此，医生不能对结果作出任何保证。在没有向您告知并获得
-                  您签署的书面同意书前，医生不能对患者施行血液透析治疗。在治疗实施前的任何时间，您都有权接受或拒绝。
-                </p>
-              </div>
-
-              <p style="padding: 0;">五、以下的签名表示：</p>
-              <p>
-                1.您已阅读并理解有关血液透析的相关信息。<br/>
-                2.医生对以上问题已经向您作了充分的解释。<br/>
-                3.您授权并同意医生为患者施行血液透析治疗。<br/>
-                4.您同意学习者在操作过程中进行观摩，拍摄不注明患者身份影像，用于医疗、教学和科研。<br/>
-                5.您同意留取血标本，用于科学研究。
-              </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>
-          </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="dialogVisible = false">确 定</el-button>
+        </span>
+      </el-dialog>
   </div>
 </template>
 
 <script>
 import print from "print-js";
+import Editor from '@/components/Editor'
 import { getPatientDetailInformedconsent  } 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>患者存在________________________情况，被视为危重病人，但由于病情需要拟进行血液净化治疗。
+</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-left: 2em;margin-top: 10px;margin-bottom: 4px '>4.您同意学习者在操作过程中进行观摩，拍摄不注明患者身份影像，用于医疗、教学和科研。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>5.您同意留取血标本，用于科学研究。</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:{}
+      patient:{},
+      dialogVisible:false,
+      content:content
     }
    },
   methods:{
@@ -135,37 +173,40 @@ export default{
         }
       })
     },
-      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
+    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
+    },
   },
   created(){
     this.getlist()

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

@@ -0,0 +1,252 @@
+<!-- 抗凝 -->
+<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="dialogVisible = false">确 定</el-button>
+        </span>
+      </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import print from "print-js";
+import Editor from '@/components/Editor'
+import { getPatientDetailInformedconsent  } 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
+      }
+  },
+  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>

src/xt_pages/user/Informed/components/criticalpatient_informed2.vue

@@ -0,0 +1,226 @@
+<!-- 抗凝 -->
+<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="dialogVisible = false">确 定</el-button>
+        </span>
+      </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import print from "print-js";
+import Editor from '@/components/Editor'
+import { getPatientDetailInformedconsent  } 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>患者入院查血常规白细胞WBC: 0.59*109/L，HGB:59g/L，PLT: 37E9/L;患者三系减少，白细胞、血小板太低，随时有感染、出血的风险。已告知患者及家属，建议至上级医院进一步诊治，查明原因。现患者病情重，透析过程中随时有可能出现危及生命的可能。家属表示知情、理解，后果自负。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>以下的签名表示:</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:{},
+    content:content,
+    dialogVisible:false,
+  }
+  },
+  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
+      }
+  },
+  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>

src/xt_pages/user/Informed/components/dialyzer_informed.vue

@@ -2,12 +2,12 @@
 <!-- 自带 -->
 <template>
   <div style="border:1px solid gainsboro ;padding:10px">
-      <div style="position: relative; left: 400px;width: 250px;margin: 20px 0;"> 
+      <div style="position: relative; left: 400px;width: 250px;margin: 20px 0;">
         <!-- <el-button type="primary">主要按钮</el-button> -->
-        <!-- <el-button type="primary" style=""  @click="">
+         <el-button type="primary" style=""  @click="bianji">
               编辑
           </el-button>
-        <el-button type="danger" style=""  @click="">
+        <!--<el-button type="danger" style=""  @click="">
               删除
         </el-button> -->
         <el-button type="success" style=""  @click="printThisPage">
@@ -41,8 +41,8 @@
                 诊断：
                 {{ patient.diagnose }}
               </div>
-              
-              <p style="text-indent:2em;">
+              <div v-html="content"></div>
+              <!-- <p style="text-indent:2em;">
                 经医师告知，本人因病情需要，将接受血液透析（滤过）治疗。本人自愿申请重复使用透析器（滤器）。本人已理解在透析器（滤器）
                 重复使用过程中，虽经严格地冲洗、消毒，并对透析器（滤器）进行相关复用质量检验合格，但由于目前医学科学技术水平的局限性，
                 尚难完全杜绝透析器（滤器）重复使用后发生透析反应和血源性传染疾病（包括病毒性肝炎等）等事件。
@@ -50,29 +50,106 @@
               <p style="text-indent:2em;">
                 医师已经告知上述透析器（滤器）重复使用可能发生的不良事件，本人和/或患者代理人已完全了解。
               </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>
               <p style="text-indent:2em;">
                 本人愿意承担由此造成的一切后果，此件一式三联，一联存入患者病历，二联存血液透析室（中心），三联交由患者保存。
-              </p>
+              </p> -->
           </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="dialogVisible = false">确 定</el-button>
+        </span>
+      </el-dialog>
   </div>
 </template>
 
 <script>
 import print from "print-js";
+import Editor from '@/components/Editor'
 import { getPatientDetailInformedconsent  } from '@/api/patient'
 import { jsGetAge, uParseTime } from "@/utils/tools";
+const content=`<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>经医师告知，本人因病情需要，将接受血液透析（滤过）治疗。本人自愿申请重复使用透析器（滤器）。本人已理解在透析器（滤器） 重复使用过程中，虽经严格地冲洗、消毒，并对透析器（滤器）进行相关复用质量检验合格，但由于目前医学科学技术水平的局限性， 尚难完全杜绝透析器（滤器）重复使用后发生透析反应和血源性传染疾病（包括病毒性肝炎等）等事件。
+  </p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>医师已经告知上述透析器（滤器）重复使用可能发生的不良事件，本人和/或患者代理人已完全了解。</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:{}
+      patient:{},
+      dialogVisible:false,
+      content:content
     }
    },
   methods:{
@@ -83,7 +160,7 @@ export default{
             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;}}'
@@ -115,7 +192,11 @@ export default{
 
           var age = jsGetAge(birthtwo, '-')
           return age
-        }
+      },
+      bianji(){
+        this.dialogVisible=true
+      }
+
   },
   created(){
     this.getlist()
@@ -139,4 +220,4 @@ export default{
         text-align: justify;
       }
   }
-</style>
+</style>

src/xt_pages/user/Informed/components/heal_informed.vue

@@ -0,0 +1,216 @@
+<!-- 抗凝 -->
+<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: 800px"
+                    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="dialogVisible = false">确 定</el-button>
+        </span>
+      </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import print from "print-js";
+import Editor from '@/components/Editor'
+import { getPatientDetailInformedconsent  } from '@/api/patient'
+import { jsGetAge, uParseTime } from "@/utils/tools";
+const content=`<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span class="abs-index"></span>患者透析过程中出现低血压95/76mmHg，诉有头晕，予以最低超滤量，并回0.9%氯化钠200m1，原来超滤量减少200ml，建议患者控制透析间期体重增加不超5%，患者本人表示不同意医生处理方案，认为超滤量不能改，而且不能回水，那样会导致积水，经解释沟通后，患者家属仍坚持低血压时不予改超滤量，不同意回水处理，并表示后果自负，今由于患者本人多次不同意医生的处理方案，多次拒绝医生一切处理方案，医生也已将透析中反复低血压可能导致的后果如:导致内痿血流不足，内痿栓塞，内痿朋塌，严重低血压导致休克死亡等后果充分告知其家属，患者家属表示知情，后果自负，签字为证
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>以下的签名表示:</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: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
+      }
+  },
+  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;
+      }
+  }
+</style>

src/xt_pages/user/Informed/components/hemoperfusion_informed.vue

@@ -3,10 +3,10 @@
   <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="">
+        <el-button type="primary" style=""  @click="bianji">
               编辑
           </el-button>
-        <el-button type="danger" style=""  @click="">
+        <!-- <el-button type="danger" style=""  @click="">
               删除
         </el-button> -->
         <el-button type="success" style=""  @click="printThisPage">
@@ -40,132 +40,194 @@
                 诊断：
                 {{ patient.diagnose }}
               </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">一、</p>
-                <p style="display: inline;padding: 0;">
-                  该知情同意书将向您介绍血液灌流治疗的相关事宜，您有权知道血液灌流治疗等方法、目的、存在的风险、预期效果及对人体的影响。
-                  请您仔细阅读，提出与血液灌流治疗有关的任何疑问，决定是否同意对患者实施血液灌流治疗。
-                </p>
-              </div>
-
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">二、</p>
-                <p style="display: inline;padding: 0;">
-                  患者因_____________________________________，拟行血液灌流治疗。血液灌流技术是将患者的血液从体内引流到体外循环血液灌流系统内，
-                  通过血液灌流器中的吸附剂吸附毒物、药物、代谢产物，达到清除这些物质的一种血液净化治疗方法。<br/>
-                  1.血液灌流治疗时，首先将血液引流到体外，经血液灌流系统内处理后，再回输到患者体内。<br/>
-                  2.为了有效引流出血液，治疗前需要建立深静脉血管通路（如深静脉留置导管）。<br/>
-                  3.为防止血液在体外管路发生凝固，一般需要在治疗过程中注射肝素等抗凝药物。<br/>
-                </p>
-              </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">三、</p>
-                <p style="display: inline;padding: 0;">
-                  血液灌流治疗过程中和治疗期间存在以下医疗风险，可能造成严重后果，甚至危及生命：<br/>
-                  1.因体外循环，发生心血管意外。<br/>
-                  2.治疗后发生感染、甚至败血症。<br/>
-                  3.治疗过程中可能发生溶血、高血钾、灌流器破膜、灌流器膜反应等。<br/>
-                  4.发生低血压、前臂动-静脉内瘘闭塞可能。<br/>
-                  5.肝素化抗凝可能引起颅脑、消化道、心包等出血，对于肾移植术后病人可能增加移植肾破裂、出血风险。<br/>
-                  6.治疗过程中血液灌流器及体外循环管路凝血，需要重新更换。<br/>
-                  7.治疗期间需配合进行相关检查和检验。<br/>
-                  8.治疗效果不理想。<br/>
-                  9.因为体外循环治疗，有感染血源传播性疾病的风险（如乙肝、丙肝、艾滋、梅毒等）。<br/>
-                  10.血管通路发生感染、血栓形成、闭塞，甚至血栓脱落引起肺、脑等脏器栓塞。<br/>
-                  11.透析导管发生感染或功能不良时需下机抗生素或尿激酶封管，严重者需要在其他部位重新置管。<br/>
-                  12.出现其他可能无法预料或者不能防范等并发症等。<br/>
-                  13.其他情况。
-                </p>
-              </div>
-              <p style="padding: 0;">
-                四、可供选择的其他治疗方式，目前尚无其它的血液灌流方式。
-              </p>
+              <div v-html="content"></div>
 
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">五、</p>
-                <p style="display: inline;padding: 0;">
-                  医护人员将按规范认真操作，尽可能防范可能出现的并发症。由于已知或未知的原因，以及临床医学存在难以预料的多变性，
-                  任何治疗均有可能无法达到预期结果，或出现严重并发症、损伤甚至死亡等。因此，医生不能对结果作出任何保证。
-                  在没有向您告知并获得您签署的书面同意书前，医生不能对患者施行血液透析治疗。在治疗实施前的任何时间，您都有权接受或拒绝。
-                </p>
-              </div>
-              <p style="display: inline;padding: 0;">六、以下的签名表示：</p>
-              <p>
-                1.您已阅读并理解有关深静脉透析导管拔管术的相关信息。<br/>
-                2.医生对以上问题已经向您作了充分的解释。<br/>
-                3.您授权并同意医生为患者施行深静脉透析导管拔管术。<br/>
-                4.您同意学习者在操作过程中进行观摩，拍摄不注明患者身份的影像，用于医疗、教学和科研。<br/>
-                5.您同意留取血标本，用于科学研究。<br/>
-              </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>
           </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="dialogVisible = false">确 定</el-button>
+        </span>
+      </el-dialog>
   </div>
 </template>
 
 <script>
 import print from "print-js";
+import Editor from '@/components/Editor'
 import { getPatientDetailInformedconsent  } 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>患者因_____________________________________，拟行血液灌流治疗。血液灌流技术是将患者的血液从体内引流到体外循环血液灌流系统内，通过血液灌流器中的吸附剂吸附毒物、药物、代谢产物，达到清除这些物质的一种血液净化治疗方法。
+</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='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='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span class="abs-index">7.</span>治疗期间需配合进行相关检查和检验。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span class="abs-index">8.</span>治疗效果不理想。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span class="abs-index">9.</span>因为体外循环治疗，有感染血源传播性疾病的风险（如乙肝、丙肝、艾滋、梅毒等）。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span class="abs-index">10.</span>血管通路发生感染、血栓形成、闭塞，甚至血栓脱落引起肺、脑等脏器栓塞。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span class="abs-index">11.</span>透析导管发生感染或功能不良时需下机抗生素或尿激酶封管，严重者需要在其他部位重新置管。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span class="abs-index">12.</span>出现其他可能无法预料或者不能防范等并发症等。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span class="abs-index">13.</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='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-left: 2em;margin-top: 10px;margin-bottom: 4px'>4.您同意学习者在操作过程中进行观摩，拍摄不注明患者身份的影像，用于医疗、教学和科研。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>5.您同意留取血标本，用于科学研究。</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:{}
+      patient:{},
+      dialogVisible:false,
+      content:content,
     }
    },
   methods:{
-      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)
+    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
-        },
-      getlist(){
+        var age = jsGetAge(birthtwo, '-')
+        return age
+    },
+    getlist(){
 
         getPatientDetailInformedconsent(this.patient_id).then(response=>{
         if(response.data.state == 1){
@@ -175,6 +237,9 @@ export default{
         }
       })
     },
+    bianji(){
+      this.dialogVisible=true
+    }
   },
   created(){
     this.getlist()

src/xt_pages/user/Informed/components/profunda_informed.vue

@@ -2,15 +2,15 @@
   <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="">
+        <el-button type="primary" style=""  @click="bianji">
               编辑
           </el-button>
-        <el-button type="danger" style=""  @click="">
+        <!-- <el-button type="danger" style=""  @click="">
               删除
-        </el-button>
+        </el-button>-->
         <el-button type="success" style=""  @click="printThisPage">
             打印
-        </el-button> -->
+        </el-button>
       </div>
       <div id="print_content">
           <div class="print_page_main_content">
@@ -36,74 +36,123 @@
               <div style="border-bottom: 1px solid gainsboro;">
                 诊断： {{ patient.diagnose }}
               </div>
-              <p style="display: inline;padding: 0;">拟进行治疗：深静脉透析导管拔管术</p>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">一、</p>
-                <p style="display: inline;padding: 0;">
-                  该知情同意书将向您介绍深静脉透析导管拔管术的相关事宜，您有权知道深静脉透析导管拔管术的方法、
-                目的、存在的风险及对人体的影响。请您仔细阅读，提出与深静脉透析导管拔管术有关的任何疑问，决定是否同意对患者实施深静脉透析导管拔管术。
-                </p>
-              </div>
-              <p style="display: inline;padding: 0;">
-                二、深静脉透析导管拔管术存在下列医疗风险，可能造成严重后果，甚至危及生命：
-              </p>
-              <p >
-                1.切口感染，严重者出现败血症。<br/>
-                2.心脑血管意外，严重者导致死亡。<br/>
-                3.出血，严重出血性休克导致死亡。<br/>
-                4.血管内栓子脱落造成重要脏器栓塞，甚至危及生命。<br/>
-                5.导管内移进入血管，需血管介入技术拔除。<br/>
-                6.其他不可预料的情况。<br/>
-              </p>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">三、</p>
-                <p style="display: inline;padding: 0;">
-                  医护人员将按规范认真操作，尽可能防范可能出现的并发症。由于已知或未知的原因，以及临床医学存在难以预料的多变性，任何治疗均有可能无法达到预期结果，或出现严重并发症、损伤甚至死亡等。因此，医生不能对结果作出任何保证。
-                  在没有向您告知并获得您签署的书面同意书前，医生不能对患者施行深静脉透析导管拔管术。在治疗实施前的任何时间，您都有权接受或拒绝。
-                </p>
-              </div>
-              <p style="display: inline;padding: 0;">四、以下的签名表示：</p>
-              <p>
-                1.您已阅读并理解有关深静脉透析导管拔管术的相关信息。<br/>
-                2.医生对以上问题已经向您作了充分的解释。<br/>
-                3.您授权并同意医生为患者施行深静脉透析导管拔管术。<br/>
-                4.您同意学习者在操作过程中进行观摩，拍摄不注明患者身份的影像，用于医疗、教学和科研。<br/>
-                5.您同意留取血标本，用于科学研究。<br/>
-              </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>
+              <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="dialogVisible = false">确 定</el-button>
+        </span>
+      </el-dialog>
   </div>
 </template>
 
 <script>
 import print from "print-js";
+import Editor from '@/components/Editor'
 import { getPatientDetailInformedconsent  } from '@/api/patient'
 import { jsGetAge, uParseTime } from "@/utils/tools";
+const content=`<p style="margin-top: 10px;margin-bottom: 4px;text-align: justify;">拟进行治疗：深静脉透析导管拔管术</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span style='position: absolute;top: 0;left: 0;'>一、</span>该知情同意书将向您介绍深静脉透析导管拔管术的相关事宜，您有权知道深静脉透析导管拔管术的方法、目的、存在的风险及对人体的影响。请您仔细阅读，提出与深静脉透析导管拔管术有关的任何疑问，决定是否同意对患者实施深静脉透析导管拔管术。
+</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span style='position: absolute;top: 0;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: 0;left: 0;'>三、</span>医护人员将按规范认真操作，尽可能防范可能出现的并发症。由于已知或未知的原因，以及临床医学存在难以预料的多变性，任何治疗均有可能无法达到预期结果，或出现严重并发症、损伤甚至死亡等。因此，医生不能对结果作出任何保证。在没有向您告知并获得您签署的书面同意书前，医生不能对患者施行深静脉透析导管拔管术。在治疗实施前的任何时间，您都有权接受或拒绝。
+</p>
+<p style='position: relative;padding-left: 2em;margin-top: 10px;margin-bottom: 4px '>
+  <span style='position: absolute;top: 0;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-left: 2em;margin-top: 10px;margin-bottom: 4px'>4.您同意学习者在操作过程中进行观摩，拍摄不注明患者身份的影像，用于医疗、教学和科研。</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>5.您同意留取血标本，用于科学研究。</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:{}
+      patient:{},
+      dialogVisible:false,
+      content:content
     }
    },
 
@@ -120,18 +169,18 @@ export default{
             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) {
+      },
+      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
           }
@@ -151,7 +200,10 @@ export default{
 
           var age = jsGetAge(birthtwo, '-')
           return age
-        }
+      },
+      bianji(){
+        this.dialogVisible=true
+      }
     }
 }
 </script>

src/xt_pages/user/Informed/components/therapy_informed.vue

@@ -1,12 +1,12 @@
 <!-- 透析器(滤过)治疗 -->
 <template>
   <div style="border:1px solid gainsboro ;padding:10px">
-      <div style="position: relative; left: 400px;width: 250px;margin: 20px 0;"> 
+      <div style="position: relative; left: 400px;width: 250px;margin: 20px 0;">
         <!-- <el-button type="primary">主要按钮</el-button> -->
-        <!-- <el-button type="primary" style=""  @click="">
+        <el-button type="primary" style=""  @click="bianji">
               编辑
           </el-button>
-        <el-button type="danger" style=""  @click="">
+        <!-- <el-button type="danger" style=""  @click="">
               删除
         </el-button> -->
         <el-button type="success" style=""  @click="printThisPage">
@@ -17,8 +17,8 @@
           <div class="print_page_main_content">
           <div class="content">
               <h2 style="text-align: center;">血液透析（滤过）治疗知情同意书</h2>
-
-              <div style="text-align: right;">
+              <!-- <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;">
@@ -27,98 +27,184 @@
                 </div>
                 <div style="flex:1">性别：
                   <span v-if="patient.gender == 1">男</span>
-                   <span v-if="patient.gender == 2">女</span>
+                  <span v-if="patient.gender == 2">女</span>
                 </div>
                 <div style="flex:1">年龄：
                   {{ getAge(patient) }}
                 </div>
-                <div style="flex:1">住院(门诊)号：
+                <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>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">一、</p>
-                <p style="display: inline;padding: 0;">
-                  血液透析（滤过）能有效清除身体内过多的水分和毒素，是治疗急性和慢性肾衰竭等疾病的有效方法。患者因病情需要，
-                  需进行血液透析（滤过）治疗，若不及时进行该治疗可能延误病情，进一步增加风险，严重时甚至危及生命。
-                </p>
-              </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">二、</p>
-                <p style="display: inline;padding: 0;">
-                  血液透析（滤过）治疗时，需要将患者血液引到体外，通过透析或滤过等方法清除水分和毒素，经处理后的血液再回到患者体内，
-                  具有发生血源性传染病的风险，需要定期检测相关疾病生物标志物。
-                </p>
-              </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">三、</p>
-                <p style="display: inline;padding: 0;">
-                  血液透析中心是人员密集场所，患者长期往返于社区和医院，具有发生呼吸道感染或传染性疾病的风险。
-                </p>
-              </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">四、</p>
-                <p style="display: inline;padding: 0;">
-                  治疗前需要建立血管通路，包括中心静脉导管、自体动静脉内瘘及移植血管内瘘等，长期使用可发生阻塞和感染。
-                </p>
-              </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">五、</p>
-                <p style="display: inline;padding: 0;">
-                  为防止血液在体外管路和透析器发生凝固，需要在透析前和透析过程中注射肝素等抗凝药物，具有发生出血事件的风险。
-                </p>
-              </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">六、</p>
-                <p style="display: inline;padding: 0;">
-                  即使经过充分的血液透析（滤过）治疗，也只能替代部分肾脏功能，长期血液透析患者会出现血压异常、贫血、骨矿物质代谢异常、
-                  感染、肿瘤、心脑血管意外等多种并发症，影响患者的生活质量和预期寿命。
-                </p>
-              </div>
-              <div style="display: flex; margin: 10px 0;">
-                <p style="display: inline;padding: 0;">七、</p>
-                <p style="display: inline;padding: 0;">
-                  血液透析过程中和治疗间期存在下列医疗风险，可能造成严重后果，甚至危及生命：<br/>
-                  1.低血压、心力衰竭、心肌梗死、心律失常及脑血管意外等。<br/>
-                  2.经血传播的传染病如病毒性肝炎、梅毒、艾滋病等，以及呼吸道感染或传染性疾病。<br/>
-                  3.透析器破膜、漏血，透析器及管路凝血。<br/>
-                  4.空气栓塞。<br/>
-                  5.透析失衡综合征和电解质酸碱平衡紊乱。<br/>
-                  6.溶血、发热。<br/>
-                  7.消化道出血、脑出血。<br/>
-                  8.肝功能异常。<br/>
-                  9.过敏反应。<br/>
-                  10.其他。
-                </p>
-              </div>
-              <p style="text-indent: 2em;">
-                患者和/或其代理人已接受上述医疗风险告知，并同意接受血液透析（滤过）治疗。此件一式三联，一联存入患者病历，
-                二联存血液透析室（中心），三联交由患者保存。
-              </p>
-          </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="dialogVisible = false">确 定</el-button>
+        </span>
+      </el-dialog>
   </div>
 </template>
 
 <script>
 import print from "print-js";
+import Editor from '@/components/Editor'
 import { getPatientDetailInformedconsent  } 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>血液透析（滤过）治疗时，需要将患者血液引到体外，通过透析或滤过等方法清除水分和毒素，经处理后的血液再回到患者体内，具有发生血源性传染病的风险，需要定期检测相关疾病生物标志物。
+</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='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='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='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span class="abs-index">7.</span>消化道出血、脑出血。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span class="abs-index">8.</span>肝功能异常。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span class="abs-index">9.</span>过敏反应。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span class="abs-index">10.</span>其他。
+</p>
+<p style='padding-left: 2em;margin-top: 10px;margin-bottom: 4px'>
+  <span class="abs-index"></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>
+</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>
+<p style="text-indent: 2em;padding: 10px 0;">
+  此件一式三联，一联存入患者病历，二联存血液透析室（中心），三联交由患者保存。
+</p>`
 export default{
   props: {
     patient_id: {
         type: Number,
       }
    },
+  components:{
+    Editor
+  },
   data(){
   return{
-    patient:{}
+    patient:{},
+    org_id:0,
+    dialogVisible:false,
+    content:content,
   }
   },
   methods:{
@@ -129,7 +215,7 @@ export default{
             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;}}'
@@ -161,10 +247,15 @@ export default{
 
           var age = jsGetAge(birthtwo, '-')
           return age
-        }
+      },
+      bianji(){
+        this.dialogVisible=true
+      }
+
   },
   created(){
     this.getlist()
+    this.org_id = this.$store.getters.xt_user.org.id
   }
 }
 </script>
@@ -185,4 +276,4 @@ export default{
         text-align: justify;
       }
   }
-</style>
+</style>