feat: 初始化医护端与患者端页面骨架

完成两个 Vite 应用的基础工程化配置、路由、状态管理及第一版业务页面，当前使用演示数据，尚未接入真实后端接口。
2026-08-27 11:27:16 +08:00
parent 01827bf304
commit 36fa15487c
28 changed files with 2089 additions and 37 deletions
@@ -0,0 +1,56 @@
+<script setup lang="ts">
+import { useRouter } from 'vue-router'
+
+import { resetSignFlow, signingState } from '@/composables/useSignFlow'
+
+const router = useRouter()
+
+function startSigning() {
+  resetSignFlow()
+  void router.push('/consent')
+}
+</script>
+
+<template>
+  <main class="mobile-shell">
+    <header class="mobile-brand">
+      <div class="mobile-brand-mark">签</div>
+      <div>
+        <strong>医签通</strong>
+        <span>医疗知情同意签署</span>
+      </div>
+    </header>
+
+    <section class="mobile-hero">
+      <p class="eyebrow">待签署文书</p>
+      <h1>{{ signingState.documentTitle }}</h1>
+      <p>请确认以下任务信息，并在阅读文书后完成签署。</p>
+    </section>
+
+    <section class="mobile-card patient-card">
+      <div class="card-label">患者信息</div>
+      <div class="patient-row">
+        <div class="patient-avatar">{{ signingState.patientName.slice(0, 1) }}</div>
+        <div>
+          <strong>{{ signingState.patientName }}</strong>
+          <span>{{ signingState.visitNo }}</span>
+        </div>
+      </div>
+      <div class="task-number">任务编号：{{ signingState.taskNo }}</div>
+    </section>
+
+    <section class="mobile-card notice-card">
+      <div class="notice-icon">i</div>
+      <div>
+        <strong>请使用实际签署人的信息</strong>
+        <p>如果由家属或监护人代签，请在下一步选择与患者的关系。</p>
+      </div>
+    </section>
+
+    <button class="mobile-primary-button" type="button" @click="startSigning">
+      开始阅读并签署
+    </button>
+
+    <p class="secure-note">本页面仅用于本次知情同意签署，请勿转发签署链接。</p>
+  </main>
+</template>