GY_ceshi_web/src/views/medicalRecord/index.vue

<template>
  <div class="bg-box" style="overflow: hidden; position: relative" :class="{ has_control: controlData.bSwitch }">
    <div class="bg-card">
      <h3 class="title">住院病案首页</h3>
      <div class="zyh">病案编号：{{ blInfo.patient_info.AAA28 }}</div>
      <div class="btn-wrapper">
        <el-button type="primary" class="export-btn" size="small" @click="onToggle">质控结果</el-button>
      </div>
      <!-- 基本信息 -->
      <table class="table">
        <tr>
          <td class="label ZA03" :class="{'jy': hasIntersection(zk_codes.jy, ['ZA03']), 'qz': hasIntersection(zk_codes.qz, ['ZA03'])}">医疗机构</td>
          <td colspan="5" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['ZA03']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['ZA03'])}">{{ blInfo.patient_other_info.ZA03 }}</td>
          <td class="label TYSHXYDM UNT_ID" :class="{'jy': hasIntersection(zk_codes.jy, ['TYSHXYDM', 'UNT_ID']), 'qz': hasIntersection(zk_codes.qz, ['TYSHXYDM', 'UNT_ID'])}">统一社会信用代码</td>
          <td colspan="5" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['TYSHXYDM', 'UNT_ID']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['TYSHXYDM', 'UNT_ID'])}">
            <NoValueInputVue :data="blInfo.patient_add.TYSHXYDM" />
            （组织机构机构代码：
            <NoValueInputVue :data="blInfo.patient_other_info.UNT_ID" />
            ）
          </td>
        </tr>
        <tr>
          <td class="label AAA26C" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA26C']), 'qz': hasIntersection(zk_codes.qz, ['AAA26C'])}">医疗付费方式</td>
          <td colspan="5" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA26C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA26C'])}">{{ blInfo.patient_info.AAA26C }}</td>
          <td class="label JKKH" :class="{'jy': hasIntersection(zk_codes.jy, ['JKKH']), 'qz': hasIntersection(zk_codes.qz, ['JKKH'])}">健康卡号</td>
          <td colspan="3" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['JKKH']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['JKKH'])}">{{ blInfo.patient_add.JKKH }}</td>
          <td class="label AAA29" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA29']), 'qz': hasIntersection(zk_codes.qz, ['AAA29'])}">住院次数</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA29']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA29'])}">{{ blInfo.patient_info.AAA29 }}</td>
        </tr>
        <tr>
          <td class="label AAA01" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA01']), 'qz': hasIntersection(zk_codes.qz, ['AAA01'])}">姓名</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA01']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA01'])}">{{ blInfo.patient_info.AAA01 }}</td>
          <td class="label AAA02C" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA02C']), 'qz': hasIntersection(zk_codes.qz, ['AAA02C'])}">性别</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA02C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA02C'])}">{{ blInfo.patient_info.AAA02C }}</td>
          <td class="label AAA03" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA03']), 'qz': hasIntersection(zk_codes.qz, ['AAA03'])}">出生日期</td>
          <td colspan="3" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA03']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA03'])}">{{ blInfo.patient_info.AAA03 }}</td>
          <td class="label AAA04" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA04']), 'qz': hasIntersection(zk_codes.qz, ['AAA04'])}">年龄</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA04']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA04'])}">{{ blInfo.patient_info.AAA04 }}</td>
          <td class="label AAA40" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA40']), 'qz': hasIntersection(zk_codes.qz, ['AAA40'])}">天龄（不足1周岁）</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA40']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA40'])}">{{ blInfo.patient_info.AAA40 }}</td>
        </tr>
        <tr>
          <td class="label AAA09 AAA10 AAA11" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA09', 'AAA10', 'AAA11']), 'qz': hasIntersection(zk_codes.qz, ['AAA09', 'AAA10', 'AAA11'])}">出生地</td>
          <td colspan="3" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA09', 'AAA10', 'AAA11']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA09', 'AAA10', 'AAA11'])}">
            <NoValueInputVue :data="blInfo.patient_address_info.AAA09 ? blInfo.patient_address_info.AAA09.replace('省', '') : ''" />
            （省）
            <NoValueInputVue :data="blInfo.patient_address_info.AAA10 ? blInfo.patient_address_info.AAA10.replace('市', '') : ''" />
            （市）
            <span v-if="blInfo.patient_address_info.AAA11.includes('县')">
              <NoValueInputVue :data="blInfo.patient_address_info.AAA11 ? blInfo.patient_address_info.AAA11.replace('县', '') : ''" />
              （县）
            </span>
            <span v-else-if="blInfo.patient_address_info.AAA11.includes('区')">
              <NoValueInputVue :data="blInfo.patient_address_info.AAA11 ? blInfo.patient_address_info.AAA11.replace('区', '') : ''" />
              （区）
            </span>
            <span v-else>
              <NoValueInputVue :data="blInfo.patient_address_info.AAA11" />
              （区）
            </span>
          </td>
          <td class="label AAA43 AAA44" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA43', 'AAA44']), 'qz': hasIntersection(zk_codes.qz, ['AAA43', 'AAA44'])}">籍贯</td>
          <td colspan="3" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA43', 'AAA44']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA43', 'AAA44'])}">
            <NoValueInputVue :data="blInfo.patient_address_info.AAA43 ? blInfo.patient_address_info.AAA43.replace('省', '') : ''" />
            （省）
            <NoValueInputVue :data="blInfo.patient_address_info.AAA44 ? blInfo.patient_address_info.AAA44.replace('市', '') : ''" />
            （市）
          </td>
          <td class="label AAA06C" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA06C']), 'qz': hasIntersection(zk_codes.qz, ['AAA06C'])}">民族</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA06C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA06C'])}">{{ blInfo.patient_info.AAA06C }}</td>
          <td class="label AAA05C" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA05C']), 'qz': hasIntersection(zk_codes.qz, ['AAA05C'])}">国籍</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA05C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA05C'])}">{{ blInfo.patient_info.AAA05C }}</td>
        </tr>
        <tr>
          <td class="label SFZJLX" :class="{'jy': hasIntersection(zk_codes.jy, ['SFZJLX']), 'qz': hasIntersection(zk_codes.qz, ['SFZJLX'])}">身份证件类型</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['SFZJLX']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['SFZJLX'])}">{{ blInfo.patient_add.SFZJLX }}</td>
          <td class="label AAA07" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA07']), 'qz': hasIntersection(zk_codes.qz, ['AAA07'])}">身份证号</td>
          <td colspan="5" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA07']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA07'])}">{{ blInfo.patient_info.AAA07 }}</td>
          <td class="label AAA18C" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA18C']), 'qz': hasIntersection(zk_codes.qz, ['AAA18C'])}">职业</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA18C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA18C'])}">{{ blInfo.patient_work_info.AAA18C }}</td>
          <td class="label AAA08C" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA08C']), 'qz': hasIntersection(zk_codes.qz, ['AAA08C'])}">婚姻</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA08C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA08C'])}">{{ blInfo.patient_info.AAA08C }}</td>
        </tr>
        <tr>
          <td class="label AAA48 AAA49 AAA50 AAA15" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA48', 'AAA49', 'AAA50', 'AAA15']), 'qz': hasIntersection(zk_codes.qz, ['AAA48', 'AAA49', 'AAA50', 'AAA15'])}">现住址</td>
          <td colspan="7" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA48', 'AAA49', 'AAA50', 'AAA15']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA48', 'AAA49', 'AAA50', 'AAA15'])}">
            <NoValueInputVue :data="blInfo.patient_address_info.AAA48 ? blInfo.patient_address_info.AAA48.replace('省', '') : ''" />
            （省）
            <NoValueInputVue :data="blInfo.patient_address_info.AAA49 ? blInfo.patient_address_info.AAA49.replace('市', '') : ''" />
            （市）
            <span v-if="blInfo.patient_address_info.AAA50.includes('县')">
              <NoValueInputVue :data="blInfo.patient_address_info.AAA50 ? blInfo.patient_address_info.AAA50.replace('县', '') : ''" />
              （县）
            </span>
            <span v-else-if="blInfo.patient_address_info.AAA50.includes('区')">
              <NoValueInputVue :data="blInfo.patient_address_info.AAA50 ? blInfo.patient_address_info.AAA50.replace('区', '') : ''" />
              （区）
            </span>
            <span v-else>
              <NoValueInputVue :data="blInfo.patient_address_info.AAA50" />
              （区）
            </span>
            <NoValueInputVue :data="blInfo.patient_address_info.AAA15" />
          </td>
          <td class="label AAA51" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA51']), 'qz': hasIntersection(zk_codes.qz, ['AAA51'])}">电话</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA51']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA51'])}">{{ blInfo.patient_address_info.AAA51 }}</td>
          <td class="label AAA17C" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA17C']), 'qz': hasIntersection(zk_codes.qz, ['AAA17C'])}">邮编</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA17C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA17C'])}">{{ blInfo.patient_address_info.AAA17C }}</td>
        </tr>
        <tr>
          <td class="label AAA45 AAA46 AAA47 AAA12" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA45', 'AAA46', 'AAA47', 'AAA12']), 'qz': hasIntersection(zk_codes.qz, ['AAA45', 'AAA46', 'AAA47', 'AAA12'])}">户口地址</td>
          <td colspan="9" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA45', 'AAA46', 'AAA47', 'AAA12']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA45', 'AAA46', 'AAA47', 'AAA12'])}">
            <NoValueInputVue :data="blInfo.patient_address_info.AAA45 ? blInfo.patient_address_info.AAA45.replace('省', '') : ''" />
            （省）
            <NoValueInputVue :data="blInfo.patient_address_info.AAA46 ? blInfo.patient_address_info.AAA46.replace('市', '') : ''" />
            （市）
            <span v-if="blInfo.patient_address_info.AAA47.includes('县')">
              <NoValueInputVue :data="blInfo.patient_address_info.AAA47 ? blInfo.patient_address_info.AAA47.replace('县', '') : ''" />
              （县）
            </span>
            <span v-else-if="blInfo.patient_address_info.AAA47.includes('区')">
              <NoValueInputVue :data="blInfo.patient_address_info.AAA47 ? blInfo.patient_address_info.AAA47.replace('区', '') : ''" />
              （区）
            </span>
            <span v-else>
              <NoValueInputVue :data="blInfo.patient_address_info.AAA47" />
              （区）
            </span>
            <NoValueInputVue :data="blInfo.patient_address_info.AAA12" />
          </td>
          <td class="label AAA14C" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA14C']), 'qz': hasIntersection(zk_codes.qz, ['AAA14C'])}">邮编</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA14C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA14C'])}">{{ blInfo.patient_address_info.AAA14C }}</td>
        </tr>
        <tr>
          <td class="label AAA19" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA19']), 'qz': hasIntersection(zk_codes.qz, ['AAA19'])}">工作单位及地址</td>
          <td colspan="7" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA19']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA19'])}">{{ blInfo.patient_work_info.AAA19 }}</td>
          <td class="label AAA20" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA20']), 'qz': hasIntersection(zk_codes.qz, ['AAA20'])}">单位电话</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA20']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA20'])}">{{ blInfo.patient_work_info.AAA20 }}</td>
          <td class="label AAA21C" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA21C']), 'qz': hasIntersection(zk_codes.qz, ['AAA21C'])}">邮编</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA21C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA21C'])}">{{ blInfo.patient_work_info.AAA21C }}</td>
        </tr>
        <tr>
          <td class="label AAA22" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA22']), 'qz': hasIntersection(zk_codes.qz, ['AAA22'])}">联系人姓名</td>
          <td colspan="3" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA22']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA22'])}">{{ blInfo.patient_contacts_info.AAA22 }}</td>
          <td class="label AAA24" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA24']), 'qz': hasIntersection(zk_codes.qz, ['AAA24'])}">地址</td>
          <td colspan="3" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA24']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA24'])}">{{ blInfo.patient_contacts_info.AAA24 }}</td>
          <td class="label AAA23C" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA23C']), 'qz': hasIntersection(zk_codes.qz, ['AAA23C'])}">关系</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA23C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA23C'])}">{{ blInfo.patient_contacts_info.AAA23C }}</td>
          <td class="label AAA25" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA25']), 'qz': hasIntersection(zk_codes.qz, ['AAA25'])}">电话</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA25']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA25'])}">{{ blInfo.patient_contacts_info.AAA25 }}</td>
        </tr>
        <tr>
          <td class="label AAB06C ZZYLJG" :class="{'jy': hasIntersection(zk_codes.jy, ['AAB06C', 'ZZYLJG']), 'qz': hasIntersection(zk_codes.qz, ['AAB06C', 'ZZYLJG'])}">入院途径</td>
          <td colspan="11" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAB06C', 'ZZYLJG']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAB06C', 'ZZYLJG'])}">
            <span class="square">{{ blInfo.patient_info.AAB06C }}</span>
            <span class="mlr10" />
            1.门诊
            <span class="mlr10" />
            2.急诊
            <span class="mlr10" />
            3.其他医疗机构转入，转诊医疗机构名称：
            <NoValueInputVue :data="blInfo.patient_info.ZZYLJG" />
            <span class="mlr10" />
            4.其他
          </td>
        </tr>
        <tr>
          <td class="label AEN01" :class="{'jy': hasIntersection(zk_codes.jy, ['AEN01']), 'qz': hasIntersection(zk_codes.qz, ['AEN01'])}">新生儿出生体重</td>
          <td colspan="5" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEN01']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEN01'])}">
            <NoValueInputVue :data="blInfo.patient_info.AEN01" />
            克
          </td>
          <td class="label AAA42" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA42']), 'qz': hasIntersection(zk_codes.qz, ['AAA42'])}">新生儿入院体重</td>
          <td colspan="5" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAA42']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAA42'])}">
            <NoValueInputVue :data="blInfo.patient_info.AAA42" />
            克
          </td>
        </tr>
        <tr>
          <td class="label AAB01" :class="{'jy': hasIntersection(zk_codes.jy, ['AAB01']), 'qz': hasIntersection(zk_codes.qz, ['AAB01'])}">入院时间</td>
          <td colspan="2" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAB01']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAB01'])}">{{ blInfo.patient_info.AAB01 }}</td>
          <td class="label AAB02C" :class="{'jy': hasIntersection(zk_codes.jy, ['AAB02C']), 'qz': hasIntersection(zk_codes.qz, ['AAB02C'])}">入院科别</td>
          <td colspan="2" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAB02C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAB02C'])}">{{ blInfo.patient_hospital_info.AAB02C }}</td>
          <td class="label AAB11N" :class="{'jy': hasIntersection(zk_codes.jy, ['AAB11N']), 'qz': hasIntersection(zk_codes.qz, ['AAB11N'])}">病房</td>
          <td colspan="2" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAB11N']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAB11N'])}">{{ blInfo.patient_hospital_info.AAB11N }}</td>
          <td class="label AAD01C" :class="{'jy': hasIntersection(zk_codes.jy, ['AAD01C']), 'qz': hasIntersection(zk_codes.qz, ['AAD01C'])}">转科科别</td>
          <td colspan="2" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAD01C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAD01C'])}">{{ blInfo.patient_hospital_info.AAD01C }}</td>
        </tr>
        <tr>
          <td class="label AAC01" :class="{'jy': hasIntersection(zk_codes.jy, ['AAC01']), 'qz': hasIntersection(zk_codes.qz, ['AAC01'])}">出院时间</td>
          <td colspan="2" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAC01']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAC01'])}">{{ blInfo.patient_info.AAC01 }}</td>
          <td class="label AAC02C" :class="{'jy': hasIntersection(zk_codes.jy, ['AAC02C']), 'qz': hasIntersection(zk_codes.qz, ['AAC02C'])}">出院科别</td>
          <td colspan="2" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAC02C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAC02C'])}">{{ blInfo.patient_hospital_info.AAC02C }}</td>
          <td class="label AAC11N" :class="{'jy': hasIntersection(zk_codes.jy, ['AAC11N']), 'qz': hasIntersection(zk_codes.qz, ['AAC11N'])}">病房</td>
          <td colspan="2" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAC11N']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAC11N'])}">{{ blInfo.patient_info.AAC11N }}</td>
          <td class="label AAC04" :class="{'jy': hasIntersection(zk_codes.jy, ['AAC04']), 'qz': hasIntersection(zk_codes.qz, ['AAC04'])}">实际住院天数</td>
          <td colspan="2" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AAC04']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AAC04'])}">{{ blInfo.patient_info.AAC04 }}</td>
        </tr>
        <tr>
          <td class="label ABA01C" :class="{'jy': hasIntersection(zk_codes.jy, ['ABA01N']), 'qz': hasIntersection(zk_codes.qz, ['ABA01N'])}">门(急)诊诊断</td>
          <td colspan="5" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['ABA01N']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['ABA01N'])}">{{ blInfo.patient_medical_info.ABA01N }}</td>
          <td class="label ABA01N" :class="{'jy': hasIntersection(zk_codes.jy, ['ABA01C']), 'qz': hasIntersection(zk_codes.qz, ['ABA01C'])}">疾病编码</td>
          <td colspan="5" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['ABA01C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['ABA01C'])}">{{ blInfo.patient_medical_info.ABA01C }}</td>
        </tr>
      </table>
      <div class="oper-box">
        <IconBtnVue>
          <el-image class="icon_btn" :src="require('../../assets/images/sort.png')" fit="contain"></el-image>
        </IconBtnVue>
        <IconBtnVue style="margin-right: 0">
          <el-image class="icon_btn" :src="require('../../assets/images/setting.png')" fit="contain"></el-image>
        </IconBtnVue>
      </div>
      <!-- 诊断信息 -->
      <table class="table">
        <tr>
          <th class="label" colspan="3" :class="{'jy': judgeZD(zk_codes.jy, 'ICD10_NAME'), 'qz': judgeZD(zk_codes.qz, 'ICD10_NAME')}">出院诊断</th>
          <th class="label" :class="{'jy': judgeZD(zk_codes.jy, 'ICD10_ID1'), 'qz': judgeZD(zk_codes.qz, 'ICD10_ID1')}">疾病编码</th>
          <th class="label" :class="{'jy': judgeZD(zk_codes.jy, 'RYQK'), 'qz': judgeZD(zk_codes.qz, 'RYQK')}">入院病情</th>
          <th class="label" colspan="3" :class="{'jy': judgeZD(zk_codes.jy, 'ICD10_NAME'), 'qz': judgeZD(zk_codes.qz, 'ICD10_NAME')}">出院诊断</th>
          <th class="label" :class="{'jy': judgeZD(zk_codes.jy, 'ICD10_ID1'), 'qz': judgeZD(zk_codes.qz, 'ICD10_ID1')}">疾病编码</th>
          <th class="label" :class="{'jy': judgeZD(zk_codes.jy, 'RYQK'), 'qz': judgeZD(zk_codes.qz, 'RYQK')}">入院病情</th>
        </tr>
        <tr v-for="i of zdRows" :key="'zd' + i">
          <td colspan="3" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`zd-${i-1}-ICD10_NAME`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`zd-${i-1}-ICD10_NAME`])}">{{ zdList[i - 1] ? `${zdLevel(i)}` + (zdList[i - 1].ICD10_NAME ? zdList[i - 1].ICD10_NAME : '') : '' }}</td>
          <td class="center" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`zd-${i-1}-ICD10_ID1`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`zd-${i-1}-ICD10_ID1`])}">{{ zdList[i - 1] ? zdList[i - 1].ICD10_ID1 : '' }}</td>
          <td class="center" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`zd-${i-1}-RYQK`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`zd-${i-1}-RYQK`])}">{{ zdList[i - 1] ? zdList[i - 1].RYQK : '' }}</td>
          <td colspan="3" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`zd-${zdRows + i - 1}-ICD10_NAME`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`zd-${zdRows + i - 1}-ICD10_NAME`])}">{{ zdList[zdRows + i - 1] ? `${zdLevel(zdRows + i - 1)}` + zdList[zdRows + i - 1].ICD10_NAME : i === 1 ? '其他诊断：' : '' }}</td>
          <td class="center" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`zd-${zdRows + i - 1}-ICD10_ID1`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`zd-${zdRows + i - 1}-ICD10_ID1`])}">{{ zdList[zdRows + i - 1] ? zdList[zdRows + i - 1].ICD10_ID1 : '' }}</td>
          <td class="center" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`zd-${zdRows + i - 1}-RYQK`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`zd-${zdRows + i - 1}-RYQK`])}">{{ zdList[zdRows + i - 1] ? zdList[zdRows + i - 1].RYQK : '' }}</td>
        </tr>
        <tr>
          <!-- <td class="label">入院病情</td> -->
          <td colspan="10">
            入院病情：1.有
            <span class="mlr10" />
            2.临床未确定
            <span class="mlr10" />
            3.情况不明
            <span class="mlr10" />
            4.无
          </td>
        </tr>
        <tr>
          <td class="label ABG01N" :class="{'jy': hasIntersection(zk_codes.jy, ['ABG01N']), 'qz': hasIntersection(zk_codes.qz, ['ABG01N'])}">损伤、中毒的外部原因</td>
          <td colspan="7" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['ABG01N']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['ABG01N'])}">{{ blInfo.patient_info.ABG01N }}</td>
          <td class="label ABG01C" :class="{'jy': hasIntersection(zk_codes.jy, ['ABG01C']), 'qz': hasIntersection(zk_codes.qz, ['ABG01C'])}">疾病编码</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['ABG01C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['ABG01C'])}">{{ blInfo.patient_info.ABG01C }}</td>
        </tr>
        <tr>
          <td class="label ABF01N" :class="{'jy': hasIntersection(zk_codes.jy, ['ABF01N']), 'qz': hasIntersection(zk_codes.qz, ['ABF01N'])}">病理诊断</td>
          <td colspan="7" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['ABF01N']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['ABF01N'])}">{{ blInfo.patient_medical_info.ABF01N }}</td>
          <td class="label ABF01C" :class="{'jy': hasIntersection(zk_codes.jy, ['ABF01C']), 'qz': hasIntersection(zk_codes.qz, ['ABF01C'])}">疾病编码</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['ABF01C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['ABF01C'])}">{{ blInfo.patient_medical_info.ABF01C }}</td>
        </tr>
        <tr>
          <td class="label ABF02C" :class="{'jy': hasIntersection(zk_codes.jy, ['ABF02C']), 'qz': hasIntersection(zk_codes.qz, ['ABF02C'])}">最高诊断依据</td>
          <td colspan="4" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['ABF02C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['ABF02C'])}">{{ blInfo.patient_medical_info.ABF02C }}</td>
          <td class="label ABF04" :class="{'jy': hasIntersection(zk_codes.jy, ['ABF04']), 'qz': hasIntersection(zk_codes.qz, ['ABF04'])}">病理号</td>
          <td colspan="2" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['ABF04']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['ABF04'])}">{{ blInfo.patient_medical_info.ABF04 }}</td>
          <td class="label ICD" :class="{'jy': hasIntersection(zk_codes.jy, ['ICD']), 'qz': hasIntersection(zk_codes.qz, ['ICD'])}">ICD-0-3</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['ICD']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['ICD'])}">{{ blInfo.patient_add.ICD }}</td>
        </tr>
        <tr>
          <td class="label AEB02C AEB01" :class="{'jy': hasIntersection(zk_codes.jy, ['AEB02C', 'AEB01']), 'qz': hasIntersection(zk_codes.qz, ['AEB02C', 'AEB01'])}">药物过敏</td>
          <td colspan="4" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEB02C', 'AEB01']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEB02C', 'AEB01'])}">
            <span class="square">{{ blInfo.patient_medical_info.AEB02C }}</span>
            <span class="mlr10" />
            1.无
            <span class="mlr10" />
            2.有
            <span class="mlr10" />
            3.-
            <span style="margin-left: 40px">过敏药物：</span>
            <NoValueInputVue :data="blInfo.patient_medical_info.AEB01" />
          </td>
          <td class="label AEI01C" :class="{'jy': hasIntersection(zk_codes.jy, ['AEI01C']), 'qz': hasIntersection(zk_codes.qz, ['AEI01C'])}">死亡患者尸检</td>
          <td colspan="4" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEI01C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEI01C'])}">
            <span class="square">{{ blInfo.patient_hospital_info.AEI01C }}</span>
            <span class="mlr10" />
            1.是
            <span class="mlr10" />
            2.否
            <span class="mlr10" />
            3.-
          </td>
        </tr>
        <tr>
          <td class="label AEG01C" :class="{'jy': hasIntersection(zk_codes.jy, ['AEG01C']), 'qz': hasIntersection(zk_codes.qz, ['AEG01C'])}">血型</td>
          <td colspan="4" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEG01C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEG01C'])}">
            <span class="square">{{ blInfo.patient_medical_info.AEG01C }}</span>
            <span class="mlr10" />
            1.A
            <span class="mlr10" />
            2.B
            <span class="mlr10" />
            3.O
            <span class="mlr10" />
            4.AB
            <span class="mlr10" />
            5.不详
            <span class="mlr10" />
            6.未查
          </td>
          <td class="label AEG02C" :class="{'jy': hasIntersection(zk_codes.jy, ['AEG02C']), 'qz': hasIntersection(zk_codes.qz, ['AEG02C'])}">Rh</td>
          <td colspan="4" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEG02C']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEG02C'])}">
            <span class="square">{{ blInfo.patient_medical_info.AEG02C }}</span>
            <span class="mlr10" />
            1.阴
            <span class="mlr10" />
            2.阳
            <span class="mlr10" />
            3.不详
            <span class="mlr10" />
            4.未查
          </td>
        </tr>
        <tr>
          <td class="label TJHL YJHL EJHL SJHL" :class="{'jy': hasIntersection(zk_codes.jy, ['TJHL', 'YJHL', 'EJHL', 'SJHL']), 'qz': hasIntersection(zk_codes.qz, ['TJHL', 'YJHL', 'EJHL', 'SJHL'])}">护理级别</td>
          <td colspan="9" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['TJHL', 'YJHL', 'EJHL', 'SJHL']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['TJHL', 'YJHL', 'EJHL', 'SJHL'])}">
            1.特级护理
            <NoValueInputVue :data="blInfo.patient_add.TJHL" />
            天
            <span class="mlr10" />
            2.一级护理
            <NoValueInputVue :data="blInfo.patient_add.YJHL" />
            天
            <span class="mlr10" />
            3.二级护理
            <NoValueInputVue :data="blInfo.patient_add.EJHL" />
            天
            <span class="mlr10" />
            4.三级护理
            <NoValueInputVue :data="blInfo.patient_add.SJHL" />
            天
          </td>
        </tr>
        <tr>
          <td class="label AEE01" :class="{'jy': hasIntersection(zk_codes.jy, ['AEE01']), 'qz': hasIntersection(zk_codes.qz, ['AEE01'])}">科主任</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEE01']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEE01'])}">{{ blInfo.patient_doctor_info.AEE01 }}</td>
          <td class="label AEE01_CODE" :class="{'jy': hasIntersection(zk_codes.jy, ['AEE01_CODE']), 'qz': hasIntersection(zk_codes.qz, ['AEE01_CODE'])}">科主任编码</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEE01_CODE']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEE01_CODE'])}">{{ blInfo.patient_doctor_info.AEE01_CODE }}</td>
          <td class="label ZZYISXM" :class="{'jy': hasIntersection(zk_codes.jy, ['ZZYISXM']), 'qz': hasIntersection(zk_codes.qz, ['ZZYISXM'])}">医疗组长</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['ZZYISXM']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['ZZYISXM'])}">{{ blInfo.patient_doctor_info.ZZYISXM }}</td>
          <td class="label AEE02" :class="{'jy': hasIntersection(zk_codes.jy, ['AEE02']), 'qz': hasIntersection(zk_codes.qz, ['AEE02'])}">主任(副主任)医师</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEE02']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEE02'])}">{{ blInfo.patient_doctor_info.AEE02 }}</td>
          <td class="label AEE02_CODE" :class="{'jy': hasIntersection(zk_codes.jy, ['AEE02_CODE']), 'qz': hasIntersection(zk_codes.qz, ['AEE02_CODE'])}">主任(副主任)医师编码</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEE02_CODE']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEE02_CODE'])}">{{ blInfo.patient_doctor_info.AEE02_CODE }}</td>
        </tr>
        <tr>
          <td class="label AEE03" :class="{'jy': hasIntersection(zk_codes.jy, ['AEE03']), 'qz': hasIntersection(zk_codes.qz, ['AEE03'])}">主治医师</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEE03']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEE03'])}">{{ blInfo.patient_doctor_info.AEE03 }}</td>
          <td class="label AEE03_CODE" :class="{'jy': hasIntersection(zk_codes.jy, ['AEE03_CODE']), 'qz': hasIntersection(zk_codes.qz, ['AEE03_CODE'])}">主治医师编码</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEE03_CODE']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEE03_CODE'])}">{{ blInfo.patient_doctor_info.AEE03_CODE }}</td>
          <td class="label AEE04" :class="{'jy': hasIntersection(zk_codes.jy, ['AEE04']), 'qz': hasIntersection(zk_codes.qz, ['AEE04'])}">住院医师</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEE04']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEE04'])}">{{ blInfo.patient_doctor_info.AEE04 }}</td>
          <td class="label AEE04_CODE" :class="{'jy': hasIntersection(zk_codes.jy, ['AEE04_CODE']), 'qz': hasIntersection(zk_codes.qz, ['AEE04_CODE'])}">住院医师编码</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEE04_CODE']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEE04_CODE'])}">{{ blInfo.patient_doctor_info.AEE04_CODE }}</td>
          <td class="label"></td>
          <td></td>
        </tr>
        <tr>
          <td class="label AEE10" :class="{'jy': hasIntersection(zk_codes.jy, ['AEE10']), 'qz': hasIntersection(zk_codes.qz, ['AEE10'])}">责任护士</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEE10']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEE10'])}">{{ blInfo.patient_doctor_info.AEE10 }}</td>
          <td class="label AEE10_CODE" :class="{'jy': hasIntersection(zk_codes.jy, ['AEE10_CODE']), 'qz': hasIntersection(zk_codes.qz, ['AEE10_CODE'])}">责任护士编码</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEE10_CODE']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEE10_CODE'])}">{{ blInfo.patient_doctor_info.AEE10_CODE }}</td>
          <td class="label AEE05" :class="{'jy': hasIntersection(zk_codes.jy, ['AEE05']), 'qz': hasIntersection(zk_codes.qz, ['AEE05'])}">进修医生</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEE05']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEE05'])}">{{ blInfo.patient_doctor_info.AEE05 }}</td>
          <td class="label AEE07" :class="{'jy': hasIntersection(zk_codes.jy, ['AEE07']), 'qz': hasIntersection(zk_codes.qz, ['AEE07'])}">实习医师</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEE07']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEE07'])}">{{ blInfo.patient_doctor_info.AEE07 }}</td>
          <td class="label AEE08" :class="{'jy': hasIntersection(zk_codes.jy, ['AEE08']), 'qz': hasIntersection(zk_codes.qz, ['AEE08'])}">编码员</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEE08']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEE08'])}">{{ blInfo.patient_doctor_info.AEE08 }}</td>
        </tr>
        <tr>
          <td class="label AED01C" :class="{'jy': hasIntersection(zk_codes.jy, ['AED01C']), 'qz': hasIntersection(zk_codes.qz, ['AED01C'])}">病案质量</td>
          <td colspan="3">
            <span class="square">{{ blInfo.patient_medical_info.AED01C }}</span>
            <span class="mlr10" />
            1.甲
            <span class="mlr10" />
            2.乙
            <span class="mlr10" />
            3.丙
          </td>
          <td class="label AED02" :class="{'jy': hasIntersection(zk_codes.jy, ['AED02']), 'qz': hasIntersection(zk_codes.qz, ['AED02'])}">质控医师</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AED02']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AED02'])}">{{ blInfo.patient_doctor_info.AED02 }}</td>
          <td class="label AED03" :class="{'jy': hasIntersection(zk_codes.jy, ['AED03']), 'qz': hasIntersection(zk_codes.qz, ['AED03'])}">质控护士</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AED03']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AED03'])}">{{ blInfo.patient_doctor_info.AED03 }}</td>
          <td class="label AED04" :class="{'jy': hasIntersection(zk_codes.jy, ['AED04']), 'qz': hasIntersection(zk_codes.qz, ['AED04'])}">质控时间</td>
          <td :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AED04']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AED04'])}">{{ blInfo.patient_doctor_info.AED04 }}</td>
        </tr>
      </table>
      <div class="oper-box">
        <IconBtnVue>
          <el-image class="icon_btn" :src="require('../../assets/images/sort.png')" fit="contain"></el-image>
        </IconBtnVue>
        <IconBtnVue style="margin-right: 0">
          <el-image class="icon_btn" :src="require('../../assets/images/setting.png')" fit="contain"></el-image>
        </IconBtnVue>
      </div>
      <!-- 手术信息 -->
      <table class="table shoushu">
        <tr>
          <th rowspan="2" class="label th25" :class="{'jy': judgeZD(zk_codes.jy, 'ICD9_ID1'), 'qz': judgeZD(zk_codes.qz, 'ICD9_ID1')}">手术及操作编码</th>
          <th rowspan="2" class="label th25" :class="{'jy': judgeZD(zk_codes.jy, 'OPE_DATE'), 'qz': judgeZD(zk_codes.qz, 'OPE_DATE')}">手术及操作日期</th>
          <th colspan="2" rowspan="2" class="label th25" :class="{'jy': judgeZD(zk_codes.jy, 'ICD9_NAME'), 'qz': judgeZD(zk_codes.qz, 'ICD9_NAME')}">手术及操作名称</th>
          <th rowspan="2" class="label th25" :class="{'jy': judgeZD(zk_codes.jy, 'OPE_LEVEL'), 'qz': judgeZD(zk_codes.qz, 'OPE_LEVEL')}">手术级别</th>
          <th rowspan="2" class="label th25" :class="{'jy': judgeZD(zk_codes.jy, 'OPE_TYPE'), 'qz': judgeZD(zk_codes.qz, 'OPE_TYPE')}">手术类型</th>
          <th rowspan="2" class="label th25" :class="{'jy': judgeZD(zk_codes.jy, 'SSPB'), 'qz': judgeZD(zk_codes.qz, 'SSPB')}">手术判别</th>
          <th colspan="3" class="label th25" :class="{'jy': hasIntersection(zk_codes.jy, ['OPE_MAN_NAME', 'FRIST_ASSISTANT_NAME', 'SECOND_ASSISTANT_NAME']), 'qz': hasIntersection(zk_codes.qz, ['OPE_MAN_NAME', 'FRIST_ASSISTANT_NAME', 'SECOND_ASSISTANT_NAME'])}">手术及操作人员</th>
          <th rowspan="2" class="label th25" :class="{'jy': hasIntersection(zk_codes.jy, ['QKDJ', 'YHDJ']), 'qz': hasIntersection(zk_codes.qz, ['QKDJ', 'YHDJ'])}">切口愈合等级</th>
          <th rowspan="2" class="label th25" :class="{'jy': judgeZD(zk_codes.jy, 'HOCUS_WAY_ID'), 'qz': judgeZD(zk_codes.qz, 'HOCUS_WAY_ID')}">麻醉方式</th>
          <th rowspan="2" class="label th25" :class="{'jy': judgeZD(zk_codes.jy, 'HOCUS_MAN_NAME'), 'qz': judgeZD(zk_codes.qz, 'HOCUS_MAN_NAME')}">麻醉医师</th>
        </tr>
        <tr>
          <th class="label th25" :class="{'jy': judgeZD(zk_codes.jy, 'OPE_MAN_NAME'), 'qz': judgeZD(zk_codes.qz, 'OPE_MAN_NAME')}">术者</th>
          <th class="label th25" :class="{'jy': judgeZD(zk_codes.jy, 'FRIST_ASSISTANT_NAME'), 'qz': judgeZD(zk_codes.qz, 'FRIST_ASSISTANT_NAME')}">Ⅰ助</th>
          <th class="label th25" :class="{'jy': judgeZD(zk_codes.jy, 'SECOND_ASSISTANT_NAME'), 'qz': judgeZD(zk_codes.qz, 'SECOND_ASSISTANT_NAME')}">Ⅱ助</th>
        </tr>
        <tr v-for="(item, index) of formatSSdata(blInfo.secondary_operation, blInfo.main_operation)" :key="'ss' + index">
          <td class="center" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`ss-${index}-ICD9_ID1`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`ss-${index}-ICD9_ID1`])}">{{ item.ICD9_ID1 }}</td>
          <td class="center" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`ss-${index}-OPE_DATE`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`ss-${index}-OPE_DATE`])}">{{ item.OPE_DATE }}</td>
          <td class="center" colspan="2" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`ss-${index}-ICD9_NAME`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`ss-${index}-ICD9_NAME`])}">{{ item.ICD9_NAME }}</td>
          <td class="center" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`ss-${index}-OPE_LEVEL`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`ss-${index}-OPE_LEVEL`])}">{{ item.OPE_LEVEL }}</td>
          <td class="center" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`ss-${index}-OPE_TYPE`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`ss-${index}-OPE_TYPE`])}">{{ item.OPE_TYPE }}</td>
          <td class="center" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`ss-${index}-SSPB`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`ss-${index}-SSPB`])}">{{ item.SSPB }}</td>
          <td class="center" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`ss-${index}-OPE_MAN_NAME`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`ss-${index}-OPE_MAN_NAME`])}">{{ item.OPE_MAN_NAME }}</td>
          <td class="center" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`ss-${index}-FRIST_ASSISTANT_NAME`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`ss-${index}-FRIST_ASSISTANT_NAME`])}">{{ item.FRIST_ASSISTANT_NAME }}</td>
          <td class="center" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`ss-${index}-SECOND_ASSISTANT_NAME`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`ss-${index}-SECOND_ASSISTANT_NAME`])}">{{ item.SECOND_ASSISTANT_NAME }}</td>
          <td class="center" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`ss-${index}-QKDJ`, `ss-${index}-YHDJ`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`ss-${index}-QKDJ`, `ss-${index}-YHDJ`])}">{{ item.QKDJ }} / {{ item.YHDJ }}</td>
          <td class="center" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`ss-${index}-HOCUS_WAY_ID`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`ss-${index}-HOCUS_WAY_ID`])}">{{ item.HOCUS_WAY_ID }}</td>
          <td class="center" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, [`ss-${index}-HOCUS_MAN_NAME`]), 'qz_bg': hasIntersection(active_zk_codes.qz, [`ss-${index}-HOCUS_MAN_NAME`])}">{{ item.HOCUS_MAN_NAME }}</td>
        </tr>
        <template v-if="blInfo.secondary_operation.length < 8">
          <tr v-for="item of 8 - blInfo.secondary_operation.length" :key="'ss2' + item">
            <td class="center"></td>
            <td class="center"></td>
            <td class="center" colspan="2"></td>
            <td class="center"></td>
            <td class="center"></td>
            <td class="center"></td>
            <td class="center"></td>
            <td class="center"></td>
            <td class="center"></td>
            <td class="center"></td>
            <td class="center"></td>
            <td class="center"></td>
          </tr>
        </template>
        <tr>
          <td class="label RJSS" :class="{'jy': hasIntersection(zk_codes.jy, ['RJSS']), 'qz': hasIntersection(zk_codes.qz, ['RJSS'])}">是否为日间手术</td>
          <td colspan="5" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['RJSS']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['RJSS'])}">
            <span class="square">{{ blInfo.main_operation.RJSS }}</span>
            <span class="mlr10" />
            1.是
            <span class="mlr10" />
            2.否
          </td>
          <td class="label AEL01" :class="{'jy': hasIntersection(zk_codes.jy, ['AEL01']), 'qz': hasIntersection(zk_codes.qz, ['AEL01'])}">有创呼吸机使用时间</td>
          <td colspan="6" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEL01']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEL01'])}">{{ blInfo.patient_medical_info.AEL01 }}</td>
        </tr>
        <tr>
          <td class="label LCLJ" :class="{'jy': hasIntersection(zk_codes.jy, ['LCLJ']), 'qz': hasIntersection(zk_codes.qz, ['LCLJ'])}">临床路径/入径情况</td>
          <td colspan="5" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['LCLJ']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['LCLJ'])}">
            <span class="square">{{ blInfo.patient_add.LCLJ }}</span>
            <span class="mlr10" />
            1.是
            <span class="mlr10" />
            2.否
          </td>
          <td class="label WCQK" :class="{'jy': hasIntersection(zk_codes.jy, ['WCQK']), 'qz': hasIntersection(zk_codes.qz, ['WCQK'])}">完成情况</td>
          <td colspan="2" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['WCQK']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['WCQK'])}">
            <span class="square">{{ blInfo.patient_add.WCQK }}</span>
            <span class="mlr10" />
            1.完成
            <span class="mlr10" />
            2.退出
          </td>
          <td class="label BYQK" :class="{'jy': hasIntersection(zk_codes.jy, ['BYQK']), 'qz': hasIntersection(zk_codes.qz, ['BYQK'])}">变异情况</td>
          <td colspan="3" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['BYQK']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['BYQK'])}">
            <span class="square">{{ blInfo.patient_add.BYQK }}</span>
            <span class="mlr10" />
            1.有
            <span class="mlr10" />
            2.无
          </td>
        </tr>
        <tr>
          <td class="label AEJ01 AEJ02 AEJ03 AEJ04 AEJ05 AEJ06" :class="{'jy': hasIntersection(zk_codes.jy, ['AEJ01', 'AEJ02', 'AEJ03', 'AEJ04', 'AEJ05', 'AEJ06']), 'qz': hasIntersection(zk_codes.qz, ['AEJ01', 'AEJ02', 'AEJ03', 'AEJ04', 'AEJ05', 'AEJ06'])}">颅脑损伤患者昏迷时间</td>
          <td colspan="12" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEJ01', 'AEJ02', 'AEJ03', 'AEJ04', 'AEJ05', 'AEJ06']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEJ01', 'AEJ02', 'AEJ03', 'AEJ04', 'AEJ05', 'AEJ06'])}">
            入院前：
            <NoValueInputVue :data="blInfo.patient_medical_info.AEJ01" />
            天
            <NoValueInputVue :data="blInfo.patient_medical_info.AEJ02" />
            小时
            <NoValueInputVue :data="blInfo.patient_medical_info.AEJ03" />
            分钟
            <span class="mlr10" />
            入院后：
            <NoValueInputVue :data="blInfo.patient_medical_info.AEJ04" />
            天
            <NoValueInputVue :data="blInfo.patient_medical_info.AEJ05" />
            小时
            <NoValueInputVue :data="blInfo.patient_medical_info.AEJ06" />
            分钟
          </td>
        </tr>
        <tr>
          <th class="label" colspan="4">
            重症监护病房类型
            <br />
            （CCU、RICU、SICU、NICU、PICU、EICU、MICU、其他）
          </th>
          <th class="label" colspan="3">
            进重症监护室时间
            <br />
            年月日时分
          </th>
          <th class="label" colspan="3">
            出重症监护室时间
            <br />
            年月日时分
          </th>
          <th class="label" colspan="3">
            合计
            <br />
            小时
          </th>
        </tr>
        <tr v-for="(item, index) of blInfo.icu" :key="'icu' + index">
          <td colspan="4" class="center">{{ item.IS_MAIN_WAY }}</td>
          <td colspan="3" class="center">{{ item.IN_TIME }}</td>
          <td colspan="3" class="center">{{ item.OUT_TIME }}</td>
          <td colspan="3" class="center">{{ item.HJXS }}</td>
        </tr>
        <template v-if="3 - blInfo.icu.length">
          <tr v-for="item of 3 - blInfo.icu.length" :key="'zz' + item">
            <td colspan="4" class="center"></td>
            <td colspan="3" class="center"></td>
            <td colspan="3" class="center"></td>
            <td colspan="3" class="center"></td>
          </tr>
        </template>
        <tr>
          <td class="label AEM01C AEM02" :class="{'jy': hasIntersection(zk_codes.jy, ['AEM01C', 'AEM02']), 'qz': hasIntersection(zk_codes.qz, ['AEM01C', 'AEM02'])}">离院方式</td>
          <td colspan="12" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEM01C', 'AEM02']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEM01C', 'AEM02'])}">
            <span class="square">{{ blInfo.patient_info.AEM01C }}</span>
            <span class="mlr10" />
            1.医嘱离院
            <span class="mlr10" />
            2.医嘱转院，拟接收医疗机构名称：
            <NoValueInputVue :data="blInfo.patient_info.AEM01C == 2 ? blInfo.patient_hospital_info.AEM02 : ''" />
            <span class="mlr10" />
            3.医嘱转社区卫生服务机构/乡镇卫生院，拟接收医疗机构名称：
            <NoValueInputVue :data="blInfo.patient_info.AEM01C == 3 ? blInfo.patient_hospital_info.AEM02 : ''" />
            <span class="mlr10" />
            4.非医嘱离院
            <span class="mlr10" />
            5.死亡
            <span class="mlr10" />
            9.其他
          </td>
        </tr>
        <tr>
          <td class="label AEM03C AEM04" :class="{'jy': hasIntersection(zk_codes.jy, ['AEM03C', 'AEM04']), 'qz': hasIntersection(zk_codes.qz, ['AEM03C', 'AEM04'])}">是否有出院31天内再住院计划</td>
          <td colspan="12" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['AEM03C', 'AEM04']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['AEM03C', 'AEM04'])}">
            <span class="square">{{ blInfo.patient_hospital_info.AEM03C }}</span>
            <span class="mlr10" />
            1.无
            <span class="mlr10" />
            2.有，目的：
            <NoValueInputVue :data="blInfo.patient_hospital_info.AEM04" />
          </td>
        </tr>
      </table>
      <div class="oper-box">
        <IconBtnVue style="margin-right: 0">
          <span class="text_btn" @click="toCostPage">查看费用详情</span>
        </IconBtnVue>
      </div>
      <!-- 费用信息 -->
      <table class="table">
        <tr>
          <td class="label ADA01 ADA0101" :class="{'jy': hasIntersection(zk_codes.jy, ['ADA01', 'ADA0101']), 'qz': hasIntersection(zk_codes.qz, ['ADA01', 'ADA0101'])}">住院费用（元）</td>
          <td colspan="9" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['ADA01', 'ADA0101']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['ADA01', 'ADA0101'])}">
            总费用:
            <NoValueInputVue :data="blInfo.patient_info.ADA01" />
            （自付金额：
            <NoValueInputVue :data="blInfo.patient_cost_info.ADA0101" />
            ）
          </td>
        </tr>
        <tr>
          <td class="label D11 D12 D13 D14" :class="{'jy': hasIntersection(zk_codes.jy, ['D11', 'D12', 'D13', 'D14']), 'qz': hasIntersection(zk_codes.qz, ['D11', 'D12', 'D13', 'D14'])}">1.综合医疗服务费</td>
          <td colspan="9" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['D11', 'D12', 'D13', 'D14']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['D11', 'D12', 'D13', 'D14'])}">
            （1）一般医疗服务费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D11" />
            （2）一般治疗操作费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D12" />
            （3）护理费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D13" />
            （4）其他费用：
            <NoValueInputVue :data="blInfo.patient_cost_info.D14" />
          </td>
        </tr>
        <tr>
          <td class="label D15 D16 D17 D18" :class="{'jy': hasIntersection(zk_codes.jy, ['D15', 'D16', 'D17', 'D18']), 'qz': hasIntersection(zk_codes.qz, ['D15', 'D16', 'D17', 'D18'])}">2.诊断类</td>
          <td colspan="9" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['D15', 'D16', 'D17', 'D18']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['D15', 'D16', 'D17', 'D18'])}">
            （5）病理诊断费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D15" />
            （6）实验室诊断费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D16" />
            （7）影像学诊断费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D17" />
            （8）临床诊断项目费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D18" />
          </td>
        </tr>
        <tr>
          <td class="label D19 D19X01 D20 D20X01 D20X02" :class="{'jy': hasIntersection(zk_codes.jy, ['D19', 'D19X01', 'D20', 'D20X01', 'D20X02']), 'qz': hasIntersection(zk_codes.qz, ['D19', 'D19X01', 'D20', 'D20X01', 'D20X02'])}">3.治疗类</td>
          <td colspan="9" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['D19', 'D19X01', 'D20', 'D20X01', 'D20X02']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['D19', 'D19X01', 'D20', 'D20X01', 'D20X02'])}">
            （9）非手术治疗项目费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D19" />
            （临床物理治疗费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D19X01" />
            ） （10）手术治疗费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D20" />
            （麻醉费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D20X01" />
            手术费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D20X02" />
            ）
          </td>
        </tr>
        <tr>
          <td class="label D21" :class="{'jy': hasIntersection(zk_codes.jy, ['D21']), 'qz': hasIntersection(zk_codes.qz, ['D21'])}">4.康复类</td>
          <td colspan="9" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['D21']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['D21'])}">
            （11）康复费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D21" />
          </td>
        </tr>
        <tr>
          <td class="label D22" :class="{'jy': hasIntersection(zk_codes.jy, ['D22']), 'qz': hasIntersection(zk_codes.qz, ['D22'])}">5.中医类</td>
          <td colspan="9" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['D22']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['D22'])}">
            （12）中医治疗费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D22" />
          </td>
        </tr>
        <tr>
          <td class="label D23 D23X01" :class="{'jy': hasIntersection(zk_codes.jy, ['D23', 'D23X01']), 'qz': hasIntersection(zk_codes.qz, ['D23', 'D23X01'])}">6.西药类</td>
          <td colspan="9" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['D23', 'D23X01']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['D23', 'D23X01'])}">
            （13）西药费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D23" />
            （抗菌药物费用：
            <NoValueInputVue :data="blInfo.patient_cost_info.D23X01" />
            ）
          </td>
        </tr>
        <tr>
          <td class="label D24 D25" :class="{'jy': hasIntersection(zk_codes.jy, ['D24', 'D25']), 'qz': hasIntersection(zk_codes.qz, ['D24', 'D25'])}">7.中药类</td>
          <td colspan="9" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['D24', 'D25']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['D24', 'D25'])}">
            （14）中成药费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D24" />
            （15）中草药费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D25" />
          </td>
        </tr>
        <tr>
          <td class="label D26 D27 D28 D29 D30" :class="{'jy': hasIntersection(zk_codes.jy, ['D26', 'D27', 'D28', 'D29', 'D30']), 'qz': hasIntersection(zk_codes.qz, ['D26', 'D27', 'D28', 'D29', 'D30'])}">8.血液和血液制品类</td>
          <td colspan="9" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['D26', 'D27', 'D28', 'D29', 'D30']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['D26', 'D27', 'D28', 'D29', 'D30'])}">
            （16）血费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D26" />
            （17）白蛋白类制品费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D27" />
            （18）球蛋白类制品费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D28" />
            （19）凝血因子类制品费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D29" />
            （20）细胞因子类制品费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D30" />
          </td>
        </tr>
        <tr>
          <td class="label D31 D32 D33" :class="{'jy': hasIntersection(zk_codes.jy, ['D31', 'D32', 'D33']), 'qz': hasIntersection(zk_codes.qz, ['D31', 'D32', 'D33'])}">9.耗材类</td>
          <td colspan="9" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['D31', 'D32', 'D33']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['D31', 'D32', 'D33'])}">
            （21）检查用一次性医用材料费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D31" />
            （22）治疗用一次性医用材料费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D32" />
            （23）手术用一次性医用材料费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D33" />
          </td>
        </tr>
        <tr>
          <td class="label D34" :class="{'jy': hasIntersection(zk_codes.jy, ['D34']), 'qz': hasIntersection(zk_codes.qz, ['D34'])}">10.其他类</td>
          <td colspan="9" :class="{'jy_bg': hasIntersection(active_zk_codes.jy, ['D34']), 'qz_bg': hasIntersection(active_zk_codes.qz, ['D34'])}">
            （24）其他费：
            <NoValueInputVue :data="blInfo.patient_cost_info.D34" />
          </td>
        </tr>
      </table>
    </div>
    <ControlDrawerVue v-if="controlData.bSwitch" :data="controlData" @close="controlData.bSwitch = false" @zk="handleZK" @codes="handleCodes" />
  </div>
</template>

<script>
import ControlDrawerVue from './components/index/ControlDrawer.vue';
import IconBtnVue from './components/index/IconBtn.vue';
import NoValueInputVue from './components/index/NoValueInput.vue';
export default {
  components: {
    IconBtnVue,
    NoValueInputVue,
    ControlDrawerVue,
  },
  data() {
    return {
      controlData: {
        bSwitch: false,
        zyh: '',
      },
      blInfo: {
        patient_info: {},
        patient_add: {},
        patient_address_info: {
          id: '',
          AAA28: '',
          AAA09: '',
          AAA10: '',
          AAA11: '',
          AAA43: '',
          AAA44: '',
          AAA45: '',
          AAA46: '',
          AAA47: '',
          AAA48: '',
          AAA49: '',
          AAA50: '',
        },
        patient_contacts_info: {},
        patient_cost_info: {},
        patient_doctor_info: {},
        patient_hospital_info: {},
        patient_medical_info: {},
        patient_other_info: {},
        patient_work_info: {},
        main_diagnosis: {},
        other_diagnosis: [],
        main_operation: {},
        secondary_operation: [],
        icu: []
      },
      zk_codes: {
        qz: [],
        jy: []
      },
      active_zk_codes: {
        qz: [],
        jy: []
      }
    };
  },
  computed: {
    zdList() {
      // 包含主要和其他
      const { other_diagnosis, main_diagnosis } = this.blInfo;
      const other_list = JSON.parse(JSON.stringify(other_diagnosis));
      other_list.unshift(main_diagnosis);
      return other_list;
    },
    zdRows() {
      const count = this.zdList.length / 2;
      return count < 11 ? 11 : count;
    },
  },
  created() {
    this.controlData.zyh = this.$route.query.zyh;
    this.controlData.bSwitch = true;
  },
  methods: {
    // 手术合并
    formatSSdata(arr, obj) {
      const list = arr.concat([obj]).reverse()
      return list
    },
    // 判断诊断级别
    zdLevel(i) {
      let str;
      if (i === 1) {
        str = '主要诊断：';
      } else if (i === 2) {
        str = '其他诊断：';
      } else if (i === this.zdRows) {
        str = '其他诊断：';
      } else {
        str = '';
      }
      return str;
    },
    // 是否显示质控栏
    onToggle() {
      this.controlData.zyh = this.$route.query.zyh;
      this.controlData.bSwitch = !this.controlData.bSwitch;
    },
    // 获取详情
    getData() {
      const params = {
        ZYH: this.$route.query.zyh,
      };
      this.$axios.post('/bmy/getBlDetails', params).then(res => {
        this.blInfo = res.data;
      });
    },
    // 质控栏锚点及高亮
    handleZK(val) {
      console.log('点击质控接收的', val )
      const { anchor, codes } = val
      const { key, field } = anchor
      this.active_zk_codes = codes
      if (key === 'user') {
        document.querySelector(`.${field}`).scrollIntoView({ behavior: 'smooth', block: 'center' })
      } else if (key === 'zd') {
        // document.querySelector(`.zd-${anchor.DIA_ORDER}-${field}`).scrollIntoView({ behavior: 'smooth', block: 'center' })
        // todo
      } else if (key === 'ss') {
        // todo
        // document.querySelector(`.ss-${anchor.OPE_ORDER}-${field}`).scrollIntoView({ behavior: 'smooth', block: 'center' })
      }
    },
    handleCodes(codes) {
      this.$set(this, 'zk_codes', codes)
      this.getData();
      console.log('进页面接收的', codes)
    },
    // 判断诊断
    judgeZD(arr, str) {
      let result = false
      arr.map(item => {
        if (item.includes(str)) {
          result = true
        }
      })
      return result
    },
    // 判断两个数组是否存在交际
    hasIntersection(arr1, arr2) {
      // 在arr1中筛选出arr2中存在的元素
      const filtered = arr1.filter(item => arr2.includes(item));
      // 如果筛选后的数组长度大于0，则存在交集
      return filtered.length > 0;
    },
    // 查看费用详情
    toCostPage() {
      this.$router.push({ name: 'Cost', query: { zyh: this.$route.query.zyh } });
    },
  },
};
</script>

<style lang="scss" scoped>
.bg-box {
  transition: all 0.3s;
}
.has_control {
  padding-right: 426px;
}
.title {
  font-size: 24px;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #333333;
  text-align: center;
  line-height: 40px;
  margin-bottom: 20px;
}
.bg-card {
  position: relative;
}
.btn-wrapper {
  position: absolute;
  top: 20px;
  right: 20px;
}
.zyh {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  text-align: right;
  margin-bottom: 20px;
}
.icon_btn {
  width: 20px;
  height: 20px;
  display: block;
}
.text_btn {
  font-size: 14px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #185da6;
  line-height: 20px;
}
.oper-box {
  text-align: right;
}
.mlr10 {
  margin: 0 10px;
}
.table {
  width: 100%;
  min-width: 600px;
  table-layout: fixed;
  empty-cells: show;
  border-collapse: collapse;
  margin: 0 auto;
  th,
  td {
    border: 1px solid #666666;
    font-size: 14px;
    box-sizing: border-box;
    height: 40px;
    color: #333333;
    padding: 0 12px;
    word-break: break-all;
    &.jy_bg {
      background: rgba($color: #178691, $alpha: 0.2);
    }
    &.qz_bg {
      background: rgba($color: #ED3028, $alpha: 0.2);
    }
  }
  td.label {
    width: 140px;
    height: 40px;
    color: #666666;
    background-color: #ebebeb;
    text-align: center;
    &.jy {
      color: #178691;
      font-weight: bold;
    }
    &.qz {
      color: #FB5C4F;
      font-weight: bold;
    }
  }
  th.label {
    height: 40px;
    color: #666666;
    background-color: #ebebeb;
    text-align: center;
    &.jy {
      color: #178691;
      font-weight: bold;
    }
    &.qz {
      color: #FB5C4F;
      font-weight: bold;
    }
  }
  .center {
    text-align: center;
  }
}
.shoushu {
  .th25 {
    height: 25px !important;
  }
}
.square {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  border: 1px solid #707070;
  border-radius: 2px;
  vertical-align: middle;
}


</style>