质控-诊断信息头都

src/views/medicalRecord/index.vue

@@ -29,19 +29,19 @@
         </tr>
         <tr>
           <td class="label AAA01" :class="{'jy': hasIntersection(zk_codes.jy, ['AAA01']), 'qz': hasIntersection(zk_codes.qz, ['AAA01'])}">姓名</td>
-          <td>{{ blInfo.patient_info.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>{{ blInfo.patient_info.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">{{ blInfo.patient_info.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>{{ blInfo.patient_info.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>{{ blInfo.patient_info.AAA40 }}</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">
+          <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('市', '') : ''" />
@@ -60,30 +60,30 @@
             </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">
+          <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>{{ blInfo.patient_info.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>{{ blInfo.patient_info.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>{{ blInfo.patient_add.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">{{ blInfo.patient_info.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>{{ blInfo.patient_work_info.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>{{ blInfo.patient_info.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">
+          <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('市', '') : ''" />
@@ -103,13 +103,13 @@
             <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>{{ blInfo.patient_address_info.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>{{ blInfo.patient_address_info.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">
+          <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('市', '') : ''" />
@@ -128,30 +128,30 @@
             </span>
             <NoValueInputVue :data="blInfo.patient_address_info.AAA12" />
           </td>
-          <td class="label">邮编</td>
-          <td>{{ blInfo.patient_address_info.AAA14C }}</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">{{ blInfo.patient_work_info.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>{{ blInfo.patient_work_info.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>{{ blInfo.patient_work_info.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">{{ blInfo.patient_contacts_info.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">{{ blInfo.patient_contacts_info.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>{{ blInfo.patient_contacts_info.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>{{ blInfo.patient_contacts_info.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">
+          <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.门诊
@@ -166,41 +166,41 @@
         </tr>
         <tr>
           <td class="label AEN01" :class="{'jy': hasIntersection(zk_codes.jy, ['AEN01']), 'qz': hasIntersection(zk_codes.qz, ['AEN01'])}">新生儿出生体重</td>
-          <td colspan="5">
+          <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">
+          <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">{{ blInfo.patient_info.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="{'qz': ['AAB02C'].includes(highlight_code)}">入院科别</td>
-          <td colspan="2">{{ blInfo.patient_hospital_info.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="{'qz': ['AAB11N'].includes(highlight_code)}">病房</td>
-          <td colspan="2">{{ blInfo.patient_hospital_info.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="{'qz': ['AAD01C'].includes(highlight_code)}">转科科别</td>
-          <td colspan="2">{{ blInfo.patient_hospital_info.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">{{ blInfo.patient_info.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">{{ blInfo.patient_hospital_info.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">{{ blInfo.patient_info.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">{{ blInfo.patient_info.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, ['ABA01C']), 'qz': hasIntersection(zk_codes.qz, ['ABA01C'])}">门(急)诊诊断</td>
-          <td colspan="5">{{ blInfo.patient_medical_info.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>
           <td class="label ABA01N" :class="{'jy': hasIntersection(zk_codes.jy, ['ABA01N']), 'qz': hasIntersection(zk_codes.qz, ['ABA01N'])}">疾病编码</td>
-          <td colspan="5">{{ blInfo.patient_medical_info.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>
         </tr>
       </table>
       <div class="oper-box">