<template>
  <div>
    <el-button type="primary" @click="checkData">一键核对</el-button>
    <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 class="order-yy-name" style="font-weight:bold;font-size:28px;">{{ orgname }}</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">
          <table class="proj_table">
            <tbody>
              <tr>
                <td colspan="2">
                  <div class="row">
                    <div class="inline_block">
                      姓名：
                      <div class="under_line" style="width: 70px;text-align: center;">
                        {{ patientInfo.name }}
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left: 10px;">
                      性别：
                      <div class="under_line" style="width: 50px;text-align: center;">
                        {{ patientInfo_gender_1 ? "男" : "女" }}
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left: 10px;">
                      年龄：
                      <div class="under_line" style="width: 50px;text-align: center;">
                        {{ getAge(patientInfo) }}
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left: 10px;">
                      透析日期：
                      <div class="under_line" style="width: 90px;text-align: center;">
                        {{ queryParams.xtdate }}
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left: 10px;">
                      透析机：
                      <div class="under_line" style="width: 80px;text-align: center;">
                        {{ predialysis.machine_type ? predialysis.machine_type : "" }}
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left: 10px;">
                      床号：
                      <div class="under_line" style="width: 50px;text-align: center;">
                        {{
                          dialysisOrder &&
                            dialysisOrder.DeviceNumber &&
                            dialysisOrder.DeviceNumber.number > 0
                            ? dialysisOrder.DeviceNumber.number
                            : patientInfo.DialysisSchedule.device_number.number
                        }}
                      </div>
                    </div>
                    <div class="inline_block">
                      治疗模式：
                      <div class="under_line" style="width: 70px;text-align: center;font-weight:600;">
                        {{ prescription.mode }}
                      </div>
                    </div>
                  </div>
                </td>

              </tr>
              <tr>
                <td colspan="2"
                  style="letter-spacing:5px;text-align:center;font-weight:520;font-size:16px;padding: 6px 8px;line-height: 30px;">
                  医嘱记录
                </td>
              </tr>
              <tr>
                <td colspan="2">
                  <div class="row" style="padding: 2px 0;line-height:23px;">
                    <div class="inline_block">
                      P：
                      <div class="under_line" style="width: 50px;text-align: center;">
                        {{ predialysis.pulse_frequency ? predialysis.pulse_frequency : "" }}
                      </div>
                      次/分
                    </div>
                    <div class="inline_block" style="margin-left:20px;">
                      BP：
                      <div class="under_line" style="width: 100px;text-align: center;">
                        {{ predialysis.systolic_blood_pressure ? predialysis.systolic_blood_pressure : "" }}/
                        {{ predialysis.diastolic_blood_pressure ? predialysis.diastolic_blood_pressure : "" }}
                      </div>
                      mmHg
                    </div>
                    <div class="inline_block" style="flex:1;margin-left:20px;">
                      干体重：
                      <div class="under_line" style="width: 50px;text-align: center">
                        {{ predialysis.dry_weight ? predialysis.dry_weight : "" }}
                      </div>
                      kg
                    </div>
                    <div class="inline_block" style="flex:1;margin-left:20px;">
                      透前体重：
                      <div class="under_line" style="width: 70px;text-align: center">
                        {{ predialysis.weight_before ? predialysis.weight_before : "" }}
                      </div>
                      kg
                    </div>
                    <div class="inline_block" style="flex:1;margin-left:20px;">
                      计划超滤量：
                      <div class="under_line" style="width: 50px;text-align: center">
                        {{ prescription.target_ultrafiltration ? prescription.target_ultrafiltration : "" }}
                      </div>
                      ml
                    </div>
                  </div>
                  <div class="row" style="padding: 2px 0;line-height:23px;">
                    <div class="inline_block" style="flex:1;">
                      透析时间：
                      <div class="under_line" style="width: 50px;text-align: center">
                        {{ prescription.dialysis_duration_hour ? prescription.dialysis_duration_hour : "" }}
                      </div>
                      小时
                      <div class="under_line" style="width: 50px;text-align: center">
                        {{ prescription.dialysis_duration_minute ? prescription.dialysis_duration_minute : "" }}
                      </div>
                      分钟
                    </div>
                    <div class="inline_block" style="margin-left:20px;flex:1;">
                      血流量：
                      <div class="under_line" style="width: 50px;text-align: center">
                        {{ prescription.blood_flow_volume ? prescription.blood_flow_volume : "/" }}
                      </div>
                      ml/min
                    </div>
                    <div class="inline_block" style="flex:1;margin-left:20px;">
                      血管通路：
                      <div class="under_line" style="width: 200px;text-align: center;">
                        <!-- {{ QueryPartById(predialysis.blood_access_part_id) }} -->
                        {{ predialysis.blood_access_part_opera_name }}
                      </div>
                    </div>
                    <div class="inline_block" style="flex:1;margin-left:20px;">
                      透析(滤)器：
                      <div class="under_line" style="width: 100px;text-align: center">
                        {{ prescription.dialyzer_perfusion_apparatus ? prescription.dialyzer_perfusion_apparatus : "/"
                        }}
                      </div>
                    </div>
                  </div>
                  <div class="row" style="padding: 2px 0;line-height:23px;">
                    <div class="inline_block" style="flex:1;">
                      置换方式：
                      <check-box :checked="prescription.displace_liqui_part == 1 ? true : false"
                        text="前置换"></check-box>&nbsp;
                      <check-box :checked="prescription.displace_liqui_part == 2 ? true : false"
                        text="后置换"></check-box>&nbsp;
                    </div>
                    <div class="inline_block" style="margin-left:20px;flex:1;">
                      置换量：
                      <div class="under_line" style="width: 70px;text-align: center">
                        {{ prescription.replacement_total ? prescription.replacement_total : "" }}
                      </div>
                      L
                    </div>
                  </div>
                </td>
              </tr>
              <tr>
                <td style="padding: 0; position: relative;" colspan="2">
                  <table class="inside_table">
                    <tbody>
                      <tr style="height:32px;">
                        <td style="font-size: 16px" width="10%">时间</td>
                        <td style="font-size: 16px" colspan="2" width="45%">临时医嘱</td>
                        <td style="font-size: 16px" width="10%">医嘱者</td>
                        <td style="font-size: 16px" width="10%">执行者</td>
                        <td style="font-size: 16px" width="10%">时间</td>
                      </tr>
                      <!-- <template v-for="group in doctor_advices" > -->

                      <tr v-for="(advice, advice_index) in doctor_advices" :key="advice_index">
                        <td height="32px;padding:1px 1px">
                          <span v-if="advice.start_time">
                            {{ getTime(advice.start_time, "{h}:{i}") }}
                          </span>
                          <!-- <span v-else>&nbsp;<br/>&nbsp;</span> -->
                        </td>
                        <td height="32px" colspan="2" class="advice-name" style="padding-left:7px;">
                          <span v-if="advice.parent_id > 0">---></span>
                          <span>{{ advice.advice_name }}</span>
                          <span v-if="advice && advice.advice_desc">({{ advice.advice_desc }}{{ advice.drug_spec_unit
                            }})</span>
                          <span v-if="advice.prescribing_number">&nbsp;&nbsp; {{ advice.prescribing_number }}{{
                            advice.prescribing_number_unit }}</span>
                          <span v-if="advice.single_dose != 0">{{ advice.single_dose }}{{ advice.single_dose_unit
                            }}</span>
                          <span v-if="advice.parent_id == 0">{{ advice.delivery_way }}</span>
                          <span v-if="advice.parent_id == 0">{{ advice.execution_frequency }}</span>
                          <span v-if="advice.parent_id == 0 && advice.remark.length > 0">({{ advice.remark }})</span>
                        </td>
                        <!-- <td colspan="2" height="60px" style="text-align: center" v-else >
                      <span>{{advice.delivery_way}}</span>
                      <span>{{advice.execution_frequency}}</span>
                      <span v-if="advice.remark.length > 0">({{advice.remark}})</span>
                    </td> -->
                        <!-- <td width="10%" v-if="(advice.children && advice.children.length > 0 || advice.parent_id > 0) && advice.isShow == 2" ></td> -->
                        <td height="32px">
                          <span>{{ getAdminUser(advice.advice_doctor) }}</span>
                        </td>
                        <!-- <td height="35px">
                      <span v-if="setAdminUserES(advice.checker) == ''">{{getAdminUser(advice.checker)}}</span>
                      <img style="height:20px;" :src="setAdminUserES(advice.checker)" alt="" srcset="" v-else>
                    </td> -->
                        <td height="32px">
                          <span>{{ getAdminUser(advice.execution_staff) }}</span>
                        </td>
                        <td height="32px">
                          <span v-if="advice.execution_time">{{ getTime(advice.execution_time, "{h}:{i}") }}</span>
                        </td>
                      </tr>
                      <!-- </template> -->
                    </tbody>
                  </table>
                </td>
              </tr>



              <tr>
                <td style="padding: 0; position: relative;" colspan="2">
                  <table class="inside_table">
                    <tbody>
                      <tr>
                        <td colspan="13"
                          style="letter-spacing:5px;text-align:center;font-weight:520;font-size:16px;padding: 6px 8px;line-height: 30px;">
                          护理记录
                        </td>
                      </tr>
                      <tr>
                        <td width="60">时间</td>
                        <td width="80" style="height:20px;line-height:20px">血压<br />(肢)</td>
                        <td width="60" style="height:20px;line-height:20px">动脉压<br />mmHg</td>
                        <td width="60" style="height:20px;line-height:20px">静脉压<br />mmHg</td>
                        <td width="60" style="height:20px;line-height:20px">跨膜压<br />mmHg</td>
                        <td width="60" style="height:20px;line-height:20px">超滤率<br />1/h</td>
                        <td width="60" style="height:20px;line-height:20px">超滤量<br />ml</td>
                        <td width="60" style="height:20px;line-height:20px">透析液温度</td>
                        <td width="60" style="height:20px;line-height:20px">电导度<br />ms/cm</td>
                        <td width="60" style="height:20px;line-height:20px">血流量<br /></td>
                        <td width="">病情变化及处理</td>
                        <td width="60" style="height:20px;line-height:20px">签名</td>
                      </tr>

                      <tr v-for="monitor in monitors" :key="monitor.id">
                        <td style="height:32px;line-height:32px;">&nbsp;{{ getTime(monitor.operate_time, "{h}:{i}") }}
                        </td>
                        <td>
                          <span v-if="monitor.systolic_blood_pressure || monitor.diastolic_blood_pressure">
                            &nbsp;{{ monitor.systolic_blood_pressure ? monitor.systolic_blood_pressure : "" }}/
                            {{ monitor.diastolic_blood_pressure ? monitor.diastolic_blood_pressure : "" }}
                          </span>
                        </td>
                        <td>&nbsp;{{ monitor.arterial_pressure ? monitor.arterial_pressure : "" }}</td>
                        <td>&nbsp;{{ monitor.venous_pressure ? monitor.venous_pressure : "" }}</td>
                        <td>&nbsp;{{ monitor.transmembrane_pressure ? monitor.transmembrane_pressure : "" }}</td>
                        <td>&nbsp;{{ monitor.ultrafiltration_rate ? monitor.ultrafiltration_rate : '' }}</td>
                        <td>&nbsp;{{ monitor.ultrafiltration_volume ? monitor.ultrafiltration_volume : "" }}</td>
                        <td>&nbsp;{{ monitor.dialysate_temperature ? monitor.dialysate_temperature : '' }}</td>
                        <td>&nbsp;{{ monitor.conductivity ? monitor.conductivity : "" }}</td>
                        <td>&nbsp;{{ monitor.blood_flow_volume ? monitor.blood_flow_volume : "" }}</td>
                        <td style="text-align:left;padding-left:10px;">
                          <div style="line-height:20px;text-align: left;display: inline-block;">
                            &nbsp;{{ monitor.symptom }}{{ monitor.dispose }}{{ monitor.result }}
                          </div>
                        </td>
                        <td>
                          <span>
                            {{ getAdminUser(monitor.monitoring_nurse) }}
                          </span>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr>
                <td colspan="2">
                  <div class="row" style="padding: 2px 0;line-height:23px; display:flex;">
                    <div class="inline_block">
                      实际治疗时间：
                      <div class="under_line" style="width: 30px;text-align: center">
                        {{ afterdialysis.actual_treatment_hour ? afterdialysis.actual_treatment_hour : "" }}
                      </div>
                      小时
                      <div class="under_line" style="width: 30px;text-align: center">
                        {{ afterdialysis.actual_treatment_minute ? afterdialysis.actual_treatment_minute : "" }}
                      </div>
                      分钟
                    </div>
                    <div class="inline_block" style="margin-left:10px;">
                      实际脱水量：
                      <div class="under_line" style="width: 70px;text-align: center">
                        {{ afterdialysis.actual_ultrafiltration ? afterdialysis.actual_ultrafiltration : "" }}
                      </div>
                      ml
                    </div>
                    <div class="inline_block" style="margin-left:10px;">
                      透后体重：
                      <div class="under_line" style="width: 70px;text-align: center">
                        {{ afterdialysis.weight_after ? afterdialysis.weight_after : "" }}
                      </div>
                      kg
                    </div>
                    <div class="inline_block" style="margin-left:10px;">
                      离科时间
                      <div class="under_line" style="width: 70px;text-align: center">
                        {{ dialysisOrder ? getTime(dialysisOrder.end_time, "{h}:{i}") : '' }}
                      </div>
                    </div>
                  </div>
                  <div class="row" style="padding: 2px 0;line-height:30px; display:flex;">
                    <div class="inline_block">
                      预冲者
                      <div class="under_line" style="width: 70px;text-align: center">
                        <span>{{ getAdminUser(dialysisOrder == null ? 0 : dialysisOrder.washpipe_nurse) }}</span>
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left:20px;">
                      穿刺者/换药者
                      <div class="under_line" style="width: 70px;text-align: center">
                        <span>{{ getAdminUser(dialysisOrder == null ? 0 : dialysisOrder.puncture_nurse) }}</span>
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left:20px;">
                      责任护士
                      <div class="under_line" style="width: 70px;text-align: center">
                        <span>{{ getAdminUser(dialysisOrder == null ? 0 : dialysisOrder.start_nurse) }}</span>
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left:20px;">
                      查对者
                      <div class="under_line" style="width: 70px;text-align: center">
                        <span>
                          {{ getAdminUser(check == null ? 0 : check.creater) }}
                        </span>
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left:20px;">
                      交叉核对者
                      <div class="under_line" style="width: 70px;text-align: center">
                        <span>
                          {{ getAdminUser(check == null ? 0 : check.modifier) }}
                        </span>
                      </div>
                    </div>
                    <div class="inline_block" style="margin-left:20px;">
                      下机护士
                      <div class="under_line" style="width: 70px;text-align: center">
                        <span>{{ getAdminUser(dialysisOrder == null ? 0 : dialysisOrder.finish_nurse) }}</span>
                      </div>
                    </div>


                  </div>
                  <div class="row" style="padding: 2px 0;line-height:30px; display:flex;">
                    <div class="inline_block">
                      透析器级别
                      <div class="under_line" style="width: 300px;text-align:left;">
                        {{ afterdialysis.cruor ? afterdialysis.cruor : '' }}
                      </div>
                    </div>
                  </div>
                  <div class="row" style="min-height:40px;">
                    <div
                      style="width: 100%;line-height: 25px;text-align: left;margin-left: 2px;text-underline-position: under; text-decoration: underline;">
                      透析小结:{{ summary.dialysis_summary ? summary.dialysis_summary : "" }}
                    </div>
                  </div>
                </td>
              </tr>

            </tbody>
          </table>
          <div class="row" style="padding: 2px 0;line-height:30px; display:flex;">
            <div class="inline_block">
              医生签字
              <div class="under_line" style="width: 70px;text-align: center">
                <span> {{
                  getAdminUser(prescription == null ? 0 : (prescription.prescription_doctor ? prescription.prescription_doctor:''))
                  }}
                </span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import CheckBox from './option_check_box'
import { getDialysisRecord } from '@/api/dialysis'
import { getDataConfig } from '@/utils/data'
import { jsGetAge, uParseTime } from '@/utils/tools'
import LabelBox from '../printItem/LabelBox'
import {Dialog,Toast} from 'vant'
// import DialysisPrintOrderOne from './template/dialysisPrintOrderOne'
// import DialysisPrintOrderTwo from './template/dialysisPrintOrderTwo'
import print from 'print-js'

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

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

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

      AlPanel: {
        id: 0,
        name: '',
        type: 1,
        shouji: 2,
        weichi: 2,
        zongliang: 2,
        gaimingcheng: -1,
        gaijiliang: -1,
        shouji_unit: 'mg',
        weichi_unit: 'mg/h',
        zongliang_unit: 'mg',
        gaimingcheng_unit: '',
        gaijiliang_unit: ''
      },
      org_id: 0
    }
  },
  methods: {
    checkData() {
      var checkdata=[]
      if (this.predialysis.machine_type == "") {
        const obj = '透析机'
        checkdata.push(obj)
      } if (this.prescription.mode_id == "") {
        const obj1 = '治疗模式'
        checkdata.push(obj1)
      } if (this.predialysis.pulse_frequency == "") {
        const obj2 = '透前脉搏'
        checkdata.push(obj2)
      } if (this.predialysis.systolic_blood_pressure == 0 || this.predialysis.diastolic_blood_pressure == 0) {
        const obj3 = '透前血压'
        checkdata.push(obj3)
      } if (this.predialysis.dry_weight == 0) {
        const obj4 = '干体重'
        checkdata.push(obj4)
      } if (this.predialysis.weight_before == 0) {
        const obj5 = '透前体重'
        checkdata.push(obj5)
      } if (this.prescription.target_ultrafiltration == 0) {
        const obj6 = '计划超滤量'
        checkdata.push(obj6)
      } if (this.prescription.dialysis_duration_hour == 0 || this.prescription.dialysis_duration_minute == 0) {
        const obj7 = '计划治疗时间'
        checkdata.push(obj7)
      } if (this.prescription.blood_flow_volume == 0) {
        const obj8 = '血流量'
        checkdata.push(obj8)
      } if (this.predialysis.blood_access_part_opera_name == '') {
        const obj9 = '血管通路'
        checkdata.push(obj9)
      } if (this.prescription.dialyzer_perfusion_apparatus == "") {
        const obj10 = '透析(滤)器'
        checkdata.push(obj10)
      } if (this.prescription.displace_liqui_part == 0 && (this.prescription.mode_id == 2 || this.prescription.mode_id == 5 || this.prescription.mode_id == 12)) {
        const obj11 = '置换方式'
        checkdata.push(obj11)
      } if (this.prescription.replacement_total == 0 && (this.prescription.mode_id == 2 || this.prescription.mode_id == 5 || this.prescription.mode_id == 12)) {
        const obj12 = '置换量'
        checkdata.push(obj12)
      } if (this.afterdialysis.actual_treatment_hour == 0 && this.afterdialysis.actual_treatment_minute == 0) {
        const obj13 = '实际治疗时间'
        checkdata.push(obj13)
      } if (this.afterdialysis.actual_ultrafiltration == 0) {
        const obj14 = '实际脱水量'
        checkdata.push(obj14)
      } if (this.afterdialysis.weight_after == 0) {
        const obj15 = '透后体重'
        checkdata.push(obj15)
      } if (this.dialysisOrder == null || (this.dialysisOrder && this.dialysisOrder.end_time == 0)) {
        const obj16 = '离科时间'
        checkdata.push(obj16)
      } if (this.dialysisOrder.washpipe_nurse == 0) {
        const obj17 = '预冲者'
        checkdata.push(obj17)
      } if (this.dialysisOrder.puncture_nurse == 0) {
        const obj18 = '穿刺者/换药者'
        checkdata.push(obj18)
      } if (this.dialysisOrder == null || this.dialysisOrder.start_nurse == 0) {
        const obj19 = '责任护士'
        checkdata.push(obj19)
      } if (this.check.creater == 0) {
        const obj20 = '查对者'
        checkdata.push(obj20)
      } if (this.check.modifier == 0) {
        const obj21 = '交叉核对者'
        checkdata.push(obj21)
      } if (this.dialysisOrder == null || this.dialysisOrder.finish_nurse == 0) {
        const obj22 = '下机护士'
        checkdata.push(obj22)
      } if (this.afterdialysis.cruor == "") {
        const obj23 = '透析器级别'
        checkdata.push(obj23)
      } if (this.summary.dialysis_summary == "") {
        const obj24 = '透析小结'
        checkdata.push(obj24)
      } if (this.prescription.prescription_doctor == 0) {
        const obj24 = '医生签字'
        checkdata.push(obj24)
      } if (this.doctor_advices.length > 0) {
        this.doctor_advices.map((item) =>{
          if(item.id > 0 && (item.created_time || item.start_time)){
            if(item.execution_staff ==0 || item.advice_doctor==0){
              const obj25 = '执行人员,核对人员,医生签名'
              checkdata.push(obj25)
            }
          }
        })
      } if(this.monitors.length>0){
        for(let i in this.monitors){
          if(this.monitors[i].systolic_blood_pressure=='' || this.monitors[i].diastolic_blood_pressure==''){
            const obj26='监测第'+((i*1)+1)+'行Bp'
            checkdata.push(obj26)
          }if(this.monitors[i].arterial_pressure==''){
            const obj27='监测第'+((i*1)+1)+'行动脉压'
            checkdata.push(obj27)
          }if(this.monitors[i].venous_pressure==''){
            const obj28='监测第'+((i*1)+1)+'行静脉压'
            checkdata.push(obj28)
          }if(this.monitors[i].transmembrane_pressure==''){
            const obj29='监测第'+((i*1)+1)+'行跨膜压'
            checkdata.push(obj29)
          }if(this.monitors[i].ultrafiltration_rate==''){
            const obj30='监测第'+((i*1)+1)+'行超滤率'
            checkdata.push(obj30)
          }if(this.monitors[i].ultrafiltration_volume==''){
            const obj31='监测第'+((i*1)+1)+'行超滤量'
            checkdata.push(obj31)
          }if(this.monitors[i].dialysate_temperature==''){
            const obj32='监测第'+((i*1)+1)+'行透析液温度'
            checkdata.push(obj32)
          }if(this.monitors[i].conductivity ==''){
            const obj33='监测第'+((i*1)+1)+'行电导度'
            checkdata.push(obj33)
          }if(this.monitors[i].blood_flow_volume==''){
            const obj34='监测第'+((i*1)+1)+'行血流量'
            checkdata.push(obj34)
          }
        }
      }
      this.getcheckData(checkdata)
    },
    getDisplaceLiquiPart: function (val) {
      let displace_liqui_part_name = '/'
      let displace_liqui_part = this.displaceLiquiPartOptions
      for (let i = 0; i < displace_liqui_part.length; i++) {
        if (displace_liqui_part[i].id == val) {
          displace_liqui_part_name = displace_liqui_part[i].name
        }
      }
      return displace_liqui_part_name
    },
    replacementWaysById: function (val) {
      let replacementWaysname = '/'
      // let vascular_access = getDataConfig('hemodialysis', 'vascular_access')

      for (let i = 0; i < this.replacementWays.length; i++) {
        if (this.replacementWays[i].id == val) {
          replacementWaysname = this.replacementWays[i].name
        }
      }
      return replacementWaysname
    },
    QueryPartById: function (val) {
      let vascular_access_part_name = '/'
      let vascular_access = getDataConfig('hemodialysis', 'vascular_access')

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

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

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

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

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

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

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

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

        this.prescription = response.data.data.dialysisPrescription
        console.log('prescription', this.prescription)
        this.receiverTreatmentAccess =
          response.data.data.receiverTreatmentAccess

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

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

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

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

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

        this.advices = response.data.data.advices
        this.tableAdvice = response.data.data.advices
        console.log("医嘱", this.advices)
        this.monitors = response.data.data.monitors
        console.log("2222", this.monitors)
        this.summary = response.data.data.summary
        this.org_template_info = response.data.data.org_template_info

        if (this.monitors.length < 7) {
          var nl = 7 - this.monitors.length
          for (let index = 0; index < nl; index++) {
            this.monitors.push([])
          }
        }

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

        this.jilurow = this.monitors.length + 1

        this.advice_jilurow = this.advices.length + 1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

          for (let index = 0; index < nl; index++) {
            if (
              this.doctor_advices[index] == undefined ||
              this.doctor_advices[index].length <= 0
            ) {
              this.doctor_advices.push([])
            } else {
              continue
            }
          }
        }
        // this.totollength = this.doctor_advices.length + this.monitors.length
        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, '-')
      } else {
        return ''
      }
    },
    newAdviceGroupObject: function () {
      return Object.assign(
        {},
        {
          group_no: 0,
          // advice_doctor: 0,
          // start_time: 0,
          advices: []
          // exec_staff: 0,
          // exec_time: 0,
          // checker: 0,
        }
      )
    },
    getFloat: function (x) {
      if (x == 0) {
        return '/'
      }
      if (x != '.') {
        var f = Math.round(x * 100) / 100
        var s = f.toString()
        var rs = s.indexOf('.')
        if (rs <= 0) {
          rs = s.length
          s += '.'
        }
        while (s.length <= rs + 1) {
          s += '0'
        }
        return s
      } else {
        return '0.0'
      }
    },
    getUnit: function (val) {
      switch (val) {
        case 1:
          return 'g'
          break
        case 2:
          return 'ml'
          break
      }
    },
    getcheckData(val){
      if(val.length >0){
        let message = `记录单未填数据:\n${val.join("\n")}`;
        Dialog.confirm({
          allowHtml:true,
          message:message,
        }).then(() => {

          })
          .catch(() => {

          });
        return message
      }else{
        this.$toast('核对完成');
      }
    }
  },
  watch: {
    'patientInfo.gender': function () {
      if (this.patientInfo.gender == 1) {
        this.patientInfo_gender_1 = true
        this.patientInfo_gender_2 = false
      } else if (this.patientInfo.gender == 2) {
        this.patientInfo_gender_2 = true
        this.patientInfo_gender_1 = false
      } else {
        this.patientInfo_gender_2 = false
        this.patientInfo_gender_1 = false
      }
    },
    'patientInfo.source': function () {
      if (this.patientInfo.source == 1) {
        this.patientInfo_source_1 = true
        this.patientInfo_source_2 = false
      } else if (this.patientInfo.source == 2) {
        this.patientInfo_source_2 = true
        this.patientInfo_source_1 = false
      } else {
        this.patientInfo_source_2 = false
        this.patientInfo_source_1 = false
      }
    }
  },
  created() {
    this.way_arr = getDataConfig('hemodialysis', 'way')
    this.consciousness_arr = getDataConfig('hemodialysis', 'consciousness')
    this.appetite_arr = getDataConfig('hemodialysis', 'appetite')
    this.posture_arr = getDataConfig('hemodialysis', 'posture')
    this.sick_condition_arr = getDataConfig('hemodialysis', 'sick_condition')
    this.precaution_arr = getDataConfig('hemodialysis', 'precaution')
    this.intake_arr = getDataConfig('hemodialysis', 'intake')
    this.nutrition_arr = getDataConfig('hemodialysis', 'nutrition')

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

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

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

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

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

    const xtdate = this.$route.query && this.$route.query.xtdate
    const xtno = this.$route.query && this.$route.query.xtno
    if (
      typeof xtdate === 'string' &&
      xtdate.length > 0 &&
      typeof xtno === 'string' &&
      xtno.length > 0
    ) {
      this.queryParams.xtdate = xtdate
      this.queryParams.xtno = xtno
      this.getDialysisRecord()
    } else {
      this.$message.error('参数不齐')
      return false
    }
    this.org_id = this.$store.getters.user.template_info.org_id
  }
}
</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>
