住院病案详情

src/views/medicalRecord/components/NoValueInput.vue

@@ -0,0 +1,25 @@
+<template>
+  <span>
+    <span v-if="data">{{ data }}</span>
+    <span v-else class="no_value"></span>
+  </span>
+</template>
+
+<script>
+  export default {
+    props: {
+      data: {
+        type: String,
+        default: ''
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+.no_value {
+  display: inline-block;
+  width: 60px;
+  border-bottom: 1px solid #333;
+}
+</style>

src/views/medicalRecord/index.vue

@@ -12,7 +12,10 @@
           <td class="label">医疗机构</td>
           <td colspan="5">{{ blInfo.patient_other_info.ZA03 }}</td>
           <td class="label">统一社会信用代码</td>
-          <td colspan="5">{{ blInfo.patient_add.TYSHXYDM }}（组织机构机构代码：{{ blInfo.patient_other_info.UNT_ID }}）</td>
+          <td colspan="5">
+            <NoValueInputVue :data="blInfo.patient_add.TYSHXYDM" />
+            （组织机构机构代码：<NoValueInputVue :data="blInfo.patient_other_info.UNT_ID" />）
+          </td>
         </tr>
         <tr>
           <td class="label">医疗付费方式</td>
@@ -36,9 +39,15 @@
         </tr>
         <tr>
           <td class="label">出生地</td>
-          <td colspan="3">{{ blInfo.patient_address_info.AAA09 }}{{ blInfo.patient_address_info.AAA10 }}</td>
+          <td colspan="3">
+            <NoValueInputVue :data="blInfo.patient_address_info.AAA09.replace('省', '')" />（省）
+            <NoValueInputVue :data="blInfo.patient_address_info.AAA10.replace('市', '')" />（市）
+          </td>
           <td class="label">籍贯</td>
-          <td colspan="3">{{ blInfo.patient_address_info.AAA43 }}{{ blInfo.patient_address_info.AAA44 }}</td>
+          <td colspan="3">
+            <NoValueInputVue :data="blInfo.patient_address_info.AAA43.replace('省', '')" />（省）
+            <NoValueInputVue :data="blInfo.patient_address_info.AAA44.replace('市', '')" />（市）
+          </td>
           <td class="label">民族</td>
           <td>{{ blInfo.patient_info.AAA06C }}</td>
           <td class="label">国籍</td>
@@ -56,7 +65,12 @@
         </tr>
         <tr>
           <td class="label">现住址</td>
-          <td colspan="7">{{ blInfo.patient_address_info.AAA48 }}{{ blInfo.patient_address_info.AAA49 }}{{ blInfo.patient_address_info.AAA16C }}{{ blInfo.patient_address_info.AAA36C }}</td>
+          <td colspan="7">
+            <NoValueInputVue :data="blInfo.patient_address_info.AAA48.replace('省', '')" />（省）
+            <NoValueInputVue :data="blInfo.patient_address_info.AAA49.replace('市', '')" />（市）
+            <NoValueInputVue :data="blInfo.patient_address_info.AAA16C.toString().replace('县', '')" />（县）
+            <NoValueInputVue :data="blInfo.patient_address_info.toString().AAA36C" />
+          </td>
           <td class="label">电话</td>
           <td>{{ blInfo.patient_address_info.AAA51 }}</td>
           <td class="label">邮编</td>
@@ -64,15 +78,18 @@
         </tr>
         <tr>
           <td class="label">户口地址</td>
-          <td colspan="9">{{ blInfo.patient_address_info.AAA45 }}{{ blInfo.patient_address_info.AAA46 }}{{ blInfo.patient_address_info.AAA47 }}{{ blInfo.patient_address_info.AAA12 }}</td>
+          <td colspan="9">
+            <NoValueInputVue :data="blInfo.patient_address_info.AAA45.replace('省', '')" />（省）
+            <NoValueInputVue :data="blInfo.patient_address_info.AAA46.replace('市', '')" />（市）
+            <NoValueInputVue :data="blInfo.patient_address_info.AAA47.toString().replace('县', '')" />（县）
+            <NoValueInputVue :data="blInfo.patient_address_info.toString().AAA12" />
+          </td>
           <td class="label">邮编</td>
           <td>{{ blInfo.patient_address_info.AAA14C }}</td>
         </tr>
         <tr>
           <td class="label">工作单位及地址</td>
           <td colspan="7">{{ blInfo.patient_work_info.AAA19 }}</td>
-          <!-- <td class="label">地址</td>
-          <td colspan="3">山东（省） 烟台(市) 牟平（县）金埠大街717号</td> -->
           <td class="label">单位电话</td>
           <td>{{ blInfo.patient_work_info.AAA20 }}</td>
           <td class="label">邮编</td>
@@ -94,15 +111,19 @@
             <span class="square">{{ blInfo.patient_info.AAB06C }}</span>
             <span class="mlr10" />1.门诊
             <span class="mlr10" />2.急诊
-            <span class="mlr10" />3.其他医疗机构转入，转诊医疗机构名称：
+            <span class="mlr10" />3.其他医疗机构转入，转诊医疗机构名称：<NoValueInputVue :data="''" />
             <span class="mlr10" />4.其他
           </td>
         </tr>
         <tr>
           <td class="label">新生儿出生体重</td>
-          <td colspan="5">{{ blInfo.patient_info.AEN01 }}</td>
+          <td colspan="5">
+            <NoValueInputVue :data="blInfo.patient_info.AEN01" /> 克
+          </td>
           <td class="label">新生儿入院体重</td>
-          <td colspan="5"></td>
+          <td colspan="5">
+            <NoValueInputVue :data="blInfo.patient_info.AAA42" /> 克
+          </td>
         </tr>
         <tr>
           <td class="label">入院时间</td>
@@ -158,10 +179,10 @@
           <th class="label">入院病情</th>
         </tr>
         <tr>
-          <td colspan="3" class="center">主要诊断：{{ blInfo.main_diagnosis.ICD10_NAME }}</td>
+          <td colspan="3" class="center">{{ blInfo.main_diagnosis.ICD10_NAME ? '主要诊断：' + blInfo.main_diagnosis.ICD10_NAME : '' }}</td>
           <td class="center">{{ blInfo.main_diagnosis.ICD10_ID1 }}</td>
           <td class="center">{{ blInfo.main_diagnosis.CYQK }}</td>
-          <td colspan="3" class="center">其他诊断：{{ blInfo.other_diagnosis.length ? blInfo.other_diagnosis[0].ICD10_NAME : '' }}</td>
+          <td colspan="3" class="center">{{ blInfo.other_diagnosis.length ? '其他诊断：' + blInfo.other_diagnosis[0].ICD10_NAME : '' }}</td>
           <td class="center">{{ blInfo.other_diagnosis.length ?blInfo.other_diagnosis[0].ICD10_ID1 : '' }}</td>
           <td class="center">{{ blInfo.other_diagnosis.length ?blInfo.other_diagnosis[0].CYQK : '' }}</td>
         </tr>
@@ -230,7 +251,12 @@
         </tr>
         <tr>
           <td class="label">护理级别</td>
-          <td colspan="9">1.特级护理{{ blInfo.patient_add.TJHL }}天 2.一级护理{{ blInfo.patient_add.YJHL }}天 3.二级护理{{ blInfo.patient_add.EJHL }}天 4.三级护理{{ blInfo.patient_add.SJHL }}天</td>
+          <td colspan="9">
+            1.特级护理<NoValueInputVue :data="blInfo.patient_add.TJHL" />天 
+            2.一级护理<NoValueInputVue :data="blInfo.patient_add.YJHL" />天 
+            3.二级护理<NoValueInputVue :data="blInfo.patient_add.EJHL" />天 
+            4.三级护理<NoValueInputVue :data="blInfo.patient_add.SJHL" />天
+          </td>
         </tr>
         <tr>
           <td class="label">科主任</td>
@@ -393,7 +419,16 @@
         </tr>
         <tr>
           <td class="label">颅脑损伤患者昏迷时间</td>
-          <td colspan="9">入院前：{{ blInfo.patient_medical_info.AEJ01 }}天{{ blInfo.patient_medical_info.AEJ02 }}小时{{ blInfo.patient_medical_info.AEJ03 }}分钟  入院后：{{ blInfo.patient_medical_info.AEJ04 }}天{{ blInfo.patient_medical_info.AEJ05 }}小时{{ blInfo.patient_medical_info.AEJ06 }}分钟</td>
+          <td colspan="9">
+            入院前：
+            <NoValueInputVue :data="blInfo.patient_medical_info.AEJ01" />天
+            <NoValueInputVue :data="blInfo.patient_medical_info.AEJ02" />小时
+            <NoValueInputVue :data="blInfo.patient_medical_info.AEJ03" />分钟  
+            入院后：
+            <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>
@@ -419,7 +454,7 @@
             <span class="square">{{ blInfo.patient_info.AEM01C }}</span>
             <span class="mlr10" />1.医嘱离院
             <span class="mlr10" />2.医嘱转院，拟接收医疗机构名称：
-            <span class="mlr10" />3.医嘱转社区卫生服务机构/乡镇卫生院，拟接收医疗机构名称
+            <span class="mlr10" />3.医嘱转社区卫生服务机构/乡镇卫生院，拟接收医疗机构名称<NoValueInputVue :data="blInfo.patient_hospital_info.AEM02" />
             <span class="mlr10" />4.非医嘱离院
             <span class="mlr10" />5.死亡
             <span class="mlr10" />6其他
@@ -443,47 +478,47 @@
       <table class="table">
         <tr>
           <td class="label">住院费用（元）</td>
-          <td colspan="9">总费用:{{ blInfo.patient_info.ADA01 }} （自付金额：{{ blInfo.patient_cost_info.ADA0101 }} ）</td>
+          <td colspan="9">总费用:<NoValueInputVue :data="blInfo.patient_info.ADA01" /> （自付金额：<NoValueInputVue :data="blInfo.patient_cost_info.ADA0101" /> ）</td>
         </tr>
         <tr>
           <td class="label">1.综合医疗服务费</td>
-          <td colspan="9">（1）一般医疗服务费： {{ blInfo.patient_cost_info.D11 }} （2）一般治疗操作费：{{ blInfo.patient_cost_info.D12 }}  （3）护理费：{{ blInfo.patient_cost_info.D13 }}   （4）其他费用：{{ blInfo.patient_cost_info.D13 }}</td>
+          <td colspan="9">（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">2.诊断类</td>
-          <td colspan="9">（5）病理诊断费：{{ blInfo.patient_cost_info.D15 }} （6）实验室诊断费：{{ blInfo.patient_cost_info.D16 }} （7）影像学诊断费：{{ blInfo.patient_cost_info.D17 }}   （8）临床诊断项目费：{{ blInfo.patient_cost_info.D18 }}</td>
+          <td colspan="9">（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">3.治疗类</td>
-          <td colspan="9">（9）非手术治疗项目费：{{ blInfo.patient_cost_info.D19 }} （临床物理治疗费：{{ blInfo.patient_cost_info.D19X01 }} ）  （10）手术治疗费：{{ blInfo.patient_cost_info.D20 }} （麻醉费：{{ blInfo.patient_cost_info.D20X01 }} 手术费：{{ blInfo.patient_cost_info.D20X02 }} ）</td>
+          <td colspan="9">（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">4.康复类</td>
-          <td colspan="9">（11）康复费：{{ blInfo.patient_cost_info.D21 }}</td>
+          <td colspan="9">（11）康复费：<NoValueInputVue :data="blInfo.patient_cost_info.D21" /></td>
         </tr>
         <tr>
           <td class="label">5.中医类</td>
-          <td colspan="9">（12）中医治疗费：{{ blInfo.patient_cost_info.D22 }}</td>
+          <td colspan="9">（12）中医治疗费：<NoValueInputVue :data="blInfo.patient_cost_info.D22" /></td>
         </tr>
         <tr>
           <td class="label">6.西药类</td>
-          <td colspan="9">（13）西药费：{{ blInfo.patient_cost_info.D23 }} （抗菌药物费用：{{ blInfo.patient_cost_info.D23X01 }} ）</td>
+          <td colspan="9">（13）西药费：<NoValueInputVue :data="blInfo.patient_cost_info.D23" /> （抗菌药物费用：<NoValueInputVue :data="blInfo.patient_cost_info.D23X01" /> ）</td>
         </tr>
         <tr>
           <td class="label">7.中药类</td>
-          <td colspan="9">（14）中成药费：{{ blInfo.patient_cost_info.D24 }} （15）中草药费：{{ blInfo.patient_cost_info.D25 }}</td>
+          <td colspan="9">（14）中成药费：<NoValueInputVue :data="blInfo.patient_cost_info.D24" /> （15）中草药费：<NoValueInputVue :data="blInfo.patient_cost_info.D25" /></td>
         </tr>
         <tr>
           <td class="label">8.血液和血液制品类</td>
-          <td colspan="9">（16）血费：{{ blInfo.patient_cost_info.D26 }} （17）白蛋白类制品费：{{ blInfo.patient_cost_info.D26 }} （18）球蛋白类制品费：{{ blInfo.patient_cost_info.D28 }}  （19）凝血因子类制品费：{{ blInfo.patient_cost_info.D29 }} （20）细胞因子类制品费：{{ blInfo.patient_cost_info.D30 }}</td>
+          <td colspan="9">（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">9.耗材类</td>
-          <td colspan="9">（21）检查用一次性医用材料费：{{ blInfo.patient_cost_info.D31 }}   （22）治疗用一次性医用材料费：{{ blInfo.patient_cost_info.D32 }}    （23）手术用一次性医用材料费：{{ blInfo.patient_cost_info.D33 }}</td>
+          <td colspan="9">（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">10.其他类</td>
-          <td colspan="9">（24）其他费：{{ blInfo.patient_cost_info.D3 }}</td>
+          <td colspan="9">（24）其他费：<NoValueInputVue :data="blInfo.patient_cost_info.D3" /></td>
         </tr>
       </table>
     </div>
@@ -495,10 +530,12 @@
 <script>
 import ControlDialogVue from './components/ControlDialog.vue'
 import IconBtnVue from './components/IconBtn.vue'
+import NoValueInputVue from './components/NoValueInput.vue'
 export default {
   components: {
     IconBtnVue,
-    ControlDialogVue
+    ControlDialogVue,
+    NoValueInputVue
   },
   data() {
     return {
@@ -1159,8 +1196,12 @@ export default {
   }
 }
 .square {
-  padding: 0 4px;
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  text-align: center;
   border: 1px solid #707070;
   border-radius: 2px;
+  vertical-align: middle;
 }
 </style>