elizebeth/src/xt_pages/user/physiqueprinting.vue

<template>
  <div>
    <div class="position">
      <bread-crumb :crumbs='crumbs'></bread-crumb>
      <el-button :loading="loading" size="small" icon="el-icon-printer" @click="printAction" type="primary">打印
      </el-button>
    </div>
    <div class="app-container">
      <div id="print_content" v-for="item in this.list" style="font-family: Microsoft YaHei;font-size: 16px;">
        <div class="print_page_main_content">
          <h1 style="text-align: center; padding-top:12px;">{{ orgname }}血液净化治疗病历</h1>
          <div style="border-bottom: 1px solid black;display: flex;padding-bottom: 10px;padding-top: 10px;">
            <div style="flex:1;text-align: center;">
              姓名：
              <div style="width: 120px;text-align: left;display:inline-block;">{{ patient.name }}</div>
            </div>

            <div style="flex:1;text-align: center;">
              病历号：
              <div style="width: 120px;text-align: left;display:inline-block;">
                {{ patient.dialysis_no ? patient.dialysis_no : '/' }}
              </div>
            </div>

            <div style="flex:1;text-align: center;">
              病区-床号：
              <div style="width: 120px;text-align: left;display:inline-block;">

              </div>
            </div>

            <div style="flex:1;text-align: center;">
              接收日期：
              <div style="width: 100px;text-align: left;display:inline-block;">
                {{ getTime(patient.created_time, '{y}-{m}-{d}') }}
              </div>
            </div>
          </div>

          <div style="display: flex; justify-self: start;margin-top: 5px ;">
            <div style="flex: 1;">性别：{{ getPatientGender(patient.gender) }}</div>
            <div style="flex: 1;">年龄：{{ patient.age }}</div>
            <div style="flex: 1;">出生日期：{{ getTime(patient.birthday, '{y}-{m}-{d}') }}</div>
          </div>
          <div style="display: flex; justify-self: start; margin-top: 5px ;">
            <div style="flex: 1;">身份证号：{{ patient.id_card_no }}</div>
            <div style="flex: 1;">病人来源：{{ patient.source == 1 ? '门诊' : '住院' }}</div>
            <div style="flex: 1;">透析号：{{ patient.dialysis_no }}</div>
          </div>
          <div style="display: flex; justify-self: start; margin-top: 5px ;">
            <div style="flex: 1;">
              首次透析日期：{{ patient.first_dialysis_date ? getTime(patient.first_dialysis_date, '{y}-{m}-{d}') : '' }}
            </div>
            <div style="flex: 1;">血型：{{ getBloodType(patient.blood_type) }}</div>
            <div style="flex: 1;">报销方式：{{ getWayOptions(patient.reimbursement_way_id) }}</div>
          </div>
          <div style="display: flex; justify-self: start; margin-top: 5px ;">
            <div style="flex: 1;">工作单位：{{ patient.work_unit }}</div>
            <div style="flex: 1;">联系电话：{{ patient.phone }}</div>
            <div style="flex: 1;">家庭住址：{{ patient.home_address }}</div>
          </div>
          <div style="display: flex; justify-self: start; margin-top: 5px ;">
            <div style="flex: 1;">肾移植史：{{ item.is_shenyizhi_history == 0?'无':'有' }}</div>
            <div style="flex: 1;">腹膜透析史：{{ item.is_fumo_dialysis_history == 0? '无':'有' }}</div>
            <div style="flex: 1;" v-if="item.is_hypersusceptibility == 0">过敏药物：无</div>
            <div style="flex: 1;" v-if="item.is_hypersusceptibility == 2">过敏药物：有</div>
            <div style="flex: 1;" v-if="item.is_hypersusceptibility == 3">过敏药物：不想</div>

          </div>
          <h3 style="text-align: center; margin: 20px 0px;">病史内容</h3>
          <div style="word-break: break-all; word-wrap: break-word;">
            <div v-html="item.content" style="font-family: Microsoft YaHei;"></div>
          </div>
          <h3 v-if="item.XtPatientPhysiqueCheck.id > 0" style="text-align: center; margin: 30px 0px 10px 0px;">体格检查</h3>
          <div v-if="item.XtPatientPhysiqueCheck.id > 0">
            <div style="display: flex; justify-self: start;">
              <div style="flex:1;text-align: center;">T： {{ item.XtPatientPhysiqueCheck.t?item.XtPatientPhysiqueCheck.t:'' }}℃</div>
              <div style="flex:1;text-align: center;">P：{{ item.XtPatientPhysiqueCheck.p?item.XtPatientPhysiqueCheck.p:''  }}次/分</div>
              <div style="flex:1;text-align: center;">R：{{item.XtPatientPhysiqueCheck.r?item.XtPatientPhysiqueCheck.r:''  }}次/分</div>
              <div style="flex:1;text-align: center;">Bp：{{ item.XtPatientPhysiqueCheck.bp_left + '/' +  item.XtPatientPhysiqueCheck.bp_right }}mmHg</div>
            </div>
            <div style="margin-top: 5px;">
               {{getPinxuerongmao(item.XtPatientPhysiqueCheck.pinxuerongmao)}}{{getTiwei(item.XtPatientPhysiqueCheck.tiwei)}}{{getFuzhong(item.XtPatientPhysiqueCheck.fuzhong)}}{{getChuXuedian(item.XtPatientPhysiqueCheck.chuxuedian)}}{{getFaYu(item.XtPatientPhysiqueCheck.fayu)}}{{getYinYang(item.XtPatientPhysiqueCheck.yinyang)}}{{getShenzhi(item.XtPatientPhysiqueCheck.shenzhi)}}

            </div>
            <div style="margin-top: 5px;">
              <span style="font-weight: bold;">皮肤黏膜</span>：
              {{ getPifuNianmo(item.XtPatientPhysiqueCheck.pifunianmo) + getPiXiaChuXue(item.XtPatientPhysiqueCheck.pixiachuxue)+getZidian(item.XtPatientPhysiqueCheck.zidian)+getPiFuWenDu(item.XtPatientPhysiqueCheck.pifuwendu) }}
            </div>
            <div style="margin-top: 5px;">
              <span style="font-weight: bold;">淋巴结</span>：
              {{  getLinBaZongDa(item.XtPatientPhysiqueCheck.linbazhongda)}}
            </div>
            <div style="margin-top: 5px;">
              <span style="font-weight: bold;">头部</span>：
              {{ getYanJian(item.XtPatientPhysiqueCheck.yanlian)+ getTongKong(item.XtPatientPhysiqueCheck.tongkong)+","+"左(mm):"+item.XtPatientPhysiqueCheck.zuo+",右(mm):"+item.XtPatientPhysiqueCheck.you+",对光反射："+item.XtPatientPhysiqueCheck.duiguangfanshe+","+"扁桃体:"+item.XtPatientPhysiqueCheck.biantaoti+","+"咽部:"+item.XtPatientPhysiqueCheck.yanbu}}
            </div>
            <div style="margin-top: 5px;">
              <span style="font-weight: bold;">颈部</span>：
              {{ "颈静脉:"+item.XtPatientPhysiqueCheck.ganjingjingmai }}
            </div>
            <div style="margin-top: 5px;">
              <span style="font-weight: bold;">肺脏</span>：
              {{ "呼吸音："+item.XtPatientPhysiqueCheck.huxiyin+getXiongmomocayin(item.XtPatientPhysiqueCheck.xiongmomocayin)+getLuoYin(item.XtPatientPhysiqueCheck.luoyin)}}
            </div>
            <div style="margin-top: 5px;">
              <span style="font-weight: bold;">心脏</span>：
              {{ getXinzangdaxiao(item.XtPatientPhysiqueCheck.xinzangdaxiao)+getXinlv(item.XtPatientPhysiqueCheck.xinlv)+getXinbaomocasheng(item.XtPatientPhysiqueCheck.xinbaomocasheng)+getZaYin(item.XtPatientPhysiqueCheck.zayin)+getFujiaYin(item.XtPatientPhysiqueCheck.fujiayin)}}

            </div>
            <div style="margin-top: 5px;">
              <span style="font-weight: bold;">腹部</span>：
              {{getFushuizheng(item.XtPatientPhysiqueCheck.fushuizheng)+getGanZangYaTong(item.XtPatientPhysiqueCheck.gangzhang_yatong)+getGanZangkouTong(item.XtPatientPhysiqueCheck.gangzhang_koutong)+"脾脏："+getPiZangYaTong(item.XtPatientPhysiqueCheck.pizhang_yatong)+getPiZangkouTong(item.XtPatientPhysiqueCheck.pizhang_koutong)+"肾脏："+getshenZangyatong(item.XtPatientPhysiqueCheck.gangzhang_yatong)+""+getshenZangkoutong(item.XtPatientPhysiqueCheck.gangzhang_koutong)}}
            </div>
            <div style="margin-top: 5px;">
              <span style="font-weight: bold;">其他</span>：
              {{ item.XtPatientPhysiqueCheck.oth_desc }}
            </div>
          </div>

          <div style="margin-top: 30px;">
            <span style="font-weight: bold; display: block;">初步诊断：</span>
            <div v-for="(item,index) in diagnosis" :key="index" style="line-height: 20px;" v-if="org_id==10612">
              {{index+1}}.<span>{{ item }}</span><br/>
            </div>
            <span v-if="org_id!=10612">{{ patient.diagnose }}</span>
            <div style="text-align: right;margin-bottom: 10px;">
              <span style="font-weight: bold;">病历书写者：</span>
              {{getDoctorName(item.doctor_id)}}
            </div>
            

          </div>
          <div style="float: right;">
            <span style="font-weight: bold;">日期：</span>
            {{getTime(item.record_time,'{y}-{m}-{d}')}}
          </div>

<!--          <div style="margin-top: 30px;float: right">-->
<!--            <span style="font-weight: bold; display: block;">日期：</span>-->
<!--            {{getTime(item.record_time,'{y}-{m}-{d}')}}}-->
<!--          </div>-->
        </div>


      </div>
    </div>
  </div>
</template>

<script>
import BreadCrumb from '@/xt_pages/components/bread-crumb'
import {  getSickhistoryCheckRecordsPrint } from '../../api/patient'
import { uParseTime } from '@/utils/tools'
import { fetchAllDoctorAndNurse } from "@/api/doctor";
import print from "print-js";

export default {
  name: 'physiquePrinting',
  data() {
    return {
      list: [],
      crumbs: [
        { path: false, name: '病人管理' },
        { path: false, name: '病程打印' }
      ],
      loading: false,
      orgname: '',
      patient: {},
      information: {
        sex: '',
        age: '',
        birthday: '',
        id_number: '',
        patient_source: '',
        dialysis_num: '',
        first_date: '',
        blood_type: '',
        reimbursement: '',
        work_unit: '',
        contact_number: '',
        home_address: '',
        transplantation: '',
        peritoneum: '',
        allergy_drug: ''
      },
      medical_history: {
        chief_complaint: '',
        present_disease: '',
        past: '',
        personal: '',
        marriage: '',
        family: ''
      },
      physique: {
        temperature: '',
        heartbeat: '',
        R: '',
        Bp: '',
        anemia: '',
        cutaneous: '',
        lymph_node: '',
        head: '',
        neck: '',
        lung: '',
        heart: '',
        abdomen: '',
        other: ''
      },
      diagnosis: [],
      org_id:0
    }
  },
  components: {
    BreadCrumb
  },
  methods: {
    fetchAllDoctorAndNurse() {
      fetchAllDoctorAndNurse().then(response => {
        if (response.data.state == 1) {
          this.doctorOptions = response.data.data.doctors;
        }
      });
    },
    getDoctorName: function(doctor_id) {
      for (let index = 0; index < this.doctorOptions.length; index++) {
        const doctor = this.doctorOptions[index]
        if (doctor.id == doctor_id) {
          return doctor.name
        }
      }
      return ''
    },getPinxuerongmao(pinxuerongmao){
      switch (pinxuerongmao){
        case 0:
          return '无贫血容貌，'
          break
        case 1:
          return "无贫血容貌,"
          break
        case 2:
          return "有贫血容貌,"
          break
      }

    },
    getTiwei(tiwei){
     switch (tiwei){
       case 0:
         return "自主体位，"
         break
       case 1:
         return "自主体位，"
         break
       case 2:
         return "被动体位，"
         break
       case 3:
         return "强迫体位，"
         break
     }
    },getFuzhong(fuzhong){
      switch (fuzhong){
        case 0:
          return '无浮肿，'
          break
        case 1:
          return '无浮肿，'
          break
        case 2:
          return '轻度浮肿，'
          break
        case 3:
          return '中度浮肿，'
          break
        case 4:
          return '重度浮肿，'
          break
      }
    },getChuXuedian(chuxuedian){
      switch (chuxuedian){
        case 0:
          return '出血点/瘀斑/血肿:无，'
          break
        case 1:
          return '出血点/瘀斑/血肿:无，'
          break
        case 2:
          return '出血点/瘀斑/血肿:未知，'
          break
        case 3:
          return '出血点/瘀斑/血肿:有，'
          break

      }
    },getFaYu(fayu){
      switch (fayu){
        case 0:
          return '发育:正常，'
          break
        case 1:
          return '发育:正常，'
          break
        case 2:
          return '发育:不良，'
          break
      }
    },getYinYang(yinyang){
      switch (yinyang){
        case 0:
          return '营养:良好，'
          break
        case 1:
          return '营养:良好，'
          break
        case 2:
          return '营养:中等，'
          break
        case 3:
          return '营养:不良，'
          break
        case 4:
          return '营养:恶病质，'
          break
      }
    },getShenzhi(shenzhi){
      switch (shenzhi){
        case 0:
          return '神智：清楚'
          break
        case 1:
          return '神智：清楚'
          break
        case 2:
          return '神智：模糊'
          break
        case 3:
          return '神智：昏迷'
          break
        case 4:
          return '神智：其他'
          break
      }
    },getPifuNianmo(pifunianmo){
      switch (pifunianmo){
        case 0:
          return '皮肤黏膜正常，'
          break
        case 1:
          return '皮肤黏膜正常，'
          break
        case 2:
          return '皮肤黏膜灰暗，'
          break
        case 3:
          return '皮肤黏膜苍白，'
          break
        case 4:
          return '皮肤黏膜黄染，'
          break
        case 5:
          return '皮肤黏膜色素沉着，'
          break
      }
    },getPiXiaChuXue(pixiachuxue){
      switch (pixiachuxue){
        case 0:
          return '无皮下出血，'
          break
        case 1:
          return '无皮下出血，'
          break
        case 2:
          return '有皮下出血，'
          break

      }

    },getZidian(zidian){
      switch (zidian){
        case 0:
          return '无紫癜，'
          break
        case 1:
          return '无紫癜，'
          break
        case 2:
          return '有紫癜，'
          break

      }

    },getPiFuWenDu(pifuwendu){
      switch (pifuwendu){
        case 0:
          return '皮肤温度：正常，'
          break
        case 1:
          return '皮肤温度：正常，'
          break
        case 2:
          return '皮肤温度：冷，'
          break
        case 3:
          return '皮肤温度：干，'
          break
        case 4:
          return '皮肤温度：湿，'
          break

      }

    },getLinBaZongDa(linbazhongda){
      switch (linbazhongda){
        case 0:
          return '浅表淋巴肿大：无'
          break
        case 1:
          return '浅表淋巴肿大：无'
          break
        case 2:
          return '浅表淋巴肿大：有'
          break
      }
    },getYanJian(yanjian){
      switch (yanjian){
        case 0:
          return '眼睑正常，'
          break
        case 1:
          return '眼睑正常，'
          break
        case 2:
          return '眼睑水肿，'
          break

      }

    },getTongKong(tongkong){
      switch (tongkong){
        case 0:
          return ''
          break
        case 1:
          return '瞳孔(等大等圆)：是，'
          break
        case 2:
          return '瞳孔(等大等圆)：否，'
          break

      }

    },getXiongmomocayin(xiongmomocayin){

      switch (xiongmomocayin){
        case 0:
          return '，无胸膜摩擦音，'
          break
        case 1:
          return '，无胸膜摩擦音，'
          break
        case 2:
          return '，有胸膜摩擦音，'
          break

      }
    },getLuoYin(luoyin){
      switch (luoyin){
        case 0:
          return '无啰音'
          break
        case 1:
          return '无啰音'
          break
        case 2:
          return '有啰音'
          break

      }


    },getXinzangdaxiao(xinzangdaxiao){
      switch (xinzangdaxiao){
        case 0:
          return '心脏大小正常，'
          break
        case 1:
          return '心脏大小正常，'
          break
        case 2:
          return '心脏大小偏大，'
          break
        case 3:
          return '心脏大小偏小，'
          break
      }

    },getXinlv(xinlv){
      switch (xinlv){
        case 0:
          return '心率齐，'
          break
        case 1:
          return '心率齐，'
          break
        case 2:
          return '心率不齐，'
          break
      }

    },getXinbaomocasheng(xinbaomocasheng){
      switch (xinbaomocasheng){
        case 0:
          return '心包摩擦声无，'
          break
        case 1:
          return '心包摩擦声无，'
          break
        case 2:
          return '心包摩擦声有，'
          break
      }

    },getZaYin(zayin){
      switch (zayin){
        case 0:
          return '无杂音，'
          break
        case 1:
          return '无杂音，'
          break
        case 2:
          return '有杂音，'
          break
      }

    },getFujiaYin(fujiayin){
      switch (fujiayin){
        case 0:
          return '无附加音，'
          break
        case 1:
          return '无附加音，'
          break
        case 2:
          return '有附加音，'
          break
      }

    },getFushuizheng(fushuizheng){
      switch (fushuizheng){
        case 0:
          return '腹水征：阴性，'
          break
        case 1:
          return '腹水征：阴性，'
          break
        case 2:
          return '腹水征：阳性，'
          break
      }

    },getGanZangYaTong(yatong){
      switch (yatong){
        case 0:
          return '肝脏：无压痛，'
          break
        case 1:
          return '肝脏：无压痛，'
          break
        case 2:
          return '肝脏：有压痛，'
          break
      }

    },getGanZangkouTong(koutong){
      switch (koutong){
        case 0:
          return '无叩痛，'
          break
        case 1:
          return '无叩痛，'
          break
        case 2:
          return '有叩痛，'
          break
      }

    },getPiZangYaTong(yatong){
      switch (yatong){
        case 0:
          return '无压痛，'
          break
        case 1:
          return '无压痛，'
          break
        case 2:
          return '有压痛，'
          break
      }

    },getPiZangkouTong(koutong){
      switch (koutong){
        case 0:
          return '无叩痛，'
          break
        case 1:
          return '无叩痛，'
          break
        case 2:
          return '有叩痛，'
          break
      }

    },getshenZangyatong(yatong){
      switch (yatong){
        case 0:
          return '无压痛，'
          break
        case 1:
          return '无压痛，'
          break
        case 2:
          return '有压痛，'
          break
      }

    },getshenZangkoutong(koutong){
      switch (koutong){
        case 0:
          return '无叩痛'
          break
        case 1:
          return '无叩痛'
          break
        case 2:
          return '有叩痛'
          break
      }

    },
    getWayOptions(reimbursement_way_id) {
      this.wayOptions = this.$store.getters.reimbursement_ways;
      let wayLen = this.wayOptions.length
      for (let index = 0; index < wayLen; index++) {
        if (this.wayOptions[index].id === reimbursement_way_id) {
          return  this.wayOptions[index].name
        }
      }
    },
    getBloodType(type) {
      var types = this.$store.getters.blood_types
      for (let i = 0; i < types.length; i++) {
        if (types[i].id == type) {
          return types[i].name
        }
      }
    },
    getPatientGender(gender) {
      if (gender == 1) {
        return '男'
      } else if (gender == 2) {
        return '女'
      }
      return ''
    },
    getTime(value, temp) {
      if (value != undefined) {
        return uParseTime(value, temp)
      }
      return ''
    },
    getPhysiquePrintList() {
      let params = {
        ids: this.$route.query.ids,
        patient_id: this.$route.query.patient_id
      }
      getSickhistoryCheckRecordsPrint(params).then(response => {
        if (response.data.state == 1) {
          this.patient = response.data.data.patient
          this.diagnosis = this.patient.diagnose.split(',')
          console.log('ttttttt',this.diagnosis);
          this.list = response.data.data.sickhistorys
        }
      })
    },
    printAction: function() {
      const style = '@media print {.printP div{margin-bottom:5px;} .option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 20px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 5px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 14px;padding: 6px 5px;line-height: 16px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:1000px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top:1050px;left: 50%;}.print-yema5{position: absolute;top:1370px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}'
      printJS({
        printable: 'print_content',
        type: 'html',
        documentTitle: '  ',
        style: style,
        scanStyles: false
      })
    }
  },
  created() {
    this.org_id = this.$store.getters.xt_user.org.id
    this.getPhysiquePrintList()
    this.fetchAllDoctorAndNurse()
  }
}
</script>
<style scoped>
.print_page_main_content {
  background-color: white;
  width: 960px;
  margin: 0 auto 50px;
  padding: 0 0 0 0;
  page-break-after: always;
}

</style>