<template>
  <div class="main-contain">
    <div class="position">
      <bread-crumb :crumbs="crumbs"></bread-crumb>
      <el-button
        :loading="loading"
        size="small"
        icon="el-icon-printer"
        @click="printThisPage"
        type="primary"
        >打印
      </el-button>
    </div>
    <div class="app-container">
      <div id="print_content">
        <div
          v-for="(record, index) in records"
          :key="record.id"
          class="print_page_main_content"
        >
          <div id="dialysis-print-box">
            <div class="dialysis-print-order">
              <div class="order-yy-name">{{ orgname }}</div>
              <div class="order-title">血液透析治疗记录单</div>
              <table class="print-table" border="1" style="margin-top: 10px;">
                <tbody>
                  <tr style="text-align:center">
                    <td colspan="11" style="margin-left:15px">
                      治疗日期:{{
                        getTime(record.schedule_date, "{y}-{m}-{d}")
                      }}
                    </td>
                  </tr>
                  <tr>
                    <td
                    width="120"
                    style="padding-left:5px;border:none;text-align: left;"
                    >
                    <div>
                        姓 名:&nbsp;{{ record.patient.name ? record.patient.name : "/" }}
                    </div>
                    </td>

                    <td width="120" style="border:none;text-align: left;">
                    性 别：
                    <span>
                        {{ record.patient.gender == 1 ? "男" : "女" }}
                    </span>
                    </td>
                    <td width="120" style="border:none;text-align: left;">
                    年 龄：
                    <span>
                        {{ getAge(record.patient) }}
                    </span>
                    </td>
                    <td width="50" style="border:none">身 高:</td>
                    <td width="80" style="border:none;text-align: left;">
                    <span>
                        &nbsp;&nbsp;&nbsp;{{
                        record.patient.height ? record.patient.height : ""
                        }}&nbsp;&nbsp;&nbsp;
                    </span>
                    cm
                    </td>
                    <td width="50" style="border:none">科 室:</td>
                    <td width="140" style="border:none;text-align: left;">
                    <div>
                        <label-box showValue="门诊" :isChecked="record.receive_assessment.condition == 2"></label-box>
                        &nbsp;
                        <label-box showValue="住院" :isChecked="record.receive_assessment.condition == 1"></label-box>
                    </div>
                    </td>

                    <td width="80" style="border:none">透析机号:</td>
                    <td width="80" style="border:none;text-align: left;">
                    <div>
                        {{record.dialysis_order&&record.dialysis_order.device_number&&record.dialysis_order.device_number.number.length > 0?record.dialysis_order.device_number.number:record.device_number.number}}
                    </div>
                    </td>
                    <!-- <td width="1"></td> -->
                    <td width="50" style="border:none">床位号:</td>
                    <td width="80" style="border-left:none;text-align: left;">
                    <div>
                        {{ record.patient.dialysis_no }}
                    </div>
                    </td>
                </tr>
                  <tr style="text-align:left">
                    <td colspan="11" style="padding-left:5px">
                      上机前病情：{{
                        record.assessment_before_dislysis &&
                        record.assessment_before_dislysis
                          .symptom_before_dialysis
                          ? record.assessment_before_dislysis
                              .symptom_before_dialysis
                          : "/"
                      }}
                    </td>
                  </tr>
                  <tr style="text-align:left">
                    <td colspan="8" style="padding-left:5px">
                      治疗方式:&nbsp;
                      <label-box
                        :isChecked="
                          record.prescription.mode_id == 1 ? true : false
                        "
                        showValue="HD"
                      ></label-box
                      >&nbsp;
                      <label-box
                        :isChecked="
                          record.prescription.mode_id == 2 ? true : false
                        "
                        showValue="HDF"
                      ></label-box
                      >&nbsp; （
                      <label-box
                        :isChecked="
                          record.prescription.displace_liqui_part == 1
                            ? true
                            : false
                        "
                        showValue="前稀释"
                      ></label-box>
                      <label-box
                        :isChecked="
                          record.prescription.displace_liqui_part == 2
                            ? true
                            : false
                        "
                        showValue="后稀释"
                      ></label-box>
                      <span
                        >,置换量
                        <span style="width:50px;display: inline-block;">
                          {{
                            record.prescription.displace_liqui_value
                              ? record.prescription.displace_liqui_value
                              : "/"
                          }}
                        </span>
                        L</span
                      >
                      ）
                      <label-box
                        :isChecked="
                          record.prescription.mode_id > 2
                            ? true
                            : false
                        "
                        showValue="其他："
                      ></label-box>
                      <span v-if="record.prescription.mode_id == 3">
                        {{ record.prescription.mode_id == 3 ? "HD+HP" : "" }}
                      </span>
                      <span v-if="record.prescription.mode_id == 4">
                        {{ record.prescription.mode_id == 4 ? "HP" : "" }}
                      </span>
                      <span v-if="record.prescription.mode_id == 5">
                        {{ record.prescription.mode_id == 5 ? "HF" : "" }}
                      </span>
                      <span v-if="record.prescription.mode_id == 6">
                        {{ record.prescription.mode_id == 6 ? "SCUF" : "" }}
                      </span>
                      <span v-if="record.prescription.mode_id == 7">
                        {{ record.prescription.mode_id == 7 ? "IUF" : "" }}
                      </span>
                      <span v-if="record.prescription.mode_id == 8">
                        {{ record.prescription.mode_id == 8 ? "HFHD" : "" }}
                      </span>
                      <span v-if="record.prescription.mode_id == 9">
                        {{ record.prescription.mode_id == 9 ? "HFHD+HP" : "" }}
                      </span>
                      <span v-if="record.prescription.mode_id == 10">
                        {{ record.prescription.mode_id == 10 ? "PHF" : "" }}
                      </span>
                      <span v-if="record.prescription.mode_id == 11">
                        {{ record.prescription.mode_id == 11 ? "HFR" : "" }}
                      </span>
                      <span v-if="record.prescription.mode_id == 12">
                        {{ record.prescription.mode_id == 12 ? "HDF+HP" : "" }}
                      </span>
                      <span v-if="record.prescription.mode_id == 13">
                        {{ record.prescription.mode_id == 13 ? "CRRT" : "" }}
                      </span>
                      <span v-if="record.prescription.mode_id == 14">
                        {{ record.prescription.mode_id == 14 ? "腹水回输" : "" }}
                      </span>
                    </td>
                    <td
                      colspan="3"
                      style="border-left:1px solid #000;padding-left:5px"
                    >
                      治疗时间:
                      <span
                        >&nbsp;{{
                          record.prescription.dialysis_duration_hour
                            ? record.prescription.dialysis_duration_hour
                            : "0"
                        }}小时{{
                          record.prescription.dialysis_duration_minute
                            ? record.prescription.dialysis_duration_minute
                            : "0"
                        }}分钟</span
                      >
                    </td>
                  </tr>
                  <tr style="text-align:left">
                    <td colspan="11" style="padding-left:5px">
                      治疗抗凝：<label-box
                        :isChecked="

                            isCheckBoxChecked(
                              record.prescription,
                              'anticoagulant',
                              6
                            ) || isCheckBoxChecked(
                              record.prescription,
                              'anticoagulant',
                              7
                            )
                        "
                        showValue="低分子肝素："
                      ></label-box>
                      <span style="width:50px;display: inline-block;">{{
                        record.prescription.anticoagulant_zongliang &&
                        (record.prescription.anticoagulant == 6 ||
                          record.prescription.anticoagulant == 7)
                          ? record.prescription.anticoagulant_zongliang
                          : ""
                      }}</span
                      >iu&nbsp;
                      <label-box
                        :isChecked="
                          isCheckBoxChecked(
                              record.prescription,
                              'anticoagulant',
                              2
                            )
                        "
                        showValue="普通肝素："
                      ></label-box>
                      首剂：<span style="width:35px;display: inline-block;">{{
                        record.prescription.anticoagulant_shouji &&
                        record.prescription.anticoagulant == 2
                          ? record.prescription.anticoagulant_shouji
                          : ""
                      }}</span>
                      <span
                        v-if="record.prescription.anticoagulant == 5"
                        >mg</span
                      >
                      <span
                        v-if="record.prescription.anticoagulant == 4"
                        >mg</span
                      >
                      <span
                        v-if="record.prescription.anticoagulant == 3"
                        >iu</span
                      >
                      <span
                        v-if="record.prescription.anticoagulant == 2"
                        >iu</span
                      >
                      <span v-if="record.prescription.anticoagulant == 1"
                        >mg</span
                      >
                      <span
                        v-if="
                          record.prescription.anticoagulant == 6
                        "
                        >iu</span
                      >
                      <span
                        v-if="
                          record.prescription.anticoagulant == 7
                        "
                        >iu</span
                      >&nbsp; 追加：<span
                        style="width:35px;display: inline-block;"
                        >{{
                          record.prescription.anticoagulant_weichi && record.prescription.anticoagulant == 2
                            ? record.prescription.anticoagulant_weichi
                            : ""
                        }}</span
                      ><span
                        v-if="record.prescription.anticoagulant == 5"
                        >ml/h</span
                      >
                      <span
                        v-if="record.prescription.anticoagulant == 4"
                        >mg/h</span
                      >
                      <span
                        v-if="record.prescription.anticoagulant == 3"
                        >iu/h</span
                      >
                      <span
                        v-if="record.prescription.anticoagulant == 2"
                        >iu/h</span
                      >
                      <span v-if="record.prescription.anticoagulant == 1"
                        >mg/h</span
                      >
                      <span
                        v-if="
                          record.prescription.anticoagulant == 6
                        "
                        >iu/h</span
                      >
                      <span
                        v-if="
                          record.prescription.anticoagulant == 7
                        "
                        >iu/h</span
                      >
                      &nbsp; 总量：<span
                        style="width:50px;display: inline-block;"
                        >{{
                          record.prescription.anticoagulant_zongliang &&
                          record.prescription.anticoagulant == 2
                            ? record.prescription.anticoagulant_zongliang
                            : ""
                        }}</span
                      ><span
                        v-if="record.prescription.anticoagulant == 5"
                        >mg</span
                      >
                      <span
                        v-if="record.prescription.anticoagulant == 4"
                        >mg</span
                      >
                      <span
                        v-if="record.prescription.anticoagulant == 3"
                        >iu</span
                      >
                      <span
                        v-if="record.prescription.anticoagulant == 2"
                        >iu</span
                      >
                      <span v-if="record.prescription.anticoagulant == 1"
                        >mg</span
                      >
                      <span
                        v-if="
                          record.prescription.anticoagulant == 6
                        "
                        >iu</span
                      >
                      <span
                        v-if="
                          record.prescription.anticoagulant == 7
                        "
                        >iu</span
                      >
                      &nbsp;
                      <label-box
                        :isChecked="
                            isCheckBoxChecked(
                              record.prescription,
                              'anticoagulant',
                              1
                            )
                        "
                        showValue="无肝素："
                      ></label-box>
                      <label-box
                        :isChecked="
                          isCheckBoxChecked(
                              record.prescription,
                              'anticoagulant',
                              5
                            )
                        "
                        showValue="枸橼酸"
                      ></label-box>
                    </td>
                  </tr>
                  <tr style="text-align:left">
                    <td colspan="7" style="padding-left:5px">
                      处方脱水量：<span
                        style="width:50px;display: inline-block;"
                        >{{
                          record.prescription.target_ultrafiltration
                            ? record.prescription.target_ultrafiltration
                            : ""
                        }}</span
                      >L； 透析液流量：<span
                        style="width:50px;display: inline-block;"
                      >
                        {{
                          record.prescription.dialysate_flow
                            ? record.prescription.dialysate_flow
                            : ""
                        }}</span
                      >ml/min；
                    </td>
                    <td
                      colspan="4"
                      style="padding-left:5px;border-left:1px solid #000;padding-left:5px"
                    >
                      医师签名：
                      <span
                          v-if="
                        setAdminUserES(
                        record.prescription,
                        'prescription_doctor'
                        ) == ''">
                        {{getAdminUser(record.prescription, 'prescription_doctor')}}
                        </span>
                        <img
                          class="es-img"
                          :src="
                              setAdminUserES(
                                record.prescription,
                                'prescription_doctor'
                              )
                            "
                          alt=""
                          srcset=""
                          v-else
                          style="height: 30px;"
                        />
                    </td>
                  </tr>
                  <tr style="text-align:left">
                    <td colspan="2" style="padding-left:5px">
                      透析机：{{
                        record.assessment_before_dislysis.machine_type
                          ? record.assessment_before_dislysis.machine_type
                          : ""
                      }}
                    </td>
                    <td
                      colspan="2"
                      style="padding-left:5px;border-left:1px solid #000;"
                    >
                      透析(滤)器：{{
                        record.prescription.dialyzer_perfusion_apparatus
                          ? record.prescription.dialyzer_perfusion_apparatus
                          : ""
                      }}
                    </td>
                    <td
                      colspan="7"
                      style="padding-left:5px;border-left:1px solid #000;"
                    >
                      透析液：钾：<span
                        style="width:40px;display: inline-block;"
                        >{{ record.prescription.kalium }}</span
                      >mmol/L&nbsp; 钙：<span
                        style="width:40px;display: inline-block;"
                        >{{ record.prescription.calcium }}</span
                      >mmol/L&nbsp; 碳酸氢根：<span
                        style="width:40px;display: inline-block;"
                        >{{
                          record.prescription.bicarbonate
                            ? record.prescription.bicarbonate
                            : ""
                        }}</span
                      >mmol/L
                    </td>
                  </tr>
                  <tr style="text-align:left">
                    <td colspan="11" style="padding-left:5px">
                      血管通路：
                      <label-box
                        :isChecked="
                          isBbloodAccessParOperaCheck(record.assessment_before_dislysis, '内瘘')
                        "
                        showValue="内瘘"
                      ></label-box
                      >&nbsp;
                      <label-box
                        :isChecked="
                          isBbloodAccessParOperaCheck(record.assessment_before_dislysis, '长期静脉导管')
                        "
                        showValue="长期静脉导管"
                      ></label-box
                      >&nbsp;
                      <label-box
                        :isChecked="
                          isBbloodAccessParOperaCheck(record.assessment_before_dislysis, '颈内静脉')
                        "
                        showValue="临时颈内静脉导管"
                      ></label-box
                      >&nbsp;
                      <label-box
                        :isChecked="
                          isBbloodAccessParOperaCheck(record.assessment_before_dislysis, '股静脉')
                        "
                        showValue="临时股静脉导管"
                      ></label-box
                      >&nbsp;
                      <label-box
                        :isChecked="
                          isBbloodAccessParOperaCheck(record.assessment_before_dislysis, '人造血管')
                           || 
                          isBbloodAccessParOperaCheck(record.assessment_before_dislysis, '移植血管')
                        "
                        showValue="其他"
                      ></label-box
                      >&nbsp;
                      <span style="width:50px;display: inline-block;"></span>
                      穿刺者：<span style="width:50px;display: inline-block;">
                        <span v-if="setAdminUserES(record.dialysis_order, 'puncture_nurse') == ''">{{getAdminUser(record.dialysis_order, 'puncture_nurse')}}</span>
                        <img class="es-img" :src="setAdminUserES(record.dialysis_order, 'start_nurse')" alt="" srcset="" v-else >
                      </span>
                    </td>
                  </tr>
                </tbody>
              </table>

              <!-- <table class="print-table" border="1" style="margin-top:10px">
        <tbody>
          <tr>
            <td>
              <table class="table-box">
                <tr>
                  <td style="text-align:left;margin-left:15px">
                    病情评估:
                    <span class="under-line"
                      >&nbsp;{{
                        receiverTreatmentAccess.sick_condition
                          ? receiverTreatmentAccess.sick_condition
                          : "/"
                      }}</span
                    >
                  </td>
                  <td style="text-align:left;margin-left:15px">
                    入科方式:
                    <span class="under-line"
                      >&nbsp;
                      {{
                        receiverTreatmentAccess.way
                          ? receiverTreatmentAccess.way
                          : "/"
                      }}
                    </span>
                  </td>
                  <td style="text-align:left;margin-left:15px" colspan="2">
                    透析次数:
                    <span class="under-line">&nbsp;{{
                        patientInfo.total_dialysis +
                          patientInfo.user_sys_before_count
                      }}</span>
                  </td>
                </tr>
                <tr>
                  <td style="text-align:left;margin-left:15px">
                    净化治疗方式:
                    <span class="under-line"
                      >&nbsp;{{
                        prescription.mode ? prescription.mode : "/"
                      }}</span
                    >
                  </td>
                  <td style="text-align:left;margin-left:15px">
                    透析器型号:
                    <span
                      class="under-line"
                      v-if="
                        prescription.mode_id != 3 &&
                          prescription.mode_id != 4 &&
                          prescription.mode_id != 12 &&
                          prescription.mode_id != 9
                      "
                      >&nbsp;{{
                        prescription.dialyzer_perfusion_apparatus
                          ? prescription.dialyzer_perfusion_apparatus
                          : "/"
                      }}</span
                    >
                    <span class="under-line" v-else>
                      /
                    </span>
                  </td>
                  <td style="text-align:left;margin-left:15px">
                    灌流器型号:
                    <span
                      class="under-line"
                      v-if="
                        prescription.mode_id == 3 ||
                          prescription.mode_id == 4 ||
                          prescription.mode_id == 9 ||
                          prescription.mode_id == 12
                      "
                      >&nbsp;{{
                        prescription.dialyzer_perfusion_apparatus
                          ? prescription.dialyzer_perfusion_apparatus
                          : "/"
                      }}</span
                    >
                    <span v-else class="under-line">
                      /
                    </span>
                  </td>
                  <td style="text-align:left;margin-left:15px">
                    血管通路:
                    <span class="under-line"
                      >&nbsp;{{
                        predialysis.blood_access_part_opera_name
                          ? predialysis.blood_access_part_opera_name
                          : "/"
                      }}</span
                    >
                  </td>
                </tr>
                <tr>
                  <td style="text-align:left;margin-left:15px">
                    干体重:
                    <span class="under-line"
                      >&nbsp;{{
                        predialysis.dry_weight ? predialysis.dry_weight : "0"
                      }}</span
                    >kg
                  </td>
                  <td style="text-align:left;margin-left:15px">
                    透前体重:
                    <span class="under-line"
                      >&nbsp;{{
                        predialysis.weight_before
                          ? predialysis.weight_before
                          : "0"
                      }}</span
                    >kg
                  </td>
                  <td style="text-align:left;margin-left:15px">
                    预脱:
                    <span class="under-line"
                      >&nbsp;{{
                        prescription.target_ultrafiltration
                          ? prescription.target_ultrafiltration
                          : "0"
                      }}</span
                    >L
                  </td>
                  <td style="text-align:left;margin-left:15px">
                    治疗时间:
                    <span class="under-line"
                      >&nbsp;{{
                        prescription.dialysis_duration_hour
                          ? prescription.dialysis_duration_hour
                          : "0"
                      }}小时{{
                        prescription.dialysis_duration_minute
                          ? prescription.dialysis_duration_minute
                          : "0"
                      }}分钟</span
                    >
                  </td>
                </tr>
                <tr>
                  <td style="text-align:left;margin-left:15px">
                    血流量:
                    <span class="under-line"
                      >&nbsp;{{
                        prescription.blood_flow_volume
                          ? prescription.blood_flow_volume
                          : "0"
                      }}</span
                    >ml/min
                  </td>
                  <td style="text-align:left;margin-left:15px">
                    置换方式:
                    <span class="under-line"
                      >&nbsp;
                      {{
                        getDisplaceLiquiPart(prescription.displace_liqui_part)
                      }}</span
                    >
                  </td>
                  <td style="text-align:left;margin-left:15px">
                    置换液总量:
                    <span class="under-line"
                      >&nbsp;{{
                        prescription.displace_liqui_value
                          ? prescription.displace_liqui_value
                          : "0"
                      }}</span
                    >
                  </td>
                </tr>
                <tr>
                  <td style="text-align:left;margin-left:15px">
                    抗凝剂:
                    <span class="under-line"
                      >&nbsp;{{
                        prescription.anticoagulant
                          ? prescription.anticoagulant
                          : "/"
                      }}</span
                    >
                  </td>
                  <td style="text-align:left;margin-left:15px">
                    首剂:<span class="under-line">{{
                      prescription.anticoagulant_shouji
                        ? prescription.anticoagulant_shouji
                        : "0"
                    }}</span>
                    <span v-if="prescription.anticoagulant == '枸橼酸钠'"
                      >mg</span
                    >
                    <span v-if="prescription.anticoagulant == '阿加曲班'"
                      >mg</span
                    >
                    <span v-if="prescription.anticoagulant == '低分子肝素'"
                      >iu</span
                    >
                    <span v-if="prescription.anticoagulant == '普通肝素'"
                      >iu</span
                    >
                    <span v-if="prescription.anticoagulant == '无肝素'"
                      >mg</span
                    >
                    <span v-if="prescription.anticoagulant == '低分子肝素钙'"
                      >iu</span
                    >
                    <span v-if="prescription.anticoagulant == '低分子肝素钠'"
                      >iu</span
                    >&nbsp;
                  </td>
                  <td style="text-align:left;margin-left:15px">
                    维持:
                    <span class="under-line"
                      >&nbsp;{{
                        prescription.anticoagulant_weichi
                          ? prescription.anticoagulant_weichi
                          : "0"
                      }}</span
                    >
                    <span v-if="prescription.anticoagulant == '枸橼酸钠'"
                      >ml/h</span
                    >
                    <span v-if="prescription.anticoagulant == '阿加曲班'"
                      >mg/h</span
                    >
                    <span v-if="prescription.anticoagulant == '低分子肝素'"
                      >iu/h</span
                    >
                    <span v-if="prescription.anticoagulant == '普通肝素'"
                      >iu/h</span
                    >
                    <span v-if="prescription.anticoagulant == '无肝素'"
                      >mg/h</span
                    >
                    <span v-if="prescription.anticoagulant == '低分子肝素钙'"
                      >iu/h</span
                    >
                    <span v-if="prescription.anticoagulant == '低分子肝素钠'"
                      >iu/h</span
                    >
                  </td>
                  <td style="text-align:left;margin-left:15px">
                    总量:<span class="under-line"
                      >&nbsp;{{
                        prescription.anticoagulant_zongliang
                          ? prescription.anticoagulant_zongliang
                          : "0"
                      }}</span
                    >
                    <span v-if="prescription.anticoagulant == '枸橼酸钠'"
                      >mg</span
                    >
                    <span v-if="prescription.anticoagulant == '阿加曲班'"
                      >mg</span
                    >
                    <span v-if="prescription.anticoagulant == '低分子肝素'"
                      >iu</span
                    >
                    <span v-if="prescription.anticoagulant == '普通肝素'"
                      >iu</span
                    >
                    <span v-if="prescription.anticoagulant == '无肝素'"
                      >mg</span
                    >
                    <span v-if="prescription.anticoagulant == '低分子肝素钙'"
                      >iu</span
                    >
                    <span v-if="prescription.anticoagulant == '低分子肝素钠'"
                      >iu</span
                    >
                  </td>
                </tr>
                <tr>
                  <td style="text-align:left;margin-left:15px">
                    透析液(mmol/L):
                    <span
                      class="under-line"
                      v-if="prescription.dialysate_formulation == 0"
                      >&nbsp; 常规(钾：0&nbsp;,钙：0 &nbsp;,钠：0)
                    </span>
                    <span
                      class="under-line"
                      v-if="prescription.dialysate_formulation == 1"
                      >&nbsp; 常规(钾：{{ prescription.kalium }}&nbsp;,钙：{{
                        prescription.calcium
                      }}&nbsp;,钠：{{ prescription.sodium }})
                    </span>
                    <span
                      class="under-line"
                      v-if="prescription.dialysate_formulation == 2"
                      >&nbsp; 低钙(钾：{{ prescription.kalium }}&nbsp;,钙：{{
                        prescription.calcium
                      }}&nbsp;,钠：{{ prescription.sodium }})
                    </span>
                    <span
                      class="under-line"
                      v-if="prescription.dialysate_formulation == 3"
                      >&nbsp; 高钙(钾：{{ prescription.kalium }}&nbsp;,钙：{{
                        prescription.calcium
                      }}&nbsp;,钠：{{ prescription.sodium }})
                    </span>
                    <span
                      class="under-line"
                      v-if="prescription.dialysate_formulation == 4"
                      >&nbsp; 低钠(钾：{{ prescription.kalium }}&nbsp;,钙：{{
                        prescription.calcium
                      }}&nbsp;,钠：{{ prescription.sodium }})
                    </span>
                    <span
                      class="under-line"
                      v-if="prescription.dialysate_formulation == 5"
                      >&nbsp; 高钠(钾：{{ prescription.kalium }}&nbsp;,钙：{{
                        prescription.calcium
                      }}&nbsp;,钠：{{ prescription.sodium }})
                    </span>
                  </td>
                  <td style="text-align:left;margin-left:15px">
                    并发症:
                    <span class="under-line">{{
                      predialysis.complication ? predialysis.complication : "/"
                    }}</span>
                  </td>
                  <td style="text-align:left;margin-left:15px">
                    医生签名:
                    <span class="under-line" v-if="doctorForm.url == ''"
                      >&nbsp;{{
                        doctorForm.doctor ? doctorForm.doctor : "/"
                      }}</span
                    >
                    <span class="under-line" v-if="doctorForm.url != ''">
                      <img style="height:40px" :src="doctorForm.url" />
                    </span>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </tbody>
      </table> -->
              <table class="print-table" border="1">
                <tr style="text-align:center">
                  <td colspan="14" style="margin-left:15px;font-size:20px">
                    治 疗 过 程 记 录
                  </td>
                </tr>
                <tr>
                  <td style="width:60px" rowspan="2">时间</td>
                  <td colspan="4">透析参数</td>
                  <td colspan="5">生命体征</td>
                  <td colspan="2">治疗中病情变化</td>
                  <td style="width:80px" rowspan="2">护士签名</td>
                </tr>
                <tr>
                  <th style="width:70px">
                    <p style="height:20px;line-height:20px">TMP</p>
                    <p style="height:20px;line-height:20px">mmHg</p>
                  </th>
                  <th style="width:70px">
                    <p style="height:20px;line-height:20px">静脉压</p>
                    <p style="height:20px;line-height:20px">mmHg</p>
                  </th>
                  <th style="width:70px">
                    <p style="height:20px;line-height:20px">血流量</p>
                    <p style="height:20px;line-height:20px">ml/min</p>
                  </th>
                  <th style="width:70px">
                    <p style="height:20px;line-height:20px">脱水量</p>
                    <p style="height:20px;line-height:20px">ml</p>
                  </th>
                  <th style="width:30px">
                    <p style="height:20px;line-height:20px">T</p>
                    <p style="height:20px;line-height:20px">℃</p>
                  </th>
                  <th style="width:50px">
                    <p style="height:20px;line-height:20px">HR</p>
                    <p style="height:20px;line-height:20px">bpm</p>
                  </th>
                  <th style="width:50px">
                    <p style="height:20px;line-height:20px">R</p>
                    <p style="height:20px;line-height:20px">bpm</p>
                  </th>
                  <th style="width:100px">
                    <p style="height:20px;line-height:20px">BP</p>
                    <p style="height:20px;line-height:20px">mmHg</p>
                  </th>
                  <th style="width:50px">
                    <p style="height:20px;line-height:20px">Spo<sub>2</sub></p>
                    <p style="height:20px;line-height:20px">%</p>
                  </th>
                  <th style="width:333px">
                    <p style="height:20px;line-height:20px">
                      记&nbsp;&nbsp;&nbsp;&nbsp;录
                    </p>
                  </th>
                </tr>

                <tr
                  v-for="(monitor, monindex) in record.monitor_records"
                  :key="monindex"
                >
                  <td style="min-width:60px;height:30px">
                    {{ getTime(monitor.operate_time, "{h}:{i}") }}
                  </td>
                  <td>
                    <span v-if="getTime(monitor.operate_time) != ''">
                      {{
                        monitor.transmembrane_pressure
                          ? monitor.transmembrane_pressure
                          : "0"
                      }}</span
                    >
                  </td>
                  <td>
                    <span v-if="getTime(monitor.operate_time) != ''">
                      {{
                        monitor.venous_pressure
                          ? monitor.venous_pressure
                          : "0"
                      }}</span
                    >
                  </td>
                  <td>
                    <span v-if="getTime(monitor.operate_time) != ''">
                      {{
                        monitor.blood_flow_volume
                          ? monitor.blood_flow_volume 
                          : "0"
                      }}</span
                    >
                  </td>
                  <td>
                    <span v-if="getTime(monitor.operate_time) != ''">
                      {{
                        monitor.ultrafiltration_volume
                          ? monitor.ultrafiltration_volume 
                          : "0"
                      }}
                    </span>
                  </td>
                  <td>
                    <span v-if="getTime(monitor.operate_time) != ''">
                      {{ monitor.temperature ? monitor.temperature : "0" }}
                    </span>
                  </td>
                  <td>
                    <span v-if="getTime(monitor.operate_time) != ''">{{
                      monitor.pulse_frequency ? monitor.pulse_frequency : "0"
                    }}</span>
                  </td>
                  <td>
                    <span v-if="getTime(monitor.operate_time) != ''">{{
                      monitor.breathing_rate ? monitor.breathing_rate : "0"
                    }}</span>
                  </td>
                  <td>
                    <span v-if="getTime(monitor.operate_time) != ''">
                      {{
                        monitor.systolic_blood_pressure
                          ? monitor.systolic_blood_pressure
                          : ""
                      }}
                      /
                      {{
                        monitor.diastolic_blood_pressure
                          ? monitor.diastolic_blood_pressure
                          : ""
                      }}
                    </span>
                  </td>
                  <td>
                    <span v-if="getTime(monitor.operate_time) != ''">{{
                      monitor.blood_oxygen_saturation
                        ? monitor.blood_oxygen_saturation
                        : "0"
                    }}</span>
                  </td>
                  <td>
                    <span
                      v-if="
                        monitor.symptom || monitor.dispose || monitor.result
                      "
                    >
                      {{
                        monitor.symptom +
                          "，" +
                          monitor.dispose +
                          "，" +
                          monitor.result
                      }}
                    </span>
                  </td>
                  <td width="0" style="border:none;visibility: hidden;padding:0"></td>
                  <td>
                    <span v-if="setAdminUserES(monitor, 'monitoring_nurse') == ''">{{getAdminUser(monitor, 'monitoring_nurse')}}</span>
                    <img style="height:30px" :src="setAdminUserES(monitor, 'monitoring_nurse')" alt="" srcset=""  v-else >
                  </td>
                </tr>
              </table>

              <table class="print-table" border="1">
                <tbody>
                  <tr>
                    <td style="width:130px;height:40px">
                      时间
                    </td>
                    <td colspan="5" style="width:560px;height:40px">
                      医嘱执行记录
                    </td>
                    <td colspan="2" style="width:110px;height:40px">
                      医生签名
                    </td>

                    <td colspan="2" style="width:108px;height:40px">
                      执行
                    </td>
                    <td colspan="3" style="width:130px;height:40px">
                      执行时间
                    </td>
                    <!-- <td style="width:60px;height:60px">
              <p style="height:20px;line-height:20px">核对</p>
            </td>
            <td style="width:60px;height:40px">
              <p style="height:20px;line-height:20px">上次透后体重</p>
            </td>
            <td style="width:60px;height:40px">
              {{
                assessmentafter.weight_after
                  ? assessmentafter.weight_after
                  : "0"
              }}kg
            </td> -->
                  </tr>

                  <tr
                    v-for="(advice, advice_index) in record.advices"
                    style="height:30px"
                    :key="advice_index"
                  >
                    <td>
                      {{ getTime(advice[0].start_time, "{y}-{m}-{d} {h}:{i}") }}
                    </td>
                    <td colspan="5" style="height:30px;">
                        <span v-for="(item,index) in advice" :key="index">
                            <!-- <span v-if="item.children.length > 0"> -->
                                <span v-if="item.parent_id > 0">---></span>
                                <span>{{ item.advice_name }}</span>
                                <span v-if="item && item.advice_desc"
                                    >({{ item.advice_desc
                                    }}{{ item.drug_spec_unit }})</span
                                >
                                <span v-if="item.prescribing_number">
                                    &nbsp;&nbsp; {{ item.prescribing_number
                                    }}{{ item.prescribing_number_unit }}</span
                                >
                                <span v-if="item.single_dose != 0">
                                    {{ item.single_dose
                                    }}{{ item.single_dose_unit }}</span
                                >
                                <span v-if="item.parent_id == 0">{{
                                    item.delivery_way
                                }}</span>
                                <span v-if="item.parent_id == 0">{{
                                    item.execution_frequency
                                }}</span>
                                <span>
                                </span>
                                <span
                                v-if="item.children && !Array.isArray(item)"
                                style="display:block;border-top: 1px solid #000"
                                    v-for="(child, childindex) in item.children"
                                    :key="childindex"
                                    class="advice-children"
                                >
                                    <span>---></span>
                                    <span>
                                    <span>{{ child.advice_name }}</span>
                                    <span v-if="child.advice_desc"
                                        >{{ child.advice_desc
                                        }}{{ child.drug_spec_unit }}</span
                                    >
                                    <span v-if="child.prescribing_number"
                                        >* {{ child.prescribing_number
                                        }}{{ child.prescribing_number_unit }}</span
                                    >
                                    <span v-if="child.single_dose != 0"
                                        >单次用量 {{ child.single_dose
                                        }}{{ child.single_dose_unit }}</span
                                    >
                                    </span>
                                </span>
                            <!-- </span> -->
                            <div v-else>
                                <span v-if="item.parent_id > 0">---></span>
                                <span>{{ item.advice_name }}</span>
                                <span v-if="item && item.advice_desc"
                                    >({{ item.advice_desc
                                    }}{{ item.drug_spec_unit }})</span
                                >
                                <span v-if="item.prescribing_number">
                                    &nbsp;&nbsp; {{ item.prescribing_number
                                    }}{{ item.prescribing_number_unit }}</span
                                >
                                <span v-if="item.single_dose != 0">
                                    {{ item.single_dose
                                    }}{{ item.single_dose_unit }}</span
                                >
                                <span v-if="item.parent_id == 0">{{
                                    item.delivery_way
                                }}</span>
                                <span v-if="item.parent_id == 0">{{
                                    item.execution_frequency
                                }}</span>
                                <span>
                                </span>
                                <span
                                v-if="item.children && !Array.isArray(item)"
                                style="display:block;border-top: 1px solid #000;"
                                    v-for="(child, childindex) in item.children"
                                    :key="childindex"
                                    class="advice-children"
                                >
                                    <span>---></span>
                                    <span>
                                    <span>{{ child.advice_name }}</span>
                                    <span v-if="child.advice_desc"
                                        >{{ child.advice_desc
                                        }}{{ child.drug_spec_unit }}</span
                                    >
                                    <span v-if="child.prescribing_number"
                                        >* {{ child.prescribing_number
                                        }}{{ child.prescribing_number_unit }}</span
                                    >
                                    <span v-if="child.single_dose != 0"
                                        >单次用量 {{ child.single_dose
                                        }}{{ child.single_dose_unit }}</span
                                    >
                                    </span>
                                </span>
                            </div>
                            
                        </span>
                    </td>
                    <td colspan="2">
                       <span v-if="setAdminUserES(advice[0], 'advice_doctor') == ''">
                           {{getAdminUser(advice[0], 'advice_doctor')}}
                        </span>
                        <img
                        class="es-img"
                        :src="setAdminUserES(advice[0], 'advice_doctor')"
                        alt=""
                        srcset=""
                        v-else
                        style="height: 30px;"
                        />
                    </td>
                    <td colspan="2" style="height:40px">
                      <span v-if="setAdminUserES(advice[0], 'execution_staff') == ''">
                           {{getAdminUser(advice[0], 'execution_staff')}}
                        </span>
                        <img
                        class="es-img"
                        :src="setAdminUserES(advice[0], 'execution_staff')"
                        alt=""
                        srcset=""
                        v-else
                        style="height: 30px;"
                        />
                    </td>
                    <td colspan="3" style="width:130px;">
                      {{
                        getTime(advice[0].execution_time, "{y}-{m}-{d} {h}:{i}")
                      }}
                    </td>
                  </tr>
                </tbody>
              </table>
              <table class="print-table" border="1">
                <tbody>
                  <tr>
                    <td width="100" style="padding-left:5px;border:none">
                      透前体重:
                    </td>
                    <td
                      width="120"
                      style="border:none;text-align:left;border:none;"
                    >
                      <div>
                        &nbsp;<span style="width:70px;display:inline-block">{{
                          record.assessment_before_dislysis.weight_before
                            ? record.assessment_before_dislysis.weight_before
                            : ""
                        }}</span
                        >Kg
                      </div>
                    </td>
                    <!-- <td width="100" style="border:none;"></td> -->

                    <td
                      width="100"
                      style="border:none;border-left:1px solid #000;padding-left:5px;"
                    >
                      干体重:
                    </td>
                    <td width="180" style="text-align:left;border:none;">
                      <div>
                        <span
                          style="width:70px;display:inline-block;border:none;"
                          >{{
                            record.assessment_before_dislysis.dry_weight
                              ? record.assessment_before_dislysis.dry_weight
                              : ""
                          }}</span
                        >Kg
                      </div>
                    </td>
                    <!-- <td width="10" style="border:none;"></td> -->

                    <td
                      width="100"
                      style="border:none;border-left:1px solid #000;padding-left:5px;"
                    >
                      实际脱水量:
                    </td>
                    <td width="130" style="text-align:left;border:none;">
                      <div>
                        <span style="width:70px;display:inline-block">{{
                          record.assessment_after_dislysis
                            .actual_ultrafiltration
                            ? record.assessment_after_dislysis
                                .actual_ultrafiltration
                            : ""
                        }}</span
                        >L
                      </div>
                    </td>
                    <td
                      width="100"
                      style="border:none;border-left:1px solid #000;padding-left:5px"
                    >
                      透后体重:
                    </td>
                    <td width="180" style="text-align:left;border:none;">
                      <div>
                        <span style="width:70px;display:inline-block">{{
                          record.assessment_after_dislysis.weight_after
                            ? parseFloat(
                                record.assessment_after_dislysis.weight_after
                              ).toFixed(1)
                            : ""
                        }}</span
                        >Kg
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
              <table class="print-table" border="1">
                <tbody>
                <tr>
                    <td
                    width="100"
                    style="padding-left:5px;border:none;border-right:1px solid #000;"
                    >
                    透后评估
                    </td>

                    <td width="100" style="border:none;padding-left:5px;">
                    透析器凝血:
                    </td>
                    <td width="100" style="text-align:left;border:none;">
                    <div>
                        <span style="width:100px;display:inline-block;border:none;">
                            {{record.assessment_after_dislysis.cruor?record.assessment_after_dislysis.cruor:""}}
                        </span>
                    </div>
                    </td>
                    <!-- <td width="10" style="border:none;"></td> -->

                    <td width="70" style="border:none;padding-left:5px;">
                    内瘘:
                    </td>
                    <td
                    width="200"
                    style="text-align:left;border:none;line-height: 30px;"
                    >
                    <div>
                        <span style="width:200px;display:inline-block">{{
                            record.assessment_after_dislysis &&
                            record.assessment_after_dislysis.internal_fistula
                              ? record.assessment_after_dislysis
                                  .internal_fistula
                              : ""
                          }}</span>
                    </div>
                    </td>
                    <td width="70" style="border:none;padding-left:5px">
                    导管:
                    </td>
                    <td width="180" style="text-align:left;border:none;">
                    <div>
                        <span style="width:180px;display:inline-block">{{
                            record.assessment_after_dislysis &&
                            record.assessment_after_dislysis.catheter
                              ? record.assessment_after_dislysis.catheter
                              : ""
                          }}</span>
                    </div>
                    </td>
                </tr>
                </tbody>
              </table>
              <table class="print-table" border="1">
                <tr style="height:100px;text-align:left;border:none;">
                  <td style="padding-left:5px;border:none">
                    治疗小结：{{record.summer && record.summer.dialysis_summary? record.summer.dialysis_summary: ''}}</span>
                  </td>
                </tr>
                <tr style="height:40px">
                  <td
                    rowspan="11"
                    style="border:none;text-align:right;height:40px"
                  >
                    医生签名
                    <span
                      style="display: inline-block;width:100px;text-align: left;"
                    >
                      <span
                            v-if="
                              !record.advices ||
                                typeof record.advices[0] == 'undefined' ||
                                typeof record.advices[0][0] == 'undefined'
                            "
                          ></span>
                          <span
                            v-else-if="
                              setAdminUserES(
                                record.advices[0][0],
                                'advice_doctor'
                              ) == ''
                            "
                            >{{
                              getAdminUser(
                                record.advices[0][0],
                                "advice_doctor"
                              )
                            }}</span
                          >
                          <img
                            :src="
                              setAdminUserES(
                                record.advices[0][0],
                                'advice_doctor'
                              )
                            "
                            alt=""
                            srcset=""
                            v-else
                             style="height: 30px;"
                          />
                    </span>
                    核对护士
                    <span
                      style="display: inline-block;width:100px;text-align: left;"
                    >
                      <span
                          v-if="
                            setAdminUserES(record.check, 'modifier') ==
                              ''
                          "
                          >{{
                            getAdminUser(record.check, "modifier")
                          }}</span
                        >
                        <img
                          :src="setAdminUserES(record.check, 'modifier')"
                          alt=""
                          srcset=""
                          v-else
                          style="height: 30px;"
                        />
                    </span>
                    护士签名
                    <span
                      style="display: inline-block;width:100px;text-align: left;"
                    >
                      &nbsp;

                      <span
                            v-if="
                              !record.advices ||
                                typeof record.advices[0] == 'undefined' ||
                                typeof record.advices[0][0] == 'undefined'
                            "
                          ></span>
                          <span
                            v-else-if="
                              setAdminUserES(
                                record.advices[0][0],
                                'execution_staff'
                              ) == ''
                            "
                            >{{
                              getAdminUser(
                                record.advices[0][0],
                                "execution_staff"
                              )
                            }}</span
                          >
                          <img
                             style="height: 30px;"
                            :src="
                              setAdminUserES(
                                record.advices[0][0],
                                'execution_staff'
                              )
                            "
                            alt=""
                            srcset=""
                            v-else
                          />
                      
                    </span>
                  </td>
                </tr>
              </table>
            </div>
          </div>
          <div style="page-break-after: always;"></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import CheckBox from "./option_check_box";
import LabelBox from "../printItem/LabelBox";
import {
  GetBatchPrintDialysisData,
  getLastAfterWeight
} from "@/api/print_data";
import { jsGetAge, uParseTime } from "@/utils/tools";
import { getDataConfig } from "@/utils/data";
import BreadCrumb from "@/xt_pages/components/bread-crumb";
import print from 'print-js'

export default {
  name: "BatchPrintOrderSeven",
  components: {
    CheckBox,
    BreadCrumb,
    LabelBox
  },
  data() {
    return {
      way_arr: [],
      consciousness_arr: [],
      isShowZero: false,
      crumbs: [
        { path: false, name: "透析管理" },
        { path: false, name: "批量打印" }
      ],
      records: [
        // 模拟有多条数据
        // {
        //     monitor_records: [ {},{},{},{},{},{},{},{},{},{},{}, ],
        //     advices: [ {},{},{},{},{},{},{}, ],
        // },
        // {
        //     monitor_records: [],
        //     advices: [],
        // },
      ],
      queryParams: {
        xtdate: "",
        xtno: ""
      },
      loading: false,
      orgname: "",
      bloodAccessParOpera: {},
      anticoagulantsConfit: {},
      dialysateFormulationOptions: {},
      operatorMaps: {},
      operators: [],
      adminUser: [],
      adminSign: [],
      doctor_advices: [],
      monitor_records: [],
      advice_groups: [],
      advice_groups_2: [],
      blood_access_part: [],
      posture_arr: [],
      complications: [
        "低血压",
        "高血压",
        "心律失常",
        "头晕",
        "头痛",
        "呕吐",
        "抽搐",
        "出血",
        "心衰",
        "腹痛"
      ],
      allName: [],
      NameStatus: 0,
      advices: [],
      docotorId: "",
      lastAfterWeight: "",
      appetite_arr: [],
      precaution_arr: [],
      showOne: false,
      showTwo: false
    };
  },
  created() {
    var xtuser = this.$store.getters.xt_user;
    // console.log('xtuser', xtuser)
    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.way_arr = getDataConfig("hemodialysis", "way");
    this.consciousness_arr = getDataConfig("hemodialysis", "consciousness");
    this.posture_arr = getDataConfig("hemodialysis", "posture");
    var bloodAccessParOpera = getDataConfig(
      "hemodialysis",
      "vascular_access_desc"
    );
    for (var key in bloodAccessParOpera) {
      this.bloodAccessParOpera[bloodAccessParOpera[key].id] =
        bloodAccessParOpera[key];
    }

    this.blood_access_part = getDataConfig("hemodialysis", "vascular_access");

    var dialysateFormulationOptions = getDataConfig(
      "hemodialysis",
      "dialysate_formulation"
    );
    for (var key in dialysateFormulationOptions) {
      this.dialysateFormulationOptions[dialysateFormulationOptions[key].id] =
        dialysateFormulationOptions[key];
    }
    this.appetite_arr = getDataConfig("hemodialysis", "appetite");
    this.precaution_arr = getDataConfig("hemodialysis", "precaution");
  },
  mounted() {
    console.log(this.records);
    this.loading = true;
    var ids = this.$store.getters.temp_params.batch_print_dialysis_record_ids;
    if (ids.length == 0) {
      this.$router.back(-1);
      return;
    }
    GetBatchPrintDialysisData(ids.join(","))
      .then(rs => {
        var resp = rs.data;
        if (resp.state == 1) {
          this.org_template_info = resp.data.templateInfo;

          this.records = this.records.concat(resp.data.schedules);

          console.log("记录", this.records);

          for (const recordIndex in this.records) {
            var dlegh = 0;
            if (
              this.records[recordIndex].monitor_records &&
              this.records[recordIndex].monitor_records.length < 8
            ) {
              dlegh = 8 - this.records[recordIndex].monitor_records.length;
            } else {
              dlegh = 0;
            }
            if (dlegh > 0) {
              if (
                typeof this.records[recordIndex].monitor_records ===
                  "undefined" ||
                this.records[recordIndex].monitor_records == null
              ) {
                this.records[recordIndex].monitor_records = [];
              }
              for (let index = 0; index < dlegh; index++) {
                this.records[recordIndex].monitor_records.push([]);
              }
            }

            this.records[recordIndex].isShowZero = false;
            if (this.records[recordIndex].patient.user_org_id == 9535) {
              this.records[recordIndex].isShowZero = true;
            }

            var delghTwo = 0;
            if (
              this.records[recordIndex].advices &&
              this.records[recordIndex].advices.length < 14
            ) {
              delghTwo = 14 - this.records[recordIndex].advices.length;
            } else {
              delghTwo = 0;
            }

            if (delghTwo > 0) {
              if (
                typeof this.records[recordIndex].advices === "undefined" ||
                this.records[recordIndex].advices == null
              ) {
                this.records[recordIndex].advices = [];
              }
              for (let index = 0; index < delghTwo; index++) {
                this.records[recordIndex].advices.push([]);
              }
            }

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

            var advices = [];
            for (const index in this.records[recordIndex].advices) {
              if (this.records[recordIndex].advices[index].parent_id > 0) {
                continue;
              }
              var item = this.records[recordIndex].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]);
              var rightIndex = i + halfLen;
              rightAdvice.push(
                rightIndex in advices ? 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.records[recordIndex].advices = [];
            for (var i = 0; i < halfLen; i++) {
              var item = [];
              item.push(leftAdvice[i]);
              item.push(rightAdvice[i]);
              this.records[recordIndex].advices.push(item);
            }
          }

          console.log(" this.records[recordIndex].advices", this.records);
          this.operators = resp.data.medical_staffs;
          if (this.operators.length > 0) {
            var operatorsLen = this.operators.length;
            for (var index = 0; index < operatorsLen; index++) {
              this.$set(
                this.operatorMaps,
                this.operators[index].id,
                this.operators[index]
              );
            }
          }

          this.adminUser = resp.data.users;
          console.log("adminUser", this.adminUser);
          var name = resp.data.name;
          this.adminSign = name;
          console.log("name是", name);
          this.loading = false;
        } else {
          this.loading = false;
          this.$message.error(resp.msg);
        }
      })
      .catch(err => {
        this.$message.error(err);
      });
  },
  methods: {
    getUnit: function(val) {
      if (val.assessment_after_dislysis == null) {
        return "";
      } else if (val.assessment_after_dislysis != null) {
        switch (val.assessment_after_dislysis.dialysis_intakes_unit) {
          case 1:
            return "g";
            break;
          case 2:
            return "ml";
            break;
        }
      }
    },
    QueryPartById: function(val) {
      let vascular_access_part_name = "/";
      const vascular_access = getDataConfig("hemodialysis", "vascular_access");

      for (let i = 0; i < vascular_access.length; i++) {
        if (vascular_access[i].id == val) {
          vascular_access_part_name = vascular_access[i].name;
        }
      }
      return vascular_access_part_name;
    },
    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;}';
      printJS({
        printable: "print_content",
        type: "html",
        documentTitle: "  ",
        style: style,
        scanStyles: false
      });
    },

    complicationsOther: function(record) {
      if (record == null || typeof record === "undefined") {
        return "";
      }
      if (record.complication.length == 0) {
        return "";
      }
      var complications = record.complication.split(",");
      var complicationOthers = [];
      for (const index in complications) {
        if (
          this.complications.indexOf(complications[index]) < 0 &&
          complicationOthers.indexOf(complications[index]) < 0
        ) {
          complicationOthers.push(complications[index]);
        }
      }
      return complicationOthers.join(",");
    },
    modeName(mode_id) {
      if (mode_id in this.modeOptions) {
        return this.modeOptions[mode_id].name;
      }
      return "";
    },
    anticoagulantName: function(key) {
      if (key == null || typeof key === "undefined") {
        return "";
      }
      var id = key.anticoagulant;
      if (id in this.anticoagulantsConfit) {
        return this.anticoagulantsConfit[id].name;
      }
      return "";
    },
    bloodAccessParOperaName(id) {
      if (id in this.bloodAccessParOpera) {
        return this.bloodAccessParOpera[id].name;
      }
      return "";
    },
    isBbloodAccessParOperaCheck(key, value) {
      if (key == null || typeof key === "undefined") {
        return false;
      }
      var id = key.blood_access_part_opera_id;
      if (id in this.bloodAccessParOpera) {
        return this.bloodAccessParOpera[id].name.indexOf(value) > -1;
      }
      return false;
    },
    isdialysateFormulatioCheck(key, value) {
      if (key == null || typeof key === "undefined") {
        return false;
      }
      var id = key.dialysate_formulation;
      if (id in this.dialysateFormulationOptions) {
        return this.dialysateFormulationOptions[id].name.indexOf(value) > -1;
      }
      return false;
    },
    isValueIndexOfCheck: function(record, key, value) {
      if (record == null || record == undefined) {
        return false;
      } else {
        return record[key].indexOf(value) > -1;
      }
    },
    setAdminUserES(key, id) {
      if (
        typeof key === "undefined" ||
        key == null ||
        typeof key[id] === "undefined"
      ) {
        return "";
      }
      if (key[id] == 0) {
        return "";
      }
      if (key[id] in this.operatorMaps) {
        return this.operatorMaps[key[id]].es_url;
      } else {
        return "";
      }
    },
    getFloat: function(x) {
      if (x != ".") {
        var f = Math.round(x * 100) / 100;
        var s = f.toString();
        var rs = s.indexOf(".");
        if (rs <= 0) {
          rs = s.length;
          s += ".";
        }
        while (s.length <= rs + 1) {
          s += "0";
        }
        return s;
      } else {
        return "0.0";
      }
    },
    getAdminUser(key, id) {
      if (
        typeof key === "undefined" ||
        key == null ||
        typeof key[id] === "undefined"
      ) {
        return "";
      }
      if (key[id] === 0) {
        return "";
      }
      if (key[id] === undefined) {
        return "";
      }
      for (let i = 0; i < this.adminUser.length; i++) {
        if (this.adminUser[i].id === key[id]) {
          return this.adminUser[i].name;
        }
      }
    },

    getName(id) {
      for (let i = 0; i < this.adminSign.length; i++) {
        if (this.adminSign[i].id === id) {
          if (this.adminSign[i].url === "") {
            this.showOne = true;
            this.showTwo = false;
            return this.adminSign[i].name;
          } else {
            this.showOne = false;
            this.showTwo = true;
            return this.adminSign[i].url;
          }
        }
      }
    },
    jsGetAge: function(agetime) {
      if (agetime === 0) {
        return "";
      }
      return jsGetAge(uParseTime(agetime, "{y}-{m}-{d}"), "-");
    },
    getTime(value, temp) {
      if (value != undefined) {
        return uParseTime(value, temp);
      }
      return "";
    },
    // 函数说明：因为一次透析记录有些记录不一定是必须填的，比如 record.receive_assessment 可能为 null，所以要取 record.receive_assessment.way 前需要判断 record.receive_assessment 是否为 null，所以这个方法用来简化模板渲染的代码
    // 参数说明：比如判断 record.receive_assessment.way 是不是为1，参数为 (record.receive_assessment, way, 1)
    isCheckBoxChecked: function(record, key, target_value) {
      if (record == null || record == undefined) {
        return false;
      } else {
        return record[key] == target_value;
      }
    },
    getAge: function(val) {
      if (val.age == 0) {
        if (val.birthday == 0) {
          return "";
        }
        return jsGetAge(uParseTime(val.birthday, "{y}-{m}-{d}"), "-");
      } else {
        return val.age;
      }
    },
    newAdviceGroupObject: function() {
      return Object.assign(
        {},
        {
          group_no: 0,
          advices: []
        }
      );
    },
    // getNumber: function(record) {
    //   console.log(record);
    // },
    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
        );
      }
    },
    getLastAfterWeight(id, assessmentDate) {
      getLastAfterWeight(id, assessmentDate).then(response => {
        if (response.data.state === 1) {
          var weight = response.data.data.weight;

          this.lastAfterWeight = weight.weight_after.toFixed(1);
          console.log("weight", weight);
        }
      });
    }
  }
};
</script>

<style scoped>
.print_page_main_content {
  background-color: white;
  width: 960px;
  margin: 0 auto 50px;
  padding: 0 0 0 0;
  page-break-after: always;
}

.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: 40px;
  font-weight: 500;
}

.row {
  font-size: 14px;
  line-height: 20px;
  padding: 5px 0;
}

.inline_block {
  display: inline-block;
}

.under_line {
  display: inline-block;
  border-bottom: 1px solid #999;
  text-align: center;
  white-space: nowrap;
  width: 50%;
}

.under_line::before {
  content: "\00A0";
}

.under_line::after {
  content: "\00A0";
}

.under_line_two {
  display: inline-block;
  border-bottom: 1px solid #999;
  text-align: left;
  white-space: nowrap;
  width: 50%;
}

.under_line_two::before {
  content: "\00A0";
}

.under_line_two::after {
  content: "\00A0";
}

.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;
  /* text-align: center; */
  font-size: 16px;
  padding: 6px 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: 8px 5px;
  line-height: 16px;
}

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

.es-img {
  height: 30px;
}

.advice-name {
  text-align: left !important;
  line-height: 16px !important;
}

.advice-children {
  display: flex;
}

.margin-bottom-300 {
  margin-bottom: 450px;
}

.margin-bottom-600 {
  margin-bottom: 600px;
}

.margin-bottom-900 {
  margin-bottom: 900px;
}

.print-yema {
  position: absolute;
  left: 50%;
}

.print-yema2 {
  position: absolute;
  left: 50%;
}

.print-yema3 {
  position: absolute;
  left: 50%;
}

.print-yema4 {
  position: absolute;
  left: 50%;
}

.print-yema5 {
  position: absolute;
  left: 50%;
}

.did_checke::after {
  content: "\221A";
  font-size: 8px;
  margin-left: 2px;
  margin-top: 2px;
  position: absolute;
}

.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: 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: 25px;
}

.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>
<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 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: 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: 25px;
}

.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>
