Vue_New/src/xt_pages/dialysis/batch_print/batch_print_order_seventyon...

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

              <div style="display: flex;border: 1px solid black;padding: 5px;">
                <div style="flex: 1;">
                  姓名
                  <span class="under-line" style="display: inline-block;width: 50%;">{{ record.patient.name ? record.patient.name : "/" }}</span>
                </div>
                <div style="flex: 1;">
                  性别
                  <span class="under-line" style="display: inline-block;width: 50%;">{{ record.patient.gender == 1 ? '男' : '女' }}</span>
                </div>
                <div style="flex: 1;">
                  年龄
                  <span class="under-line" style="display: inline-block;width: 50%;">{{ checkIdCardNo(record.patient.id_card_no) }}</span>
                </div>
                <div style="flex: 1;">
                  透析号
                  <span class="under-line" style="display: inline-block;width: 50%;">
                    {{ record.patient.dialysis_no }}
                  </span>
                </div>
              </div>

              <div style="display: flex;border-left: 1px solid black;border-right: 1px solid black;padding: 5px;">
                <div style="flex: 1;">
                  治疗日期
                  <span class="under-line" style="display: inline-block;width: 50%;">
                    {{ getTime(record.schedule_date, "{y}-{m}-{d}") }}
                  </span>
                </div>
                <div style="flex: 1;">
                  治疗区域
                  <span class="under-line" style="display: inline-block;width: 50%;">
                    {{record.device_zone.name ? record.device_zone.name: ""}}
                  </span>
                </div>
                <div style="flex: 1;">
                  透析床
                  <span class="under-line" style="display: inline-block;width: 50%;">
                    {{
                      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
                      }}
                  </span>
                </div>
              </div>

              <div style="border: 1px solid black;padding: 5px;">
                上机前病情
                <span class="under-line" style="display: inline-block;width: 50%;">
                    <span v-if="record.assessment_before_dislysis.symptom_before_dialysis.indexOf('无特殊') == -1">{{ record.assessment_before_dislysis.symptom_before_dialysis ? record.assessment_before_dislysis.symptom_before_dialysis : "" }}</span>
                </span>
              </div>

              <div style="display: flex;border-left: 1px solid black;border-right: 1px solid black;padding: 5px;">
                <div style="flex: 1;">
                  治疗方式
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="!record.prescription.mode_id">
                  /
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 1">
                  HD
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 2">
                  HDF
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 3">
                  HD+HP
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 4">
                  HP
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 5">
                  HF
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 6">
                  SCUF
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 7">
                  IUF
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 8">
                  HFHD
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 9">
                  HFHD+HP
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 10">
                  PHF
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 11">
                  HFR
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 12">
                  HDF+HP
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 13">
                  CRRT
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 14">
                  腹水回输
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 15">
                  HD前置换
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 16">
                  HD后置换
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 17">
                  HDF前置换
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 18">
                  HDF后置换
                  </div>
                  <div class="under_line" style="width: 100px;text-align: center;font-weight:600;" v-if="record.prescription.mode_id == 19">
                  IUF+HD
                  </div>
                </div>
                <div style="flex: 1;">
                  置换方式
                  <span class="under-line" style="display: inline-block;width: 50%;" v-if="record.prescription.mode_id == 2 || record.prescription.mode_id == 5 || record.prescription.mode_id == 12">
                    {{ getDisplaceLiquiPart(record.prescription.displace_liqui_part) ? getDisplaceLiquiPart(record.prescription.displace_liqui_part):"/" }}
                  </span>
                  <span class="under-line" style="display: inline-block;width: 50%;" v-else>
                    /
                  </span>
                </div>
                <div style="flex: 1;">
                  置换量
                  <span class="under-line" style="display: inline-block;width: 50%;">
                    {{ record.prescription && record.prescription.displace_liqui_value
                              ? record.prescription.displace_liqui_value : "/" }}
                  </span>L
                </div>
                <div style="flex: 1;">
                  治疗时间
                  <span class="under-line" style="display: inline-block;width: 50%;">
                    {{ record.prescription.dialysis_duration_hour ? record.prescription.dialysis_duration_hour : "0" }}小时
                    {{ record.prescription.dialysis_duration_minute ? record.prescription.dialysis_duration_minute : "0" }}分钟
                  </span>
                </div>
              </div>
              <div style="display: flex;border: 1px solid black;padding: 5px;">
                <div style="flex:1;">
                  抗凝剂
                  <span class="under-line"
                    v-if="record.prescription.anticoagulant == 0"
                    >&nbsp;/</span>
                      <span class="under-line"
                    v-if="record.prescription.anticoagulant == 1"
                    >&nbsp;无肝素</span>
                      <span class="under-line"
                    v-if="record.prescription.anticoagulant == 2"
                    >&nbsp;普通肝素</span>
                      <span class="under-line"
                    v-if="record.prescription.anticoagulant == 3"
                    >&nbsp;低分子肝素</span>
                    <span class="under-line"
                    v-if="record.prescription.anticoagulant == 4"
                    >&nbsp;阿加曲班</span>
                      <span class="under-line"
                    v-if="record.prescription.anticoagulant == 5"
                    >&nbsp;枸橼酸钠</span>
                      <span class="under-line"
                    v-if="record.prescription.anticoagulant == 6"
                    >&nbsp;低分子肝素钙</span>
                      <span class="under-line"
                    v-if="record.prescription.anticoagulant == 7"
                    >&nbsp;低分子肝素钠</span>
                </div>
                <div style="flex:1;">
                  首剂
                  <span class="under-line" style="display:inline-block;width: 50%;">
                    {{ record.prescription && record.prescription.anticoagulant_shouji
                       ? record.prescription.anticoagulant_shouji : "/"
                    }}
                  </span>
                  <span v-if="record.prescription.anticoagulant == 10 ||
                    record.prescription.anticoagulant == 11||record.prescription.anticoagulant==13"
                    >mg</span>
                  <span v-if="record.prescription.anticoagulant == 8 || record.prescription.anticoagulant == 9"
                    >iu</span>
                  <span v-if="record.prescription.anticoagulant == 6"
                    >iu</span>
                  <span v-if="record.prescription.anticoagulant == 7"
                    >iu</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"
                    >mg</span>
                  <span v-if="record.prescription.anticoagulant == 1"
                    >mg</span>
                </div>
                <div style="flex:1;">
                  维持
                  <span class="under-line" style="display:inline-block; width: 50%;">
                    {{ record.prescription.anticoagulant_weichi ? record.prescription.anticoagulant_weichi : "0" }}
                  </span>
                  <span
                    v-if="
                      record.prescription.anticoagulant == '枸橼酸钠'
                    "
                  >ml/h</span>
                  <span
                    v-if="
                      record.prescription.anticoagulant == '阿加曲班'
                    "
                  >mg/h</span>
                  <span
                    v-if="
                      record.prescription.anticoagulant == '低分子肝素'
                    "
                  >iu/h</span>
                  <span
                    v-if="
                      record.prescription.anticoagulant == '普通肝素'
                    "
                  >iu/h</span>
                  <span
                    v-if="record.prescription.anticoagulant == '无肝素'"
                  >mg/h</span>
                    <span
                    v-if="
                      record.prescription.anticoagulant == 6
                    "
                  >iu/h</span>
                    <span
                    v-if="
                      record.prescription.anticoagulant == 7
                    "
                  >iu/h</span>
                </div>
                <div style="flex:1;">
                  总量:
                  <span class="under-line" style="display:inline-block;width: 50%;">
                    {{ record.prescription.anticoagulant_zongliang ? record.prescription.anticoagulant_zongliang : "0"}}
                  </span>
                  <span
                    v-if="
                      record.prescription.anticoagulant == '枸橼酸钠'
                    "
                  >mg</span>
                  <span
                    v-if="
                      record.prescription.anticoagulant == '阿加曲班'
                    "
                  >mg</span>
                  <span
                    v-if="
                      record.prescription.anticoagulant == '低分子肝素'
                    "
                  >iu</span>
                  <span
                    v-if="
                      record.prescription.anticoagulant == '普通肝素'
                    "
                  >iu</span>
                  <span
                    v-if="record.prescription.anticoagulant == '无肝素'"
                  >mg</span>
                    <span
                    v-if="
                      record.prescription.anticoagulant == 6
                    "
                  >iu</span>
                    <span
                    v-if="
                      record.prescription.anticoagulant ==7
                    "
                  >iu</span>
                </div>
              </div>
              <div style="display: flex;border-left: 1px solid black;border-right: 1px solid black;padding: 5px;">
                <div style="flex: 1;">
                  处方脱水量
                  <span class="under-line" style="display: inline-block;width: 50%;">
                    <span v-if="org_id==10617">{{ record.prescription.target_ultrafiltration ? record.prescription.target_ultrafiltration : "/" }}L</span>
                     <span v-if="org_id==10612">{{ record.prescription.prescription_water ? record.prescription.prescription_water : "/" }}L</span>
                  </span>
                </div>
                <div style="flex: 1;">
                  透析液流量
                  <span class="under-line" style="display: inline-block;width: 50%;">
                    {{ record.prescription.dialysate_flow ? record.prescription.dialysate_flow : "" }}ml/min
                  </span>
                </div>
                <div style="flex: 1;">
                  医师签名
                  <span class="under-line" style="display: inline-block;width: 50%;" v-if="setAdminUserES(record.prescription,'creater') == ''">
                    {{ getAdminUser(record.prescription, 'creater')}}
                  </span>
                  <span class="under-line" style="display: inline-block;width: 50%;" v-else>
                    <img style="height:30px;" :src="setAdminUserES(record.prescription,'creater')" alt srcset />
                  </span>
                </div>
              </div>
              <div style="display: flex;border: 1px solid black;padding: 5px;">
                <div style="flex: 1;">
                  透析机
                <span class="under-line" style="display: inline-block;width: 50%">
                  {{ record.assessment_before_dislysis.machine_type ? record.assessment_before_dislysis.machine_type : ""}}
                </span>
                </div>
                <div style="flex: 1;">
                  透 (滤) 器
                  <span class="under-line" style="display: inline-block;width: 50%;" >

                    {{  record.prescription && record.prescription.dialysis_dialyszers
                        ? record.prescription.dialysis_dialyszers : "/"
                    }}

                    {{ record.prescription.dialysis_strainer?record.prescription.dialysis_strainer:"/" }}
                  </span>
                </div>
                <div style="flex: 1;">
                  灌流器
                  <span class="under-line" style="display: inline-block;width: 50%;">
                    {{  record.prescription && record.prescription.dialysis_irrigation
                      ? record.prescription.dialysis_irrigation : "/"
                    }}
                  </span>
                </div>
                <div style="flex: 1;display: flex">
                  透析液：
                  <div style="">
                    碳酸
                    <!-- <check-box text="碳酸" :checked="prescription_dialyzate1"></check-box>&nbsp;
                    <check-box text="醋酸" :checked="prescription_dialyzate2"></check-box> -->
                    <!-- <check-box :checked="patientInfo_gender_2"></check-box>&nbsp; -->
                  </div>
                    <!-- <div class="under_line" style="width: 100px; text-align: center;display: inline-block;" v-if="prescription.dialyzate.indexOf('碳酸')>-1">
                          碳酸
                    </div>
                  <div class="under_line" style="width: 100px; text-align: center;display: inline-block;" v-if="prescription.dialyzate.indexOf('醋酸')>-1">
                      醋酸
                  </div> -->
                </div>
              </div>
              <div style="display: flex;border-left: 1px solid black;border-right: 1px solid black;padding: 5px;">
                <div style="flex: 1;">
                  血管通路
                  <span class="under-line" style="display: inline-block;width: 50%;">
                    {{ record.assessment_before_dislysis && record.assessment_before_dislysis.blood_access_part_id
                        ? record.assessment_before_dislysis.blood_access_part_id : 0
                    }}
                    {{QueryPartById(record.assessment_before_dislysis.blood_access_part_opera_id) }}
                  </span>
                </div>
                <div style="flex: 1;">
                  操作者
                  <div class="under-line" style="display: inline-block;width: 50%;">
                    <span v-if="setAdminUserES(record.dialysis_order,'start_nurse') == ''">
                      {{ getAdminUser(record.dialysis_order, "start_nurse") ? getAdminUser(record.dialysis_order, "start_nurse") :''  }}
                    </span>
                    <img style="height:20px;" :src="setAdminUserES(record.dialysis_order,'start_nurse')" alt="" srcset="" v-else />
                  </div>
                </div>
              </div>
              <div style="display: flex;border: 1px solid black;padding: 5px;" v-if="org_id == 10612 || org_id == 0">
                <div style="flex: 1;">
                  穿刺针
                  <span class="under-line" style="display: inline-block;width: 50%;">
                    {{ record.assessment_before_dislysis && record.assessment_before_dislysis.puncture_needle
                      ? record.assessment_before_dislysis.puncture_needle : "/" }}
                  </span>
                </div>
                <div style="flex: 1;">
                  穿刺护士
                  <div class="under-line" style="display: inline-block;width: 50%;">
                    <span v-if="setAdminUserES(record.dialysis_order,'puncture_nurse') == ''">
                        {{ getAdminUser(record.dialysis_order,"puncture_nurse")
                            ? getAdminUser(record.dialysis_order, "puncture_nurse"): "/"
                        }}
                    </span>
                      <img style="height:20px;" :src="setAdminUserES(record.dialysis_order,'puncture_nurse')" alt="" srcset="" v-else />
                  </div>
                </div>
              </div>
              <div style="border-left: 1px solid black;border-right: 1px solid black;border-top: 1px solid black;padding: 5px;text-align: center;">
                治疗过程记录
              </div>
              <table border="1" style="border-collapse: collapse;text-align: center;">
                <tr>
                  <td style="width: 60px;text-align: center;" rowspan="2" >时间</td>
                  <td :colspan="org_id==10612 ?'6':'4'" style="text-align: center;">透析参数</td>
                  <td colspan="5" style="text-align: center;">生命体征</td>
                  <td :colspan="org_id==10612 ? '2' : '3'" style="text-align: center;">治疗中病情变化</td>
                </tr>
                <tr>
                  <th style="width: 70px; font-weight: normal">
                    <p style="height: 20px; line-height: 20px">TMP</p>
                    <p style="height: 20px; line-height: 20px">mmHg</p>
                  </th>
                  <th style="width: 70px; font-weight: normal" v-if='org_id==10612'>
                    <p style="height: 20px; line-height: 20px">动脉压</p>
                    <p style="height: 20px; line-height: 20px">mmHg</p>
                  </th>
                  <th style="width: 70px; font-weight: normal">
                    <p style="height: 20px; line-height: 20px">静脉压</p>
                    <p style="height: 20px; line-height: 20px">mmHg</p>
                  </th>
                  <th style="width: 70px; font-weight: normal">
                    <p style="height: 20px; line-height: 20px">血流量</p>
                    <p style="height: 20px; line-height: 20px">ml/min</p>
                  </th>
                  <th style="width: 70px; font-weight: normal">
                    <p style="height: 20px; line-height: 20px">脱水量</p>
                    <p style="height: 20px; line-height: 20px">ml</p>
                  </th>
                  <th style="width: 130px; font-weight: normal" v-if='org_id==10612'>
                    <p style="height: 20px; line-height: 30px">透析液温度</p>
                    <p style="height: 20px; line-height: 20px">℃</p>
                  </th>
                  <th style="width: 60px; font-weight: normal">
                    <p style="height: 20px; line-height: 20px">HR</p>
                    <p style="height: 20px; line-height: 20px">bpm</p>
                  </th>
                  <th style="width: 60px; font-weight: normal">
                    <p style="height: 20px; line-height: 30px">T</p>
                    <p style="height: 20px; line-height: 20px">℃</p>
                  </th>
                  <th style="width: 60px; font-weight: normal">
                    <p style="height: 20px; line-height: 20px">R</p>
                    <p style="height: 20px; line-height: 20px">bpm</p>
                  </th>
                  <th style="width: 60px; font-weight: normal">
                    <p style="height: 20px; line-height: 20px">BP</p>
                    <p style="height: 20px; line-height: 20px">mmHg</p>
                  </th>

                  <th style="width: 80px; font-weight: normal" v-if='org_id==10612'>
                    <p style="height: 20px; line-height: 20px">电导度</p>
                    <p style="height: 20px; line-height: 20px">mS/m</p>
                  </th>
                  <th style="width: 80px; font-weight: normal" v-if='org_id!=10612'>
                    <p style="height: 20px; line-height: 20px">SpO2</p>
                    <p style="height: 20px; line-height: 20px">%</p>
                  </th>
                  <th style="width: 60px; font-weight: normal" v-if='org_id!=10612'>
                    时间
                  </th>
                  <th style="width: 333px; font-weight: normal">
                    <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
                          : "/"
                      }}
                    </span>
                  </td>

                  <td style="width: 70px; font-weight: normal" v-if='org_id==10612'>
                    <span v-if="getTime(monitor.operate_time) != ''">
                      {{
                        monitor.arterial_pressure
                          ? monitor.arterial_pressure
                          : "/"
                      }}
                    </span>
                  </td>

                  <td>
                    <span v-if="getTime(monitor.operate_time) != ''">
                      &nbsp;{{ monitor.venous_pressure ? monitor.venous_pressure : "/" }}
                    </span>
                  </td>
                  <td>
                    <span v-if="getTime(monitor.operate_time) != ''">
                      {{ monitor.blood_flow_volume ? monitor.blood_flow_volume : "/" }}
                    </span>
                  </td>
                  <td style="min-width: 45px">
                    <span v-if="getTime(monitor.operate_time) != ''">
                      {{
                        monitor.ultrafiltration_volume
                          ? monitor.ultrafiltration_volume
                          : ""
                      }}
                    </span>
                  </td>
                  <!-- 透析液温度 -->
                  <td v-if='org_id==10612'>
                    <span v-if="getTime(monitor.operate_time) != ''">
                      {{ monitor.dialysate_temperature ? monitor.dialysate_temperature : "/" }}
                    </span>
                  </td>

                  <td>
                    <span v-if="getTime(monitor.operate_time) != ''">
                      {{ monitor.pulse_frequency ? monitor.pulse_frequency : "/" }}
                    </span>
                  </td>

                  <td>
                    <span v-if="getTime(monitor.operate_time) != ''">
                      {{ monitor.temperature ? monitor.temperature : "/" }}
                    </span>
                  </td>
                  <td>
                    <span v-if="getTime(monitor.operate_time) != ''">
                      {{ monitor.breathing_rate ? monitor.breathing_rate : "/" }}
                    </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 v-if='org_id==10612'>
                    <span v-if="getTime(monitor.operate_time) != ''">
                      {{
                        monitor.conductivity
                          ? monitor.conductivity
                          : "/"
                      }}
                    </span>
                  </td>
                  <!-- SpO2 -->
                  <td v-if='org_id!=10612'>
                    <span v-if="getTime(monitor.operate_time) != ''">
                      {{
                        monitor.blood_oxygen_saturation
                          ? monitor.blood_oxygen_saturation
                          : ""
                      }}
                    </span>
                  </td>
                  <!-- 时间 -->
                  <td style="min-width: 60px; height: 30px" v-if='org_id!=10612'>
                    {{ getTime(monitor.operate_time, "{h}:{i}") }}
                  </td>
                  <td>
                    <template
                    v-if=" (record.dialysis_order && monitor.operate_time == record.dialysis_order.start_time)"
                    >
                      开始上机，引血100ml/min
                    </template>
                    <template v-if=" record.dialysis_order && monitor.operate_time == record.dialysis_order.end_time"
                     >【结束透析】</template>
                    <span v-if="monitor.symptom || monitor.dispose || monitor.result || monitor.end ">
                      {{ monitor_record.end }}  {{ monitor_record.symptom }} &nbsp;{{ monitor_record.dispose }} &nbsp;{{
                        monitor_record.result
                      }}
                    </span>
                  </td>
                </tr>
              </table>
              <div style="border-left: 1px solid black;border-right: 1px solid black;padding: 5px;text-align: center;">
                医嘱内容
              </div>
              <table class="print-table" border="1">
                <tbody>
                  <tr>
                    <td style="width:13%;">
                      <p style="height:20px;line-height:20px">时间</p>
                    </td>
                    <td style="">
                      <p style="height:15px;line-height:15px">医嘱执行记录</p>
                    </td>
                    <td style="width:10%;">
                      <p style="height:15px;line-height:15px">执行</p>
                    </td>
                    <td style="width:10%;">
                      <p style="height:15px;line-height:15px">核对</p>
                    </td>
                    <td style="width:15%;">
                      <p style="height:15px;line-height:15px">上次透后体重</p>
                    </td>
                    <td style="width:8%;">

                      {{
                      record.lastafterweight.weight_after
                      ? parseFloat(
                      record.lastafterweight.weight_after
                      ).toFixed(1)
                      : '未称重'
                      }}kg

                    </td>
                  </tr>
                  <tr v-for="(advice, advice_index) in record.advices" :key="advice_index">
                    <td style="min-width:60px;height:40px">{{ getTime(advice[0].start_time, '{h}:{i}') }}</td>
                    <td>
                      <span v-if="advice[0].parent_id > 0">└</span>
                      <span>{{ advice[0].advice_name }}</span>
                      <span
                      >{{ advice[0].advice_desc
                          }}{{ advice[0].drug_spec_unit }}</span
                      >
                      <span v-if="advice[0].prescribing_number"
                      >* {{ advice[0].prescribing_number
                                }}{{ advice[0].prescribing_number_unit }}</span
                      >
                      <span v-if="advice[0].single_dose != 0"
                      >{{ advice[0].single_dose
                                }}{{ advice[0].single_dose_unit }}</span
                      >
                      <span>{{ advice[0].delivery_way }}</span>
                      <span>{{ advice[0].execution_frequency }}</span>
                    </td>
                    <td>
                      <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: 40px;"
                      />
                    </td>
                    <td>
                      <span
                        v-if="setAdminUserES(advice[0], 'checker') == ''"
                      >{{ getAdminUser(advice[0], 'checker') }}
                      </span>
                      <img
                        class="es-img"
                        :src="setAdminUserES(advice[0], 'checker')"
                        alt=""
                        srcset=""
                        v-else
                        style="height: 40px;"
                      />
                    </td>
                    <td v-if="advice_index === 0">透前体重</td>
                    <td v-if="advice_index === 0">
                      {{ record.assessment_before_dislysis.weight_before ? record.assessment_before_dislysis.weight_before :'0' }}kg
                    </td>
                    <td v-if="advice_index === 1">体重增加量</td>
                    <td v-if="advice_index === 1">
                      {{(record.assessment_before_dislysis.weight_before - record.lastafterweight.weight_after).toFixed(1)}}kg
                    </td>
                    <td v-if="advice_index === 2">干体重(DW)</td>
                    <td v-if="advice_index === 2">{{ record.assessment_before_dislysis.dry_weight ? record.assessment_before_dislysis.dry_weight:'0' }}kg</td>
                    <td v-if="advice_index === 3">较干体重增加量</td>
                    <td v-if="advice_index === 3">
                      {{(record.assessment_before_dislysis.weight_before - record.assessment_before_dislysis.dry_weight -
                      record.assessment_before_dislysis.additional_weight).toFixed(2)}}kg
                    </td>
                    <td v-if="advice_index === 4">净脱水量</td>
                    <td v-if="advice_index === 4">
                      {{record.assessment_after_dislysis.actual_ultrafiltration ? record.assessment_after_dislysis.actual_ultrafiltration : '0'}}L
                    </td>
                    <td v-if="advice_index === 5">透后体重</td>
                    <td v-if="advice_index === 5">
                      {{record.assessment_after_dislysis.weight_after ? record.assessment_after_dislysis.weight_after :'0' }}kg
                    </td>
                    <td v-if="advice_index === 6">本次透析体重下降量</td>
                    <td v-if="advice_index === 6">
                      {{record.assessment_after_dislysis.weight_after == 0 || record.assessment_before_dislysis.weight_before == 0 ?
                        0 : ( record.assessment_before_dislysis.weight_before - record.assessment_after_dislysis.weight_after ).toFixed(2)
                      }}kg
                    </td>
                  </tr>
                </tbody>
              </table>
              <div style="border-top: none;border: 1px solid black;padding: 5px;">
                <div style="width: 100%;">
                  治疗小结:
                  <span class="under-line" style="">
                    &nbsp;{{record.summer && record.summer.dialysis_summary? record.summer.dialysis_summary: '/'}}
                  </span>
                </div>
                <div style="display: flex;">
                  <div style="flex: 1;"></div>
                  <div style="flex: 1;display: flex; margin-top: 15px;">
                    <div style="flex:1">
                      医师签名
                      <div class="under-line" style="display: inline-block;width: 50%;">
                        <span v-if="setAdminUserES(record.prescription, 'creater') == ''">{{getAdminUser(record.prescription, 'creater')}}</span>
                        <img class="es-img" :src="setAdminUserES(record.prescription, 'creater')" alt="" srcset="" v-else style="height: 30px;">
                      </div>
                    </div>
                    <div style="flex:1">
                      护士签名
                      <div class="under-line" style="width: 50%;display: inline-block;">
                        <span v-if="setAdminUserES( record.dialysis_order,'start_nurse') == '' ">
                          {{getAdminUser(record.dialysis_order, "start_nurse") ? getAdminUser(record.dialysis_order, "start_nurse") :' '}}
                        </span>
                          <img class="es-img" style="height: 30px"
                            :src=" setAdminUserES(record.dialysis_order,'start_nurse') "
                            alt=""
                            srcset=""
                            v-else
                          />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </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'

  export default {
    name: 'BatchPrintOrderSeven',
    components: {
      CheckBox,
      BreadCrumb,
      LabelBox
    },
    data() {
      return {
        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: [],
        doctor_advices: [],
        monitor_records: [],
        advice_groups: [],
        advice_groups_2: [],
        blood_access_part: [],
        complications: [
          '低血压',
          '高血压',
          '心律失常',
          '头晕',
          '头痛',
          '呕吐',
          '抽搐',
          '出血',
          '心衰',
          '腹痛'
        ],
        allName: [],
        NameStatus: 0,
        advices: [],
        docotorId: '',
        doctorNameForm: {
          user_name: '',
          url: ''
        },
        doctorNameFormTwo: {
          user_name: '',
          url: ''
        },
        doctorNameFormThree: {
          user_name: '',
          url: ''
        },
        doctorNameFormFour: {
          user_name: '',
          url: ''
        },
        doctorNameFormFive: {
          user_name: '',
          url: ''
        },
        doctorNameFormSix: {
          user_name: '',
          url: ''
        },
        lastAfterWeight: '',
        org_id:0,
        displaceLiquiPartOptions: []
      }
    },
    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.org_id = this.$store.getters.xt_user.org.id;
      //   this.replacementWays = this.$store.getters.replacement_ways;
      //   this.perfusionApparatus = this.$store.getters.perfusion_apparatus;
      this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit
      this.displaceLiquiPartOptions = this.$store.getters.displace_liqui;
      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]
      }

      // 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;
      //   }
    },
    mounted() {
      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 < 13
              ) {
                delghTwo = 13 - 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 < 6) {
                var nl = 6 - leftAdvice.length
                for (let index = 0; index < nl; index++) {
                  leftAdvice.push([])
                }
                var nl = 6 - 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("使用者",this.adminUser)
            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_desc')
        // console.log("血管通路",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) {
       // console.log('key', key)
       // console.log('id', 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) {
        // console.log('签名', this.operatorMaps)
        for (let i = 0; i < this.adminUser.length; i++) {
          if (this.adminUser[i].id === id) {
            return this.adminUser[i].name
          }
        }
      },
      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
        }
      },
     checkIdCardNo(val) {
      var thisLen = val.length;
      var birth = "";
      if (thisLen == 15) {
        birth = "19" + val.substr(6, 6);
      } else {
        birth = val.substr(6, 8);
      }
      var birthTwo =
        birth.substr(0, 4) +
        "-" +
        birth.substr(4, 2) +
        "-" +
        birth.substr(6, 2);

      var age = jsGetAge(birthTwo, "-");
      return age;
    },
      newAdviceGroupObject: function() {
        return Object.assign(
          {},
          {
            group_no: 0,
            advices: []
          }
        )
      },
      getNumber: function(record) {
        //console.log(record)
      },
      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)
          }
        })
      },
      getDisplaceLiquiPart: function(val) {
       // console.log(val)
        let displace_liqui_part_name = "/";
        const displace_liqui_part = this.displaceLiquiPartOptions;
       // console.log("置换方式",displace_liqui_part)
        for (let i = 0; i < displace_liqui_part.length; i++) {
           if (displace_liqui_part[i].id == val) {
           displace_liqui_part_name = displace_liqui_part[i].name;
        }
      }
      return displace_liqui_part_name;
    },
    }
  }
</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>