xt_vue/src/xt_pages/dialysis/dialysisPrintOrder.vue

<template>
  <div class="main-contain">
    <div class="position">
      <bread-crumb :crumbs='crumbs'></bread-crumb>
      <template  v-if="org_template_info.template_id == 1">
        <el-button  :loading="loading" size="small" icon="el-icon-printer" @click="printThisPage" type="primary">打印</el-button>
      </template>
      <template v-if="org_template_info.template_id == 2 || org_template_info.template_id == 0">
        <div >
          <el-button  :loading="loading" size="small" icon="el-icon-printer" @click="printThisPage" type="primary">打印全部</el-button>
          <el-button  :loading="loading" size="small" icon="el-icon-printer" @click="printThisOnePage" type="primary">打印纪录单</el-button>
          <el-button  :loading="loading" size="small" icon="el-icon-printer" @click="printThisTwoPage" type="primary">打印医嘱单</el-button>
        </div>
      </template>
      <template  v-if="org_template_info.template_id == 3">
        <el-button  :loading="loading" size="small" icon="el-icon-printer" @click="printThisPage" type="primary">打印</el-button>
      </template>
      <template  v-if="org_template_info.template_id == 4">
        <el-button  :loading="loading" size="small" icon="el-icon-printer" @click="printThisPage" type="primary">打印</el-button>
      </template>
      <template v-if="org_template_info.template_id == 5 ">
        <div >
          <el-button  :loading="loading" size="small" icon="el-icon-printer" @click="printThisPage" type="primary">打印全部</el-button>
          <el-button  :loading="loading" size="small" icon="el-icon-printer" @click="printThisOnePage" type="primary">打印纪录单</el-button>
          <el-button  :loading="loading" size="small" icon="el-icon-printer" @click="printThisTwoPage" type="primary">打印医嘱单</el-button>
        </div>
      </template>
      <template  v-if="org_template_info.template_id == 6">
        <el-button  :loading="loading" size="small" icon="el-icon-printer" @click="printThisPage" type="primary">打印</el-button>
      </template>
      <template  v-if="org_template_info.template_id == 7">
        <el-button  :loading="loading" size="small" icon="el-icon-printer" @click="printThisPage" type="primary">打印</el-button>
      </template>
      
    </div>
    <div class="app-container ">
      <!--<div class="order-print-btn"-->
           <!--v-loading="loading"-->
           <!--element-loading-text="加载中"-->
           <!--element-loading-spinner="el-icon-loading"-->
           <!--element-loading-background="rgba(0, 0, 0, 0.8)"-->
           <!--style="width: 100%;">-->
      <!--</div>-->

      <!--<dialysis-print-order-two :patientInfo="patientInfo" :receiverTreatmentAccess="receiverTreatmentAccess" :predialysis="predialysis"></dialysis-print-order-two>-->

      <DialysisPrintOrderOne v-bind:childResponse="childResponse" v-if="org_template_info.template_id == 1 "> </DialysisPrintOrderOne>

      <DialysisPrintOrderTwo v-bind:childResponse="childResponse" v-if="org_template_info.template_id == 2 ||org_template_info.template_id == 0 "></DialysisPrintOrderTwo>

      <DialysisPrintOrderThree v-bind:childResponse="childResponse" v-if="org_template_info.template_id == 3 "> </DialysisPrintOrderThree>

      <DialysisPrintOrderFour v-bind:childResponse="childResponse" v-if="org_template_info.template_id == 4 "> </DialysisPrintOrderFour>

      <DialysisPrintOrderFive v-bind:childResponse="childResponse" v-if="org_template_info.template_id == 5 "> </DialysisPrintOrderFive>

      <DialysisPrintOrderSix v-bind:childResponse="childResponse" v-if="org_template_info.template_id == 6 "> </DialysisPrintOrderSix>

      <DialysisPrintOrderSeven v-bind:childResponse="childResponse" v-if="org_template_info.template_id == 7 "> </DialysisPrintOrderSeven>


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

<script>
  import { getDialysisRecord } from '@/api/dialysis'
  import { getDataConfig } from '@/utils/data'
  import { jsGetAge, uParseTime } from '@/utils/tools'
  import LabelBox from './printItem/LabelBox'
  import BreadCrumb from '@/xt_pages/components/bread-crumb'
  import DialysisPrintOrderOne from './template/dialysisPrintOrderOne'
  import DialysisPrintOrderTwo from './template/dialysisPrintOrderTwo'
  import DialysisPrintOrderThree from './template/dialysisPrintOrderThree'
  import DialysisPrintOrderFour from './template/DialysisPrintOrderFour'
  import DialysisPrintOrderFive from './template/DialysisPrintOrderFive'
  import DialysisPrintOrderSix from './template/DialysisPrintOrderSix'
  import DialysisPrintOrderSeven from './template/DialysisPrintOrderSeven'
  import print from 'print-js'

  export default {
    name: 'dialysisPrintOrder',
    components: {
      DialysisPrintOrderOne,
      DialysisPrintOrderTwo,
      DialysisPrintOrderThree,
      DialysisPrintOrderFour,
      DialysisPrintOrderFive,
      DialysisPrintOrderSix,
      DialysisPrintOrderSeven,
      LabelBox,
      BreadCrumb
    },
    data() {
      return {
        crumbs: [
          { path: false, name: '透析管理' },
          { path: false, name: '打印单' }
        ],
        childResponse: {},
        operators: [],
        adminUser: [],
        check: {},
        dialysisOrder: {
          DeviceNumber: []
        },
        operatorMaps: {},
        complications: ['低血压', '高血压', '心律失常', '头晕', '头痛', '呕吐', '抽搐', '出血', '心衰', '腹痛'],
        jilurow: 0,
        advice_jilurow: 0,
        loading: false,
        orgname: '',
        patientInfo_gender_1: false,
        patientInfo_gender_2: false,
        patientInfo_source_2: false,
        patientInfo_source_1: false,
        modeOptions: {},
        replacementWays: [],
        perfusionApparatus: [],
        anticoagulantsConfit: {},
        bloodAccessParOpera: {},
        dialysateFormulationOptions: {},

        queryParams: {
          xtdate: '',
          xtno: ''
        },
        patientInfo: {
          birth: '',
          age: '',
          DialysisSchedule: {
            device_number: { number: '' },
            device_zone: { name: '' }
          },
          gender: 0
        },
        predialysis: {
          score: '',
          internal_fistula: '',
          internal_fistula_skin: '',
          catheter: '',
          blood_access_part_opera_name: ''
        },
        afterdialysis: {
          complications_index: ''
        },
        prescription: {
          dialysate_formulation_name: '',
          device: {}
        },
        advices: [],
        users: [],
        monitors: [],
        summary: {},
        receiverTreatmentAccess: {},
        org_template_info: {},

        doctor_advices: [],
        advice_groups: [],

        AlPanel: {
          id: 0,
          name: '',
          type: 1,
          shouji: 2,
          weichi: 2,
          zongliang: 2,
          gaimingcheng: -1,
          gaijiliang: -1,
          shouji_unit: 'mg',
          weichi_unit: 'mg/h',
          zongliang_unit: 'mg',
          gaimingcheng_unit: '',
          gaijiliang_unit: ''
        }

      }
    },
    methods: {
      getAdminUser(id) {
        if (id == 0) {
          return ''
        }
        if (id == undefined) {
          return ''
        }
        for (let i = 0; i < this.adminUser.length; i++) {
          if (this.adminUser[i].id == id) {
            return this.adminUser[i].name
          }
        }
      },
      getTime(value, temp) {
        if (value == 0) {
          return ''
        }
        if (value != undefined) {
          return uParseTime(value, temp)
        }
        return ''
      },
      printThisPage() {
        var ptime = Math.round(new Date().getTime() / 1000)
        this.print_time = uParseTime(ptime, '{y}-{m}-{d} {h}:{i}')

        const style = '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}'
        const style2 = '@media print {.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: 14px;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: 3px 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-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:900px;}.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: 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;}'

        if (this.org_template_info.template_id == 1) {
          printJS({
            printable: 'dialysis-print-box',
            type: 'html',
            style: style,
            scanStyles: false
          })
        } else if (this.org_template_info.template_id == 2 || this.org_template_info.template_id == 0) {
          printJS({
            printable: 'dialysis-print-box-1',
            type: 'html',
            style: style2,
            scanStyles: false
          })
        } else if (this.org_template_info.template_id == 3) {
          printJS({
            printable: 'dialysis-print-box',
            type: 'html',
            style: style,
            scanStyles: false
          })
        } else if (this.org_template_info.template_id == 4) {
          printJS({
            printable: 'dialysis-print-box',
            type: 'html',
            style: style,
            scanStyles: false
          })
        } else if (this.org_template_info.template_id == 5 ) {
          printJS({
            printable: 'dialysis-print-box-1',
            type: 'html',
            style: style2,
            scanStyles: false
          })
        }
        else if (this.org_template_info.template_id == 6 ) {
          printJS({
            printable: 'dialysis-print-box-1',
            type: 'html',
            style: style2,
            scanStyles: false
          })
        }
      },printThisOnePage() {
        var ptime = Math.round(new Date().getTime() / 1000)
        this.print_time = uParseTime(ptime, '{y}-{m}-{d} {h}:{i}')

        const style = '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}'
        const style2 = '@media print {.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: 14px;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: 3px 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-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:200px;}.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: 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;}'

        if (this.org_template_info.template_id == 1) {
          printJS({
            printable: 'dialysis-print-box',
            type: 'html',
            style: style,
            scanStyles: false
          })
        } else if (this.org_template_info.template_id == 2 || this.org_template_info.template_id == 0 ||  this.org_template_info.template_id == 5) {
          printJS({
            printable: 'dialysis-print-box-1-1',
            type: 'html',
            style: style2,
            scanStyles: false
          })
        }
      },printThisTwoPage() {
        var ptime = Math.round(new Date().getTime() / 1000)
        this.print_time = uParseTime(ptime, '{y}-{m}-{d} {h}:{i}')

        const style = '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}'
        const style2 = '@media print {.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: 14px;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: 3px 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-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:900px;}.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: 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;}'

        if (this.org_template_info.template_id == 1) {
          printJS({
            printable: 'dialysis-print-box',
            type: 'html',
            style: style,
            scanStyles: false
          })
        } else if (this.org_template_info.template_id == 2 || this.org_template_info.template_id == 0 || this.org_template_info.template_id == 5) {
          printJS({
            printable: 'dialysis-print-box-1-2',
            type: 'html',
            style: style2,
            scanStyles: false
          })
        }
      }, getNumber() {
        if (this.dialysisOrder != null) {
          return this.patientInfo.DialysisSchedule.device_zone.name + this.dialysisOrder.DeviceNumber.number
        } else {
          return this.patientInfo.DialysisSchedule.device_zone.name + this.patientInfo.DialysisSchedule.device_number.number
        }
      },

      getXuserName(id) {
        if (id <= 0) {
          return ''
        }
        var name = ''
        if (this.users == null || typeof (this.users.length) === 'undefined') {
          return name
        }
        var leng = this.users.length
        if (leng == 0) {
          return name
        }
        for (let index = 0; index < leng; index++) {
          if (this.users[index].id == id) {
            name = this.users[index].name
            break
          }
        }
        return name
      },
      setAdminUserES(id) {
        console.log(id)
        if (id == 0) {
          return ''
        }
        if (id in this.operatorMaps) {
          return this.operatorMaps[id].url
        } else {
          return ''
        }
      },
      modeName(mode_id) {
        return typeof (this.modeOptions[mode_id]) !== 'undefined' && typeof (this.modeOptions[mode_id].name) !== 'undefined' ? this.modeOptions[mode_id].name : ''
      },
      getDialysisRecord() {
        this.loading = true

        getDialysisRecord(this.queryParams).then(response => {
          if (response.data.state == 1) {
            this.childResponse = response
            this.org_template_info = response.data.data.org_template_info
            this.loading = false
          //   this.adminUser = response.data.data.users
          //   this.users = response.data.data.users
          //   this.patientInfo = response.data.data.patientInfo
          //   this.patientInfo.birth = uParseTime(this.patientInfo.birthday, '{y}-{m}-{d}')
          //   // this.patientInfo.age = jsGetAge(this.patientInfo.birth, '-')
          //   if (response.data.data.patientInfo.first_dialysis_date != 0) {
          //     this.patientInfo.first_dialysis_date = uParseTime(response.data.data.patientInfo.first_dialysis_date, '{y}-{m}-{d}')
          //   } else {
          //     this.patientInfo.first_dialysis_date = ''
          //   }
          //   this.check = response.data.data.check
          //   this.predialysis = response.data.data.PredialysisEvaluation
          //   this.predialysis.blood_access_part_opera_name = this.bloodAccessParOperaName(this.predialysis.blood_access_part_opera_id)
          //   this.afterdialysis = response.data.data.AssessmentAfterDislysis
          //   this.operators = response.data.data.operators
          //   this.dialysisOrder = response.data.data.dialysisOrder === null ? null : response.data.data.dialysisOrder

          //   if (this.operators.length > 0) {
          //     var operatorsLen = this.operators.length
          //     for (var index = 0; index < operatorsLen; index++) {
          //       this.$set(this.operatorMaps, this.operators[index].creator, this.operators[index])
          //     }
          //   }

          //   this.afterdialysis.txqnx = -1
          //   if (this.afterdialysis.cruor.indexOf('0度') > -1) {
          //     this.afterdialysis.txqnx = 0
          //   }
          //   if (this.afterdialysis.cruor.indexOf('Ⅰ度') > -1) {
          //     this.afterdialysis.txqnx = 1
          //   }
          //   if (this.afterdialysis.cruor.indexOf('Ⅱ度') > -1) {
          //     this.afterdialysis.txqnx = 2
          //   }
          //   if (this.afterdialysis.cruor.indexOf('Ⅲ度') > -1) {
          //     this.afterdialysis.txqnx = 3
          //   }

          //   this.afterdialysis.complications = this.afterdialysis.complication.split(',')
          //   this.afterdialysis.complications_other = []
          //   this.afterdialysis.complications_index = []
          //   var acllen = this.afterdialysis.complications.length
          //   for (let index = 0; index < acllen; index++) {
          //     if (this.complications.indexOf(this.afterdialysis.complications[index]) >= 0) {
          //       this.afterdialysis.complications_index.push(this.afterdialysis.complications[index])
          //     } else if (this.complications.indexOf(this.afterdialysis.complications[index]) < 0 && this.afterdialysis.complications_other.indexOf(this.afterdialysis.complications[index]) < 0) {
          //       this.afterdialysis.complications_other.push(this.afterdialysis.complications[index])
          //     }
          //   }
          //   this.afterdialysis.complications_other = this.afterdialysis.complications_other.join(',')

          //   this.prescription = response.data.data.dialysisPrescription
          //   this.receiverTreatmentAccess = response.data.data.receiverTreatmentAccess

          //   this.prescription.mode = this.modeName(this.prescription.mode_id)
          //   var rwLen = this.replacementWays.length
          //   this.prescription.replacement = ''
          //   for (let index = 0; index < rwLen; index++) {
          //     if (this.replacementWays[index].id == this.prescription.replacement_way) {
          //       this.prescription.replacement = this.replacementWays[index].name
          //       break
          //     }
          //   }

          //   this.prescription.dialysate_formulation_name = this.dialysateFormulationName(this.prescription.dialysate_formulation)

          //   var paLen = this.perfusionApparatus.length
          //   this.prescription.perfusion_apparatus_name = ''
          //   for (let index = 0; index < paLen; index++) {
          //     if (this.perfusionApparatus[index].id == this.prescription.perfusion_apparatus) {
          //       this.prescription.perfusion_apparatus_name = this.perfusionApparatus[index].name
          //       break
          //     }
          //   }

          //   var acLen = this.anticoagulantsConfit.length
          //   var thisALID = this.prescription.anticoagulant
          //   this.prescription.anticoagulant_name = ''

          //   if (typeof (this.anticoagulantsConfit[thisALID]) !== 'undefined' && this.anticoagulantsConfit[thisALID] != null) {
          //     this.prescription.anticoagulant_name = this.anticoagulantsConfit[thisALID].name
          //     this.AlPanel = this.anticoagulantsConfit[thisALID]
          //   }

          //   this.advices = response.data.data.advices
          //   this.monitors = response.data.data.monitors
          //   this.summary = response.data.data.summary
          //   this.org_template_info = response.data.data.org_template_info
          //   if (this.monitors.length < 8) {
          //     var nl = 8 - this.monitors.length
          //     for (let index = 0; index < nl; index++) {
          //       this.monitors.push([])
          //     }
          //   }
          //   this.jilurow = this.monitors.length + 1

          //   this.advice_jilurow = this.advices.length + 1

          //   var childMap = {}
          //   for (const index in this.advices) {
          //     if (this.advices[index].parent_id == 0) {
          //       continue
          //     }
          //     if (!(this.advices[index].parent_id in childMap)) {
          //       childMap[this.advices[index].parent_id] = []
          //     }
          //     childMap[this.advices[index].parent_id].push(this.advices[index])
          //   }

          //   var advices = []
          //   for (const index in this.advices) {
          //     if (this.advices[index].parent_id > 0) {
          //       continue
          //     }
          //     var item = this.advices[index]
          //     if (item.id in childMap) {
          //       item.children = childMap[item.id]
          //     } else {
          //       item.children = []
          //     }
          //     advices.push(item)
          //   }

          //   var leftAdvice = []
          //   var rightAdvice = []
          //   var adlen = advices.length

          //   var halfLen = adlen % 2 == 0 ? adlen / 2 : (adlen + 1) / 2
          //   for (var i = 0; i < halfLen; i++) {
          //     leftAdvice.push(advices[i])
          //     rightAdvice.push(advices[i + halfLen])
          //   }
          //   if (halfLen < 5) {
          //     var nl = 5 - leftAdvice.length
          //     for (let index = 0; index < nl; index++) {
          //       leftAdvice.push([])
          //     }
          //     var nl = 5 - rightAdvice.length
          //     for (let index = 0; index < nl; index++) {
          //       rightAdvice.push([])
          //     }
          //   }

          //   this.advices = []
          //   for (var i = 0; i < halfLen; i++) {
          //     var item = []
          //     item.push(leftAdvice[i])
          //     item.push(rightAdvice[i])
          //     this.advices.push(item)
          //   }
          //   this.loading = false

          //   this.doctor_advices = response.data.data.advices == null ? [] : response.data.data.advices

          //   for (let index = 0; index < this.doctor_advices.length; index++) {
          //     this.doctor_advices[index]['isShow'] = 2
          //   }

          //   if (this.doctor_advices.length > 0) {
          //     var group = this.newAdviceGroupObject()
          //     var initGroupBlock = function(group, advice) {
          //       group.group_no = advice.groupno
          //     }
          //     for (let index = this.doctor_advices.length - 1; index >= 0; index--) {
          //       var new_advice_index = 0

          //       if ('children' in this.doctor_advices[index] && this.doctor_advices[index].children.length > 0) {
          //         new_advice_index = index + this.doctor_advices[index].children.length + 1

          //         var doctor_advice = {
          //           delivery_way: this.doctor_advices[index].delivery_way,
          //           execution_frequency: this.doctor_advices[index].execution_frequency,
          //           groupno: this.doctor_advices[index].groupno,
          //           id: this.doctor_advices[index].id,
          //           parent_id: this.doctor_advices[index].parent_id,
          //           children: this.doctor_advices[index].children,
          //           remark: this.doctor_advices[index].remark,
          //           execution_staff: this.doctor_advices[index].execution_staff,
          //           checker: this.doctor_advices[index].checker,
          //           advice_doctor: this.doctor_advices[index].advice_doctor,

          //         }
          //         doctor_advice['isShow'] = 1
          //         this.doctor_advices.splice(new_advice_index, 0, doctor_advice)
          //         // this.doctor_advices.push(doctor_advice)
          //       }
          //     }

          //     for (let index = 0; index < this.doctor_advices.length; index++) {
          //       const advice = this.doctor_advices[index]
          //       if (advice.groupno == 0) {
          //         // 老版本的医嘱没有分组的概念，所以这一个 if 是解决这个问题的，将每个无分组的医嘱各自归为一组
          //         if (advice.parent_id > 0) {
          //           if (this.advice_groups.length > 0) {
          //             var parent_group = this.advice_groups[
          //               this.advice_groups.length - 1
          //             ]
          //             if (parent_group.advices.length > 0) {
          //               if (parent_group.advices[0].id == advice.parent_id) {
          //                 parent_group.advices.push(advice)
          //               }
          //             }
          //           }
          //           continue
          //         } else {
          //           if (group.group_no > 0) {
          //             this.advice_groups.push(group)
          //             group = this.newAdviceGroupObject()
          //           }

          //           initGroupBlock(group, advice)
          //           group.advices.push(advice)
          //           this.advice_groups.push(group)
          //           group = this.newAdviceGroupObject()
          //           continue
          //         }
          //       }

          //       if (group.group_no > 0 && group.group_no != advice.groupno) {
          //         this.advice_groups.push(group)
          //         group = this.newAdviceGroupObject()
          //       }
          //       if (group.group_no == 0) {
          //         initGroupBlock(group, advice)
          //       }
          //       if (group.group_no == advice.groupno) {
          //         group.advices.push(advice)
          //       }
          //     }
          //     if (group.group_no > 0) {
          //       // 上述的算法会导致最后一组没有加到advice_groups，这里要手动加上
          //       this.advice_groups.push(group)
          //     }
          //   }
          //   console.log(this.advice_groups)
          } else {
            this.loading = false
            this.$message.error('请求数据失败')
            return false
          }
        })
      },
      bloodAccessParOperaName(id) {
        if (id in this.bloodAccessParOpera) {
          return this.bloodAccessParOpera[id].name
        }
        return ''
      },
      dialysateFormulationName(id) {
        if (id in this.dialysateFormulationOptions) {
          return this.dialysateFormulationOptions[id].name
        }
        return ''
      }, getAge: function(val) {
        if (this.org_template_info.template_id == 2 || this.org_template_info.template_id == 0) {
          if (val.age == 0) {
            return jsGetAge(val.birth, '-')
          } else {
            return val.age
          }
        } else {
          return jsGetAge(val.birth, '-')
        }
      }, newAdviceGroupObject: function() {
        return Object.assign(
          {},
          {
            group_no: 0,
            // advice_doctor: 0,
            // start_time: 0,
            advices: []
            // exec_staff: 0,
            // exec_time: 0,
            // checker: 0,
          }
        )
      }
    },
    watch: {
      'patientInfo.gender': function() {
        if (this.patientInfo.gender == 1) {
          this.patientInfo_gender_1 = true
          this.patientInfo_gender_2 = false
        } else if (this.patientInfo.gender == 2) {
          this.patientInfo_gender_2 = true
          this.patientInfo_gender_1 = false
        } else {
          this.patientInfo_gender_2 = false
          this.patientInfo_gender_1 = false
        }
      },
      'patientInfo.source': function() {
        if (this.patientInfo.source == 1) {
          this.patientInfo_source_1 = true
          this.patientInfo_source_2 = false
        } else if (this.patientInfo.source == 2) {
          this.patientInfo_source_2 = true
          this.patientInfo_source_1 = false
        } else {
          this.patientInfo_source_2 = false
          this.patientInfo_source_1 = false
        }
      }

    },
    created() {
      var xtuser = this.$store.getters.xt_user
      this.orgname = xtuser.org.org_name
      // this.orgname = "遂溪方济医院";
      this.modeOptions = this.$store.getters.treatment_mode
      this.replacementWays = this.$store.getters.replacement_ways
      this.perfusionApparatus = this.$store.getters.perfusion_apparatus
      this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit

      // this.bloodAccessParOpera = getDataConfig('hemodialysis', 'vascular_access_desc')

      var bloodAccessParOpera = getDataConfig('hemodialysis', 'vascular_access_desc')
      for (var key in bloodAccessParOpera) {
        this.bloodAccessParOpera[bloodAccessParOpera[key].id] = bloodAccessParOpera[key]
      }

      var dialysateFormulationOptions = getDataConfig('hemodialysis', 'dialysate_formulation')
      for (var key in dialysateFormulationOptions) {
        this.dialysateFormulationOptions[dialysateFormulationOptions[key].id] = dialysateFormulationOptions[key]
      }

      const xtdate = this.$route.query && this.$route.query.xtdate
      const xtno = this.$route.query && this.$route.query.xtno
      if (typeof (xtdate) === 'string' && xtdate.length > 0 && typeof (xtno) === 'string' && xtno.length > 0) {
        this.queryParams.xtdate = xtdate
        this.queryParams.xtno = xtno
        this.getDialysisRecord()
      } else {
        this.$message.error('参数不齐')
        return false
      }
    }

  }
</script>

<style>
  .dialysis-print-order {
    width: 960px;
    margin: 0 auto
  }

  .dialysis-print-order .order-yy-name {
    margin: auto;
    text-align: center;
    font-size: 20px;
    letter-spacing: 5px;
  }

  .dialysis-print-order .order-title {
    margin: auto;
    font-weight: 600;
    text-align: center;
    font-size: 22px;
    padding: 10px;
  }

  .dialysis-print-order .table-box {

    width: 100%;
    line-height: 23px;
    font-size: 14px;
  }

  .dialysis-print-order .print-table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    line-height: 40px;
    font-size: 14px;
  }

  .dialysis-print-order .print-table-no {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    font-size: 14px;
  }

  .dialysis-print-order .under-line {
    border-bottom: 1px solid #999;
    width: 95%;
    text-align: center;
    margin-left: 2px;



  }

  .dialysis-print-order .title-box {
    text-align: center;
    font-size: 16px;
  }

  .dialysis-print-order .radio-lebel-box {
    font-weight: 400;
    cursor: pointer;
  }

  .dialysis-print-order .radio-no {
    opacity: 0;
    outline: none;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1;
  }

  .dialysis-print-order .radio-inner {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle;
  }

  .dialysis-print-order .radio-fang {
    display: inline-block;
    position: relative;
    border: 1px solid #000;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    background-color: #fff;
    z-index: 1;
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
  }

  .dialysis-print-order .is-checked-radio::after {
    content: "√";
    font-size: 15px;
  }


  .dialysis-print-order .print-table-no tr td {
    padding: 8px 5px;
    line-height: 25px;
  }

  .dialysis-print-order .print-table tr td {
    padding: 1px 1px;
    /*line-height: 25px;*/
  }

  .es-img {
    height: 30px;
  }

  .advice-name {
    text-align: left;
  }

  .advice-children {
    display: flex;
  }

  .title-box-pro{
    border: 0 #fff;
    line-height: 25px;
    height: 25px;
    text-align: left;
    padding-left: 10px !important;
  }
  .title-box-pro-tr {
    border: 0 #fff;
  }
  .text-align-left{
    text-align: left !important;
    padding-left:10px !important;
    font-size: 14px !important;
    line-height: 25px;
  }
  .print-table-tr-new td{
    line-height: 20px !important;
  }
  .border-top-solid{
    border:solid 1px #000;
  }
  .print-template-two tr {
    line-height: 30px;
  }
</style>