Vue_New/src/xt_pages/dialysis/batch_print/batch_print_order_thirteen.vue

<template>
  <div class="main-contain">
    <div class="position">
      <bread-crumb :crumbs="crumbs"></bread-crumb>
      <el-button
        :loading="loading"
        size="small"
        icon="el-icon-printer"
        @click="printThisPage"
        type="primary"
        >打印
      </el-button>
    </div>
    <div class="app-container">
      <div id="print_content">
          <div v-for="(record, index) in records" :key="record.id" class="print_page_main_content">
              <div id="dialysis-print-box-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" style="display:flex;justify-content: space-between;">
                    <div class="inline_block" style="margin-right:30px;">
                        日期 <div class="inline_block under_line" style="width:50px">{{ getTime(record.schedule_date, "{y}") }}</div>年
                        <div class="inline_block under_line" style="width:50px">{{ getTime(record.schedule_date, "{m}") }}</div>月
                        <div class="inline_block under_line" style="width:50px">{{ getTime(record.schedule_date, "{d}") }}</div>日
                    </div>
                    <div class="inline_block" style="margin-right:30px;">
                        机器编号 
                        <div class="inline_block under_line" style="width:80px;">
                          {{ record.device_zone.name && record.device_number.number ? getNewNumber(record.device_zone.name,record.device_number.number) : '' }}
                        <!-- {{ record.device_zone.name && record.device_number.number ? record.device_zone.name + record.device_number.number : '' }} -->
                        </div>
                    </div>
                    <div class="inline_block" style="margin-right:30px;">
                        病案号 <div class="inline_block under_line" style="width:80px">{{ record.patient.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;">
                            {{ record.patient.name ? record.patient.name : "" }}
                        </div>
                    </div>
                    <div class="inline_block" style="margin-right:30px;">
                        性别&nbsp;&nbsp;&nbsp;&nbsp;
                        <label-box :isChecked="record.patient.gender == 1" showValue="男" ></label-box>&nbsp;
                        <label-box :isChecked="record.patient.gender == 2" showValue="女" ></label-box>
                    </div>
                    <div class="inline_block" style="margin-right:30px;">
                        年龄：
                        <div class="under_line" style="width: 50px;text-align: center">
                            {{ getNewAge(record.patient.id_card_no) }}
                        </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="record.prescription.mode_id == 1 ? true : false" showValue="HD"></label-box>&nbsp;&nbsp;&nbsp;&nbsp;
                            <label-box :isChecked="record.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="record.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;">
                            {{ record.prescription.dialyzer_perfusion_apparatus ? record.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="isBbloodAccessParOperaCheck(record.assessment_before_dislysis, '内瘘-左') || isBbloodAccessParOperaCheck(record.assessment_before_dislysis, '内瘘-右')" showValue="内瘘"></label-box>
                    （<label-box :isChecked="isBbloodAccessParOperaCheck(record.assessment_before_dislysis, '内瘘-左')" showValue="左"></label-box>
                        <label-box :isChecked="isBbloodAccessParOperaCheck(record.assessment_before_dislysis, '内瘘-右')" showValue="右"></label-box>）
                    &nbsp;
                    <label-box :isChecked="isBbloodAccessParOperaCheck(record.assessment_before_dislysis, '中心静脉置管-左') || isBbloodAccessParOperaCheck(record.assessment_before_dislysis, '中心静脉置管-右')" showValue="中心静脉置管"></label-box>
                    （<label-box :isChecked="isBbloodAccessParOperaCheck(record.assessment_before_dislysis, '中心静脉置管-左')" showValue="左"></label-box>
                        <label-box :isChecked="isBbloodAccessParOperaCheck(record.assessment_before_dislysis, '中心静脉置管-右')" showValue="右"></label-box>）部位
                    &nbsp;
                    <label-box :isChecked="record.assessment_before_dislysis.blood_access_part_id ? (record.assessment_before_dislysis.blood_access_part_id == getIsCheckDataConfig('hemodialysis', 'vascular_access','颈内')) : false" showValue="颈内"></label-box>
                    &nbsp;
                    <label-box :isChecked="record.assessment_before_dislysis.blood_access_part_id ? (record.assessment_before_dislysis.blood_access_part_id == getIsCheckDataConfig('hemodialysis', 'vascular_access','锁骨下')) : false" showValue="锁骨下"></label-box>
                    &nbsp;
                    <label-box :isChecked="record.assessment_before_dislysis.blood_access_part_id ? (record.assessment_before_dislysis.blood_access_part_id == getIsCheckDataConfig('hemodialysis', 'vascular_access','股')) : false" showValue="股"></label-box>
                    &nbsp;
                    <label-box :isChecked="record.assessment_before_dislysis.blood_access_part_id ? (record.assessment_before_dislysis.blood_access_part_id == getIsCheckDataConfig('hemodialysis', 'vascular_access','其他')) : 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="record.prescription.anticoagulant == 2 ? true : false" showValue="普通肝素"></label-box>&nbsp;
                    <label-box :isChecked="record.prescription.anticoagulant == 3 ?  true : record.prescription.anticoagulant == 6 ? true : record.prescription.anticoagulant == 7 ? true : false" showValue="低分子肝素"></label-box>
                    （<label-box :isChecked="record.prescription.anticoagulant == 6 ? true : false" showValue="钙"></label-box>
                        <label-box :isChecked="record.prescription.anticoagulant == 7 ? true : false" showValue="钠"></label-box>）
                    <div class="inline_block">
                        剂量：首次
                        <div class="inline_block" style="width:50px;text-align:center">
                            {{ record.prescription.anticoagulant_shouji ? record.prescription.anticoagulant_shouji : "" }}
                        </div>
                        <span v-if="record.prescription.anticoagulant == 5">mg</span>
                        <span v-if="record.prescription.anticoagulant == 4">mg</span>
                        <span v-if="record.prescription.anticoagulant == 3">iu</span>
                        <span v-if="record.prescription.anticoagulant == 2">iu</span>
                        <span v-if="record.prescription.anticoagulant == 1">mg</span>
                        <span v-if="record.prescription.anticoagulant == 6">iu</span>
                        <span v-if="record.prescription.anticoagulant == 7">iu</span>&nbsp; 
                    </div>
                    <div class="inline_block">
                        追加
                        <div class="inline_block" style="width:50px;text-align:center">
                            {{ record.prescription.anticoagulant_weichi ? record.prescription.anticoagulant_weichi : "" }}
                        </div>
                        <span v-if="record.prescription.anticoagulant == 5">ml/h</span>
                        <span v-if="record.prescription.anticoagulant == 4">mg/h</span>
                        <span v-if="record.prescription.anticoagulant == 3">iu/h</span>
                        <span v-if="record.prescription.anticoagulant == 2">iu/h</span>
                        <span v-if="record.prescription.anticoagulant == 1">mg/h</span>
                        <span v-if="record.prescription.anticoagulant == 6">iu/h</span>
                        <span v-if="record.prescription.anticoagulant == 7">iu/h</span>&nbsp; 
                    </div>
                    <div class="inline_block">
                        总量
                        <div class="inline_block" style="width:50px;text-align:center">
                            {{ record.prescription.anticoagulant_zongliang ? record.prescription.anticoagulant_zongliang : ""}}
                        </div>
                        <span v-if="record.prescription.anticoagulant == 5">mg</span>
                        <span v-if="record.prescription.anticoagulant == 4">mg</span>
                        <span v-if="record.prescription.anticoagulant == 3">iu</span>
                        <span v-if="record.prescription.anticoagulant == 2">iu</span>
                        <span v-if="record.prescription.anticoagulant == 1">mg</span>
                        <span v-if="record.prescription.anticoagulant == 6">iu</span>
                        <span v-if="record.prescription.anticoagulant == 7">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;">
                            {{ record.assessment_before_dislysis.dry_weight ? record.assessment_before_dislysis.dry_weight : " " }}
                        </div>kg
                    </div>
                    <div class="inline_block" style="margin-right:30px;">
                        净化前体重
                        <div class="inline_block under_line" style="width:100px;">
                            {{ record.assessment_before_dislysis.weight_before ? record.assessment_before_dislysis.weight_before : " " }}
                        </div>kg
                    </div>
                    <div class="inline_block" style="margin-right:30px;">
                        预设脱水
                        <div class="inline_block under_line" style="width:100px;">
                            {{ record.prescription.target_ultrafiltration ? record.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;">
                            {{ record.assessment_after_dislysis.actual_treatment_hour ? record.assessment_after_dislysis.actual_treatment_hour : 0 }}
                        </div>h
                        <div class="inline_block under_line" style="width:50px;">
                            {{ record.assessment_after_dislysis.actual_treatment_minute ? record.assessment_after_dislysis.actual_treatment_minute : 0 }}
                        </div>min
                    </div>
                    <div class="inline_block" style="margin-right:30px;">
                        净化后体重
                        <div class="inline_block under_line" style="width:100px;">
                            {{ record.assessment_after_dislysis.weight_after ? parseFloat(record.assessment_after_dislysis.weight_after).toFixed(1) : " " }}
                        </div>kg
                    </div>
                    <div class="inline_block" style="margin-right:30px;">
                        实际脱水
                        <div class="inline_block under_line" style="width:100px;">
                            {{ record.assessment_after_dislysis.actual_ultrafiltration ? record.assessment_after_dislysis.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">
                        {{ record.assessment_before_dislysis.temperature ? record.assessment_before_dislysis.temperature : "" }}
                        </div>℃
                    </div>
                    <div class="inline_block" style="margin-right:30px;">
                        血压
                        <div class="inline_block" style="width:100px;text-align:center">
                        {{ record.assessment_before_dislysis.systolic_blood_pressure ? record.assessment_before_dislysis.systolic_blood_pressure : "" }}/
                        {{ record.assessment_before_dislysis.diastolic_blood_pressure ? record.assessment_before_dislysis.diastolic_blood_pressure : "" }}
                        </div>mmHg
                    </div>
                    <div class="inline_block" style="margin-right:30px;">
                        脉搏
                        <div class="inline_block" style="width:50px;text-align:center">
                        {{ record.assessment_before_dislysis.pulse_frequency ? record.assessment_before_dislysis.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 record.advices" :key="advice_index">
                    <td style="height:40px;line-height:40px">{{ getTime(advice[0].start_time, "{y}-{m}-{d} {h}:{i}") }}</td>
                    <td class="parent" style="max-width:400px">
                        <span v-for="(item,index) in advice" :key="index">
                            <!-- <span v-if="item.children.length > 0"> -->
                                <span v-if="item.parent_id > 0">---></span>
                                <span>{{ item.advice_name }}</span>
                                <span v-if="item && item.advice_desc">({{ item.advice_desc }}{{ item.drug_spec_unit }})</span>
                                <span v-if="item.prescribing_number">&nbsp;&nbsp; {{ item.prescribing_number }}{{ item.prescribing_number_unit }}</span>
                                <span v-if="item.single_dose != 0">{{ item.single_dose }}{{ item.single_dose_unit }}</span>
                                <span v-if="item.parent_id == 0">{{ item.delivery_way }}</span>
                                <span v-if="item.parent_id == 0">{{ item.execution_frequency }}</span>
                                <span v-if="item.parent_id == 0 && item.remark.length > 0">({{ advice.remark }})</span>
                                <span v-if="item.children && !Array.isArray(item)" style="display:block;border-top: 1px solid #000" v-for="(child, childindex) in item.children" :key="childindex" class="advice-children">
                                    <span>---></span>
                                    <span>
                                    <span>{{ child.advice_name }}</span>
                                    <span v-if="child.advice_desc">{{ child.advice_desc }}{{ child.drug_spec_unit }}</span>
                                    <span v-if="child.prescribing_number">* {{ child.prescribing_number }}{{ child.prescribing_number_unit }}</span>
                                    <span v-if="child.single_dose != 0">单次用量 {{ child.single_dose }}{{ child.single_dose_unit }}</span>
                                    </span>
                                </span>
                            <!-- </span> -->
                            <div v-else>
                                <span v-if="item.parent_id > 0">---></span>
                                <span>{{ item.advice_name }}</span>
                                <span v-if="item && item.advice_desc">({{ item.advice_desc }}{{ item.drug_spec_unit }})</span>
                                <span v-if="item.prescribing_number">&nbsp;&nbsp; {{ item.prescribing_number }}{{ item.prescribing_number_unit }}</span>
                                <span v-if="item.single_dose != 0">{{ item.single_dose }}{{ item.single_dose_unit }}</span>
                                <span v-if="item.parent_id == 0">{{ item.delivery_way }}</span>
                                <span v-if="item.parent_id == 0">{{ item.execution_frequency }}</span>
                                <span v-if="item.parent_id == 0 && item.remark.length > 0">({{ advice.remark }})</span>
                                <span v-if="item.children && !Array.isArray(item)" style="display:block;border-top: 1px solid #000;" v-for="(child, childindex) in item.children" :key="childindex" class="advice-children">
                                    <span>---></span>
                                    <span>
                                    <span>{{ child.advice_name }}</span>
                                    <span v-if="child.advice_desc">{{ child.advice_desc }}{{ child.drug_spec_unit }}</span>
                                    <span v-if="child.prescribing_number">* {{ child.prescribing_number }}{{ child.prescribing_number_unit }}</span>
                                    <span v-if="child.single_dose != 0">单次用量 {{ child.single_dose }}{{ child.single_dose_unit }}</span>
                                    </span>
                                </span>
                            </div>
                            
                        </span>
                    </td>
                    <td>
                        <span v-if="setAdminUserES(advice[0], 'advice_doctor') == ''">
                            {{getAdminUser(advice[0], '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[0], 'advice_doctor')" alt srcset />
                        </span>
                    </td>
                    <td>{{ getTime(advice[0].execution_time, "{y}-{m}-{d} {h}:{i}") }}</td>
                    <td>
                        <span v-if="setAdminUserES(advice[0], 'execution_staff') == ''">
                            {{getAdminUser(advice[0], '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[0], '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 record.monitor_records" :key="monitor.id">
                        <td style="height:40px;line-height:40px">&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">
                                {{ monitor.dialysate_flow ? monitor.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="40" style="padding-left:5px;border:none;border-right:1px solid #000;">
                        透后评估
                        </td>

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

                        <td width="25" style="border:none;padding-left:5px;">血压:</td>
                        <td width="70" style="text-align:left;border:none;line-height: 30px;">
                        <div>
                            <span class="under_line" style="width:100px;display:inline-block">
                            {{ record.assessment_after_dislysis.systolic_blood_pressure ? record.assessment_after_dislysis.systolic_blood_pressure : "" }}/
                            {{ record.assessment_after_dislysis.diastolic_blood_pressure ? record.assessment_after_dislysis.diastolic_blood_pressure : "" }}
                            </span>mmHg
                        </div>
                        </td>
                        <td width="25" style="border:none;padding-left:5px">脉搏:</td>
                        <td width="55" style="text-align:left;border:none;">
                        <div>
                            <span class="under_line" style="width:50px;display:inline-block">
                            {{ record.assessment_after_dislysis.pulse_frequency ? record.assessment_after_dislysis.pulse_frequency : "" }}
                            </span>次/分
                        </div>
                        </td>
                        <td width="50" style="border:none;padding-left:5px">实际置换量:</td>
                        <td width="30" style="text-align:left;border:none;">
                        <div>
                            <span class="under_line" style="width:50px;display:inline-block">
                            {{ record.assessment_after_dislysis.actual_displacement ? record.assessment_after_dislysis.actual_displacement : "" }}
                            </span>次/分
                        </div>
                        </td>
                        <td width="50" style="border:none;padding-left:5px">透析器凝血:</td>
                        <td width="110" style="text-align:left;border:none;">
                        <label-box :isChecked="record.assessment_after_dislysis.cruor ? (record.assessment_after_dislysis.cruor.indexOf('透析器-0度') > -1 ? true : false) : false" showValue="0"></label-box>
                        <label-box :isChecked="record.assessment_after_dislysis.cruor ? (record.assessment_after_dislysis.cruor.indexOf('透析器-Ⅰ度') > -1 ? true : false) : false" showValue="+"></label-box>
                        <label-box :isChecked="record.assessment_after_dislysis.cruor ? (record.assessment_after_dislysis.cruor.indexOf('透析器-Ⅱ度') > -1 ? true : false) : false" showValue="+ +"></label-box>
                        <label-box :isChecked="record.assessment_after_dislysis.cruor ? (record.assessment_after_dislysis.cruor.indexOf('透析器-Ⅲ度') > -1 ? true : false) : 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:160px">
                            透析小结：{{ record.summer&&record.summer.dialysis_summary.length>0 ? record.summer.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="setAdminUserES(record.dialysis_order, 'start_nurse') == ''" style="display:flex;align-items:center;">{{getAdminUser(record.dialysis_order, 'start_nurse')}}</span>
                            <span v-else style="display:flex;align-items:center;height:36px;">
                                <img :src="setAdminUserES(record.dialysis_order, 'start_nurse')" style="height:30px;" />
                            </span>
                        </span>
                        校对护士
                        <span style="display: inline-block;width:100px;text-align: left;">
                        &nbsp;
                        <span v-if="setAdminUserES(record.check, 'modifier') == ''">
                            {{getAdminUser(record.check, 'modifier') ? getAdminUser(record.check, 'modifier') : ""}}
                        </span>
                        <img style="height:30px;" :src="setAdminUserES(record.check, 'modifier')" alt srcset v-else />
                        </span>
                        医生签名
                        <span style="display: inline-block;width:100px;text-align: left;">
                        &nbsp;
                        <span v-if="setAdminUserES(record.prescription, 'creater') == ''">{{getAdminUser(record.prescription, 'creater')}}</span>
                        <span v-else>
                            <img class="es-img" style="height:30px;" :src="setAdminUserES(record.prescription, 'creater')" />
                        </span>
                        </span>
                        
                        
                    </td>
                    </tr>
                </table>
                </div>
            </div>
          <div style="page-break-after: always;"></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import CheckBox from './option_check_box'
import LabelBox from '../printItem/LabelBox'
import {
  GetBatchPrintDialysisData,
  getLastAfterWeight
} from '@/api/print_data'
import { jsGetAge, uParseTime } from '@/utils/tools'
import { getDataConfig } from '@/utils/data'
import BreadCrumb from '@/xt_pages/components/bread-crumb'
import print from 'print-js'

export default {
  name: 'BatchPrintOrderSeven',
  components: {
    CheckBox,
    BreadCrumb,
    LabelBox
  },
  data() {
    return {
      way_arr: [],
      consciousness_arr: [],
      isShowZero: false,
      crumbs: [
        { path: false, name: '透析管理' },
        { path: false, name: '批量打印' }
      ],
      records: [
        // 模拟有多条数据
        // {
        //     monitor_records: [ {},{},{},{},{},{},{},{},{},{},{}, ],
        //     advices: [ {},{},{},{},{},{},{}, ],
        // },
        // {
        //     monitor_records: [],
        //     advices: [],
        // },
      ],
      queryParams: {
        xtdate: '',
        xtno: ''
      },
      loading: false,
      orgname: '',
      bloodAccessParOpera: {},
      anticoagulantsConfit: {},
      dialysateFormulationOptions: {},
      operatorMaps: {},
      operators: [],
      adminUser: [],
      adminSign: [],
      doctor_advices: [],
      monitor_records: [],
      advice_groups: [],
      advice_groups_2: [],
      blood_access_part: [],
      posture_arr: [],
      complications: [
        '低血压',
        '高血压',
        '心律失常',
        '头晕',
        '头痛',
        '呕吐',
        '抽搐',
        '出血',
        '心衰',
        '腹痛'
      ],
      allName: [],
      NameStatus: 0,
      advices: [],
      docotorId: '',
      lastAfterWeight: '',
      appetite_arr: [],
      precaution_arr: [],
      showOne: false,
      showTwo: false
    }
  },
  created() {
    var xtuser = this.$store.getters.xt_user
    // console.log('xtuser', xtuser)
    this.orgname = xtuser.org.org_name
    //   this.orgname = "遂溪方济医院";
    this.modeOptions = this.$store.getters.treatment_mode
    //   this.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.posture_arr = getDataConfig('hemodialysis', 'posture')
    var bloodAccessParOpera = getDataConfig(
      'hemodialysis',
      'vascular_access_desc'
    )
    for (var key in bloodAccessParOpera) {
      this.bloodAccessParOpera[bloodAccessParOpera[key].id] =
        bloodAccessParOpera[key]
    }

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

    var dialysateFormulationOptions = getDataConfig(
      'hemodialysis',
      'dialysate_formulation'
    )
    for (var key in dialysateFormulationOptions) {
      this.dialysateFormulationOptions[dialysateFormulationOptions[key].id] =
        dialysateFormulationOptions[key]
    }
    this.appetite_arr = getDataConfig('hemodialysis', 'appetite')
    this.precaution_arr = getDataConfig('hemodialysis', 'precaution')
  },
  mounted() {
    console.log(this.records)
    this.loading = true
    var ids = this.$store.getters.temp_params.batch_print_dialysis_record_ids
    if (ids.length == 0) {
      this.$router.back(-1)
      return
    }
    GetBatchPrintDialysisData(ids.join(','))
      .then(rs => {
        var resp = rs.data
        if (resp.state == 1) {
          this.org_template_info = resp.data.templateInfo

          this.records = this.records.concat(resp.data.schedules)

          console.log('记录', this.records)

          for (const recordIndex in this.records) {
            var dlegh = 0
            if (
              this.records[recordIndex].monitor_records &&
              this.records[recordIndex].monitor_records.length < 8
            ) {
              dlegh = 8 - this.records[recordIndex].monitor_records.length
            } else {
              dlegh = 0
            }
            if (dlegh > 0) {
              if (
                typeof this.records[recordIndex].monitor_records ===
                  'undefined' ||
                this.records[recordIndex].monitor_records == null
              ) {
                this.records[recordIndex].monitor_records = []
              }
              for (let index = 0; index < dlegh; index++) {
                this.records[recordIndex].monitor_records.push([])
              }
            }

            this.records[recordIndex].isShowZero = false
            if (this.records[recordIndex].patient.user_org_id == 9535) {
              this.records[recordIndex].isShowZero = true
            }

            var delghTwo = 0
            if (
              this.records[recordIndex].advices &&
              this.records[recordIndex].advices.length < 14
            ) {
              delghTwo = 14 - this.records[recordIndex].advices.length
            } else {
              delghTwo = 0
            }

            if (delghTwo > 0) {
              if (
                typeof this.records[recordIndex].advices === 'undefined' ||
                this.records[recordIndex].advices == null
              ) {
                this.records[recordIndex].advices = []
              }
              for (let index = 0; index < delghTwo; index++) {
                this.records[recordIndex].advices.push([])
              }
            }

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

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

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

            var halfLen = adlen % 2 == 0 ? adlen / 2 : (adlen + 1) / 2
            for (var i = 0; i < halfLen; i++) {
              leftAdvice.push(advices[i])
              var rightIndex = i + halfLen
              rightAdvice.push(
                rightIndex in advices ? advices[i + halfLen] : []
              )
            }
            if (halfLen < 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.records[recordIndex].advices = []
            for (var i = 0; i < halfLen; i++) {
              var item = []
              item.push(leftAdvice[i])
              item.push(rightAdvice[i])
              this.records[recordIndex].advices.push(item)
            }
          }

          console.log(' this.records[recordIndex].advices', this.records)
          this.operators = resp.data.medical_staffs
          if (this.operators.length > 0) {
            var operatorsLen = this.operators.length
            for (var index = 0; index < operatorsLen; index++) {
              this.$set(
                this.operatorMaps,
                this.operators[index].id,
                this.operators[index]
              )
            }
          }

          this.adminUser = resp.data.users
          console.log('adminUser', this.adminUser)
          var name = resp.data.name
          this.adminSign = name
          console.log('name是', name)
          this.loading = false
        } else {
          this.loading = false
          this.$message.error(resp.msg)
        }
      })
      .catch(err => {
        this.$message.error(err)
      })
  },
  methods: {
    getNewNumber(name, number) {
      if (name.indexOf('区') > -1) {
        return (
          name + number
        )
      } else {
        return (
          name + '区' + number

        )
      }
    },
    getNewAge(UUserCard) {
      if (UUserCard != null && UUserCard != '') {
        // 获取年龄
        var myDate = new Date()
        var month = myDate.getMonth() + 1
        var day = myDate.getDate()
        var age = myDate.getFullYear() - UUserCard.substring(6, 10) - 1
        if (UUserCard.substring(10, 12) < month || UUserCard.substring(10, 12) == month && UUserCard.substring(12, 14) <= day) {
          age++
        }
        return age
      }
    },
    getIsCheckDataConfig(pName, cName, targetName) {
      var arr = getDataConfig(pName, cName)
      console.log(arr)
      for (let i = 0; i < arr.length; i++) {
        if (arr[i].name == targetName) {
          return arr[i].id
        }
      }
    },
    getUnit: function(val) {
      if (val.assessment_after_dislysis == null) {
        return ''
      } else if (val.assessment_after_dislysis != null) {
        switch (val.assessment_after_dislysis.dialysis_intakes_unit) {
          case 1:
            return 'g'
            break
          case 2:
            return 'ml'
            break
        }
      }
    },
    QueryPartById: function(val) {
      let vascular_access_part_name = '/'
      const vascular_access = getDataConfig('hemodialysis', 'vascular_access')

      for (let i = 0; i < vascular_access.length; i++) {
        if (vascular_access[i].id == val) {
          vascular_access_part_name = vascular_access[i].name
        }
      }
      return vascular_access_part_name
    },
    printThisPage() {
      var ptime = Math.round(new Date().getTime() / 1000)
      this.print_time = uParseTime(ptime, '{y}-{m}-{d} {h}:{i}')

      const style =
        '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}'
      const style2 =
        '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 14px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 14px;padding: 6px 5px;line-height: 16px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:900px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1370px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}'
      const style3 =
        '@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;}.row {font-size: 14px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}'
      printJS({
        printable: 'print_content',
        type: 'html',
        documentTitle: '  ',
        style: style3,
        scanStyles: false
      })
    },

    complicationsOther: function(record) {
      if (record == null || typeof record === 'undefined') {
        return ''
      }
      if (record.complication.length == 0) {
        return ''
      }
      var complications = record.complication.split(',')
      var complicationOthers = []
      for (const index in complications) {
        if (
          this.complications.indexOf(complications[index]) < 0 &&
          complicationOthers.indexOf(complications[index]) < 0
        ) {
          complicationOthers.push(complications[index])
        }
      }
      return complicationOthers.join(',')
    },
    modeName(mode_id) {
      if (mode_id in this.modeOptions) {
        return this.modeOptions[mode_id].name
      }
      return ''
    },
    anticoagulantName: function(key) {
      if (key == null || typeof key === 'undefined') {
        return ''
      }
      var id = key.anticoagulant
      if (id in this.anticoagulantsConfit) {
        return this.anticoagulantsConfit[id].name
      }
      return ''
    },
    bloodAccessParOperaName(id) {
      if (id in this.bloodAccessParOpera) {
        return this.bloodAccessParOpera[id].name
      }
      return ''
    },
    isBbloodAccessParOperaCheck(key, value) {
      if (key == null || typeof key === 'undefined') {
        return false
      }
      var id = key.blood_access_part_opera_id
      if (id in this.bloodAccessParOpera) {
        return this.bloodAccessParOpera[id].name.indexOf(value) > -1
      }
      return false
    },
    isdialysateFormulatioCheck(key, value) {
      if (key == null || typeof key === 'undefined') {
        return false
      }
      var id = key.dialysate_formulation
      if (id in this.dialysateFormulationOptions) {
        return this.dialysateFormulationOptions[id].name.indexOf(value) > -1
      }
      return false
    },
    isValueIndexOfCheck: function(record, key, value) {
      if (record == null || record == undefined) {
        return false
      } else {
        return record[key].indexOf(value) > -1
      }
    },
    setAdminUserES(key, id) {
      if (
        typeof key === 'undefined' ||
        key == null ||
        typeof key[id] === 'undefined'
      ) {
        return ''
      }
      if (key[id] == 0) {
        return ''
      }
      if (key[id] in this.operatorMaps) {
        return this.operatorMaps[key[id]].es_url
      } else {
        return ''
      }
    },
    getFloat: function(x) {
      if (x != '.') {
        var f = Math.round(x * 100) / 100
        var s = f.toString()
        var rs = s.indexOf('.')
        if (rs <= 0) {
          rs = s.length
          s += '.'
        }
        while (s.length <= rs + 1) {
          s += '0'
        }
        return s
      } else {
        return '0.0'
      }
    },
    getAdminUser(key, id) {
      if (
        typeof key === 'undefined' ||
        key == null ||
        typeof key[id] === 'undefined'
      ) {
        return ''
      }
      if (key[id] === 0) {
        return ''
      }
      if (key[id] === undefined) {
        return ''
      }
      for (let i = 0; i < this.adminUser.length; i++) {
        if (this.adminUser[i].id === key[id]) {
          return this.adminUser[i].name
        }
      }
    },

    getName(id) {
      for (let i = 0; i < this.adminSign.length; i++) {
        if (this.adminSign[i].id === id) {
          if (this.adminSign[i].url === '') {
            this.showOne = true
            this.showTwo = false
            return this.adminSign[i].name
          } else {
            this.showOne = false
            this.showTwo = true
            return this.adminSign[i].url
          }
        }
      }
    },
    jsGetAge: function(agetime) {
      if (agetime === 0) {
        return ''
      }
      return jsGetAge(uParseTime(agetime, '{y}-{m}-{d}'), '-')
    },
    getTime(value, temp) {
      if (value != undefined) {
        return uParseTime(value, temp)
      }
      return ''
    },
    // 函数说明：因为一次透析记录有些记录不一定是必须填的，比如 record.receive_assessment 可能为 null，所以要取 record.receive_assessment.way 前需要判断 record.receive_assessment 是否为 null，所以这个方法用来简化模板渲染的代码
    // 参数说明：比如判断 record.receive_assessment.way 是不是为1，参数为 (record.receive_assessment, way, 1)
    isCheckBoxChecked: function(record, key, target_value) {
      if (record == null || record == undefined) {
        return false
      } else {
        return record[key] == target_value
      }
    },
    getAge: function(val) {
      if (val.age == 0) {
        if (val.birthday == 0) {
          return ''
        }
        return jsGetAge(uParseTime(val.birthday, '{y}-{m}-{d}'), '-')
      } else {
        return val.age
      }
    },
    newAdviceGroupObject: function() {
      return Object.assign(
        {},
        {
          group_no: 0,
          advices: []
        }
      )
    },
    // getNumber: function(record) {
    //   console.log(record);
    // },
    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
        )
      }
    },
    getLastAfterWeight(id, assessmentDate) {
      getLastAfterWeight(id, assessmentDate).then(response => {
        if (response.data.state === 1) {
          var weight = response.data.data.weight

          this.lastAfterWeight = weight.weight_after.toFixed(1)
          console.log('weight', weight)
        }
      })
    }
  }
}
</script>

<style scoped>
.print_page_main_content {
  background-color: white;
  width: 960px;
  margin: 0 auto 50px;
  padding: 0 0 0 0;
  page-break-after: always;
}

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

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

.row {
  font-size: 14px;
  line-height: 20px;
  padding: 5px 0;
}

.inline_block {
  display: inline-block;
}

.under_line {
  display: inline-block;
  border-bottom: 1px solid #999;
  text-align: center;
  white-space: nowrap;
  width: 50%;
}

.under_line::before {
  content: "\00A0";
}

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

.under_line_two {
  display: inline-block;
  border-bottom: 1px solid #999;
  text-align: left;
  white-space: nowrap;
  width: 50%;
}

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

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

.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  box-align: center;
  -moz-box-align: center;
  -webkit-box-align: center;
  text-align: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-box-pack: space-between;
  -webkit--moz-box-pack: space-between;
  box-pack: space-between;
}

.print_page_main_content .proj_table {
  width: 100%;
  border: 1px solid;
  border-collapse: collapse;
  padding: 2px;
}

.print_page_main_content .proj_table tbody tr td {
  border: 1px solid;
  /* text-align: center; */
  font-size: 16px;
  padding: 6px 8px;
  line-height: 30px;
}

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

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

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

.es-img {
  height: 30px;
}

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

.advice-children {
  display: flex;
}

.margin-bottom-300 {
  margin-bottom: 450px;
}

.margin-bottom-600 {
  margin-bottom: 600px;
}

.margin-bottom-900 {
  margin-bottom: 900px;
}

.print-yema {
  position: absolute;
  left: 50%;
}

.print-yema2 {
  position: absolute;
  left: 50%;
}

.print-yema3 {
  position: absolute;
  left: 50%;
}

.print-yema4 {
  position: absolute;
  left: 50%;
}

.print-yema5 {
  position: absolute;
  left: 50%;
}

.did_checke::after {
  content: "\221A";
  font-size: 8px;
  margin-left: 2px;
  margin-top: 2px;
  position: absolute;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.es-img {
  height: 25px;
}

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

.advice-children {
  display: flex;
}

.title-box-pro {
  border: 0 #fff;
  line-height: 25px;
  height: 25px;
  text-align: left;
  padding-left: 10px !important;
}

.title-box-pro-tr {
  border: 0 #fff;
}

.text-align-left {
  text-align: left !important;
  padding-left: 10px !important;
  font-size: 14px !important;
  line-height: 25px;
}

.print-table-tr-new td {
  line-height: 20px !important;
}

.border-top-solid {
  border: solid 1px #000;
}

.print-template-two tr {
  line-height: 30px;
}
</style>
<style>
.dialysis-print-order {
  width: 960px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.es-img {
  height: 25px;
}

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

.advice-children {
  display: flex;
}

.title-box-pro {
  border: 0 #fff;
  line-height: 25px;
  height: 25px;
  text-align: left;
  padding-left: 10px !important;
}

.title-box-pro-tr {
  border: 0 #fff;
}

.text-align-left {
  text-align: left !important;
  padding-left: 10px !important;
  font-size: 14px !important;
  line-height: 25px;
}

.print-table-tr-new td {
  line-height: 20px !important;
}

.border-top-solid {
  border: solid 1px #000;
}

.print-template-two tr {
  line-height: 30px;
}
</style>