generated from ccsens_fe/uni-vue3-template
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
125 lines
3.5 KiB
125 lines
3.5 KiB
<template>
|
|
<view>
|
|
<uni-nav-bar left-icon="left" background-color="#fff" :border="false" title="患者详情" @clickRight="onClickRight">
|
|
<template v-slot:right>
|
|
<view class="flex nav-right">
|
|
切换至概览 <u-image class="icon-change" src="@/static/images/change-dark.png" mode="aspectFill"></u-image>
|
|
</view>
|
|
</template>
|
|
</uni-nav-bar>
|
|
|
|
<view class="flex u-m-40 u-m-r-40 align-top content">
|
|
<view class="flex-2 u-m-r-20 column">
|
|
<uni-section type="line" title="患者信息" titleFontSize="16px">
|
|
<template v-slot:right>
|
|
<view class="u-tips-color">
|
|
<text class="u-m-r-20">{{ '藏寨' }}</text>
|
|
<text class="u-m-r-20">{{ '男' }}</text>
|
|
<text>{{ '24' }}</text>
|
|
</view>
|
|
</template>
|
|
</uni-section>
|
|
|
|
<view class="item-card u-m-r-20 bg-white border-success">
|
|
<view class="flex">
|
|
<view class="flex-1">
|
|
<view class=" font-bold flex-1 u-tips-color u-m-b-20">
|
|
<text class="u-m-r-20">患者基本信息</text>
|
|
</view>
|
|
<view>
|
|
<u-tag class="u-m-r-20 u-m-b-12" text="AS急性脑卒中" type="success" size="mini" />
|
|
<u-tag class="u-m-r-20 u-m-b-12" text="AS急性脑卒中" type="success" size="mini" />
|
|
<u-tag class="u-m-r-20 u-m-b-12" text="AS急性脑卒中" type="success" size="mini" />
|
|
<u-tag class="u-m-r-20 u-m-b-12" text="AS急性脑卒中" type="success" size="mini" />
|
|
</view>
|
|
</view>
|
|
<uni-icons type="right" color="#999" size="16" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="item-card u-m-r-20 u-m-t-30 bg-white border-primary">
|
|
<view class="flex">
|
|
<view class="flex-1">
|
|
<view class=" font-bold flex-1 u-tips-color u-m-b-20">
|
|
<text class="u-m-r-20">急救信息记录</text>
|
|
</view>
|
|
<view>
|
|
<u-tag class="u-m-r-20 u-m-b-12" text="AS急性脑卒中" type="primary" size="mini" />
|
|
<u-tag class="u-m-r-20 u-m-b-12" text="AS急性脑卒中" type="primary" size="mini" />
|
|
</view>
|
|
</view>
|
|
<uni-icons type="right" color="#999" size="16" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- right -->
|
|
<view class="flex-3">
|
|
<uni-section type="line" title="患者基本信息" titleFontSize="16px"> </uni-section>
|
|
<DetailBase />
|
|
</view>
|
|
</view>
|
|
|
|
<!-- float button -->
|
|
<FloatButton />
|
|
</view>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
function onClickRight() {
|
|
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
:deep(.uni-navbar__header-btns) {
|
|
width: 200rpx !important;
|
|
}
|
|
|
|
.icon-change {
|
|
width: 40rpx !important;
|
|
height: 40rpx !important;
|
|
margin-left: 0.5em;
|
|
opacity: .9 !important;
|
|
}
|
|
|
|
.item-card {
|
|
padding: 1em 1em 1em 1.2em;
|
|
border-radius: 20rpx;
|
|
background-color: #fff;
|
|
border-left: 10rpx solid;
|
|
}
|
|
|
|
.head {
|
|
height: 140rpx;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.btn-create {
|
|
background-color: #fff;
|
|
height: 3em;
|
|
padding: 0 3em;
|
|
display: flex;
|
|
align-items: center;
|
|
border-radius: 1.5em;
|
|
|
|
.icon-plus {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
margin-right: 0.5em;
|
|
}
|
|
}
|
|
|
|
.icon-doctor {
|
|
position: relative;
|
|
z-index: 0;
|
|
width: 140rpx;
|
|
height: 140rpx;
|
|
transform: scale(1.1) translate3d(-50%, 24%, 0);
|
|
}
|
|
|
|
.content {
|
|
position: relative;
|
|
z-index: 99;
|
|
}
|
|
</style>
|
|
|