|
|
@@ -0,0 +1,88 @@
|
|
|
+<route lang="json5" type="page">
|
|
|
+{
|
|
|
+ layout: 'default',
|
|
|
+ style: {
|
|
|
+ navigationBarTitleText: '患者详情',
|
|
|
+ },
|
|
|
+}
|
|
|
+</route>
|
|
|
+
|
|
|
+<template>
|
|
|
+ <view class="patient-detail">
|
|
|
+ <view class="main">
|
|
|
+ <view class="basic-info flex items-center">
|
|
|
+ <view class="avatar bg-amber mr-2 w-120rpx h-120rpx flex overflow-hidden items-center">
|
|
|
+ <image src="" class="w-full h-full" mode="widthFix" />
|
|
|
+ </view>
|
|
|
+ <view class="name">张三</view>
|
|
|
+ </view>
|
|
|
+ <view class="info-list flex">
|
|
|
+ <view class="info-item">性别：男</view>
|
|
|
+ <view class="info-item ml-4">年龄：18</view>
|
|
|
+ <view class="info-item ml-4">城市：上海</view>
|
|
|
+ </view>
|
|
|
+ <view class="main-item">就诊医院：北京癫痫医院</view>
|
|
|
+ <view class="main-item">挂号时间：2012.11.12 12:12:12</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="operate mt-6">
|
|
|
+ <view class="buttons flex justify-center">
|
|
|
+ <uv-button type="primary" text="接诊"></uv-button>
|
|
|
+ <uv-button type="error" class="ml-4" text="拒诊"></uv-button>
|
|
|
+ </view>
|
|
|
+ <view class="card-nav">
|
|
|
+ <CardMenuList :list="menuList" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script lang="ts" setup>
|
|
|
+const menuList = [
|
|
|
+ {
|
|
|
+ icon: '',
|
|
|
+ text: '病患资料',
|
|
|
+ color: '#8fd7ff',
|
|
|
+ link: '',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: '',
|
|
|
+ text: '历史病例',
|
|
|
+ color: '#8fd7ff',
|
|
|
+ link: '',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: '',
|
|
|
+ text: '就诊预约',
|
|
|
+ color: '#8fd7ff',
|
|
|
+ link: '',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: '',
|
|
|
+ text: '诊疗记录',
|
|
|
+ color: '#8fd7ff',
|
|
|
+ link: '',
|
|
|
+ },
|
|
|
+]
|
|
|
+//
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+//
|
|
|
+.patient-detail {
|
|
|
+ padding: 0 24rpx;
|
|
|
+ color: #333;
|
|
|
+ .basic-info {
|
|
|
+ margin-bottom: 40rpx;
|
|
|
+ }
|
|
|
+ .info-list {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ }
|
|
|
+ .main-item {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ }
|
|
|
+ .info-item {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
