等待后端更新接口
This commit is contained in:
+39
-30
@@ -19,36 +19,44 @@
|
||||
<div class="eyebrow">Join Family</div>
|
||||
<h1 id="join-title">加入家谱</h1>
|
||||
<p class="lead">搜索并选择要加入的家谱,再补充申请资料。家谱编号由系统自动处理。</p>
|
||||
<form class="form-grid" data-join-genealogy-search>
|
||||
<label class="field">
|
||||
<span>搜索家谱</span>
|
||||
<input name="keyword" type="search" maxlength="50" placeholder="输入谱名或姓氏" />
|
||||
</label>
|
||||
<button class="btn ghost" type="submit">搜索</button>
|
||||
</form>
|
||||
<div class="module-list" data-join-genealogy-options></div>
|
||||
<p class="form-note" data-join-selected-genealogy>尚未选择家谱</p>
|
||||
<form class="form-grid" data-join-apply-form>
|
||||
<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>
|
||||
<p class="form-note" aria-live="polite" data-join-apply-status></p>
|
||||
<button class="btn primary" type="submit" data-join-apply-submit>提交申请</button>
|
||||
<a class="btn ghost" href="profile-join-family.html">查看我的申请</a>
|
||||
</form>
|
||||
<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>
|
||||
@@ -56,6 +64,7 @@
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user