feat: 完成患者详情布局

src/pages.json

@@ -82,6 +82,14 @@
         "navigationBarTitleText": "登录"
       }
     },
+    {
+      "path": "pages/patient-detail/index",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationBarTitleText": "患者详情"
+      }
+    },
     {
       "path": "pages/register/index",
       "type": "page",

src/pages/patient-detail/index.vue

@@ -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>

src/types/uni-pages.d.ts

@@ -9,6 +9,7 @@ interface NavigateToOptions {
        "/pages/agreement/index" |
        "/pages/forget-password/index" |
        "/pages/login/index" |
+       "/pages/patient-detail/index" |
        "/pages/register/index" |
        "/pages/team-managent/index";
 }