|
|
@@ -0,0 +1,86 @@
|
|
|
+<template>
|
|
|
+ <div class="inpatient-wrapper">
|
|
|
+ <div class="top-line">
|
|
|
+ <div style="width: 40px">+81床</div>
|
|
|
+ <div style="width: 80px">
|
|
|
+ <img :src="maleIcon" class="sex-icon" style="margin-top: 0px" />
|
|
|
+ 张大炮
|
|
|
+ </div>
|
|
|
+ <div style="width: 40px">103天</div>
|
|
|
+ </div>
|
|
|
+ <div class="mid-line">
|
|
|
+ <div>
|
|
|
+ <div style="width: 60px">住院号：</div>
|
|
|
+ <div>0387232</div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div style="width: 60px">入院时间：</div>
|
|
|
+ <div>22-03-17 15:33</div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div style="width: 60px">管床医生：</div>
|
|
|
+ <div>周伟</div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div style="width: 60px">出生日期：</div>
|
|
|
+ <div>1987-11-09</div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div style="width: 60px">医疗类别：</div>
|
|
|
+ <div>普通住院</div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div style="width: 60px">医疗费用：</div>
|
|
|
+ <div>￥15892.23</div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div style="width: 60px">报销金额：</div>
|
|
|
+ <div>￥8892.45</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import maleIcon from '@/assets/male-icon.png'
|
|
|
+import femaleIcon from '@/assets/female-icon.png'
|
|
|
+export default {
|
|
|
+ setup() {
|
|
|
+ return {
|
|
|
+ maleIcon,
|
|
|
+ femaleIcon,
|
|
|
+ }
|
|
|
+ },
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.inpatient-wrapper {
|
|
|
+ width: 160px;
|
|
|
+ height: 170px;
|
|
|
+ background: rgb(255, 207, 207);
|
|
|
+ margin: 8px 0 0 0;
|
|
|
+ border-radius: 4px;
|
|
|
+ font-size: 12px !important;
|
|
|
+ font-weight: bold;
|
|
|
+ .top-line {
|
|
|
+ display: flex;
|
|
|
+ height: 26px;
|
|
|
+ line-height: 26px;
|
|
|
+ background: rgb(16, 102, 131);
|
|
|
+ color: white;
|
|
|
+ > div {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .mid-line {
|
|
|
+ padding: 0 0 6px 4px;
|
|
|
+ color: black;
|
|
|
+ border-bottom: 1px solid white;
|
|
|
+ > div {
|
|
|
+ margin-top: 6px;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
