78 lines
4.4 KiB
HTML
78 lines
4.4 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/layui/css/layui.css" />
|
|
<link rel="stylesheet" href="public/css/profile-module.css" />
|
|
<link rel="stylesheet" href="public/css/join-genealogy.css" />
|
|
</head>
|
|
<body class="page-profile-module page-join-genealogy" data-join-apply-page>
|
|
<header class="site-header">
|
|
<div class="container nav">
|
|
<a class="brand magnetic" href="index.html"><img class="brand-logo brand-logo-mark" src="public/images/logo-mark.png" alt="" /><span class="brand-text">个人中心</span></a>
|
|
<nav class="nav-links" aria-label="个人中心主导航"></nav>
|
|
<div class="nav-actions"><a href="profile-join-family.html">查看我的申请</a></div>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
<section class="module-hero">
|
|
<div class="container">
|
|
<div class="module-kicker">我的家谱</div>
|
|
<div class="module-title-row">
|
|
<div>
|
|
<h1>加入家谱</h1>
|
|
<p>先搜索并选择要加入的家谱，再补充申请资料；家谱编号由系统自动处理。</p>
|
|
</div>
|
|
<a class="btn ghost magnetic" href="profile-join-family.html">查看我的申请</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="section">
|
|
<div class="container module-layout">
|
|
<aside class="module-nav" aria-label="个人中心功能导航"></aside>
|
|
<div class="module-main">
|
|
<section class="module-panel">
|
|
<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>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<script src="public/js/jquery360.js"></script>
|
|
<script src="public/layui/layui.js"></script>
|
|
<script src="public/js/lay-config.js"></script>
|
|
<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>
|
|
<script src="public/js/page-effects.js"></script>
|
|
</body>
|
|
</html>
|