57 lines
1.7 KiB
Vue
57 lines
1.7 KiB
Vue
<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>
|