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

完成两个 Vite 应用的基础工程化配置、路由、状态管理及第一版业务页面,当前使用演示数据,尚未接入真实后端接口。
This commit is contained in:
yelan
2026-08-27 11:27:16 +08:00
parent 01827bf304
commit 36fa15487c
28 changed files with 2089 additions and 37 deletions
@@ -0,0 +1,67 @@
<script setup lang="ts">
import { ref } from 'vue'
import { useRouter } from 'vue-router'
import { signingState } from '@/composables/useSignFlow'
const router = useRouter()
const hasRead = ref(false)
const errorMessage = ref('')
function continueToSigner() {
if (!hasRead.value) {
errorMessage.value = '请先确认已阅读文书内容。'
return
}
signingState.consentAccepted = true
void router.push('/signer')
}
</script>
<template>
<main class="mobile-shell">
<div class="mobile-stepper">
<span class="is-active">1 阅读</span>
<i />
<span>2 确认</span>
<i />
<span>3 完成</span>
</div>
<section class="mobile-heading">
<p class="eyebrow">知情同意书</p>
<h1>{{ signingState.documentTitle }}</h1>
<p>请完整阅读以下内容。如有疑问,请联系为您说明情况的医生。</p>
</section>
<article class="document-card">
<div class="document-meta">
<span>患者:{{ signingState.patientName }}</span>
<span>版本:V1.0</span>
</div>
<h2>一、检查/治疗说明</h2>
<p>
医生已向患者或监护人说明拟实施的检查、治疗目的、操作过程、可能风险及替代方案。患者或监护人可以就相关内容向医务人员提出问题。
</p>
<h2>二、可能风险</h2>
<p>
具体风险因患者病情、检查方式和治疗方案而异。请在充分了解相关情况后,结合医生建议决定是否同意。
</p>
<h2>三、患者权利</h2>
<p>
患者或监护人有权选择同意或拒绝本次检查/治疗。拒绝可能影响后续诊疗安排,相关情况将按医院流程记录。
</p>
<div class="document-placeholder">正式文书 PDF 将在接入后端后展示</div>
</article>
<label class="check-row">
<input v-model="hasRead" type="checkbox" />
<span>我已阅读并理解上述内容,愿意继续确认签署人信息。</span>
</label>
<p v-if="errorMessage" class="form-error">{{ errorMessage }}</p>
<button class="mobile-primary-button" type="button" @click="continueToSigner">下一步</button>
<button class="mobile-text-button" type="button" @click="router.back()">返回</button>
</main>
</template>