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

<template>
  <div id="dialysis-print-box-1">
    <div
      id="dialysis-print-box-1-1"
      class="dialysis-print-order print-template-two print_page_main_content"
    >
    <div style="width:100%;text-align:center;">
        <div
          class="order-yy-name"
          style="letter-spacing: 0;font-weight:600;font-size:22px;display:inline-block;"
        >
          {{ orgname }}
        </div>
    </div>
      <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;"
        >
          血液净化治疗记录单
        </div>
      </div>
      <div class="row">
        <div class="inline_block" style="margin-right:30px;">
            日期 <div class="inline_block under_line" style="width:50px">{{ queryParams.xtdate.slice(0,4) }}</div>年
            <div class="inline_block under_line" style="width:50px">{{ queryParams.xtdate.slice(5,7) }}</div>月
            <div class="inline_block under_line" style="width:50px">{{ queryParams.xtdate.slice(8,11) }}</div>日
        </div>
        <div class="inline_block" style="margin-right:30px;">
            机器编号 
            <div class="inline_block under_line" style="width:80px;">
            {{ getNumber() }}
            </div>
        </div>
        <div class="inline_block" style="margin-right:30px;">
            病案号 <div class="inline_block under_line" style="width:80px">{{ patientInfo.dialysis_no }}</div>
        </div>
      </div>
      <div style="border-bottom: 2px solid #000;width:100%;"></div>
      <div class="row">
          <div class="inline_block" style="margin-right:30px;">
            姓名 
            <div class="inline_block under_line" style="width:100px;text-align: center;">
                {{ patientInfo.name ? patientInfo.name : "" }}
            </div>
          </div>
          <div class="inline_block" style="margin-right:30px;">
            性别&nbsp;&nbsp;&nbsp;&nbsp;
            <label-box :isChecked="patientInfo.gender == '男'" showValue="男" ></label-box>&nbsp;
            <label-box :isChecked="patientInfo.gender == '女'" showValue="女" ></label-box>
          </div>
          <div class="inline_block" style="margin-right:30px;">
            年龄：
            <div class="under_line" style="width: 50px;text-align: center">
                {{ getAge(patientInfo) }}
            </div>
            岁
          </div>
      </div>
      <div class="row">
          <div class="inline_block" style="margin-right:30px;">
            血液净化方式 
            <div class="inline_block under_line" style="width:300px;text-align: center;">
                <label-box :isChecked="prescription.mode_id == 1 ? true : false" showValue="HD"></label-box>&nbsp;&nbsp;&nbsp;&nbsp;
                <label-box :isChecked="prescription.mode_id == 2 ? true : false" showValue="HDF"></label-box>&nbsp;&nbsp;&nbsp;&nbsp;
                <!-- <label-box :isChecked="prescription.mode_id == 5 ? true : false" showValue="HF"></label-box>
                <label-box :isChecked="prescription.mode_id == 4 ? true : false" showValue="HP"></label-box> -->
                <label-box :isChecked="prescription.mode_id == 3 ? true : false" showValue="HD+HP"></label-box>
            </div>
          </div>
          <div class="inline_block" style="margin-right:30px;">
            血液净化器类型 
            <div class="inline_block under_line" style="width:150px;text-align: center;">
                {{ prescription.dialyzer_perfusion_apparatus ? prescription.dialyzer_perfusion_apparatus : ''}}
            </div>
          </div>
      </div>
      <div class="row">
        血管通路 
        <div class="inline_block under_line" style="width:93%;text-align: left;">
          <label-box :isChecked="predialysis.blood_access_part_opera_name.indexOf('内瘘-左') > -1 ? true : predialysis.blood_access_part_opera_name.indexOf('内瘘-右') > -1 ? true : false" showValue="内瘘"></label-box>
          （<label-box :isChecked="predialysis.blood_access_part_opera_name.indexOf('内瘘-左') > -1 ? true : false" showValue="左"></label-box>
              <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 : predialysis.blood_access_part_opera_name.indexOf('中心静脉置管-右') > -1 ? true : false" showValue="中心静脉置管"></label-box>
          （<label-box :isChecked="predialysis.blood_access_part_opera_name.indexOf('中心静脉置管-左') > -1 ? true : false" showValue="左"></label-box>
              <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="['内瘘-左','内瘘-右','中心静脉置管-左','中心静脉置管-右','颈内','锁骨下','股'].indexOf(predialysis.blood_access_part_opera_name) == -1? true : false" showValue="其他"></label-box>
          &nbsp;
        </div>
      </div>
      <div class="row">
        抗凝药物 
        <div class="inline_block under_line" style="width:93%;text-align: left;">
          <label-box :isChecked="prescription.anticoagulant == '普通肝素' ? true : false" showValue="普通肝素"></label-box>&nbsp;
          <label-box :isChecked="prescription.anticoagulant == '低分子肝素钙' ? true : prescription.anticoagulant == '低分子肝素钠' ? true : false" showValue="低分子肝素"></label-box>
          （<label-box :isChecked="prescription.anticoagulant == '低分子肝素钙' ? true : false" showValue="钙"></label-box>
            <label-box :isChecked="prescription.anticoagulant == '低分子肝素钠' ? true : false" showValue="钠"></label-box>）
          <div class="inline_block">
            剂量：首次
            <div class="inline_block" style="width:50px;text-align:center">
                {{ prescription.anticoagulant_shouji ? prescription.anticoagulant_shouji : "" }}
            </div>
            <span v-if="prescription.anticoagulant == '枸橼酸钠'">mg</span>
            <span v-if="prescription.anticoagulant == '阿加曲班'">mg</span>
            <span v-if="prescription.anticoagulant == '低分子肝素'">iu</span>
            <span v-if="prescription.anticoagulant == '普通肝素'">iu</span>
            <span v-if="prescription.anticoagulant == '无肝素'">mg</span>
            <span v-if="prescription.anticoagulant == '低分子肝素钙'">iu</span>
            <span v-if="prescription.anticoagulant == '低分子肝素钠'">iu</span>&nbsp; 
          </div>
          <div class="inline_block">
            追加
            <div class="inline_block" style="width:50px;text-align:center">
                {{ prescription.anticoagulant_weichi ? prescription.anticoagulant_weichi : "" }}
            </div>
            <span v-if="prescription.anticoagulant == '枸橼酸钠'">ml/h</span>
            <span v-if="prescription.anticoagulant == '阿加曲班'">mg/h</span>
            <span v-if="prescription.anticoagulant == '低分子肝素'">iu/h</span>
            <span v-if="prescription.anticoagulant == '普通肝素'">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; 
          </div>
          <div class="inline_block">
            总量
            <div class="inline_block" style="width:50px;text-align:center">
                {{ prescription.anticoagulant_zongliang ? prescription.anticoagulant_zongliang : ""}}
            </div>
            <span v-if="prescription.anticoagulant == '枸橼酸钠'">mg</span>
            <span v-if="prescription.anticoagulant == '阿加曲班'">mg</span>
            <span v-if="prescription.anticoagulant == '低分子肝素'">iu</span>
            <span v-if="prescription.anticoagulant == '普通肝素'">iu</span>
            <span v-if="prescription.anticoagulant == '无肝素'">mg</span>
            <span v-if="prescription.anticoagulant == '低分子肝素钙'">iu</span>
            <span v-if="prescription.anticoagulant == '低分子肝素钠'">iu</span>
          </div>
        </div>
      </div>
      <div class="row">
          <div class="inline_block" style="margin-right:30px;">
              干体重
              <div class="inline_block under_line" style="width:100px;">
                  {{ predialysis.dry_weight ? predialysis.dry_weight : " " }}
              </div>kg
          </div>
          <div class="inline_block" style="margin-right:30px;">
              净化前体重
              <div class="inline_block under_line" style="width:100px;">
                  {{ predialysis.weight_before ? predialysis.weight_before : " " }}
              </div>kg
          </div>
          <div class="inline_block" style="margin-right:30px;">
              预设脱水
              <div class="inline_block under_line" style="width:100px;">
                  {{ prescription.target_ultrafiltration ? prescription.target_ultrafiltration : ' ' }}
              </div>kg
          </div>
      </div>
      <div class="row">
          <div class="inline_block" style="margin-right:22px;">
              净化时间
              <div class="inline_block under_line" style="width:50px;">
                  {{ afterdialysis.actual_treatment_hour ? afterdialysis.actual_treatment_hour : 0 }}
              </div>h
              <div class="inline_block under_line" style="width:50px;">
                  {{ afterdialysis.actual_treatment_minute ? afterdialysis.actual_treatment_minute : 0 }}
              </div>min
          </div>
          <div class="inline_block" style="margin-right:30px;">
              净化后体重
              <div class="inline_block under_line" style="width:100px;">
                  {{ afterdialysis.weight_after ? parseFloat(afterdialysis.weight_after).toFixed(1) : " " }}
              </div>kg
          </div>
          <div class="inline_block" style="margin-right:30px;">
              实际脱水
              <div class="inline_block under_line" style="width:100px;">
                  {{ afterdialysis.actual_ultrafiltration ? afterdialysis.actual_ultrafiltration : " " }}
              </div>kg
          </div>
      </div>
      <div class="row">
        透前评估 
        <div class="inline_block under_line" style="width:93%;text-align: left;">
          <div class="inline_block" style="margin-right:30px;">
            体温
            <div class="inline_block" style="width:50px;text-align:center">
              {{ predialysis.temperature ? predialysis.temperature : "" }}
            </div>℃
          </div>
          <div class="inline_block" style="margin-right:30px;">
            血压
            <div class="inline_block" style="width:100px;text-align:center">
              {{ predialysis.systolic_blood_pressure ? predialysis.systolic_blood_pressure : "" }}/
              {{ predialysis.diastolic_blood_pressure ? predialysis.diastolic_blood_pressure : "" }}
            </div>mmHg
          </div>
          <div class="inline_block" style="margin-right:30px;">
            脉搏
            <div class="inline_block" style="width:50px;text-align:center">
              {{ predialysis.pulse_frequency ? predialysis.pulse_frequency : "" }}
            </div>次/分
          </div>
 
        </div>
      </div>

      <table class="print-table" border="1">
        <tr>
          <td>时间</td>
          <td>医嘱</td>
          <td>医师签名</td>
          <td>执行时间</td>
          <td>执行者签名</td>
        </tr>
        <tr v-for="(advice, advice_index) in tableAdvice" :key="advice_index">
          <td style="height:30px;line-height:30px">{{ getTime(advice.start_time, "{y}-{m}-{d} {h}:{i}") }}</td>
          <td class="parent">
            <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>
            <span v-if="setAdminUserES(advice.advice_doctor) == ''">
              {{
              getAdminUser(advice.advice_doctor)
              }}
            </span>
            <span
              v-else
              style="display:flex;align-items:center;justify-content:space-around;height:36px;"
            >
              <img style="height:30px;" :src="setAdminUserES(advice.advice_doctor)" alt srcset />
            </span>
          </td>
          <td>{{ getTime(advice.execution_time, "{y}-{m}-{d} {h}:{i}") }}</td>
          <td>
            <span v-if="setAdminUserES(advice.execution_staff) == ''">
              {{
              getAdminUser(advice.execution_staff)
              }}
            </span>
            <span
              v-else
              style="display:flex;align-items:center;justify-content:space-around;height:36px;"
            >
              <img style="height:30px;" :src="setAdminUserES(advice.execution_staff)" alt srcset />
            </span>
          </td>
        </tr>
      </table>

      <table class="print-table" border="1">
        <tbody>
            <tr>
              <td width="60">时间</td>
              <td width="80">BP</td>
              <td width="40">心率</td>
              <td width="60">血流速</td>
              <td width="60">静脉压</td>
              <td width="60">TMP</td>
              <td width="60">电导率</td>
              <td width="40">温度</td>
              <td width="60">透析液流量</td>
              <td width="60">UF/hr</td>
              <td width="100">症状处理</td>
            </tr>


            <tr v-for="monitor in monitors" :key="monitor.id">
              <td>&nbsp;
                {{getTime(monitor.operate_time,'{h}:{i}')}}
              </td>
              <td>&nbsp;{{monitor.systolic_blood_pressure?monitor.systolic_blood_pressure:''}} /
                {{monitor.diastolic_blood_pressure?monitor.diastolic_blood_pressure:''}}
              </td>
              <td>&nbsp;{{monitor.pulse_frequency?monitor.pulse_frequency:''}}</td>
              <td>&nbsp;{{monitor.blood_flow_volume?monitor.blood_flow_volume:''}}</td>
              <td>&nbsp;{{monitor.venous_pressure?monitor.venous_pressure:''}}</td>
              <td>&nbsp;{{monitor.transmembrane_pressure?monitor.transmembrane_pressure:''}}</td>
              <td>&nbsp;{{monitor.conductivity?monitor.conductivity:''}}</td>
              <td>&nbsp;{{monitor.dialysate_temperature ? monitor.dialysate_temperature : ''}}</td>
              <td>&nbsp;
                  <span v-if="monitor.operate_time">
                    {{ prescription.dialysate_flow ? prescription.dialysate_flow : "" }}
                  </span>
              </td>
              <td>&nbsp;{{monitor.ultrafiltration_volume?monitor.ultrafiltration_volume:''}}</td>
              <td>
                  <span v-if="monitor.symptom || monitor.dispose || monitor.result">
                    {{ monitor.symptom + "，" + monitor.dispose + "，" + monitor.result }}
                  </span>
              </td>
            </tr>
        </tbody>
      </table>

      <table class="print-table" border="1">
        <tbody>
          <tr>
            <td width="50" style="padding-left:5px;border:none;border-right:1px solid #000;">
              透后评估
            </td>

            <td width="30" style="border:none;padding-left:5px;">
              体温:
            </td>
            <td width="50" style="text-align:left;border:none;">
              <div>
                <span class="under_line" style="width:50px;display:inline-block;">
                  {{ afterdialysis.temperature ? afterdialysis.temperature : "" }}
                </span>℃
              </div>
            </td>
            <!-- <td width="10" style="border:none;"></td> -->

            <td width="30" style="border:none;padding-left:5px;">血压:</td>
            <td width="100" style="text-align:left;border:none;line-height: 30px;">
              <div>
                <span class="under_line" style="width:100px;display:inline-block">
                  {{ afterdialysis.systolic_blood_pressure ? afterdialysis.systolic_blood_pressure : "" }}/
                  {{ afterdialysis.diastolic_blood_pressure ? afterdialysis.diastolic_blood_pressure : "" }}
                </span>mmHg
              </div>
            </td>
            <td width="30" style="border:none;padding-left:5px">脉搏:</td>
            <td width="50" style="text-align:left;border:none;">
              <div>
                <span class="under_line" style="width:50px;display:inline-block">
                  {{ predialysis.pulse_frequency ? predialysis.pulse_frequency : "" }}
                </span>次/分
              </div>
            </td>
            <td width="50" style="border:none;padding-left:5px">透析器凝血:</td>
            <td width="120" style="text-align:left;border:none;">
              <label-box :isChecked="afterdialysis.cruor.indexOf('透析器-0度') > -1 ? true : false" showValue="0"></label-box>
              <label-box :isChecked="afterdialysis.cruor.indexOf('透析器-Ⅰ度') > -1 ? true : false" showValue="+"></label-box>
              <label-box :isChecked="afterdialysis.cruor.indexOf('透析器-Ⅱ度') > -1" showValue="+ +"></label-box>
              <label-box :isChecked="afterdialysis.cruor.indexOf('透析器-Ⅲ度') > -1 ? true : false" showValue="+ + +"></label-box>
            </td>
          </tr>
        </tbody>
      </table>

      <table class="print-table" border="1">
        <tr style="height:36px;text-align:left;border:none;">
          <td style="padding-left:5px;border:none">
              <p style="margin-bottom:60px">
                透析小结：{{ summary.dialysis_summary ? summary.dialysis_summary : "" }}
              </p>
          </td>
        </tr>
        <tr style="height:40px">
          <td rowspan="11" style="border:none;text-align:right;height:40px">
            记录者
            <span style="display: inline-block;width:100px;text-align: left;">
                <span v-if="orderForm.url === ''" style="display:flex;align-items:center;">{{ orderForm.start_nurse }}</span>
                <span v-if="orderForm.url !== ''" style="display:flex;align-items:center;height:36px;">
                    <img :src="orderForm.url" style="height:30px;" />
                </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:30px;" :src="setAdminUserES(check == null ? 0 : check.modifier)" alt srcset v-else />
            </span>
            医生签名
            <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" style="height:30px;" :src="doctorForm.url" />
              </span>
            </span>
            
            
          </td>
        </tr>
      </table>
    </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}.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 => {
        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;
              console.log(111,this.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>
.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>