Vue_New/src/xt_pages/dialysis/template/DialysisPrintOrderFortyOne.vue

<template>
  <div>
    <el-button type="primary" @click="checkData">一键核对</el-button>
    <div id="dialysis-print-box-1" style="width:940px">
      <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-title"
            style="letter-spacing: 0;font-weight:600;font-size:22px;display:inline-block;"
          >
            {{ orgname }} 血液净化治疗记录单
          </div>
        </div>
        <div class="row">
          <div class="inline_block">
            姓名：
            <div class="under_line" style="width: 50px;text-align: center;">
              {{ patientInfo.name }}
            </div>
          </div>
          <div class="inline_block">
            性别：
            <div class="under_line" style="width: 30px;text-align: center;">
              {{ patientInfo_gender_1 ? "男" : "女" }}
            </div>
          </div>
          <div class="inline_block">
            年龄：
            <div class="under_line" style="width: 30px;text-align: center;">
              {{ getAge(patientInfo) }}
            </div>
            岁
          </div>
          <div class="inline_block">
            透析号：
            <div class="under_line" style="width: 70px;text-align: center;">
              {{ patientInfo.dialysis_no }}
            </div>
          </div>
          <div class="inline_block">
            <div class="under_line" style="width: 50px;text-align: center;">
              <!-- <check-box :checked="receiverTreatmentAccess.condition == 2 ? true : false"></check-box> -->
              <span v-if="receiverTreatmentAccess.condition == 2">门诊</span>
              <span v-if="receiverTreatmentAccess.condition == 1">住院</span>
            </div>
          </div>
          <div class="inline_block">
            床号：
            <div class="under_line" style="width: 90px;text-align: center;">
              {{ dialysisOrder && dialysisOrder.DeviceNumber && dialysisOrder.DeviceNumber.number.length > 0 ? dialysisOrder.DeviceNumber.number : patientInfo.DialysisSchedule.device_number.number }}
            </div>
          </div>

          <div class="inline_block">
            透析次数：
            <div class="under_line" style="width: 50px;text-align: left">
              {{ patientInfo.total_dialysis + patientInfo.user_sys_before_count }} 次
            </div>
          </div>
          <div class="inline_block">
            日期：
            <div class="under_line" style="width: 80px;text-align: left">
              {{ queryParams.xtdate }}
            </div>
          </div>

        </div>
        <!-- <div class="row">
          <div class="inline_block">
            病区：
            <div class="under_line" style="width: 120px;text-align: center;">
              {{ patientInfo.DialysisSchedule.device_zone.name ? patientInfo.DialysisSchedule.device_zone.name : '' }}
            </div>
          </div>

        </div> -->

        <div class="row">
          <table class="proj_table">
            <tbody>
              <tr>
                <td colspan="1" style="width:50%;padding:0px 0px 5px">
                  <div style="letter-spacing:5px;text-align:center;font-weight:520;font-size:16px;padding: 0px 8px;line-height: 30px;border-bottom:1px solid #000;">
                    透析前评估
                  </div>
                  <div class="row" style="padding:5px 8px;">
                    <div class="inline_block">
                      T
                      <div class="under_line" style="width: 40px;text-align: center">
                        {{ predialysis.temperature ? predialysis.temperature : "/" }}
                      </div>
                      °C
                    </div>
                    <div class="inline_block" style="margin-left:5px;">
                      P
                      <div class="under_line" style="width: 50px;text-align: center;">
                        {{ predialysis.pulse_frequency ? predialysis.pulse_frequency : "/" }}
                      </div>
                      次/分
                    </div>
                    <div class="inline_block" style="margin-left:5px;">
                      R
                      <div class="under_line" style="width: 50px;text-align: center;">
                        {{ predialysis.breathing_rate ? predialysis.breathing_rate : "/" }}
                      </div>
                      次/分
                    </div>
                    <div class="inline_block" style="margin-left:5px;">
                      BP
                      <div class="under_line" style="width: 70px;text-align: center;">
                        {{ predialysis.systolic_blood_pressure ? predialysis.systolic_blood_pressure : "" }}/
                        {{ predialysis.diastolic_blood_pressure ? predialysis.diastolic_blood_pressure : "" }}
                      </div>
                      mmHg
                    </div>
                  </div>
                  <div class="row" style="padding:5px 8px;">
                    <div class="inline_block">
                      透析间期：
                      <div class="under_line" style="width: 150px;text-align: center">
                        {{ predialysis.last_post_dialysis ? predialysis.last_post_dialysis : "" }}
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left:10px;">
                      透前症状：
                      <div class="under_line" style="width: 130px;text-align: center">
                        {{ predialysis.symptom_before_dialysis ? predialysis.symptom_before_dialysis : "" }}
                      </div>
                    </div>
                  </div>
                  <div class="row" style="padding:5px 8px;">
                    <div class="inline_block">
                      内瘘：
                      <div class="under_line" style="width: 180px;text-align: center">
                        {{ predialysis.internal_fistula ? predialysis.internal_fistula : "/" }}
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left:8px;">
                      导管：
                      <div class="under_line" style="width: 160px;text-align: center">
                        {{ predialysis.catheter ? predialysis.catheter : "/" }}
                      </div>
                    </div>
                  </div>
                  <div class="row" style="padding:5px 8px;">
                    <div class="inline_block">
                      合并症：
                      <div class="under_line" style="width: 160px;text-align: center">
                        {{ predialysis.complication ? predialysis.complication : "/" }}
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left:12px;">
                      干体重：
                      <div class="under_line" style="width: 50px;text-align: center">
                        {{ predialysis.dry_weight ? predialysis.dry_weight : "/" }}
                      </div>
                      kg
                    </div>
                  </div>
                  <div class="row" style="padding:5px 8px;">
                    <div class="inline_block">
                      透前体重：
                      <div class="under_line" style="width: 50px;text-align: center">
                        {{ predialysis.weight_before ? predialysis.weight_before : "/" }}
                      </div>
                      kg
                    </div>
                    <div class="inline_block" style="margin-left:10px;">
                      衣物重：
                      <div class="under_line" style="width: 50px;text-align: center">
                        {{ predialysis.additional_weight ? predialysis.additional_weight: "/" }}
                      </div>
                      kg
                    </div>
                    <div class="inline_block" style="margin-left:10px;">
                      体重增加：
                      <div class="under_line" style="width: 50px;text-align: center">
                        {{ predialysis.weight_before > 0 && lastafterdialysis.weight_after > 0 ? parseFloat(predialysis.weight_before - lastafterdialysis.weight_after).toFixed(2): "/" }}
                      </div>
                      kg
                    </div>
                  </div>
                  <div class="row" style="padding:5px 8px;">
                    <div class="inline_block">
                      穿刺方式：
                      <div class="under_line" style="width: 150px;text-align: center">
                        {{ predialysis.puncture_way ? predialysis.puncture_way : "/" }}
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left:10px;">
                      穿刺针：
                      <div class="under_line" style="width: 140px;text-align: center">
                        {{ predialysis.puncture_needle ? predialysis.puncture_needle : "/" }}
                      </div>
                    </div>
                  </div>
                </td>
                <td colspan="1" style="width:50%;padding:0px 0px 5px">
                  <div style="letter-spacing:5px;text-align:center;font-weight:520;font-size:16px;padding: 0px 8px;line-height: 30px;border-bottom:1px solid #000;">
                    透析后评估
                  </div>
                  <div class="row" style="padding:5px 8px;">
                    <div class="inline_block">
                      T
                      <div class="under_line" style="width: 40px;text-align: center">
                        {{ afterdialysis.temperature ? afterdialysis.temperature : "/" }}
                      </div>
                      °C
                    </div>
                    <div class="inline_block" style="margin-left:5px;">
                      P
                      <div class="under_line" style="width: 50px;text-align: center;">
                        {{ afterdialysis.pulse_frequency ? afterdialysis.pulse_frequency : "/" }}
                      </div>
                      次/分
                    </div>
                    <div class="inline_block" style="margin-left:5px;">
                      R
                      <div class="under_line" style="width: 50px;text-align: center;">
                        {{ afterdialysis.breathing_rate ? afterdialysis.breathing_rate : "/" }}
                      </div>
                      次/分
                    </div>
                    <div class="inline_block" style="margin-left:5px;">
                      BP
                      <div class="under_line" style="width: 70px;text-align: center;">
                        {{ afterdialysis.systolic_blood_pressure ? afterdialysis.systolic_blood_pressure : "" }}/
                        {{ afterdialysis.diastolic_blood_pressure ? afterdialysis.diastolic_blood_pressure : "" }}
                      </div>
                      mmHg
                    </div>
                  </div>
                  <div class="row" style="padding:5px 8px;">
                    <div class="inline_block">
                      凝血：
                      <div class="under_line" style="width: 160px;text-align: center">
                        {{ afterdialysis.cruor ? afterdialysis.cruor : "/" }}
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left:10px;">
                      透后症状：
                      <div class="under_line" style="width: 140px;text-align: center">
                        {{ afterdialysis.symptom_after_dialysis ? afterdialysis.symptom_after_dialysis : "/" }}
                      </div>
                    </div>
                  </div>
                  <div class="row" style="padding:5px 8px;">
                    <div class="inline_block">
                      内瘘：
                      <div class="under_line" style="width: 160px;text-align: center">
                        {{ afterdialysis.internal_fistula ? afterdialysis.internal_fistula : "/" }}
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left:10px;">
                      导管：
                      <div class="under_line" style="width: 140px;text-align: center">
                        {{ afterdialysis.catheter ? afterdialysis.catheter : "/" }}
                      </div>
                    </div>
                  </div>
                  <div class="row" style="padding:5px 8px;">
                    <div class="inline_block">
                      并发症：
                      <div class="under_line" style="width: 145px;text-align: center">
                        {{ afterdialysis.complication ? afterdialysis.complication : "/" }}
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left:10px;">
                      机器运行：
                      <div class="under_line" style="width: 140px;text-align: center">
                        {{ afterdialysis.machine_run ? afterdialysis.machine_run : '/' }}
                      </div>
                    </div>
                  </div>
                  <div class="row" style="padding:5px 8px;">
                    <div class="inline_block">
                      实际超滤量：
                      <div class="under_line" style="width: 60px;text-align: center">
                        {{ afterdialysis.actual_ultrafiltration ? afterdialysis.actual_ultrafiltration : "/" }}
                      </div>
                      L
                    </div>
                    <div class="inline_block" style="margin-left:48px;">
                      透后体重：
                      <div class="under_line" style="width: 50px;text-align: center">
                        {{ afterdialysis.weight_after ? afterdialysis.weight_after : "/" }}
                      </div>
                      kg
                    </div>
                  </div>
                  <div class="row" style="padding:5px 8px;">
                    <div class="inline_block">
                      体重减少：
                      <div class="under_line" style="width: 60px;text-align: center">
                        {{ afterdialysis.weight_loss ? afterdialysis.weight_loss : "/" }}
                      </div>
                      kg
                    </div>
                    <div class="inline_block" style="margin-left:62px;">
                      实际置换量：
                      <div class="under_line" style="width: 50px;text-align: center">
                        {{ afterdialysis.actual_displacement ? afterdialysis.actual_displacement : "/" }}
                      </div>
                      L
                    </div>
                  </div>
                </td>
              </tr>
              <tr>
                <td colspan="7" style="letter-spacing:5px;text-align:center;font-weight:520;font-size:16px;padding: 0px 8px;line-height: 30px;">
                  透析处方
                </td>
              </tr>
              <tr>
                <td colspan="7">
                  <div class="row" style="padding: 2px 0;line-height:23px;display:flex;">
                    <div class="inline_block" style="flex:1;">
                      处方脱水量：
                      <div class="under_line" style="width: 50px;text-align: center">
                        {{ prescription.target_ultrafiltration ? prescription.target_ultrafiltration : "/" }}
                      </div>
                      L
                    </div>
                    <div class="inline_block">
                      透析时长：
                      <div class="under_line" style="width: 50px;text-align: center">
                        {{ prescription.dialysis_duration_hour ? prescription.dialysis_duration_hour : "0" }}
                      </div>
                      h
                      <div class="under_line" style="width: 50px;text-align: center">
                        {{ prescription.dialysis_duration_minute ? prescription.dialysis_duration_minute : "0" }}
                      </div>
                      min
                    </div>
                    <div class="inline_block" style="flex:1;margin-left:5px;">
                      透析方式：
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="!prescription.mode_id">
                        /
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 1">
                        HD
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 2">
                        HDF
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 3">
                        HD+HP
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 4">
                        HP
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 5">
                        HF
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 6">
                        SCUF
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 7">
                        IUF
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 8">
                        HFHD
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 9">
                        HFHD+HP
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 10">
                        PHF
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 11">
                        HFR
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 12">
                        HDF+HP
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 13">
                        CRRT
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 14">
                        腹水回输
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 15">
                        HD前置换
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 16">
                        HD后置换
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 17">
                        HDF前置换
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 18">
                        HDF后置换
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 19">
                        IUF+HD
                      </div>
                      <div class="under_line" style="width: 150px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 22">
                        血浆胆红素吸附+HDF
                      </div>
                      <div class="under_line" style="width: 150px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 23">
                        血浆胆红素吸附
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 24">
                        I-HDF
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 25">
                        HD高通
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 26">
                        CVVH
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 27">
                        CVVHD
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 28">
                        CVVHDF
                      </div>
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;" v-if="prescription.mode_id == 29">
                        PE
                      </div>
                    </div>
                    <div class="inline_block" style="flex:1;">
                      置换方式：
                      <div class="under_line" style="width: 60px;text-align: center">
                        <span v-if="prescription.mode_id != 2 && prescription.mode_id!=5 && prescription.mode_id!=12"> {{ getDisplaceLiquiPart(prescription.displace_liqui_part) }} </span>
                      </div>
                    </div>
                    <div class="inline_block" style="flex:1;">
                      置换总量：
                      <div class="under_line" style="width: 50px;text-align: center">
                         <span v-if="prescription.mode_id != 2 && prescription.mode_id!=5 && prescription.mode_id!=12"> {{ prescription.displace_liqui_value ? prescription.displace_liqui_value : "/" }}</span>
                      </div>
                      L
                    </div>
                  </div>
                  <div class="row" style="padding: 2px 0;line-height:23px;display:flex;" v-if="org_id == 10233">
                    <div class="inline_block" style="flex:1">
                      血管通路：
                      <div class="under_line" style="width: 260px;text-align: center;">
                        {{predialysis.blood_access_part_opera_name}}
                      </div>
                    </div>
                    <div class="inline_block" style="flex:1">
                      血管通路部位：
                      <div class="under_line" style="width: 120px;text-align: center;">
                        {{predialysis.blood_access_part_id}}
                      </div>
                    </div>
                  </div>
                  <div class="row" style="padding: 2px 0;line-height:23px;display:flex;">
                    <div class="inline_block" style="flex:1.5" v-if="org_id != 10233">
                      血管通路：
                      <div class="under_line" style="width: 260px;text-align: center;">
                        {{prescription.blood_access_part_opera_name}}
                      </div>
                    </div>
                    <div class="inline_block" style="flex:1">
                      透析机型：
                      <div class="under_line" style="width: 150px;text-align: center;">
                        {{ predialysis.machine_type ? predialysis.machine_type : '' }}
                      </div>
                    </div>
                    <div class="inline_block" style="flex:1">
                      机号：
                      <div class="under_line" style="width: 60px;text-align: center;">
                        {{ dialysisOrder && dialysisOrder.DeviceNumber && dialysisOrder.DeviceNumber.number.length > 0 ? dialysisOrder.DeviceNumber.number : patientInfo.DialysisSchedule.device_number.number }}
                      </div>
                    </div>
                    <div v-if="org_id == 10233" class="inline_block" style="flex:1;margin-left:10px;">
                      透析器/灌流器：
                      <div class="under_line" style="width: 120px;text-align: center;">
                        {{ prescription.dialyzer_perfusion_apparatus ? prescription.dialyzer_perfusion_apparatus : "" }}
                      </div>
                    </div>
                  </div>
                  <div class="row" style="padding: 2px 0;line-height:23px;display:flex;">
                    <div class="inline_block" style="flex:1;">
                      血流量：
                      <div class="under_line" style="width: 50px;text-align: center">
                        {{ prescription.blood_flow_volume ? prescription.blood_flow_volume : "/" }}
                      </div>
                      ml/min
                    </div>
                    <div class="inline_block" style="flex:1;">
                      抗凝剂
                      <div class="under_line" style="width: 200px;text-align: center">
                        {{ prescription.anticoagulant_name ? prescription.anticoagulant_name : "/" }}
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left:20px;" v-if="prescription.anticoagulant != 5">
                      首剂：
                      <div class="under_line" style="width: 50px;text-align: center;">
                        {{ prescription.anticoagulant_shouji ? prescription.anticoagulant_shouji : "/" }}
                      </div>
                      <span v-if="prescription.anticoagulant == 2">mg</span>
                      <span v-else>iu</span>
                    </div>
                    <div class="inline_block" style="margin-left:20px;">
                      维持：
                      <div class="under_line" style="width: 50px;text-align: center;">
                        {{ prescription.anticoagulant_weichi ? prescription.anticoagulant_weichi : "/" }}
                      </div>
                      <span v-if="prescription.anticoagulant == 2">mg</span>
                      <span v-else>iu</span>
                    </div>
                    <div class="inline_block" style="margin-left:20px;">
                      总量：
                      <div class="under_line" style="width: 50px;text-align: center;">
                        {{ prescription.anticoagulant_zongliang ? prescription.anticoagulant_zongliang : "/" }}
                      </div>
                      <span v-if="prescription.anticoagulant == 2">mg</span>
                      <span v-else>iu</span>
                    </div>
                  </div>
                  <div class="row" style="padding: 2px 0;line-height:23px;">
                    <div class="inline_block">
                      透析液配方：钾
                      <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;">
                      钠
                      <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;">
                      钙
                      <div class="under_line" style="width: 50px;text-align: center;">
                        {{ prescription.calcium ? prescription.calcium : "/" }}
                      </div>
                      mmol/L
                    </div>
                    <div class="inline_block" style="margin-left:10px;">
                      碳酸氢根
                      <div class="under_line" style="width: 50px;text-align: center;">
                        {{ prescription.bicarbonate ? prescription.bicarbonate : "/" }}
                      </div>
                      mmol/L
                    </div>
                    <div class="inline_block" style="margin-left:10px;">
                      最大超滤率
                      <div class="under_line" style="width: 70px;text-align: center;">
                        {{ prescription.max_ultrafiltration_rate ? prescription.max_ultrafiltration_rate : "/" }}
                      </div>
                      ml/h
                    </div>
                  </div>
                </td>
              </tr>
              <tr>
                <td style="padding: 0; position: relative;" colspan="2">
                  <table class="inside_table">
                    <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: 0px 8px;line-height: 30px;">
                          医嘱内容
                        </td>
                      </tr>
                      <!-- <tr style="line-height:35px;padding:8px 5px;">
                    <td colspan="4" style="font-size: 16px">开医嘱</td>
                    <td colspan="3" style="font-size: 16px">执行核对医嘱</td>
                  </tr> -->
                      <tr style="line-height:30px;padding:0 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>
                      <!-- <template v-for="group in doctor_advices" > -->

                      <tr v-for="(advice, advice_index) in tableAdvice" :key="advice_index">
                        <td height="30px" style="padding:4px 5px;">
                          <span v-if="advice.start_time">
                            {{ getTime(advice.start_time, "{h}:{i}") }}
                          </span>
                          <!-- <span v-else>&nbsp;<br/>&nbsp;</span> -->
                        </td>
                        <td height="30px" colspan="2" class="advice-name" style="padding:4px 5px;">
                          <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">{{ advice.single_dose }}{{ advice.single_dose_unit }}</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 colspan="2" height="60px" style="text-align: center" v-else >
                      <span>{{advice.delivery_way}}</span>
                      <span>{{advice.execution_frequency}}</span>
                      <span v-if="advice.remark.length > 0">({{advice.remark}})</span>
                    </td> -->
                        <!-- <td width="10%" v-if="(advice.children && advice.children.length > 0 || advice.parent_id > 0) && advice.isShow == 2" ></td> -->
                        <td height="30px" style="padding:4px 5px;">
                          <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="30px" style="padding:4px 5px;">
                          <span v-if="advice.execution_time">{{ getTime(advice.execution_time, "{h}:{i}") }}</span>
                        </td>
                        <td height="30px" style="padding:4px 5px;">
                          <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="30px" style="padding:4px 5px;">
                          <span v-if="setAdminUserES(advice.checker) == ''">{{getAdminUser(advice.checker)}}</span>
                          <img style="height:30px;" :src="setAdminUserES(advice.checker)" alt="" srcset="" v-else>
                        </td>
                      </tr>
                      <!-- </template> -->
                    </tbody>
                  </table>
                </td>
              </tr>

              <tr>
                <td style="padding: 0; position: relative;" colspan="2">
                  <table class="inside_table">
                    <tbody>
                      <tr>
                        <td colspan="12" style="letter-spacing:5px;text-align:center;font-weight:520;font-size:16px;padding: 0px 8px;line-height: 30px;">
                          监测记录
                        </td>
                      </tr>
                      <tr>
                        <td width="60">时间</td>
                        <td width="40">体温<br />°C</td>
                        <td width="50">血流量<br />(ml/min)</td>
                        <td width="90">静脉压(mmHg)/<br />跨膜压(mmHg)</td>
                        <td width="80">超滤率(ml/h)/<br />超滤量(ml)</td>
                        <td width="80">钠浓度(ml/h)/<br />温度(°C)</td>
                        <td width="50">脉搏<br />(次/分)</td>
                        <td width="60">血压<br />(mmHg)</td>
                        <td width="50">血容量<br />L</td>
                        <td width="50">Kt/V<br /></td>
                        <td width="50">签名</td>
                        <td width="200">病情变化及处理</td>
                      </tr>

                      <tr v-for="(monitor, monindex) in monitors" :key="monindex">
                        <td style="padding:1px 5px;" height="30px">{{ getTime(monitor.operate_time, "{h}:{i}") }}</td>
                        <td style="padding:1px 5px;">{{ monitor.temperature ? monitor.temperature : '' }}</td>
                        <td style="padding:1px 5px;">{{ monitor.blood_flow_volume ? monitor.blood_flow_volume : "" }}
                        <td style="padding:1px 5px;"><span v-if="getTime(monitor.operate_time, '{h}:{i}')">{{ monitor.venous_pressure ? monitor.venous_pressure : "" }}/{{ monitor.transmembrane_pressure ? monitor.transmembrane_pressure : "" }}</span></td>
                        <td style="padding:1px 5px;"><span v-if="getTime(monitor.operate_time, '{h}:{i}')">{{ monitor.ultrafiltration_rate ? monitor.ultrafiltration_rate : "" }}/{{ monitor.ultrafiltration_volume ? monitor.ultrafiltration_volume : "" }}</span></td>
                        <td style="padding:1px 5px;"><span v-if="getTime(monitor.operate_time, '{h}:{i}')">{{ monitor.sodium_concentration ? monitor.sodium_concentration : "" }}/{{ monitor.dialysate_temperature ? monitor.dialysate_temperature : "" }}</span></td>
                        <td style="padding:1px 5px;">{{ monitor.pulse_frequency ? monitor.pulse_frequency : "" }}</td>
                        <td style="padding:1px 5px;">
                          {{ monitor.systolic_blood_pressure ? monitor.systolic_blood_pressure + "/" : "" }}
                          {{ monitor.diastolic_blood_pressure ? monitor.diastolic_blood_pressure : "" }}
                        </td>
                        <td style="padding:1px 5px;">{{ monitor.accumulated_blood_volume ? monitor.accumulated_blood_volume : '' }}</td>
                        <td>{{ monitor.ktv ? monitor.ktv : "" }}</td>
                        <td style="padding:1px 5px;" height="30px">
                          <span v-if="setAdminUserES(monitor.monitoring_nurse) == ''">
                            {{ getAdminUser(monitor.monitoring_nurse) }}
                          </span>
                          <span v-else style="display:flex;align-items:center;justify-content:space-around;height:36px;">
                            <img style="height:30px;" :src="setAdminUserES(monitor.monitoring_nurse)" alt srcset />
                          </span>
                        </td>
                        <td style="line-height:16px;padding:0px;">
                          <div style="min-height:20px;line-height:20px; overflow:hidden;">
                            <span v-if="getTime(monitor.operate_time, '{h}:{i}')" style="word-break: break-all;margin:0;line-height:16px;-webkit-line-clamp:3;overflow:visible;display:inline-block;vertical-align:middle;height:auto;">
                              <template v-if="(dialysisOrder && monitor.operate_time == dialysisOrder.start_time)">【开始透析】 <span v-if="org_id != 10233">引血100ml/min</span></template>
                              <span v-if="dialysisOrder && monitor.operate_time == dialysisOrder.end_time">{{ monitor.end }}</span>
                              {{ monitor.symptom }} &nbsp;{{ monitor.dispose }} &nbsp;{{ monitor.result }}
                            </span>
                          </div>
                        </td>
                      </tr>
                      <tr>
                        <td colspan="12" style="line-height:25px;text-align:left;">
                          医师记录：{{ summary.special_record ? summary.special_record : '' }}
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr>
                <td colspan="7" style="letter-spacing:5px;text-align:center;font-weight:520;font-size:16px;padding: 0px 8px;line-height: 30px;">
                  治疗小结
                </td>
              </tr>
              <tr>
                <td colspan="7">
                  <div class="row" style="padding: 2px 0;line-height:23px;display:flex;">
                    <div class="inline_block">
                      实际治疗时间：
                      <div class="under_line" style="width: 30px;text-align: center">
                        {{ afterdialysis.actual_treatment_hour ? afterdialysis.actual_treatment_hour : "/" }}
                      </div>
                      h
                      <div class="under_line" style="width: 30px;text-align: center">
                        {{ afterdialysis.actual_treatment_minute ? afterdialysis.actual_treatment_minute : 0 }}
                      </div>
                      min
                    </div>
                  </div>
                  <div class="row" style="padding: 2px 0;line-height:23px;display:flex;">
                    <div class="inline_block" style="flex:1">
                      <span>治疗小结：</span>
                      <div class="under_line" style="width: 90%;text-align: left;white-space: initial;">
                        {{ summary.dialysis_summary ? summary.dialysis_summary : "/" }}
                      </div>
                    </div>
                  </div>
                  <div class="row" style="padding: 2px 0;line-height:23px;display:flex;">
                    <div class="inline_block" style="flex:1;">
                      透后宣教：
                      <div class="under_line" style="width: 90%;text-align: left;white-space: initial;">
                        {{ summary.mission ? summary.mission : '' }}
                      </div>
                    </div>
                  </div>
                </td>
              </tr>
              <tr>
                <td colspan="7">
                  <div class="row" style="padding: 2px 0;line-height:23px;display:flex;">
                    <div class="inline_block" style="flex:1;display: flex;align-items: center;">
                      上机护士：
                      <div class="under_line" style="width: 80px;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:30px;" :src="setAdminUserES(dialysisOrder == null ? 0 : dialysisOrder.start_nurse)" alt="" srcset="" v-else />
                      </div>
                    </div>
                    <div class="inline_block" style="flex:1;display: flex;align-items: center;">
                      核对人员：
                      <div class="under_line" style="width: 80px;text-align: center" v-if="dialysisOrder == null">
                        <span style="height: 30px;display: inline-block;" v-if="setAdminUserES(check == null ? 0 : check.creater) == ''">
                          {{ getAdminUser(check == null ? 0 : check.creater) }}
                        </span>
                        <img style="height:30px;" :src="setAdminUserES(check == null ? 0 : check.creater)" alt="" srcset="" v-else />
                      </div>
                      <div class="under_line" style="width: 80px;text-align: center" v-if="dialysisOrder != null && dialysisOrder.start_nurse == check.modifier">
                        <span style="height: 30px;display: inline-block;" v-if="setAdminUserES(check == null ? 0 : check.creater) == ''">
                          {{ getAdminUser(check == null ? 0 : check.creater) }}
                        </span>
                        <img style="height:30px;" :src="setAdminUserES(check == null ? 0 : check.creater)" alt="" srcset="" v-else />
                      </div>
                      <div class="under_line" style="width: 80px;text-align: center" v-if="dialysisOrder != null && dialysisOrder.start_nurse == check.creater">
                        <span style="height: 30px;display: inline-block;" v-if="setAdminUserES(check == null ? 0 : check.modifier) == ''">
                          {{ getAdminUser(check == null ? 0 : check.modifier) }}
                        </span>
                        <img style="height:30px;" :src="setAdminUserES(check == null ? 0 : check.modifier)" alt="" srcset="" v-else />
                      </div>
                      <div class="under_line" style="width: 80px;text-align: center" v-if="dialysisOrder != null && dialysisOrder.start_nurse != check.creater && dialysisOrder.start_nurse != check.modifier">
                        <span style="height: 30px;display: inline-block;" v-if="setAdminUserES(check == null ? 0 : check.creater) == ''">
                          {{ getAdminUser(check == null ? 0 : check.creater) }}
                        </span>
                        <img style="height:30px;" :src="setAdminUserES(check == null ? 0 : check.creater)" alt="" srcset="" v-else />
                      </div>
                    </div>
                    <div class="inline_block" style="flex:1;display: flex;align-items: center;">
                      下机护士：
                      <div class="under_line" style="width: 80px;text-align: center">
                        <span style="height: 30px;display: inline-block;" v-if="setAdminUserES(dialysisOrder == null ? 0 : dialysisOrder.finish_nurse) == ''">
                          {{ getAdminUser(dialysisOrder == null ? 0 : dialysisOrder.finish_nurse) }}
                        </span>
                        <img style="height:30px;" :src="setAdminUserES(dialysisOrder == null ? 0 : dialysisOrder.finish_nurse)" alt="" srcset="" v-else />
                      </div>
                    </div>
                    <div class="inline_block" style="flex:1;display: flex;align-items: center;">
                      治疗医生：
                      <div class="under_line" style="width: 80px;text-align: center">
                        <span style="height: 30px;display: inline-block;" v-if="setAdminUserES(prescription.creater) == ''">
                          {{ getAdminUser(prescription.creater) }}
                        </span>
                        <img style="height:30px;" :src="setAdminUserES(prescription.creater)" alt="" srcset="" v-else />
                      </div>
                    </div>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</template>

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

export default {
  name: 'dialysisPrintOrderSix',
  props: ['childResponse'],
  components: {
    // DialysisPrintOrderOne,
    // DialysisPrintOrderTwo,
    CheckBox,
    LabelBox,
    BreadCrumb
  },
  data() {
    return {
      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: ''
      },
      lastafterdialysis: {},
      prescription: {
        dialysate_formulation_name: '',
        device: {}
      },
      advices: [],
      users: [],
      monitors: [],
      monitors2: [],
      summary: {},
      receiverTreatmentAccess: {},
      org_template_info: {},

      doctor_advices: [],
      doctor_advices_2: [],
      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: ''
      },
      org_id:0,
      tableAdvice:[]
    }
  },
  methods: {
    checkData(){
      if(this.receiverTreatmentAccess.condition == 0){
        this.$message.error('门诊或住院未填')
      }else if(this.predialysis.temperature == ""){
        this.$message.error('透前体温未填')
      }else if(this.predialysis.pulse_frequency == ""){
        this.$message.error('透前脉搏未填')
      }else if(this.predialysis.breathing_rate == ""){
        this.$message.error('透前呼吸频率未填')
      }else if(this.predialysis.systolic_blood_pressure == 0 || this.predialysis.diastolic_blood_pressure == 0){
        this.$message.error('透前血压未填完整')
      }else if(this.predialysis.last_post_dialysis == ""){
        this.$message.error('透析间期未填')
      }else if(this.predialysis.symptom_before_dialysis == ""){
        this.$message.error('透前症状未填')
      }else if(this.predialysis.internal_fistula == ''){
        this.$message.error('透前内瘘未填')
      }else if(this.predialysis.catheter == ''){
        this.$message.error('透前导管未填')
      }else if(this.predialysis.complication == ''){
        this.$message.error('合并症未填')
      }else if(this.predialysis.dry_weight == 0){
        this.$message.error('干体重未填')
      }else if(this.predialysis.weight_before == 0){
        this.$message.error('透前体重未填')
      }else if(this.predialysis.additional_weight == 0){
        this.$message.error('衣物重未填')
      }else if(this.predialysis.weight_before == 0 && this.lastafterdialysis.weight_after == 0){
        this.$message.error('体重增加未填')
      }else if(this.predialysis.puncture_way == ''){
        this.$message.error('穿刺方式未填')
      }else if(this.predialysis.puncture_needle == ''){
        this.$message.error('穿刺针未填')
      }else if(this.afterdialysis.temperature == 0){
        this.$message.error('透后体温未填')
      }else if(this.afterdialysis.pulse_frequency == 0){
        this.$message.error('透后脉搏未填')
      }else if(this.afterdialysis.breathing_rate == 0){
        this.$message.error('透后呼吸频率未填')
      }else if(this.afterdialysis.systolic_blood_pressure == 0 || this.afterdialysis.diastolic_blood_pressure == 0){
        this.$message.error('透后血压未填完整')
      }else if(this.afterdialysis.cruor == ""){
        this.$message.error('凝血未填')
      }else if(this.afterdialysis.symptom_after_dialysis == ""){
        this.$message.error('透后症状未填')
      }else if(this.afterdialysis.internal_fistula == ''){
        this.$message.error('透后内瘘未填')
      }else if(this.afterdialysis.catheter == ''){
        this.$message.error('透后导管未填')
      }else if(this.afterdialysis.complication == ''){
        this.$message.error('透后并发症未填')
      }else if(this.afterdialysis.machine_run == ''){
        this.$message.error('机器运行未填')
      }else if(this.afterdialysis.actual_ultrafiltration == 0){
        this.$message.error('实际超滤量未填')
      }else if(this.afterdialysis.weight_after == 0){
        this.$message.error('透后体重未填')
      }else if(this.afterdialysis.weight_loss == 0){
        this.$message.error('透后体重减少未填')
      }else if(this.afterdialysis.actual_displacement == 0){
        this.$message.error('实际置换量未填')
      }else if(this.prescription.target_ultrafiltration == 0){
        this.$message.error('处方脱水量未填')
      }else if(this.prescription.dialysis_duration_hour == 0 && this.prescription.dialysis_duration_minute == 0){
        this.$message.error('透析时长未填')
      }else if(this.prescription.mode_id == ""){
        this.$message.error('透析方式未填')
      }else if(this.prescription.mode_id == 2 && this.prescription.displace_liqui_part == 0){
        this.$message.error('置换方式未填')
      }else if(this.prescription.mode_id == 2 && this.prescription.displace_liqui_value == 0){
        this.$message.error('置换总量未填')
      }else if(this.prescription.blood_access_part_opera_name == '' && this.org_id != 10233){
        this.$message.error('血管通路未填')
      }else if(this.predialysis.blood_access_part_opera_name == '' && this.org_id == 10233){
        this.$message.error('血管通路未填')
      }else if(this.predialysis.blood_access_part_id == '' && this.org_id == 10233){
        this.$message.error('血管通路部位未填')
      }else if(this.predialysis.machine_type == ""){
        this.$message.error('透析机型未填')
      }else if(this.prescription.dialyzer_perfusion_apparatus == "" && this.org_id == 10233){
        this.$message.error('透析器/灌流器未填')
      }else if(this.prescription.blood_flow_volume == 0){
        this.$message.error('血流量未填')
      }else if(this.prescription.anticoagulant == 0){
        this.$message.error('抗凝剂未填')
      }else if(this.prescription.kalium == 0){
        this.$message.error('钾未填')
      }else if(this.prescription.sodium == 0){
        this.$message.error('钠未填')
      }else if(this.prescription.calcium == 0){
        this.$message.error('钙未填')
      }else if(this.prescription.bicarbonate == 0){
        this.$message.error('碳酸氢根未填')
      }else if(this.prescription.max_ultrafiltration_rate == 0){
        this.$message.error('最大超滤率未填')
      }else if(this.summary.special_record == ""){
        this.$message.error('医师记录未填')
      }else if(this.afterdialysis.actual_treatment_hour == 0 && this.afterdialysis.actual_treatment_minute == 0){
        this.$message.error('实际治疗时间未填')
      }else if(this.summary.dialysis_summary == ""){
        this.$message.error('治疗小结未填')
      }else if(this.summary.mission == ""){
        this.$message.error('透后宣教未填')
      }else if(this.dialysisOrder == null || this.dialysisOrder.start_nurse == 0){
        this.$message.error('上机护士未填')
      }else if(this.dialysisOrder == null && this.check.creater == 0){
        this.$message.error('核对人员未填')
      }else if(this.dialysisOrder != null && this.dialysisOrder.start_nurse == this.check.modifier && this.check.creater == 0){
        this.$message.error('核对人员未填')
      }else if(this.dialysisOrder != null && this.dialysisOrder.start_nurse == this.check.creater && this.check.modifier == 0){
        this.$message.error('核对人员未填')
      }else if(this.dialysisOrder != null && this.dialysisOrder.start_nurse != this.check.creater && this.dialysisOrder.start_nurse != this.check.modifier && this.check.creater == 0){
        this.$message.error('核对人员未填')
      }else if(this.dialysisOrder == null || this.dialysisOrder.finish_nurse == 0){
        this.$message.error('下机护士未填')
      }else if(this.prescription.creater == 0){
        this.$message.error('医生签名未填')
      }else if(this.tableAdvice.length > 0 || this.monitors.length > 0){
        let num = 0
        if(this.monitors.length > 0){
          this.monitors.map(item => {
            if(item.id > 0 && item.operate_time){
              this.users.map(it => {
                if(it.id == item.monitoring_nurse){
                  if(it.user_type == 2){
                    num++
                    this.$message.closeAll()
                    this.$message.error('存在不是护士保存的监测')
                  }
                }
              })
            }
          })
        }
        if(this.tableAdvice.length > 0){
          this.tableAdvice.map(item => {
            if(item.id > 0 && (item.created_time || item.start_time)){
              this.users.map(it => {
                if(it.id == item.advice_doctor){
                  if(it.user_type == 3){
                    num++
                    this.$message.closeAll()
                    this.$message.error('存在不是医生保存的医嘱')
                  }else if(it.id == item.execution_staff && item.execution_staff > 0){
                    if(it.user_type == 2){
                      num++
                      this.$message.closeAll()
                      this.$message.error('存在不是护士执行的医嘱')
                    }
                  }else if(it.id == item.checker && item.checker > 0){
                    if(it.user_type == 2){
                      num++
                      this.$message.closeAll()
                      this.$message.error('存在不是护士核对的医嘱')
                    }
                  }
                }else if(it.id == item.execution_staff && item.execution_staff > 0){
                  if(it.user_type == 2){
                    num++
                    this.$message.closeAll()
                    this.$message.error('存在不是护士执行的医嘱')
                  }
                }else if(it.id == item.checker && item.checker > 0){
                  if(it.user_type == 2){
                    num++
                    this.$message.closeAll()
                    this.$message.error('存在不是护士核对的医嘱')
                  }
                }
              })
            }
        })
        }
        
        if(num == 0){
          this.$message.success('核对完成')
        }
      }else{
        this.$message.success('核对完成')
      }
    },
    getDisplaceLiquiPart: function(val) {
      let displace_liqui_part_name = '/'
      const 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 = '/'
      const vascular_access = getDataConfig('hemodialysis', 'vascular_access')

      for (let i = 0; i < vascular_access.length; i++) {
        if (vascular_access[i].id == val) {
          vascular_access_part_name = vascular_access[i].name
        }
      }
      return vascular_access_part_name
    },
    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 ''
    },
    getUnit: function(val) {
      switch (val) {
        case 1:
          return 'g'
          break
        case 2:
          return 'ml'
          break
      }
    },
    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.patientInfo.birth = uParseTime(
          this.patientInfo.birthday,
          '{y}-{m}-{d}'
        )
        // this.patientInfo.age = jsGetAge(this.patientInfo.birth, '-')
        if (response.data.data.patientInfo.first_dialysis_date != 0) {
          this.patientInfo.first_dialysis_date = uParseTime(
            response.data.data.patientInfo.first_dialysis_date,
            '{y}-{m}-{d}'
          )
        } else {
          this.patientInfo.first_dialysis_date = ''
        }
        this.check = response.data.data.check
        this.xtdate = response.data.data.xtdate
        this.predialysis = response.data.data.PredialysisEvaluation
        // console.log("透前评估",this.predialysis)
        this.predialysis.blood_access_part_opera_name = this.bloodAccessParOperaName(
          this.predialysis.blood_access_part_opera_id
        )
        this.afterdialysis = response.data.data.AssessmentAfterDislysis
        // console.log('透后体重', this.afterdialysis)
        this.lastafterdialysis = response.data.data.assessmentAfterDislysis
        this.operators = response.data.data.operators
        console.log('operators', this.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('透析处方', 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
        )
        this.prescription.blood_access_part_opera_name = this.bloodAccessParOperaName(
          this.prescription.blood_access
        );

        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
        console.log("医嘱数据2222222222",this.advices)

        var doctorAdevieInfo = JSON.parse(JSON.stringify(response.data.data.advices))
        this.tableAdvice = doctorAdevieInfo;
        if (this.tableAdvice.length < 7) {
          var nl = 6 - this.tableAdvice.length;
          for (let index = 0; index < nl; index++) {
            this.tableAdvice.push([]);
          }
        }
        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
        //     }
        //   }
        // }
        if (this.monitors.length < 6) {
          var nl = 5 - this.monitors.length;
          for (let index = 0; index < nl; index++) {
            this.monitors.push([]);
          }
        }

        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 (this.dialysisOrder && monitor.operate_time == this.dialysisOrder.end_time) {
              if(this.org_id != 10233){
                this.monitors[index].end = '【结束透析】回血100ml/min'
              }else{
                this.monitors[index].end = '【结束透析】'
              }
              tempmonitorflag = false
            }
            if (tempmonitorflag && index == this.monitors.length - 1) {
              if(this.org_id != 10233){
                this.monitors[index].end = '【结束透析】回血100ml/min'
              }else{
                this.monitors[index].end = '【结束透析】'
              }
            }
          }
        }
        
        console.log('this.monitors',this.monitors)

        this.jilurow = this.monitors.length + 1

        this.advice_jilurow = this.advices.length + 1

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

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

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

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

        this.advices = []
        for (var i = 0; i < halfLen; i++) {
          var item = []
          item.push(leftAdvice[i])
          item.push(rightAdvice[i])
          this.advices.push(item)
        }
        this.loading = false
        this.doctor_advices =
          response.data.data.advices == null ? [] : response.data.data.advices
        for (let index = 0; index < this.doctor_advices.length; index++) {
          this.doctor_advices[index]['isShow'] = 2
        }

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

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

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

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

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

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

        //     if (group.group_no > 0 && group.group_no != advice.groupno) {
        //       this.advice_groups.push(group)
        //       group = this.newAdviceGroupObject()
        //     }
        //     if (group.group_no == 0) {
        //       initGroupBlock(group, advice)
        //     }
        //     if (group.group_no == advice.groupno) {
        //       group.advices.push(advice)
        //     }
        //   }

        //   if (group.group_no > 0) {
        //     // 上述的算法会导致最后一组没有加到advice_groups，这里要手动加上
        //    this.advice_groups.push(group)
        //   }
        // }


        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
        if (this.totollength > 18) {
          var temp_advice_length = 17 - this.monitors.length
          var doctor_advices_1 = []
          var doctor_advices_2 = []
          for (let index = 0; index < this.doctor_advices.length; index++) {
            const element = this.doctor_advices[index]
            if (temp_advice_length > index) {
              doctor_advices_1.push(element)
            } else {
              doctor_advices_2.push(element)
            }
          }
          this.doctor_advices = doctor_advices_1
          this.doctor_advices_2 = doctor_advices_2
        }
        console.log(this.advice_groups)
      } else {
        this.loading = false
        this.$message.error('请求数据失败')
        return false
      }
      // })
    },

    bloodAccessParOperaName(id) {
      if (id in this.bloodAccessParOpera) {
        return this.bloodAccessParOpera[id].name
      }
      return ''
    },
    dialysateFormulationName(id) {
      if (id in this.dialysateFormulationOptions) {
        return this.dialysateFormulationOptions[id].name
      }
      return ''
    },
    getAge: function(val) {
      if (
        this.org_template_info.template_id == 2 ||
        this.org_template_info.template_id == 0
      ) {
        if (val.age == 0) {
          return jsGetAge(val.birth, '-')
        } else {
          return val.age
        }
      } else {
        return jsGetAge(val.birth, '-')
      }
    },
    newAdviceGroupObject: function() {
      return Object.assign(
        {},
        {
          group_no: 0,
          // advice_doctor: 0,
          // start_time: 0,
          advices: []
          // exec_staff: 0,
          // exec_time: 0,
          // checker: 0,
        }
      )
    },
    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'
      }
    }
  },
  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.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')
    this.org_id = this.$store.getters.xt_user.org.id
    var xtuser = this.$store.getters.xt_user
    this.orgname = xtuser.org.org_name
    // this.orgname = "遂溪方济医院";
    this.modeOptions = this.$store.getters.treatment_mode
    this.replacementWays = this.$store.getters.replacement_ways
    this.perfusionApparatus = this.$store.getters.perfusion_apparatus
    this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit
    this.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.org_id = this.$store.getters.xt_user.org.id
     console.log("=====",this.org_id)
    // 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
    console.log('xtdate', xtdate)
    const xtno = this.$route.query && this.$route.query.xtno
    console.log('xtno', 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;
}

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