feat: 初始化医护端与患者端页面骨架
完成两个 Vite 应用的基础工程化配置、路由、状态管理及第一版业务页面,当前使用演示数据,尚未接入真实后端接口。
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user