住院病案详情

src/views/medicalRecord/index.vue

@@ -1,17 +1,375 @@
 <template>
   <div class="bg-box">
     <div class="bg-card">
-      123
+      <h3 class="title">住院病案首页</h3>
+      <div class="zyh">病案编号：370612202301010016</div>
+      <!-- 基本信息 -->
+      <table class="table">
+        <tr>
+          <td class="label">医疗机构</td>
+          <td colspan="5">滨州医学院烟台附属医院</td>
+          <td class="label">统一社会信用代码</td>
+          <td colspan="5">91370612MMMRERLD7Q</td>
+        </tr>
+        <tr>
+          <td class="label">医疗付费方式</td>
+          <td colspan="5">1.城镇职工基本医疗保</td>
+          <td class="label">健康卡号</td>
+          <td colspan="3">-</td>
+          <td class="label">住院次数</td>
+          <td>第15次</td>
+        </tr>
+        <tr>
+          <td class="label">姓名</td>
+          <td>张三</td>
+          <td class="label">性别</td>
+          <td>女</td>
+          <td class="label">出生日期</td>
+          <td colspan="3">2022年1月1日</td>
+          <td class="label">年龄</td>
+          <td>36岁</td>
+          <td class="label">天龄（不足1周岁）</td>
+          <td>365天</td>
+        </tr>
+        <tr>
+          <td class="label">出生地</td>
+          <td colspan="3">山东（省）烟台（市) </td>
+          <td class="label">籍贯</td>
+          <td colspan="3">山东(省)烟台(市)</td>
+          <td class="label">民族</td>
+          <td>汉</td>
+          <td class="label">国籍</td>
+          <td>中国</td>
+        </tr>
+        <tr>
+          <td class="label">身份证件类型</td>
+          <td>身份证</td>
+          <td class="label">身份证号</td>
+          <td colspan="5">231083199008123033</td>
+          <td class="label">职业</td>
+          <td>其他</td>
+          <td class="label">婚姻</td>
+          <td>未婚</td>
+        </tr>
+        <tr>
+          <td class="label">现住址</td>
+          <td colspan="7">山东（省） 烟台（市)  牟平（县）金埠大街717号滨州医学院烟台附属医院</td>
+          <td class="label">电话</td>
+          <td>17682304051</td>
+          <td class="label">邮编</td>
+          <td>157111</td>
+        </tr>
+        <tr>
+          <td class="label">户口地址</td>
+          <td colspan="9">新疆维吾尔自治区(省)克孜勒苏柯尔克孜自治州阿图什市（县）幸福街道三仙洞</td>
+          <td class="label">邮编</td>
+          <td>157111</td>
+        </tr>
+        <tr>
+          <td class="label">工作单位</td>
+          <td colspan="3">滨州医学院烟台附属医院</td>
+          <td class="label">地址</td>
+          <td colspan="3">山东（省） 烟台(市) 牟平（县）金埠大街717号</td>
+          <td class="label">单位电话</td>
+          <td>759166448</td>
+          <td class="label">邮编</td>
+          <td>157111</td>
+        </tr>
+        <tr>
+          <td class="label">联系人姓名</td>
+          <td colspan="3">张三</td>
+          <td class="label">地址</td>
+          <td colspan="3">山东（省） 烟台(市) 牟平（县）金埠大街717号</td>
+          <td class="label">关系</td>
+          <td>弟弟</td>
+          <td class="label">电话</td>
+          <td>17682304051</td>
+        </tr>
+        <tr>
+          <td class="label">入院途径</td>
+          <td colspan="11">3.其他医疗机构转入，转诊医疗机构名称：</td>
+        </tr>
+        <tr>
+          <td class="label">新生儿出生体重</td>
+          <td colspan="5">1000克</td>
+          <td class="label">新生儿入院体重</td>
+          <td colspan="5">1000克</td>
+        </tr>
+        <tr>
+          <td class="label">入院时间</td>
+          <td colspan="2">2023年01月01日 01时01分01秒 </td>
+          <td class="label">入院科别</td>
+          <td colspan="2">医学美容科</td>
+          <td class="label">病房</td>
+          <td colspan="2">手(显微)外科</td>
+          <td class="label">转科科别</td>
+          <td colspan="2">卒中中心 — 产科</td>
+        </tr>
+        <tr>
+          <td class="label">出院时间</td>
+          <td colspan="2">2023年01月01日 01时01分01秒 </td>
+          <td class="label">出院科别</td>
+          <td colspan="2">医学美容科</td>
+          <td class="label">病房</td>
+          <td colspan="2">儿科</td>
+          <td class="label">实际住院天数</td>
+          <td colspan="2">500天</td>
+        </tr>
+        <tr>
+          <td class="label">门(急)诊诊断</td>
+          <td colspan="5">手术后治疗手术后治疗手术后治疗</td>
+          <td class="label">疾病编码</td>
+          <td colspan="5">i11.111111</td>
+        </tr>
+      </table>
+      <!-- 诊断信息 -->
+      <table class="table">
+        <tr>
+          <th class="label" colspan="3">出院诊断</th>
+          <th class="label">疾病编码</th>
+          <th class="label">入院病情</th>
+          <th class="label" colspan="3">出院诊断</th>
+          <th class="label">疾病编码</th>
+          <th class="label">入院病情</th>
+        </tr>
+        <tr>
+          <td colspan="3" class="center">主要诊断：多个部位的其他急性上呼吸道感染</td>
+          <td class="center">J06.8</td>
+          <td class="center">1</td>
+          <td colspan="3" class="center">其他诊断：多个部位的其他急性上呼吸道感染</td>
+          <td class="center">J06.8</td>
+          <td class="center">4</td>
+        </tr>
+        <tr>
+          <td colspan="3" class="center">其他诊断：多个部位的其他急性上呼吸道感染</td>
+          <td class="center">J06.8</td>
+          <td class="center">2</td>
+          <td colspan="3" class="center">副脾</td>
+          <td class="center">J06.8</td>
+          <td class="center">1</td>
+        </tr>
+        <tr>
+          <td colspan="3" class="center">贲门胃底癌术后（pT3N0M0 IIA期)</td>
+          <td class="center">J06.8</td>
+          <td class="center">3</td>
+          <td colspan="3" class="center">化疗后骨髓抑制</td>
+          <td class="center">J06.8</td>
+          <td class="center">1</td>
+        </tr>
+        <tr>
+          <td colspan="3" class="center">肺结节</td>
+          <td class="center">J06.8</td>
+          <td class="center">1</td>
+          <td colspan="3" class="center"></td>
+          <td class="center"></td>
+          <td class="center"></td>
+        </tr>
+        <tr>
+          <td colspan="3" class="center">副脾</td>
+          <td class="center">J06.8</td>
+          <td class="center">1</td>
+          <td colspan="3" class="center"></td>
+          <td class="center"></td>
+          <td class="center"></td>
+        </tr>
+        <tr>
+          <td colspan="3" class="center">化疗后骨髓抑制</td>
+          <td class="center">J06.8</td>
+          <td class="center">1</td>
+          <td colspan="3" class="center"></td>
+          <td class="center"></td>
+          <td class="center"></td>
+        </tr>
+        <tr>
+          <td colspan="3" class="center">贲门胃底癌术后（pT3N0M0 IIA期)</td>
+          <td class="center">J06.8</td>
+          <td class="center">1</td>
+          <td colspan="3" class="center"></td>
+          <td class="center"></td>
+          <td class="center"></td>
+        </tr>
+        <tr>
+          <td colspan="3" class="center">贲门胃底癌术后（pT3N0M0 IIA期)</td>
+          <td class="center">J06.8</td>
+          <td class="center">1</td>
+          <td colspan="3" class="center"></td>
+          <td class="center"></td>
+          <td class="center"></td>
+        </tr>
+        <tr>
+          <td colspan="3" class="center">肺结节</td>
+          <td class="center">J06.8</td>
+          <td class="center">1</td>
+          <td colspan="3" class="center"></td>
+          <td class="center"></td>
+          <td class="center"></td>
+        </tr>
+        <tr>
+          <td colspan="3" class="center">副脾</td>
+          <td class="center">J06.8</td>
+          <td class="center">1</td>
+          <td colspan="3" class="center"></td>
+          <td class="center"></td>
+          <td class="center"></td>
+        </tr>
+        <tr>
+          <td colspan="3" class="center">化疗后骨髓抑制</td>
+          <td class="center">J06.8</td>
+          <td class="center">1</td>
+          <td colspan="3" class="center"></td>
+          <td class="center"></td>
+          <td class="center"></td>
+        </tr>
+        <tr>
+          <td class="label">入院病情</td>
+          <td colspan="9">2.临床未确定</td>
+        </tr>
+        <tr>
+          <td class="label">损伤、中毒的外部原因</td>
+          <td colspan="7"></td>
+          <td class="label">疾病编码</td>
+          <td>i11.111111</td>
+        </tr>
+        <tr>
+          <td class="label">病理诊断</td>
+          <td colspan="7"></td>
+          <td class="label">疾病编码</td>
+          <td>i11.111111</td>
+        </tr>
+        <tr>
+          <td class="label">最高诊断依据</td>
+          <td colspan="4"></td>
+          <td class="label">病理号</td>
+          <td colspan="2"></td>
+          <td class="label">ICD-0-3</td>
+          <td></td>
+        </tr>
+        <tr>
+          <td class="label">药物过敏</td>
+          <td colspan="4">1.是,过敏药物：青霉</td>
+          <td class="label">死亡患者尸检</td>
+          <td colspan="4">2.否</td>
+        </tr>
+        <tr>
+          <td class="label">血型</td>
+          <td colspan="4">4.AB</td>
+          <td class="label">Rh</td>
+          <td colspan="4">1.阴</td>
+        </tr>
+        <tr>
+          <td class="label">护理级别</td>
+          <td colspan="9">护理级别</td>
+        </tr>
+        <tr>
+          <td class="label">科主任</td>
+          <td>张三</td>
+          <td class="label">科主任编码</td>
+          <td>1234567891212</td>
+          <td class="label">医疗组长</td>
+          <td>张三</td>
+          <td class="label">主任(副主任)医师</td>
+          <td>张三</td>
+          <td class="label">主任(副主任)医师编码</td>
+          <td>1234567891212</td>
+        </tr>
+        <tr>
+          <td class="label">主治医师</td>
+          <td>张三</td>
+          <td class="label">主治医师编码</td>
+          <td>1234567891212</td>
+          <td class="label">住院医师</td>
+          <td>张三</td>
+          <td class="label">住院医师编码</td>
+          <td>张三</td>
+          <td class="label"></td>
+          <td></td>
+        </tr>
+        <tr>
+          <td class="label">责任护士</td>
+          <td>张三</td>
+          <td class="label">责任护士编码</td>
+          <td>1234567891212</td>
+          <td class="label">进修医生</td>
+          <td>张三</td>
+          <td class="label">实习医师</td>
+          <td>张三</td>
+          <td class="label">编码员</td>
+          <td>张三</td>
+        </tr>
+        <tr>
+          <td class="label">病案质量</td>
+          <td colspan="3">1.甲</td>
+          <td class="label">质控医师</td>
+          <td>张三</td>
+          <td class="label">质控护士</td>
+          <td>张三</td>
+          <td class="label">质控时间</td>
+          <td>2023年01月01日</td>
+        </tr>
+      </table>
     </div>
   </div>
 </template>
 
 <script>
-  export default {
-    
+export default {
+  data() {
+    return {
+    }
   }
+}
 </script>
 
 <style lang="scss" scoped>
-
+.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: 30px;
+}
+.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;
+}
+.table {
+  width: 100%;
+  min-width: 600px;
+  table-layout: fixed;
+  empty-cells: show;
+  border-collapse: collapse;
+  margin: 0 auto;
+  margin-bottom: 30px;
+  th,td {
+    border: 1px solid #666666;
+    font-size: 14px;
+    box-sizing: border-box;
+    height: 40px;
+    color: #333333;
+    padding: 0 12px;
+    box-sizing: border-box;
+  }
+  td.label {
+    width: 140px;
+    height: 40px;
+    color: #666666;
+    background-color: #EBEBEB;
+    text-align: center;
+  }
+  th.label {
+    height: 40px;
+    color: #666666;
+    background-color: #EBEBEB;
+    text-align: center;
+  }
+  .center {
+    text-align: center;
+  }
+}
 </style>