71 lines
3.5 KiB
HTML
71 lines
3.5 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>加入家谱 - 代代相传</title>
|
|
<link rel="stylesheet" href="public/css/public.css" />
|
|
<link rel="stylesheet" href="public/css/join-genealogy.css" />
|
|
</head>
|
|
<body class="page-join-genealogy" data-join-apply-page>
|
|
<main class="auth-layout">
|
|
<a class="brand auth-page-brand" href="index.html"
|
|
><img class="brand-logo" src="public/images/logo.png" alt="我们的家谱，代代相传" /></a
|
|
>
|
|
<section
|
|
class="card form-card auth-card join-card"
|
|
aria-labelledby="join-title"
|
|
>
|
|
<div class="eyebrow">Join Family</div>
|
|
<h1 id="join-title">加入家谱</h1>
|
|
<p class="lead">搜索并选择要加入的家谱，再补充申请资料。家谱编号由系统自动处理。</p>
|
|
<div class="join-page-grid">
|
|
<section class="join-search-panel" aria-labelledby="join-search-title">
|
|
<h2 id="join-search-title">选择家谱</h2>
|
|
<form class="form-grid" data-join-genealogy-search novalidate aria-describedby="join-options-status">
|
|
<label class="field">
|
|
<span>搜索家谱</span>
|
|
<input name="keyword" type="search" maxlength="50" placeholder="输入谱名或姓氏" />
|
|
</label>
|
|
<button class="btn ghost" type="submit">搜索</button>
|
|
</form>
|
|
<div id="join-options-status" class="form-note" data-join-options-status role="status" aria-live="polite"></div>
|
|
<div class="module-list" data-join-genealogy-options aria-live="polite"></div>
|
|
<p class="form-note" data-join-selected-genealogy role="status" aria-live="polite">尚未选择家谱</p>
|
|
</section>
|
|
<form class="form-grid join-apply-form" data-join-apply-form novalidate aria-describedby="join-apply-status">
|
|
<h2>补充申请资料</h2>
|
|
<p class="form-note">以下资料均为选填，审核人将据此确认您的加入申请。</p>
|
|
<label class="field">
|
|
<span>申请人姓名（选填）</span>
|
|
<input name="applicantName" maxlength="50" autocomplete="name" />
|
|
</label>
|
|
<label class="field">
|
|
<span>联系电话（选填）</span>
|
|
<input name="phone" maxlength="30" autocomplete="tel" />
|
|
</label>
|
|
<label class="field">
|
|
<span>与家谱关系（选填）</span>
|
|
<input name="relationDesc" maxlength="100" placeholder="例如：族亲" />
|
|
</label>
|
|
<label class="field">
|
|
<span>申请理由（选填）</span>
|
|
<textarea name="applyReason" maxlength="500" rows="4"></textarea>
|
|
</label>
|
|
<div id="join-apply-status" class="form-note" data-join-apply-status role="status" aria-live="polite"></div>
|
|
<button class="btn primary" type="submit" data-join-apply-submit>提交申请</button>
|
|
<a class="btn ghost" href="profile-join-family.html">查看我的申请</a>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<script src="config.js"></script>
|
|
<script src="utils/StorageUtil.js"></script>
|
|
<script src="utils/axios.js"></script>
|
|
<script src="utils/AxiosRequestUtil.js"></script>
|
|
<script src="utils/ApiClient.js"></script>
|
|
<script src="public/js/profile-common.js"></script>
|
|
<script src="public/js/join-pages.js"></script>
|
|
</body>
|
|
</html>
|