<template>
  <div id="dialysis-print-box-1" style="margin-left: 10px;">
    <div id="dialysis-print-box-1-1"
        class="dialysis-print-order print-template-two print_page_main_content"
      >
        <div style="display: inline-block; width: 100%; text-align: center">
          <div
            class="order-yy-name"
            style="
              letter-spacing: 0;
              font-weight: 600;
              font-size: 22px;
              display: inline-block;
            "
          >
            {{ orgname }}
          </div>
          <div class="order-title"
            style="letter-spacing: 0; font-weight: 600;
              font-size: 22px; display: inline-block;
            ">
            血液透析记录单
          </div>
        </div>
        <div class="rows">
          <div class="inline_block">
            姓名：
            <div class="under_line" style="width: 50px; text-align: center">
              {{ patientInfo.name }}
            </div>
          </div>
          <div class="inline_block" style="margin:0 10px">
            性别：
            <div class="under_line" style="width: 30px; text-align: center">
              {{ patientInfo_gender_1 ? "男" : "女" }}
            </div>
          </div>
          <div class="inline_block" style="">
            年龄：
            <div class="under_line" style="width: 30px; text-align: center">
              {{ getAge(patientInfo) }}
            </div>
            岁
          </div>
          <div class="inline_block" style="margin: 0 10px;">
            病历号：
            <div class="under_line" style="width: 70px; text-align: center">
              {{ patientInfo.dialysis_no }}
            </div>
          </div>
          <div class="inline_block" style="">
            日期：
            <div class="under_line" 
            style="width: 100px; text-align: center"
            >
              {{ xtdate }}
            </div>
          </div>
          <div class="inline_block" style="margin-left: 10px">
            次数：
            <div
              class="under_line"
              style="width: 70px; text-align: center"
            >
              {{
                patientInfo.total_dialysis +
                patientInfo.user_sys_before_count
                  ? patientInfo.total_dialysis +
                    patientInfo.user_sys_before_count
                  : "/"
              }}
            </div>
          </div>
        </div>
        <div class="rows">
          <div class="inline_block" style="" >
            诊断：
            <div class="under_line"
              style="
                width: 640px;
                text-align: left;
                word-wrap: break-word;
                white-space: inherit;
              "
            >
              {{ patientInfo.diagnose }}
            </div>
          </div>
        </div>

        <div style="border: 1px solid black;width: 100%;text-align: center;">
          <span style="font-size: 14px;">透前情况</span>
        </div>
        <div class="rows" style="border: 1px solid black;border-top: none;">
          <div class="rows" style="display: flex;width: 100%;">
            <div class="inline_block" style="flex: 2;" >
              血管通路：
              <div class="under_line"
                style=" width: 80%;
                  text-align: center; white-space: normal;
                ">
                {{ predialysis.blood_access_part_id }}
                {{ predialysis.blood_access_part_opera_name }}
              </div>
            </div>
            <div class="inline_block" style="flex: 1;" >
              透析机：
              <div class="under_line"
                style="
                  width: 50%;
                  text-align: center;
                  white-space: normal;
                "
              >
              {{
                dialysisOrder && dialysisOrder.DeviceNumber &&
                dialysisOrder.DeviceNumber.number.length > 0
                  ? dialysisOrder.DeviceNumber.number
                  : patientInfo.DialysisSchedule.device_number.number
              }}
              </div>
            </div>
            <div class="inline_block" style="flex: 1;" >
              透析器：
              <div class="under_line"
                style=" width: 50%;
                  text-align: center;
                  white-space: normal;
                "
              >
                {{ dialysisOrder.dialysis_dialyszers ? dialysisOrder.dialysis_dialyszers : "/" }}
              </div>
            </div>
            <div class="inline_block" style="flex: 1;" >
              穿刺针：
              <div class="under_line"
                style=" width: 50%;
                  text-align: center;
                  white-space: normal;
                "
              >
                {{ predialysis.puncture_needle ? predialysis.puncture_needle : "/" }}
              </div>
            </div>
          </div>
          <!-- 治疗方式 -->
          <div class="rows" style="display: flex;width: 100%;">
            <div class="inline_block" style="flex: 2;" >
              治疗方式：
              <div class="under_line"
                style=" width: 60%;
                  text-align: center; white-space: normal;
                ">
                  {{ prescription.mode ? prescription.mode : '/'}} &nbsp;
                  <span v-if="prescription.mode == 'HDF'&& prescription.displace_liqui_part == 1">前稀释</span>
                  <span v-if="prescription.mode == 'HDF'&& prescription.displace_liqui_part == 2">后稀释</span>
                  <!-- <span v-if="prescription.mode == 'HDF'">(置换量: {{ prescription.displace_liqui_value ? prescription.displace_liqui_value : "/" }}L)</span> -->
              </div>
            </div>
            <div class="inline_block" style="flex: 1;">
              置换量：
              <div class="under_line"
                style=" width: 50%;
                  text-align: center;
                  white-space: normal;
                "
              >
                {{
                  prescription.displace_liqui_value ? prescription.displace_liqui_value : "/"
                }}L
              </div>
            </div>
            <div class="inline_block" style="flex: 1;" >
              灌流器：
              <div class="under_line"
                style=" width: 50%;
                  text-align: center;
                  white-space: normal;
                "
              >
                {{
                  dialysisOrder.dialysis_irrigation ? dialysisOrder.dialysis_irrigation : "/"
                }}
              </div>
            </div>
            <div class="inline_block" style="flex: 1;" >
              穿刺方式：
              <div class="under_line"
                style=" width: 50%;
                  text-align: center;
                  white-space: normal;
                "
              >
                {{predialysis.puncture_way ? predialysis.puncture_way : "/" }}
              </div>
            </div>
          </div>
          <!-- 抗凝方式 -->
          <div class="rows" style="display: flex;width: 100%;">
            <div class="inline_block" style="flex: 1;" >
              抗凝方式：
              <div class="under_line"
                style=" width: 60%;
                  text-align: center; white-space: normal;
                ">
                  {{ prescription.anticoagulant_name ? prescription.anticoagulant_name : "/" }}
                  <span v-if="prescription.anticoagulant_name == '那屈肝素钙'"> 
                    {{  prescription.anticoagulant_zongliang ? prescription.anticoagulant_zongliang : "/" }} IU
                  </span>
                
              </div>
            </div>
            <div class="inline_block" style="flex: 1;">
              肝素钠首剂:
              <div class="under_line"
                style=" width: 60%;
                  text-align: center; white-space: normal;
                ">
                <span v-if="prescription.anticoagulant_name == '肝素钠'">
                  {{prescription.anticoagulant_shouji ? prescription.anticoagulant_shouji : "0" }} &nbsp;
                </span>
                <span v-else>/</span>
              </div>
            
              <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 == '普通肝素'">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-else>mg</span>   -->
            </div>
            <div class="inline_block" style="flex: 1;">
              追加:
              <div class="under_line"
                style=" width: 60%;
                  text-align: center; white-space: normal;
                ">
                <span v-if="prescription.anticoagulant_name == '肝素钠'">
                  {{prescription.anticoagulant_weichi ? prescription.anticoagulant_weichi : "0" }} &nbsp;
                </span>
                <span>/</span>
              </div>
              <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 == '普通肝素'">mg/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-else>mg/h</span> -->
            </div>
          </div>
          <!--  -->
          <div class="rows" style="display: flex;width: 100%;">
            <div class="inline_block" style="flex: 1;" >
              T:
              <div class="under_line"
                style=" width: 100px;
                  text-align: center; white-space: normal;
                ">
                {{predialysis.temperature ? predialysis.temperature : "/"}}
              </div>°C
            </div>
            <div class="inline_block" style="flex: 1;" >
              BP：
              <div
                class="under_line"
                style="width: 100px; text-align: center"
              >
                {{
                  predialysis.systolic_blood_pressure
                    ? predialysis.systolic_blood_pressure
                    : "/"
                }}
                  /  
                {{
                  predialysis.diastolic_blood_pressure
                    ? predialysis.diastolic_blood_pressure
                    : "/"
                }}
              </div>
              mmHg
            </div>
            <div class="inline_block" style="flex: 1;" >
              P：
              <div
                class="under_line"
                style="width: 100px; text-align: center"
              >
                {{
                  predialysis.pulse_frequency
                    ? predialysis.pulse_frequency
                    : "/"
                }}
              </div>
              次/min
            </div>
            <div class="inline_block" style="flex: 1">
              干体重：
              <div
                class="under_line"
                style="width: 100px; text-align: center"
              >
                {{
                  predialysis.dry_weight ? predialysis.dry_weight : "/"
                }}
              </div>
              kg
            </div>
            <div class="inline_block" style="flex: 1">
              透前体重：
              <div
                class="under_line"
                style="width: 70px; text-align: center"
              >
                {{predialysis.weight_before ? predialysis.weight_before : ""}}
              </div>
              kg
            </div>
          </div>
          <!-- 医嘱脱水量 -->
          <div class="rows" style="display: flex;">
            <div class="inline_block" style="flex: 1;" >
              医嘱脱水量:
              <div class="under_line"
                style=" width: 100px;
                  text-align: center; white-space: normal;
                ">
                {{ prescription.target_ultrafiltration ? prescription.target_ultrafiltration : "/"}}
              </div>L
            </div>
            <div class="inline_block" style="flex: 1;" >
            治疗时间：
              <div
                class="under_line"
                style="width: 80px; text-align: center"
              >
                {{ prescription.dialysis_duration_hour ? prescription.dialysis_duration_hour : "0"}} h 
                {{ prescription.dialysis_duration_minute ? prescription.dialysis_duration_minute : "0" }}min
              </div>
            </div>
            
            <div class="inline_block" style="flex: 1">
              医生签名：
              <div
                class="under_line"
                style="width: 100px; text-align: center"
              >
                <span style="display: inline-block;" v-if="setAdminUserES(prescription.creater) == ''">
                  {{ getAdminUser(prescription.creater)}}
                </span>
                <span style="display: inline-block;" v-else>
                  <img style="height:30px;" :src="setAdminUserES(prescription.creater)" alt srcset />
                </span>
              </div>
              
            </div>
          </div>
          <!-- 特殊医嘱 -->
          <div class="rows" >
            <div class="inline_block" style="width: 100%;">
              特殊医嘱：
              <div class="under_line"
                style="width: 60%; text-align: center"
              >
              {{ prescription.remark ? prescription.remark : "/" }}
              </div>
              
            </div>
          </div>
        </div>
        <!-- 医嘱 -->
        <div style="width: 100%;">
          <table class="inside_table" border="1" style="border-collapse: collapse;width: 100%;text-align: center;font-size: 14px;">
            <tbody>
              <tr style="line-height: 35px; padding: 8px 5px">
                <td
                  colspan="7"
                  style="
                    letter-spacing: 5px;
                    text-align: center;
                    font-weight: 520;
                    font-size: 16px;
                    padding: 6px 8px;
                    line-height: 30px;
                  "
                >
                  医嘱内容
                </td>
              </tr>
              <tr style="line-height: 35px; padding: 8px 5px">
                <td style="font-size: 16px" width="10%">时间</td>
                <td style="font-size: 16px" colspan="2" width="45%">
                  医嘱内容
                </td>
                
                <td style="font-size: 16px" width="10%">医生签名</td>
                <td style="font-size: 16px" width="10%">时间</td>
                <td style="font-size: 16px" width="10%">执行人签名</td>

                <td style="font-size: 16px" width="10%">核对人签名</td>

              </tr>
              <tr
                v-for="(advice, advice_index) in doctor_advices"
                :key="advice_index"
              >
                <td height="32px">
                  <span v-if="advice.start_time">
                    {{ getTime(advice.start_time, "{h}:{i}") }}
                  </span>

                </td>
                <td
                  height="32px"
                  colspan="2"
                  class="advice-name"
                  style="padding-left: 7px"
                >

                  <span v-if="advice.parent_id > 0"></span>
                  <span>{{ advice.advice_name }}</span>
                  <span v-if="advice && advice.advice_desc"
                    >({{ advice.advice_desc
                    }}{{ advice.drug_spec_unit }})</span
                  >
                  <span v-if="advice.prescribing_number"
                    >&nbsp;&nbsp; {{ advice.prescribing_number
                    }}{{ advice.prescribing_number_unit }}</span
                  >
                  <span v-if="advice.single_dose != 0">
                    <span v-if="advice.advice_name!='血液透析滤过'">
                      {{ advice.single_dose}}{{ advice.single_dose_unit }}
                    </span>
                    </span>
                  <span v-if="advice.parent_id == 0">{{
                    advice.delivery_way
                  }}</span>
                  <span v-if="advice.parent_id == 0">{{
                    advice.execution_frequency
                  }}</span>
                  <span
                    v-if="
                      advice.parent_id == 0 && advice.remark.length > 0
                    "
                    >({{ advice.remark }})</span
                  >
                </td>
                <td height="32px">
                  <span
                    v-if="setAdminUserES(advice.advice_doctor) == ''"
                    >{{ getAdminUser(advice.advice_doctor) }}</span
                  >
                  <img
                    style="height: 30px"
                    :src="setAdminUserES(advice.advice_doctor)"
                    alt=""
                    srcset=""
                    v-else
                  />
                </td>
                <td height="32px">
                  <span v-if="advice.execution_time">{{
                    getTime(advice.execution_time, "{h}:{i}")
                  }}</span>
                </td>
                <td height="32px">
                  <span
                    v-if="setAdminUserES(advice.execution_staff) == ''"
                    >{{ getAdminUser(advice.execution_staff) }}</span
                  >
                  <img
                    style="height: 30px"
                    :src="setAdminUserES(advice.execution_staff)"
                    alt=""
                    srcset=""
                    v-else
                  />
                </td>

                <td height="32px">
                  <span
                    v-if="setAdminUserES(advice.checker) == ''"
                    >{{ getAdminUser(advice.checker) }}</span
                  >
                  <img
                    style="height: 30px"
                    :src="setAdminUserES(advice.checker)"
                    alt=""
                    srcset=""
                    v-else
                  />
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <!-- 透析监测 -->
        <div class="rows" style="width: 100%;">
          <table class="inside_table" border="1" style="border-collapse: collapse;width: 100%;text-align: center;">
            <tbody>
              <tr style="line-height: 35px; padding: 8px 5px">
                <td
                  colspan="13"
                  style="
                    letter-spacing: 5px;
                    text-align: center;
                    font-weight: 520;
                    font-size: 16px;
                    padding: 6px 8px;
                    line-height: 30px;
                  "
                >
                  透析记录
                </td>
              </tr>
              <tr style="line-height: 35px; padding: 8px 5px">
                <td width="50">时间</td>
                <td width="50">BP<br/>mmHg</td>
                <td width="50">HR<br/>bpm</td>
                <td width="50">AP<br/>mmHg</td>
                <td width="50">VP<br/>mmHg</td>
                <td width="50">TMP<br/>mmHg</td>
                <td width="50">QB<br/>ml/min</td>
                <td width="50">Con<br/>ms/cm</td>
                <td width="50">UFR<br/>ml/h</td>
                <td width="50">UF<br/>ml</td>
                <td width="65">剩余肝素ml</td>
                <td width="200">病情变化</td>
              </tr>
              <tr v-for="(monitor, monindex) in monitors" :key="monindex" style="padding: 5px 0;">
                <td width="50">{{ getTime(monitor.operate_time, "{h}:{i}") }}</td>
                <td width="65">
                  {{monitor.systolic_blood_pressure ? monitor.systolic_blood_pressure : "/"}} /
                  {{monitor.diastolic_blood_pressure ? monitor.diastolic_blood_pressure : "/"}}
                </td>
                <td width="50">{{ monitor.pulse_frequency ? monitor.pulse_frequency : "/" }}</td>
                <td width="50">{{monitor.arterial_pressure ? monitor.arterial_pressure: "/"}}</td>
                <td width="50">{{monitor.venous_pressure ? monitor.venous_pressure : "/"}}</td>
                <td width="50">{{monitor.transmembrane_pressure ? monitor.transmembrane_pressure : "/"}}</td>
                <td width="50">{{monitor.blood_flow_volume? monitor.blood_flow_volume: "/"}}</td>
                <td width="50">{{ monitor.conductivity ? monitor.conductivity : "/" }}</td>
                <td width="50">{{ monitor.ultrafiltration_rate ? monitor.ultrafiltration_rate : '/' }}</td>
                <td width="50">{{ monitor.ultrafiltration_volume? monitor.ultrafiltration_volume: "0" }}</td>
                <!-- 剩余肝素 -->
                <td width="65">{{ monitor.heparin ? monitor.heparin :'/' }}</td>
                <td width="200">
                  <template v-if=" (dialysisOrder && monitor.operate_time == dialysisOrder.start_time)">
                    【开始透析】 <span v-if="org_id ==10598">引血100ml/min</span>
                  </template>
                  {{ monitor.end }} {{ monitor.symptom }} &nbsp;
                  {{monitor.dispose}} &nbsp;{{ monitor.result }}
                </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="rows" style="border: 1px solid black;border-bottom:none;width: 100%;">
          <div class="rows" style="display: flex;width: 100%;">
            <div class="inline_block" style="flex: 1">
              穿刺护士：
              <div class="under_line"
                style="width: 90px; text-align: center"
              >
                <span style="height: 30px; display: inline-block"
                  v-if="
                    setAdminUserES(
                      dialysisOrder == null
                        ? 0
                        : dialysisOrder.puncture_nurse
                    ) == ''
                  "
                >
                  {{
                    getAdminUser(
                      dialysisOrder == null
                        ? 0
                        : dialysisOrder.puncture_nurse
                    )
                  }}</span
                >
                <img
                  style="height: 35px"
                  :src="
                    setAdminUserES(
                      dialysisOrder == null
                        ? 0
                        : dialysisOrder.puncture_nurse
                    )
                  "
                  alt=""
                  srcset=""
                  v-else
                />
              </div>
            </div>
            <div class="inline_block" style="flex: 1">
              责任护士：
              <div class="under_line"
                style="width: 90px; text-align: center"
              >
                <span style="height: 30px; display: inline-block"
                  v-if="
                    setAdminUserES(
                      dialysisOrder == null
                        ? 0
                        : dialysisOrder.start_nurse
                    ) == ''
                  "
                >
                  {{
                    getAdminUser(
                      dialysisOrder == null
                        ? 0
                        : dialysisOrder.start_nurse
                    )
                  }}</span
                >
                <img
                  style="height: 35px"
                  :src="
                    setAdminUserES(
                      dialysisOrder == null
                        ? 0
                        : dialysisOrder.start_nurse
                    )
                  "
                  alt=""
                  srcset=""
                  v-else
                />
              </div>
            </div>
            <div class="inline_block" style="flex: 1">
              核对护士：
              <div class="under_line"
                style="width: 90px; text-align: center"
              >
                <span style="height: 30px; display: inline-block" v-if="setAdminUserES(check == null ? 0 : check.modifier) == ''">
                  {{ getAdminUser(check == null ? 0 : check.modifier) ? getAdminUser(check == null ? 0 : check.modifier) : "" }}
                </span>
                <img :src="setAdminUserES(check == null ? 0 : check.modifier)" alt="" srcset="" style="height:35px" v-else />
              </div>
            </div>
          </div>
          <!-- 穿刺 -->
          <div class="rows" style="display: flex;width: 100%;">
            <div class="inline_block" style="flex: 1">
              穿刺：
              <div class="under_line"
                style="width: 90px; text-align: center"
              >
                {{ afterdialysis.internal_fistula ? afterdialysis.internal_fistula : "/" }}
              </div>
              
            </div>
            <div class="inline_block" style="flex: 1">
              透析器：
              <div class="under_line"
                style="width: 90px; text-align: center"
              >
                {{ afterdialysis.cruor ? afterdialysis.cruor : "/" }}
              </div>
            </div>

            <div class="inline_block" style="flex: 1">
              透析中进食：
              <div class="under_line"
                style="width: 50%; text-align: center"
              >
                {{ afterdialysis.dialysis_during ? afterdialysis.dialysis_during : "/" }}
              </div>
            </div>
            <div class="inline_block" style="flex: 1">
              实际治疗时间：
              <div class="under_line"
                style="width: 50%; text-align: center"
              >
                {{ afterdialysis.actual_treatment_hour ? afterdialysis.actual_treatment_hour : "0" }}h
                {{ afterdialysis.actual_treatment_minute ? afterdialysis.actual_treatment_minute :'0' }}min
              </div>
            </div>
          </div>
          <!-- <div class="row" style="display: flex;">
            <div class="inline_block" style="flex: 1">
              动静脉壶：
              <div class="under_line"
                style="width: 90px; text-align: center"
              >
                
              </div>
            </div>
            <div class="inline_block" style="flex: 1">
              透析器：
              <div class="under_line"
                style="width: 90px; text-align: center"
              >
                {{ afterdialysis.cruor ? afterdialysis.cruor : "/" }}
              </div>
            </div>
          </div> -->
          <div class="rows" style="display: flex;width: 100%;">
            <div class="inline_block" style="flex: 1">
              透后体重：
              <div class="under_line"
                style="width: 90px; text-align: center"
              >
                {{ afterdialysis.weight_after ? 
                    parseFloat( afterdialysis.weight_after - afterdialysis.additional_weight ).toFixed(1) : "/"
                }}
              </div>kg
            </div>
            <div class="inline_block" style="flex: 1">
              BP：
              <div class="under_line"
                style="width: 90px; text-align: center"
              >
                {{ afterdialysis.systolic_blood_pressure ? afterdialysis.systolic_blood_pressure : "/"}} / 
                {{ afterdialysis.diastolic_blood_pressure ? afterdialysis.diastolic_blood_pressure : "/"}}
              </div>mmHg
            </div>
            <div class="inline_block" style="flex: 1">
              P：
              <div class="under_line"
                style="width: 90px; text-align: center"
              >
                {{ afterdialysis.pulse_frequency ? afterdialysis.pulse_frequency : "/" }}
              </div>次/min
            </div>
            <div class="inline_block" style="flex: 1">
              实际脱水量：
              <div class="under_line"
                style="width: 40%; text-align: center"
              >
                {{ afterdialysis.actual_ultrafiltration ? afterdialysis.actual_ultrafiltration :'/' }}
              </div>ml
            </div>
            <div class="inline_block" style="flex: 1">
              实际置换量：
              <div class="under_line"
                style="width: 90px; text-align: center"
              >
                {{ afterdialysis.actual_displacement ? afterdialysis.actual_displacement : "/" }}
              </div>L
            </div>
          </div>
        </div>
        <!-- 透析小结 -->
        <div class="rows" style="width: 100%;border: 1px solid black;height: 120px;white-space: normal;">
          <div style="height: 80px;width: 100%;">
            治疗小结:
            <span style="white-space: normal;">
              {{ summary.dialysis_summary ? summary.dialysis_summary : "/"}}
            </span>
          </div>
          <div style="width: 100%;height: 20px;text-align: right;padding-right:30%;">
            医生签名: 
            <span style="display: inline-block;" v-if="setAdminUserES(prescription.creater) == ''">
              {{ getAdminUser(prescription.creater)}}
            </span>
            <span style="display: inline-block;" v-else>
              <img style="height:30px;" :src="setAdminUserES(prescription.creater)" alt srcset />
            </span>
          </div>
        </div>
        <!-- 常规透析液 -->
        <div class="rows">
          <div class="inline_block">
            常规透析液：Na+
            <div
              class="under_line"
              style="width: 50px; text-align: center"
            >
              {{ prescription.sodium ? prescription.sodium : "/" }}
              
            </div>
            mmol/L
          </div>
          <div class="inline_block" style="margin-left: 10px">
            K+：
            <div
              class="under_line"
              style="width: 50px; text-align: center"
            >
            {{ prescription.kalium ? prescription.kalium : "/" }}
            </div>
            mmol/L
          </div>
          <div class="inline_block" style="margin-left: 10px">
            Ca2+：
            <div
              class="under_line"
              style="width: 50px; text-align: center"
            >
              {{ prescription.calcium ? prescription.calcium : "/" }}
            </div>
            mmol/L
          </div>
        </div>

      </div>

  </div>

</template>

<script>
import CheckBox from './option_check_box'
import { getDialysisRecord } from '@/api/dialysis'
import { getDataConfig } from '@/utils/data'
import { jsGetAge, uParseTime, uParseTimeOne } from '@/utils/tools'
import LabelBox from '../printItem/LabelBox'

// import DialysisPrintOrderOne from './template/dialysisPrintOrderOne'
// import DialysisPrintOrderTwo from './template/dialysisPrintOrderTwo'
import print from 'print-js'

export default {
  name: 'DialysisPrintOrderSix',
  props: ['childResponse'],
  components: {
    // DialysisPrintOrderOne,
    // DialysisPrintOrderTwo,
    CheckBox,
    LabelBox
  },
  data () {
    return {
      org_id: 0,
      way_arr: [],
      consciousness_arr: [],
      appetite_arr: [],
      posture_arr: [],
      sick_condition_arr: [],
      precaution_arr: [],
      intake_arr: [],
      nutrition_arr: [],

      crumbs: [
        { path: false, name: '透析管理' },
        { path: false, name: '打印单' }
      ],
      operators: [],
      adminUser: [],
      check: {},
      xtdate: '',
      dialysisOrder: {
        DeviceNumber: []
      },
      displaceLiquiPartOptions: [],
      operatorMaps: {},
      complications: [
        '低血压',
        '高血压',
        '心律失常',
        '头晕',
        '头痛',
        '呕吐',
        '抽搐',
        '出血',
        '心衰',
        '腹痛'
      ],
      jilurow: 0,
      advice_jilurow: 0,
      loading: false,
      orgname: '',
      patientInfo_gender_1: false,
      patientInfo_gender_2: false,
      patientInfo_source_2: false,
      patientInfo_source_1: false,
      modeOptions: {},
      replacementWays: [],
      perfusionApparatus: [],
      anticoagulantsConfit: {},
      bloodAccessParOpera: {},
      dialysateFormulationOptions: {},
      totollength: 0,
      queryParams: {
        xtdate: '',
        xtno: ''
      },
      patientInfo: {
        birth: '',
        age: '',
        DialysisSchedule: {
          device_number: { number: '' },
          device_zone: { name: '' }
        },
        gender: 0
      },
      predialysis: {
        score: '',
        internal_fistula: '',
        internal_fistula_skin: '',
        catheter: '',
        blood_access_part_opera_name: ''
      },
      afterdialysis: {
        complications_index: ''
      },
      prescription: {
        dialysate_formulation_name: '',
        device: {}
      },
      advices: [],
      users: [],
      monitors: [],
      monitors2: [],
      summary: {},
      receiverTreatmentAccess: {},
      org_template_info: {},

      doctor_advices: [],
      advice_groups: [],
      advice_groups_2: [],
      print_length: 0,
      blood_access_part: [],
      blood_access_part_opera: [],

      AlPanel: {
        id: 0,
        name: '',
        type: 1,
        shouji: 2,
        weichi: 2,
        zongliang: 2,
        gaimingcheng: -1,
        gaijiliang: -1,
        shouji_unit: 'mg',
        weichi_unit: 'mg/h',
        zongliang_unit: 'mg',
        gaimingcheng_unit: '',
        gaijiliang_unit: ''
      },
      lastWeight:{}
    }
  },
  methods: {
    getDisplaceLiquiPart: function (val) {
      let displace_liqui_part_name = '/'
      let displace_liqui_part = this.displaceLiquiPartOptions
      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
    },
    replacementWaysById: function (val) {
      let replacementWaysname = '/'
      // let vascular_access = getDataConfig('hemodialysis', 'vascular_access')

      for (let i = 0; i < this.replacementWays.length; i++) {
        if (this.replacementWays[i].id == val) {
          replacementWaysname = this.replacementWays[i].name
        }
      }
      return replacementWaysname
    },
    QueryPartById: function (val) {
      let vascular_access_part_name = '/'
      let 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
    },
    getAdminUser (id) {
      if (id == 0) {
        return ''
      }
      if (id == undefined) {
        return ''
      }
      for (let i = 0; i < this.adminUser.length; i++) {
        if (this.adminUser[i].id == id) {
          return this.adminUser[i].name
        }
      }
    },
    getTime (value, temp) {
      if (value == 0) {
        return ''
      }
      if (value != undefined) {
        return uParseTime(value, temp)
      }
      return ''
    },
    printThisPage () {
      var ptime = Math.round(new Date().getTime() / 1000)
      this.print_time = uParseTime(ptime, '{y}-{m}-{d} {h}:{i}')

      const style =
        '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.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:left;border-collapse:collapse;font-size:14px} .dialysis-print-order .under_line {display: inline-block;border-bottom: 1px solid #999;text-align:left;white-space: nowrap;width: 50%;} .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;}'

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

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

      // getDialysisRecord(this.queryParams).then(response => {
      var response = this.childResponse
      if (response.data.state == 1) {
        this.adminUser = response.data.data.users
        this.users = response.data.data.users
        this.patientInfo = response.data.data.patientInfo
        this.lastWeight= response.data.data.lastWeight
        this.patientInfo.birth = uParseTimeOne(
          this.patientInfo.birthday,
          '{y}-{m}-{d}'
        )
        console.log('1111111111',response.data.data);
        // this.patientInfo.age = jsGetAge(this.patientInfo.birth, '-')
        if (response.data.data.patientInfo.first_dialysis_date != 0) {
          this.patientInfo.first_dialysis_date = uParseTime(
            response.data.data.patientInfo.first_dialysis_date,
            '{y}-{m}-{d}'
          )
        } else {
          this.patientInfo.first_dialysis_date = ''
        }
        this.check = response.data.data.check
        this.xtdate = this.$route.query.xtdate
        this.predialysis = response.data.data.PredialysisEvaluation
        this.predialysis.blood_access_part_opera_name = this.bloodAccessParOperaName(
          this.predialysis.blood_access_part_opera_id
        )
        this.afterdialysis = response.data.data.AssessmentAfterDislysis
        this.operators = response.data.data.operators
        this.dialysisOrder =
          response.data.data.dialysisOrder === null
            ? null
            : response.data.data.dialysisOrder

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

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

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

        this.prescription = response.data.data.dialysisPrescription
        // console.log("prescription", this.prescription);
        this.receiverTreatmentAccess =
          response.data.data.receiverTreatmentAccess

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

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

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

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

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

        this.advices = response.data.data.advices
        this.monitors = response.data.data.monitors
        this.summary = response.data.data.summary
        this.org_template_info = response.data.data.org_template_info

        if (this.monitors.length <= 6) {
          var nl = 6
          this.print_length = 6

          for (let index = 0; index < nl; index++) {
            if (
              this.monitors[index] == undefined ||
              this.monitors[index].length <= 0
            ) {
              this.monitors2.push([])
            } else {
              continue
            }
          }
        }

        var tempmonitorflag = true
        for (let index = 0; index < this.monitors.length; index++) {
          const monitor = this.monitors[index]
          this.monitors[index].end = ''
          if (Object.keys(monitor).length > 0 && index > 1) {
            if (monitor.operate_time == this.dialysisOrder.end_time) {
              this.monitors[index].end = '【结束透析】'
              tempmonitorflag = false
            }
            if (tempmonitorflag && index == this.monitors.length - 1) {
              this.monitors[index].end = '【结束透析】'
            }
          }
        }

        this.jilurow = this.monitors.length + 1

        this.advice_jilurow = this.advices.length + 1

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

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

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

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

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

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

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

        if (this.doctor_advices.length <= 6) {
          var nl = 6
          this.print_length = 6

          for (let index = 0; index < nl; index++) {
            if (
              this.doctor_advices[index] == undefined ||
              this.doctor_advices[index].length <= 0
            ) {
              this.doctor_advices.push([])
            } else {
              continue
            }
          }
        }
        this.totollength = this.doctor_advices.length + this.monitors.length
        console.log(this.advice_groups)
       
      } else {
        this.loading = false
        this.$message.error('请求数据失败')
        return false
      }
      // })
    },
    bloodAccessParOperaName (id) {
      if (id in this.bloodAccessParOpera) {
        return this.bloodAccessParOpera[id].name
      }
      return ''
    },
    dialysateFormulationName (id) {
      if (id in this.dialysateFormulationOptions) {
        return this.dialysateFormulationOptions[id].name
      }
      return ''
    },
    getAge: function (val) {
      console.log('val3323232', val)
      if (val.birthday != 0) {
        return jsGetAge(val.birth, '-')
      } else {
        return ''
      }
    },
    // getAge (UUserCard) {
    //   if (UUserCard != null && UUserCard != '') {
    //     var myDate = new Date()
    //     var month = myDate.getMonth() + 1
    //     var day = myDate.getDate()
    //     var age = myDate.getFullYear() - UUserCard.substring(6, 10) - 1
    //     if (UUserCard.substring(10, 12) < month || UUserCard.substring(10, 12) == month && UUserCard.substring(12, 14) <= day) {
    //       age++
    //     }
    //     return age
    //   }
    // },
    newAdviceGroupObject: function () {
      return Object.assign(
        {},
        {
          group_no: 0,
          // advice_doctor: 0,
          // start_time: 0,
          advices: []
          // exec_staff: 0,
          // exec_time: 0,
          // checker: 0,
        }
      )
    },
    getFloat: function (x) {
      if (x == 0) {
        return '/'
      }
      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'
      }
    },
    getUnit: function (val) {
      switch (val) {
        case 1:
          return 'g'
          break
        case 2:
          return 'ml'
          break
      }
    }
  },
  watch: {
    'patientInfo.gender': function () {
      if (this.patientInfo.gender == 1) {
        this.patientInfo_gender_1 = true
        this.patientInfo_gender_2 = false
      } else if (this.patientInfo.gender == 2) {
        this.patientInfo_gender_2 = true
        this.patientInfo_gender_1 = false
      } else {
        this.patientInfo_gender_2 = false
        this.patientInfo_gender_1 = false
      }
    },
    'patientInfo.source': function () {
      if (this.patientInfo.source == 1) {
        this.patientInfo_source_1 = true
        this.patientInfo_source_2 = false
      } else if (this.patientInfo.source == 2) {
        this.patientInfo_source_2 = true
        this.patientInfo_source_1 = false
      } else {
        this.patientInfo_source_2 = false
        this.patientInfo_source_1 = false
      }
    }
  },
  created () {
    this.org_id = this.$store.getters.user.org.id
    this.way_arr = getDataConfig('hemodialysis', 'way')
    this.consciousness_arr = getDataConfig('hemodialysis', 'consciousness')
    this.appetite_arr = getDataConfig('hemodialysis', 'appetite')
    this.posture_arr = getDataConfig('hemodialysis', 'posture')
    this.sick_condition_arr = getDataConfig('hemodialysis', 'sick_condition')
    this.precaution_arr = getDataConfig('hemodialysis', 'precaution')
    this.intake_arr = getDataConfig('hemodialysis', 'intake')
    this.nutrition_arr = getDataConfig('hemodialysis', 'nutrition')

    var xtuser = this.$store.getters.user
    this.orgname = xtuser.org.org_name
    // this.orgname = "遂溪方济医院";
    this.modeOptions = this.$store.getters.treatment_mode
    this.replacementWays = this.$store.getters.replacement_ways
    this.perfusionApparatus = this.$store.getters.perfusion_apparatus
    this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit
    this.displaceLiquiPartOptions = this.$store.getters.displace_liqui

    this.blood_access_part = getDataConfig('hemodialysis', 'vascular_access')
    this.blood_access_part_opera = getDataConfig(
      'hemodialysis',
      'vascular_access_desc'
    )

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

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

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

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

<style >
.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;
}

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

.print_page_main_content .order_title {
  text-align: center;
  font-size: 23px;
  line-height: 50px;
  font-weight: 500;
}

.rows {
  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_two::before {
  content: "\00A0";
}

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

.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";
}

.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: 5px 8px;
  line-height: 30px;
}

.print_page_main_content .proj_table .inside_table {
  width: 100%;
  border: hidden; /* 解决边框冲突 */
  border-collapse: collapse;
}

.print_page_main_content .proj_table .inside_table tr td {
  border: 1px solid;
  text-align: center;
  font-size: 14px;
  padding: 6px 5px;
  line-height: 16px;
}

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

.es-img {
  height: 20px;
}

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

.advice-children {
  display: flex;
}
.margin-bottom-50 {
}
.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%;
}
.check_box_panel .did_checke::after {
  font-size: 8px;
  margin-left: 2px;
  margin-top: 2px;
  position: absolute;
}
</style>
