elizebeth/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 || org_template_info.template_id == 10">
        <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>
      <template v-if="org_template_info.template_id == 8">
        <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>

      <DialysisPrintOrderEight
        v-bind:childResponse="childResponse"
        v-if="org_template_info.template_id == 8"
      >
      </DialysisPrintOrderEight>

      <!--<DialysisPrintOrderTen></DialysisPrintOrderTen>-->
      <DialysisPrintOrderTen
        v-bind:childResponse="childResponse"
        v-if="org_template_info.template_id == 10"
      ></DialysisPrintOrderTen>


    </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 DialysisPrintOrderEight from "./template/DialysisPrintOrderEight";
import print from "print-js";
import DialysisPrintOrderTen from './template/DialysisPrintOrderTen'

export default {
  name: "dialysisPrintOrder",
  components: {
    DialysisPrintOrderTen,
    DialysisPrintOrderOne,
    DialysisPrintOrderTwo,
    DialysisPrintOrderThree,
    DialysisPrintOrderFour,
    DialysisPrintOrderFive,
    DialysisPrintOrderSix,
    DialysisPrintOrderSeven,
    DialysisPrintOrderEight,

    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: 1050px;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;}';

      // const style3 =
      //   '@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: 16px;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: 16px;padding: 5px 5px;line-height: 18px;}.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:950px;}.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;}';
      //

      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 || this.org_template_info.template_id == 10) {
        printJS({
          printable: "dialysis-print-box-1",
          type: "html",
          style: style2,
          scanStyles: false
        });
      } else if (this.org_template_info.template_id == 7) {
        printJS({
          printable: "dialysis-print-box",
          type: "html",
          style: style,
          scanStyles: false
        });
      } else if (this.org_template_info.template_id == 8) {
        printJS({
          printable: "dialysis-print-box",
          type: "html",
          style: style,
          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 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    background-color 0.25s cubic-bezier(0.71, -0.46, 0.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>