elizebeth/src/xt_pages/dialysis/template/dialysisPrintOrderTwelve.vue

<template>
  <div id="dialysis-print-box">
    <div class="dialysis-print-order">
      <div class="order-yy-name">{{ orgname }}</div>
      <div class="order-title">血液透析治疗记录单</div>
      <table class="print-table" border="1" style="margin-top: 10px;">
        <tbody>
          <tr style="text-align:center">
            <td colspan="11" style="margin-left:15px">
              治疗日期:{{ queryParams.xtdate ? queryParams.xtdate : "/" }}
            </td>
          </tr>
          <tr>
            <td
              width="120"
              style="padding-left:5px;border:none;text-align: left;"
            >
              <div>
                姓 名:&nbsp;{{ patientInfo.name ? patientInfo.name : "/" }}
              </div>
            </td>

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

            <td width="80" style="border:none">透析机号:</td>
            <td width="80" style="border:none;text-align: left;">
              <div>
                {{
                  dialysisOrder &&
                  dialysisOrder.DeviceNumber &&
                  dialysisOrder.DeviceNumber.number.length > 0
                    ? dialysisOrder.DeviceNumber.number
                    : patientInfo.DialysisSchedule.device_number.number
                }}
              </div>
            </td>
            <!-- <td width="1"></td> -->
            <td width="50" style="border:none">床位号:</td>
            <td width="80" style="border-left:none;text-align: left;">
              <div>
                {{ patientInfo.dialysis_no }}
              </div>
            </td>
          </tr>
          <tr style="text-align:left">
            <td colspan="11" style="padding-left:5px">
              上机前病情：{{
                predialysis.symptom_before_dialysis
                  ? predialysis.symptom_before_dialysis
                  : ""
              }}
            </td>
          </tr>
          <tr style="text-align:left">
            <td colspan="8" style="padding-left:5px">
              治疗方式:&nbsp;
              <label-box
                :isChecked="prescription.mode_id == 1 ? true : false"
                showValue="HD"
              ></label-box
              >&nbsp;
              <label-box
                :isChecked="prescription.mode_id == 2 ? true : false"
                showValue="HDF"
              ></label-box
              >&nbsp; （
              <label-box
                :isChecked="
                  prescription.displace_liqui_part == 1 ? true : false
                "
                showValue="前稀释"
              ></label-box>
              <label-box
                :isChecked="
                  prescription.displace_liqui_part == 2 ? true : false
                "
                showValue="后稀释"
              ></label-box>
              <span
                >,置换量
                <span style="width:50px;display: inline-block;">
                  {{
                    prescription.displace_liqui_value
                      ? prescription.displace_liqui_value
                      : "/"
                  }}
                </span>
                L</span
              >
              ）
              <label-box
                :isChecked="
                  prescription.mode_id == 3
                    ? true
                    : prescription.mode_id == 4
                    ? true
                    : prescription.mode_id == 5
                    ? true
                    : false
                "
                showValue="其他："
              ></label-box>
              <span v-if="prescription.mode_id == 3">
                {{ prescription.mode_id == 3 ? "HD+HP" : "" }}
              </span>
              <span v-if="prescription.mode_id == 4">
                {{ prescription.mode_id == 4 ? "HP" : "" }}
              </span>
              <span v-if="prescription.mode_id == 5">
                {{ prescription.mode_id == 5 ? "HF" : "" }}
              </span>
            </td>
            <td colspan="3" style="border-left:1px solid #000;padding-left:5px">
              治疗时间:
              <span
                >&nbsp;{{
                  prescription.dialysis_duration_hour
                    ? prescription.dialysis_duration_hour
                    : "0"
                }}小时{{
                  prescription.dialysis_duration_minute
                    ? prescription.dialysis_duration_minute
                    : "0"
                }}分钟</span
              >
            </td>
          </tr>
          <tr style="text-align:left">
            <td colspan="11" style="padding-left:5px">
              治疗抗凝：<label-box
                :isChecked="
                  prescription.anticoagulant == '低分子肝素钙'
                    ? true
                    : prescription.anticoagulant == '低分子肝素钠'
                    ? true
                    : false
                "
                showValue="低分子肝素："
              ></label-box>
              <span style="width:50px;display: inline-block;">{{
                prescription.anticoagulant_zongliang &&
                (prescription.anticoagulant == "低分子肝素钙" ||
                  prescription.anticoagulant == "低分子肝素钠")
                  ? prescription.anticoagulant_zongliang
                  : ""
              }}</span
              >iu&nbsp;
              <label-box
                :isChecked="
                  prescription.anticoagulant == '普通肝素' ? true : false
                "
                showValue="普通肝素："
              ></label-box>
              首剂：<span style="width:35px;display: inline-block;">{{
                prescription.anticoagulant_shouji &&
                prescription.anticoagulant == "普通肝素"
                  ? prescription.anticoagulant_shouji
                  : ""
              }}</span>
              <span v-if="prescription.anticoagulant == '枸橼酸钠'">mg</span>
              <span v-if="prescription.anticoagulant == '阿加曲班'">mg</span>
              <span v-if="prescription.anticoagulant == '低分子肝素'">iu</span>
              <span v-if="prescription.anticoagulant == '普通肝素'">iu</span>
              <span v-if="prescription.anticoagulant == '无肝素'">mg</span>
              <span v-if="prescription.anticoagulant == '低分子肝素钙'"
                >iu</span
              >
              <span v-if="prescription.anticoagulant == '低分子肝素钠'">iu</span
              >&nbsp; 追加：<span style="width:35px;display: inline-block;">{{
                prescription.anticoagulant_weichi
                  ? prescription.anticoagulant_weichi
                  : ""
              }}</span
              ><span v-if="prescription.anticoagulant == '枸橼酸钠'">ml/h</span>
              <span v-if="prescription.anticoagulant == '阿加曲班'">mg/h</span>
              <span v-if="prescription.anticoagulant == '低分子肝素'"
                >iu/h</span
              >
              <span v-if="prescription.anticoagulant == '普通肝素'">iu/h</span>
              <span v-if="prescription.anticoagulant == '无肝素'">mg/h</span>
              <span v-if="prescription.anticoagulant == '低分子肝素钙'"
                >iu/h</span
              >
              <span v-if="prescription.anticoagulant == '低分子肝素钠'"
                >iu/h</span
              >
              &nbsp; 总量：<span style="width:50px;display: inline-block;">{{
                prescription.anticoagulant_zongliang &&
                (prescription.anticoagulant != "低分子肝素钙" ||
                  prescription.anticoagulant == "低分子肝素钠")
                  ? prescription.anticoagulant_zongliang
                  : ""
              }}</span
              ><span v-if="prescription.anticoagulant == '枸橼酸钠'">mg</span>
              <span v-if="prescription.anticoagulant == '阿加曲班'">mg</span>
              <span v-if="prescription.anticoagulant == '低分子肝素'">iu</span>
              <span v-if="prescription.anticoagulant == '普通肝素'">iu</span>
              <span v-if="prescription.anticoagulant == '无肝素'">mg</span>
              <span v-if="prescription.anticoagulant == '低分子肝素钙'"
                >iu</span
              >
              <span v-if="prescription.anticoagulant == '低分子肝素钠'"
                >iu</span
              >
              &nbsp;
              <label-box
                :isChecked="
                  prescription.anticoagulant == '无肝素' ? true : false
                "
                showValue="无肝素："
              ></label-box>
              <label-box
                :isChecked="
                  prescription.anticoagulant == '枸橼酸钠' ? true : false
                "
                showValue="枸橼酸"
              ></label-box>
            </td>
          </tr>
          <tr style="text-align:left">
            <td colspan="7" style="padding-left:5px">
              处方脱水量：<span style="width:50px;display: inline-block;">{{
                prescription.target_ultrafiltration
                  ? prescription.target_ultrafiltration
                  : ""
              }}</span
              >L； 透析液流量：<span style="width:50px;display: inline-block;">
                {{
                  prescription.dialysate_flow ? prescription.dialysate_flow : ""
                }}</span
              >ml/min；
            </td>
            <td
              colspan="4"
              style="padding-left:5px;border-left:1px solid #000;padding-left:5px"
            >
              医师签名：
              <span v-if="setAdminUserES(prescription.creater) == ''">{{
                getAdminUser(prescription.creater)
              }}</span>
              <img
                class="es-img"
                :src="setAdminUserES(prescription.creater)"
                alt=""
                srcset=""
                v-else
              />
            </td>
          </tr>
          <tr style="text-align:left">
            <td colspan="2" style="padding-left:5px">
              透析机：{{
                predialysis.machine_type ? predialysis.machine_type : ""
              }}
            </td>
            <td
              colspan="2"
              style="padding-left:5px;border-left:1px solid #000;"
            >
              透析(滤)器：{{
                prescription.dialyzer_perfusion_apparatus
                  ? prescription.dialyzer_perfusion_apparatus
                  : ""
              }}
            </td>
            <td
              colspan="7"
              style="padding-left:5px;border-left:1px solid #000;"
            >
              透析液：钾：<span style="width:40px;display: inline-block;">{{
                prescription.kalium
              }}</span
              >mmol/L&nbsp; 钙：<span
                style="width:40px;display: inline-block;"
                >{{ prescription.calcium }}</span
              >mmol/L&nbsp; 碳酸氢根：<span
                style="width:40px;display: inline-block;"
                >{{
                  prescription.bicarbonate ? prescription.bicarbonate : ""
                }}</span
              >mmol/L
            </td>
          </tr>
          <tr style="text-align:left">
            <td colspan="11" style="padding-left:5px">
              血管通路：
              <label-box
                :isChecked="
                  predialysis.blood_access_part_opera_name.indexOf('自体内瘘') >
                  -1
                    ? true
                    : false
                "
                showValue="内瘘"
              ></label-box
              >&nbsp;
              <label-box
                :isChecked="
                  predialysis.blood_access_part_opera_name.indexOf(
                    '长期静脉导管'
                  ) > -1
                    ? true
                    : false
                "
                showValue="长期静脉导管"
              ></label-box
              >&nbsp;
              <label-box
                :isChecked="
                  predialysis.blood_access_part_opera_name.indexOf('颈内静脉') >
                  -1
                    ? true
                    : false
                "
                showValue="临时颈内静脉导管"
              ></label-box
              >&nbsp;
              <label-box
                :isChecked="
                  predialysis.blood_access_part_opera_name.indexOf('股静脉') >
                  -1
                    ? true
                    : false
                "
                showValue="临时股静脉导管"
              ></label-box
              >&nbsp;
              <label-box
                :isChecked="
                  predialysis.blood_access_part_opera_name.indexOf('自体内瘘') >
                  -1
                    ? true
                    : false
                "
                showValue="其他"
              ></label-box
              >&nbsp;
              <span style="width:50px;display: inline-block;"></span>
              穿刺者：<span style="width:50px;display: inline-block;">
                <span
                  v-if="
                    setAdminUserES(
                      dialysisOrder == null ? 0 : dialysisOrder.puncture_nurse
                    ) == ''
                  "
                  >{{
                    getAdminUser(
                      dialysisOrder == null ? 0 : dialysisOrder.puncture_nurse
                    )
                  }}</span
                >
                <img
                  class="es-img"
                  :src="
                    setAdminUserES(
                      dialysisOrder == null ? 0 : dialysisOrder.puncture_nurse
                    )
                  "
                  alt=""
                  srcset=""
                  v-else
                />
              </span>
            </td>
          </tr>
        </tbody>
      </table>

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

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

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

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

          <tr v-for="(advice, advice_index) in tableAdvice" style="height:30px">
            <td>{{ getTime(advice.start_time, "{y}-{m}-{d} {h}:{i}") }}</td>
            <td colspan="5" style="height:30px;">
              <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>
            </td>
            <td colspan="2">
              <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 colspan="2" style="height:40px">
              <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 colspan="3" style="width:130px;">
              {{ getTime(advice.execution_time, "{y}-{m}-{d} {h}:{i}") }}
            </td>

            <!-- <td>
              <span v-if="setAdminUserES(advice.checker) == ''">{{
                getAdminUser(advice.checker)
              }}</span>
              <img
                style="height:40px;"
                :src="setAdminUserES(advice.checker)"
                alt=""
                srcset=""
                v-else
              />
            </td>
            <td v-if="advice_index === 0">透前体重:</td>
            <td v-if="advice_index === 0">{{ predialysis.weight_before }}kg</td>
            <td v-if="advice_index === 1">体重增加量:</td>
            <td v-if="advice_index === 1"></td>
            <td v-if="advice_index === 2">干体重(DW):</td>
            <td v-if="advice_index === 2">{{ predialysis.dry_weight }}kg</td>
            <td v-if="advice_index === 3">较干体重增加量:</td>
            <td v-if="advice_index === 3">
              {{
                (
                  predialysis.weight_before -
                  predialysis.dry_weight -
                  predialysis.additional_weight
                ).toFixed(2)
              }}kg
            </td>
            <td v-if="advice_index === 4">净脱水量:</td>
            <td v-if="advice_index === 4">
              {{ afterdialysis.actual_ultrafiltration }}L
            </td>
            <td v-if="advice_index === 5">透后体重:</td>
            <td v-if="advice_index === 5">
              {{ afterdialysis.weight_after }}kg
            </td> -->
          </tr>
        </tbody>
      </table>
      <table class="print-table" border="1">
        <tbody>
          <tr>
            <td width="100" style="padding-left:5px;border:none">透前体重:</td>
            <td width="120" style="border:none;text-align:left;border:none;">
              <div>
                &nbsp;<span style="width:70px;display:inline-block">{{
                  predialysis.weight_before ? predialysis.weight_before : ""
                }}</span
                >Kg
              </div>
            </td>
            <!-- <td width="100" style="border:none;"></td> -->

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

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

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

            <td width="70" style="border:none;padding-left:5px;">
              内瘘:
            </td>
            <td
              width="200"
              style="text-align:left;border:none;line-height: 30px;"
            >
              <div>
                <span style="width:200px;display:inline-block">{{
                  afterdialysis.internal_fistula
                    ? afterdialysis.internal_fistula
                    : ""
                }}</span>
              </div>
            </td>
            <td width="70" style="border:none;padding-left:5px">
              导管:
            </td>
            <td width="180" style="text-align:left;border:none;">
              <div>
                <span style="width:180px;display:inline-block">{{
                  afterdialysis.catheter ? afterdialysis.catheter : ""
                }}</span>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
      <table class="print-table" border="1">
        <!-- <td>
          <table class="table-box" style="table-layout:fixed">
            <tr>
              <td style="text-align:left;margin-left:15px;width:25%">
                上机时间:
                <span class="under-line">
                  {{
                    getTime(Order.start_time, "{y}-{m}-{d} {h}:{i}")
                      ? getTime(Order.start_time, "{y}-{m}-{d} {h}:{i}")
                      : "0"
                  }}</span
                >
              </td>
              <td style="text-align:left;margin-left:15px;width:25%">
                下机时间:
                <span class="under-line">{{
                  getTime(Order.end_time, "{y}-{m}-{d} {h}:{i}")
                    ? getTime(Order.end_time, "{y}-{m}-{d} {h}:{i}")
                    : "0"
                }}</span>
              </td>
              <td style="text-align:left;margin-left:15px;width:25%">
                上机护士:
                <span class="under-line" v-if="orderForm.url === ''">{{
                  orderForm.start_nurse ? orderForm.start_nurse : "/"
                }}</span>
                <span class="under-line" v-if="orderForm.url !== ''"
                  ><img :src="orderForm.url" style="height:40px;"
                /></span>
              </td>
              <td style="text-align:left;margin-left:15px;width:25%">
                核对护士:
                <span class="under-line"
                  >&nbsp;
                  <span
                    v-if="
                      setAdminUserES(check == null ? 0 : check.modifier) == ''
                    "
                    >{{
                      getAdminUser(check == null ? 0 : check.modifier)
                        ? getAdminUser(check == null ? 0 : check.modifier)
                        : "/"
                    }}</span
                  >
                  <img
                    class="es-img"
                    :src="setAdminUserES(check == null ? 0 : check.modifier)"
                    alt=""
                    srcset=""
                    style="height:40px"
                    v-else
                  />
                </span>
              </td>
            </tr>

            <tr>
              <td style="text-align:left;margin-left:15px;width:25%">
                下机护士:
                <span class="under-line" v-if="finshForm.url === ''"
                  >&nbsp;{{
                    finshForm.finish_nurse ? finshForm.finish_nurse : "/"
                  }}</span
                >
                <span class="under-line" v-if="finshForm.url !== ''"
                  >&nbsp;<img :src="finshForm.url" style="height:40px;"
                /></span>
              </td>
              <td style="text-align:left;margin-left:15px;width:25%">
                下机血压:
                <span class="under-line"
                  >&nbsp;{{ afterdialysis.systolic_blood_pressure }}/{{
                    afterdialysis.diastolic_blood_pressure
                  }}&nbsp;mmHg</span
                >
              </td>
              <td style="text-align:left;margin-left:15px;width:25%">
                实际治疗时间:
                <span class="under-line"
                  >&nbsp;
                  {{
                    afterdialysis.actual_treatment_hour
                      ? afterdialysis.actual_treatment_hour
                      : "0"
                  }}小时{{
                    afterdialysis.actual_treatment_minute
                      ? afterdialysis.actual_treatment_minute
                      : "0"
                  }}分钟
                </span>
              </td>
              <td style="text-align:left;margin-left:15px;width:25%">
                实际超滤量:
                <span class="under-line"
                  >&nbsp;{{
                    afterdialysis.actual_ultrafiltration
                      ? afterdialysis.actual_ultrafiltration
                      : "0"
                  }}&nbsp;L</span
                >
              </td>
            </tr>
            <tr>
              <td style="text-align:left;margin-left:15px">
                拔针后穿刺点渗血:
                <span
                  class="under-line"
                  v-if="afterdialysis.puncture_point_oozing_blood === 0"
                  >&nbsp;/</span
                >
                <span
                  class="under-line"
                  v-if="afterdialysis.puncture_point_oozing_blood === 1"
                  >&nbsp;有</span
                >
                <span
                  class="under-line"
                  v-if="afterdialysis.puncture_point_oozing_blood === 2"
                  >&nbsp;无</span
                >
              </td>
              <td style="text-align:left;margin-left:15px">
                穿刺处血肿:
                <span
                  class="under-line"
                  v-if="afterdialysis.puncture_point_haematoma === 0"
                  >&nbsp;/</span
                >
                <span
                  class="under-line"
                  v-if="afterdialysis.puncture_point_haematoma === 1"
                  >&nbsp;有</span
                >
                <span
                  class="under-line"
                  v-if="afterdialysis.puncture_point_haematoma === 2"
                  >&nbsp;无</span
                >
              </td>
              <td :colspan="2" style="text-align:left;margin-left:15px">
                压迫后内瘘震颤:
                <label-box
                  :isChecked="
                    predialysis.internal_fistula.indexOf('震颤-存在') > -1
                      ? true
                      : false
                  "
                  showValue="存在"
                ></label-box>
                &nbsp;
                <label-box
                  :isChecked="
                    predialysis.internal_fistula.indexOf('震颤-减弱') > -1
                      ? true
                      : false
                  "
                  showValue="减弱"
                ></label-box>
                &nbsp;
                <label-box
                  :isChecked="
                    predialysis.internal_fistula.indexOf('震颤-无') > -1
                      ? true
                      : false
                  "
                  showValue="无"
                ></label-box>
              </td>
              <td width="10"></td>
            </tr>
            <tr>
              <td style="text-align:left;margin-left:15px;" colspan="2">
                并发症:
                <span class="under-line"
                  >&nbsp;{{ afterdialysis.complication }}</span
                >
              </td>
              <td style="text-align:left;margin-left:15px" colspan="2">
                透析器凝血:
                <span class="under-line">{{
                  afterdialysis.cruor ? afterdialysis.cruor : "/"
                }}</span>
              </td>
            </tr>
          </table>

          <table class="table-box">
            <tr>
              <td style="text-align:left;margin-left:15px">
                治疗小结:
                <span class="under-line"
                  >&nbsp;{{ summary.dialysis_summary }}</span
                >
              </td>
            </tr>
          </table>
        </td> -->
        <tr style="height:100px;text-align:left;border:none;">
          <td style="padding-left:5px;border:none">
            治疗小结：{{
              summary.dialysis_summary ? summary.dialysis_summary : ""
            }}
          </td>
        </tr>
        <tr style="height:40px">
          <td rowspan="11" style="border:none;text-align:right;height:40px">
            医生签名
            <span style="display: inline-block;width:100px;text-align: left;">
              &nbsp;
              <span v-if="doctorForm.url === ''">{{ doctorForm.doctor }}</span>
              <span v-if="doctorForm.url !== ''">
                <img class="es-img" :src="doctorForm.url" />
              </span>
            </span>
            核对护士
            <span style="display: inline-block;width:100px;text-align: left;">
              &nbsp;
              <span
                v-if="setAdminUserES(check == null ? 0 : check.modifier) == ''"
                >{{ getAdminUser(check == null ? 0 : check.modifier) }}</span
              >
              <img
                style="height:20px;"
                :src="setAdminUserES(check == null ? 0 : check.modifier)"
                alt=""
                srcset=""
                v-else
              />
            </span>
            护士签名
            <span style="display: inline-block;width:100px;text-align: left;">
              &nbsp;
              <p v-if="doctor_advices.length > 0">
                <span
                  v-if="setAdminUserES(doctor_advices[0].execution_staff) == ''"
                  >{{ getAdminUser(doctor_advices[0].execution_staff) }}</span
                >
                <img
                  class="es-img"
                  :src="setAdminUserES(doctor_advices[0].execution_staff)"
                  alt=""
                  srcset=""
                  v-else
                />
              </p>
            </span>
          </td>
        </tr>
      </table>

      <!-- <div>
        注:透析器凝血评价标准:"0级"&nbsp;无凝血或数条纤维束凝血,"Ⅰ级"&nbsp;少于10%纤维凝血,"Ⅱ级"&nbsp;少于50%纤维凝血,"Ⅲ级"&nbsp;大于50%纤维凝血
      </div> -->
    </div>
  </div>
</template>

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

export default {
  name: "dialysisPrintOrderOne",
  components: {
    // DialysisPrintOrderOne,
    // DialysisPrintOrderTwo,
    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: {},
      dialysisOrder: {
        DeviceNumber: []
      },
      Order: {},
      operatorMaps: {},
      complications: [
        "低血压",
        "高血压",
        "心律失常",
        "头晕",
        "头痛",
        "呕吐",
        "抽搐",
        "出血",
        "心衰",
        "腹痛",
        "无"
      ],
      jilurow: 0,
      advice_jilurow: 0,
      loading: false,
      orgname: "",
      patientInfo_gender_1: false,
      patientInfo_gender_2: false,
      patientInfo_source_2: false,
      patientInfo_source_1: false,
      modeOptions: {},
      replacementWays: [],
      perfusionApparatus: [],
      anticoagulantsConfit: {},
      bloodAccessParOpera: {},
      dialysateFormulationOptions: {},

      queryParams: {
        xtdate: "",
        xtno: ""
      },
      patientInfo: {
        birth: "",
        age: "",
        DialysisSchedule: {
          device_number: { number: "" },
          device_zone: { name: "" }
        },
        gender: 0
      },
      predialysis: {
        score: "",
        internal_fistula: "",
        internal_fistula_skin: "",
        catheter: "",
        blood_access_part_opera_name: ""
      },
      afterdialysis: {
        complications_index: ""
      },
      prescription: {
        dialysate_formulation_name: "",
        device: {}
      },
      advices: [],
      users: [],
      monitors: [],
      summary: {},
      receiverTreatmentAccess: {},
      org_template_info: {},
      isShowZero: false,

      doctor_advices: [],
      advice_groups: [],

      AlPanel: {
        id: 0,
        name: "",
        type: 1,
        shouji: 2,
        weichi: 2,
        zongliang: 2,
        gaimingcheng: -1,
        gaijiliang: -1,
        shouji_unit: "mg",
        weichi_unit: "mg/h",
        zongliang_unit: "mg",
        gaimingcheng_unit: "",
        gaijiliang_unit: ""
      },
      total: "",
      doctorForm: {
        doctor: "",
        url: ""
      },
      dialysisDoctor: {
        doctor: "",
        url: ""
      },
      tableAdvice: [],
      assessmentafter: {},
      orderForm: {
        start_nurse: "",
        url: ""
      },
      finshForm: {
        finish_nurse: "",
        url: ""
      },
      displaceLiquiPartOptions: []
    };
  },
  methods: {
    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;
    },
    getAdminUser(id) {
      if (id == 0) {
        return "";
      }
      if (id == undefined) {
        return "";
      }
      for (let i = 0; i < this.adminUser.length; i++) {
        if (this.adminUser[i].id == id) {
          return this.adminUser[i].name;
        }
      }
    },
    getTime(value, temp) {
      if (value == 0) {
        return "";
      }
      if (value != undefined) {
        return uParseTime(value, temp);
      }
      return "";
    },
    printThisPage() {
      var ptime = Math.round(new Date().getTime() / 1000);
      this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");

      const style =
        '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}';

      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 => {
        if (response.data.state === 1) {
          this.total = response.data.data.total;
          this.adminUser = response.data.data.users;
          this.users = response.data.data.users;
          var patientInfo = response.data.data.patientInfo;
          console.log("烧腊店就拉萨讲道理看", patientInfo);
          if (patientInfo.gender === 1) {
            patientInfo.gender = "男";
          }
          if (patientInfo.gender === 2) {
            patientInfo.gender = "女";
          }
          console.log("patientInfo", patientInfo);
          this.patientInfo = 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;
          console.log("核对信息", this.check);
          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.assessmentafter = response.data.data.assessmentAfterDislysis;
          console.log("上次透后体重", this.assessmentafter);
          var doctorAdevieInfo = response.data.data.doctorAdevieInfo;
          var tableAdvice = doctorAdevieInfo;
          console.log("医生", tableAdvice);
          if (tableAdvice.length === 0) {
            var obj = { advice_name: "", start_time: "" };
            var obj1 = { advice_name: "", start_time: "" };
            var obj2 = { advice_name: "", start_time: "" };
            var obj3 = { advice_name: "", start_time: "" };
            var obj4 = { advice_name: "", start_time: "" };
            var obj5 = { advice_name: "", start_time: "" };
            tableAdvice.push(obj);
            tableAdvice.push(obj1);
            tableAdvice.push(obj2);
            tableAdvice.push(obj3);
            tableAdvice.push(obj4);
            tableAdvice.push(obj5);
            this.tableAdvice = tableAdvice;
          }
          if (tableAdvice.length === 1) {
            var obj = { advice_name: "", start_time: "" };
            var obj1 = { advice_name: "", start_time: "" };
            var obj2 = { advice_name: "", start_time: "" };
            var obj3 = { advice_name: "", start_time: "" };
            var obj4 = { advice_name: "", start_time: "" };
            tableAdvice.push(obj);
            tableAdvice.push(obj1);
            tableAdvice.push(obj2);
            tableAdvice.push(obj3);
            tableAdvice.push(obj4);
            this.tableAdvice = tableAdvice;
          }
          if (tableAdvice.length === 2) {
            var obj = { advice_name: "", start_time: "" };
            var obj1 = { advice_name: "", start_time: "" };
            var obj2 = { advice_name: "", start_time: "" };
            var obj3 = { advice_name: "", start_time: "" };
            tableAdvice.push(obj);
            tableAdvice.push(obj1);
            tableAdvice.push(obj2);
            tableAdvice.push(obj3);
            this.tableAdvice = tableAdvice;
          }
          if (tableAdvice.length === 3) {
            // eslint-disable-next-line no-redeclare
            var obj = { advice_name: "", start_time: "" };
            // eslint-disable-next-line no-redeclare
            var obj1 = { advice_name: "", start_time: "" };
            // eslint-disable-next-line no-redeclare
            var obj2 = { advice_name: "", start_time: "" };
            // eslint-disable-next-line no-redeclare
            tableAdvice.push(obj);
            tableAdvice.push(obj1);
            tableAdvice.push(obj2);

            this.tableAdvice = tableAdvice;
          }
          if (tableAdvice.length === 4) {
            // eslint-disable-next-line no-redeclare
            var obj = { advice_name: "", start_time: "" };
            // eslint-disable-next-line no-redeclare
            var obj1 = { advice_name: "", start_time: "" };
            // eslint-disable-next-line no-redeclare

            tableAdvice.push(obj);
            tableAdvice.push(obj1);
            this.tableAdvice = tableAdvice;
          }
          if (tableAdvice.length === 5) {
            // eslint-disable-next-line no-redeclare
            var obj = { advice_name: "", start_time: "" };
            // eslint-disable-next-line no-redeclare
            var obj1 = { advice_name: "", start_time: "" };
            tableAdvice.push(obj);
            tableAdvice.push(obj1);
            this.tableAdvice = tableAdvice;
          }

          if (tableAdvice.length >= 6) {
            this.tableAdvice = tableAdvice;
          }
          this.afterdialysis = response.data.data.AssessmentAfterDislysis;
          console.log("透后评估", this.afterdialysis);
          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(
            ","
          );
          var doctorname = response.data.data.DoctorName;
          //console.log("医师签名", doctorname);
          this.doctorForm.doctor = doctorname.user_name;
          this.doctorForm.url = doctorname.url;
          var prescription = response.data.data.dialysisPrescription;
          console.log("透析处方", prescription);
          if (prescription.anticoagulant == 6) {
            prescription.anticoagulant = "低分子肝素钙";
          }
          if (prescription.anticoagulant == 7) {
            prescription.anticoagulant = "低分子肝素钠";
          }
          if (prescription.blood_access === 1) {
            prescription.blood_access = "正常";
          }
          if (prescription.blood_access === 2) {
            prescription.blood_access = "震颤";
          }
          if (prescription.blood_access === 3) {
            prescription.blood_access = "堵塞";
          }
          if (prescription.blood_access === 4) {
            prescription.blood_access = "血肿";
          }
          if (prescription.blood_access === 5) {
            prescription.blood_access = "淤血";
          }
          if (prescription.blood_access === 6) {
            prescription.blood_access = "感染";
          }
          if (prescription.blood_access === 7) {
            prescription.blood_access = "自体内瘘";
          }
          if (prescription.blood_access === 8) {
            prescription.blood_access = "人工血管内瘘";
          }
          if (prescription.replacement_way === 1) {
            prescription.replacement_way = "前置换";
          }
          if (prescription.replacement_way === 2) {
            prescription.replacement_way = "后置换";
          }
          if (prescription.replacement_way === 3) {
            prescription.replacement_way = "中置换";
          }
          if (prescription.replacement_way === 4) {
            prescription.replacement_way = "混合置换";
          }
          if (prescription.anticoagulant === 1) {
            prescription.anticoagulant = "无肝素";
          }
          if (prescription.anticoagulant === 2) {
            prescription.anticoagulant = "普通肝素";
          }
          if (prescription.anticoagulant === 3) {
            prescription.anticoagulant = "低分子肝素";
          }
          if (prescription.anticoagulant === 4) {
            prescription.anticoagulant = "阿加曲班";
          }
          if (prescription.anticoagulant === 5) {
            prescription.anticoagulant = "枸橼酸钠";
          }
          this.prescription = prescription;
          var receiverTreatmentAccess =
            response.data.data.receiverTreatmentAccess;
          if (receiverTreatmentAccess.sick_condition === 1) {
            receiverTreatmentAccess.sick_condition = "一般";
          }
          if (receiverTreatmentAccess.sick_condition === 2) {
            receiverTreatmentAccess.sick_condition = "严重";
          }
          if (receiverTreatmentAccess.sick_condition === 3) {
            receiverTreatmentAccess.sick_condition = "危";
          }
          if (receiverTreatmentAccess.way === 1) {
            receiverTreatmentAccess.way = "步行";
          }
          if (receiverTreatmentAccess.way === 2) {
            receiverTreatmentAccess.way = "扶行";
          }
          if (receiverTreatmentAccess.way === 3) {
            receiverTreatmentAccess.way = "轮椅";
          }
          if (receiverTreatmentAccess.way === 4) {
            receiverTreatmentAccess.way = "平车";
          }
          console.log("接诊评估:", receiverTreatmentAccess);
          this.receiverTreatmentAccess = 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;
          console.log("透析监测", this.monitors);
          this.summary = response.data.data.summary;
          this.Order = response.data.data.order;

          var start_nurse = response.data.data.startNuse;
          // console.log('上机护士', start_nurse)
          this.orderForm.start_nurse = start_nurse.user_name;
          this.orderForm.url = start_nurse.url;
          var finish_nurse = response.data.data.FinishNuse;
          // console.log('下机护士', finish_nurse)
          this.finshForm.url = finish_nurse.url;
          this.finshForm.finish_nurse = finish_nurse.user_name;
          var dialysisdoctor = response.data.data.dialysisdocotr;
          //this.dialysisDoctor.doctor = dialysisdoctor.user_name;
          // this.dialysisDoctor.url = dialysisdoctor.url;
          this.org_template_info = response.data.data.org_template_info;
          // 配置超滤量和置换量是否要显示0还是空
          if (this.org_template_info.org_id == 9535) {
            this.isShowZero = true;
          }
          if (this.monitors.length < 7) {
            var nl = 8 - this.monitors.length;
            for (let index = 0; index < nl; index++) {
              this.monitors.push([]);
            }
          }
          this.jilurow = this.monitors.length + 1;

          this.advice_jilurow = this.advices.length + 1;

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

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

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

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

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

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

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

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

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

                var doctor_advice = {
                  delivery_way: this.doctor_advices[index].delivery_way,
                  execution_frequency: this.doctor_advices[index]
                    .execution_frequency,
                  groupno: this.doctor_advices[index].groupno,
                  id: this.doctor_advices[index].id,
                  parent_id: this.doctor_advices[index].parent_id,
                  children: this.doctor_advices[index].children,
                  remark: this.doctor_advices[index].remark
                };
                doctor_advice["isShow"] = 1;
                this.doctor_advices.splice(new_advice_index, 0, doctor_advice);
                // this.doctor_advices.push(doctor_advice)
              }
            }

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

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

              if (group.group_no > 0 && group.group_no != advice.groupno) {
                this.advice_groups.push(group);
                group = this.newAdviceGroupObject();
              }
              if (group.group_no == 0) {
                initGroupBlock(group, advice);
              }
              if (group.group_no == advice.groupno) {
                group.advices.push(advice);
              }
            }
            if (group.group_no > 0) {
              // 上述的算法会导致最后一组没有加到advice_groups，这里要手动加上
              this.advice_groups.push(group);
            }
          }
          console.log(this.advice_groups);
        } else {
          this.loading = false;
          this.$message.error("请求数据失败");
          return false;
        }
      });
    },
    bloodAccessParOperaName(id) {
      if (id in this.bloodAccessParOpera) {
        return this.bloodAccessParOpera[id].name;
      }
      return "";
    },
    dialysateFormulationName(id) {
      if (id in this.dialysateFormulationOptions) {
        return this.dialysateFormulationOptions[id].name;
      }
      return "";
    },
    getAge: function(val) {
      if (val.birthday != 0) {
        return jsGetAge(val.birth, "-");
      }
      return "";
    },
    checkIdCardNo(val) {
      var thisLen = val.length;
      var birth = "";
      if (thisLen == 15) {
        birth = "19" + val.substr(6, 6);
      } else {
        birth = val.substr(6, 8);
      }
      var birthTwo =
        birth.substr(0, 4) +
        "-" +
        birth.substr(4, 2) +
        "-" +
        birth.substr(6, 2);

      var age = jsGetAge(birthTwo, "-");
      return age;
    },
    newAdviceGroupObject: function() {
      return Object.assign(
        {},
        {
          group_no: 0,
          // advice_doctor: 0,
          // start_time: 0,
          advices: []
          // exec_staff: 0,
          // exec_time: 0,
          // checker: 0,
        }
      );
    }
  },
  watch: {
    "patientInfo.gender": function() {
      if (this.patientInfo.gender == 1) {
        this.patientInfo_gender_1 = true;
        this.patientInfo_gender_2 = false;
      } else if (this.patientInfo.gender == 2) {
        this.patientInfo_gender_2 = true;
        this.patientInfo_gender_1 = false;
      } else {
        this.patientInfo_gender_2 = false;
        this.patientInfo_gender_1 = false;
      }
    },
    "patientInfo.source": function() {
      if (this.patientInfo.source == 1) {
        this.patientInfo_source_1 = true;
        this.patientInfo_source_2 = false;
      } else if (this.patientInfo.source == 2) {
        this.patientInfo_source_2 = true;
        this.patientInfo_source_1 = false;
      } else {
        this.patientInfo_source_2 = false;
        this.patientInfo_source_1 = false;
      }
    }
  },
  created() {
    var xtuser = this.$store.getters.xt_user;
    this.orgname = xtuser.org.org_name;
    // this.orgname = "遂溪方济医院";
    this.modeOptions = this.$store.getters.treatment_mode;
    this.replacementWays = this.$store.getters.replacement_ways;
    this.perfusionApparatus = this.$store.getters.perfusion_apparatus;
    this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit;

    this.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.displaceLiquiPartOptions = this.$store.getters.displace_liqui;
    // this.bloodAccessParOpera = getDataConfig('hemodialysis', 'vascular_access_desc')

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

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

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

<style>
.dialysis-print-order {
  width: 960px;
  margin: 0 auto;
}

.dialysis-print-order .order-yy-name {
  margin: auto;
  text-align: center;
  font-size: 20px;
  letter-spacing: 5px;
}

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

.dialysis-print-order .table-box {
  width: 100%;
  line-height: 23px;
  font-size: 14px;
}

.dialysis-print-order .print-table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  line-height: 40px;
  font-size: 14px;
}

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

.dialysis-print-order .under-line {
  border-bottom: 1px solid #999;
  width: 95%;
  text-align: center;
  margin-left: 2px;
}

.dialysis-print-order .title-box {
  text-align: center;
  font-size: 16px;
}

.dialysis-print-order .radio-lebel-box {
  font-weight: 400;
  cursor: pointer;
}

.dialysis-print-order .radio-no {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.dialysis-print-order .radio-inner {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}

.dialysis-print-order .radio-fang {
  display: inline-block;
  position: relative;
  border: 1px solid #000;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #fff;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}

.dialysis-print-order .is-checked-radio::after {
  content: "√";
  font-size: 15px;
}

.dialysis-print-order .print-table-no tr td {
  padding: 8px 5px;
  line-height: 25px;
}

.dialysis-print-order .print-table tr td {
  padding: 1px 1px;
  /*line-height: 25px;*/
}

.es-img {
  height: 25px;
}

.advice-name {
  text-align: left;
}

.advice-children {
  display: flex;
}

.title-box-pro {
  border: 0 #fff;
  line-height: 25px;
  height: 25px;
  text-align: left;
  padding-left: 10px !important;
}
.title-box-pro-tr {
  border: 0 #fff;
}
.text-align-left {
  text-align: left !important;
  padding-left: 10px !important;
  font-size: 14px !important;
  line-height: 25px;
}
.print-table-tr-new td {
  line-height: 20px !important;
}
.border-top-solid {
  border: solid 1px #000;
}
.print-template-two tr {
  line-height: 30px;
}

.table-box1 {
  border: 1px solid #000;
  width: 100%;
  line-height: 30px;
  font-size: 14px;
  border-collapse: collapse;
}
.table-box1 tr {
  border-bottom: 1px solid #000;
}
</style>