等待后端更新接口
This commit is contained in:
+66
-24
@@ -7,7 +7,7 @@
|
||||
<link rel="stylesheet" href="public/css/public.css" />
|
||||
<link rel="stylesheet" href="public/css/create-genealogy.css" />
|
||||
</head>
|
||||
<body class="page-create-genealogy">
|
||||
<body class="page-create-genealogy" data-genealogy-create-page>
|
||||
<header class="site-header">
|
||||
<div class="container nav">
|
||||
<a class="brand magnetic" href="index.html"
|
||||
@@ -59,35 +59,73 @@
|
||||
|
||||
<section class="section alt create-form-section">
|
||||
<div class="container">
|
||||
<form class="card form-card create-form tilt-card" data-genealogy-form="create" data-success-url="profile-families.html">
|
||||
<form class="card form-card create-form tilt-card" data-genealogy-create-form novalidate aria-describedby="public-create-status">
|
||||
<div class="form-ornament"></div>
|
||||
<h2>家谱信息</h2>
|
||||
<p class="form-note">
|
||||
先填写基本资料,后续可以继续补充成员、相册和谱文。
|
||||
标有 * 的字段为必填。登录后使用当前 PC 家谱服务创建,创建成功后进入对应家谱主页。
|
||||
</p>
|
||||
<p class="form-note" data-genealogy-create-quota role="status" aria-live="polite">正在读取家谱额度…</p>
|
||||
<div class="form-grid">
|
||||
<input
|
||||
class="input"
|
||||
name="genealogyName"
|
||||
placeholder="家谱名称,如:四川武胜汤氏族谱"
|
||||
/>
|
||||
<input class="input" name="surname" placeholder="主要姓氏" />
|
||||
<!-- 地区选择器:最终行政区编码回填到 regionCode,供创建家谱接口使用。 -->
|
||||
<div class="region-picker create-region-picker" data-region-picker>
|
||||
<select class="input" name="provinceCode" data-region-level="province">
|
||||
<option value="">请选择省</option>
|
||||
</select>
|
||||
<select class="input" name="cityCode" data-region-level="city">
|
||||
<option value="">请选择市</option>
|
||||
</select>
|
||||
<select class="input" name="districtCode" data-region-level="district">
|
||||
<option value="">请选择区县</option>
|
||||
</select>
|
||||
<input type="hidden" name="regionCode" data-region-code />
|
||||
<label class="field" for="publicFamilyName">谱名 <b aria-hidden="true">*</b>
|
||||
<input id="publicFamilyName" class="input" name="genealogyName" placeholder="例如:四川武胜汤氏族谱" required />
|
||||
</label>
|
||||
<label class="field" for="publicFamilySurname">主要姓氏 <b aria-hidden="true">*</b>
|
||||
<input id="publicFamilySurname" class="input" name="surname" placeholder="例如:汤" required />
|
||||
</label>
|
||||
<div class="field" role="group" aria-labelledby="public-family-region-label" aria-describedby="public-region-status public-create-status">
|
||||
<span id="public-family-region-label">家谱所在地 <b aria-hidden="true">*</b></span>
|
||||
<div class="region-picker create-region-picker" data-region-picker>
|
||||
<label for="publicFamilyProvince">省
|
||||
<select id="publicFamilyProvince" class="input" name="provinceCode" data-region-level="province">
|
||||
<option value="">请选择省</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="publicFamilyCity">市
|
||||
<select id="publicFamilyCity" class="input" name="cityCode" data-region-level="city">
|
||||
<option value="">请选择市</option>
|
||||
</select>
|
||||
</label>
|
||||
<label for="publicFamilyDistrict">区县
|
||||
<select id="publicFamilyDistrict" class="input" name="districtCode" data-region-level="district">
|
||||
<option value="">请选择区县</option>
|
||||
</select>
|
||||
</label>
|
||||
<input type="hidden" name="regionCode" data-region-code />
|
||||
</div>
|
||||
<div id="public-region-status" class="form-note" data-region-picker-status role="status" aria-live="polite"></div>
|
||||
</div>
|
||||
<label class="field" for="publicAncestralHall">堂号/祠堂
|
||||
<input id="publicAncestralHall" class="input" name="ancestralHall" placeholder="选填" />
|
||||
</label>
|
||||
<label class="field" for="publicOriginPlace">籍贯/起源地
|
||||
<input id="publicOriginPlace" class="input" name="originPlace" placeholder="选填" />
|
||||
</label>
|
||||
<label class="field" for="publicAddressDetail">详细地址
|
||||
<input id="publicAddressDetail" class="input" name="addressDetail" placeholder="选填" />
|
||||
</label>
|
||||
<label class="field" for="publicIntro">家谱简介
|
||||
<textarea id="publicIntro" name="intro" placeholder="选填"></textarea>
|
||||
</label>
|
||||
<label class="field" for="publicVisibility">可见范围
|
||||
<select id="publicVisibility" class="input" name="visibility">
|
||||
<option value="1">公开</option>
|
||||
<option value="2">成员可见</option>
|
||||
<option value="0">私密</option>
|
||||
</select>
|
||||
</label>
|
||||
<label class="field" for="publicJoinMode">加入方式
|
||||
<select id="publicJoinMode" class="input" name="joinMode" aria-describedby="public-invite-mode-note">
|
||||
<option value="1">审核加入</option>
|
||||
<option value="2">邀请码加入</option>
|
||||
<option value="0">关闭加入</option>
|
||||
</select>
|
||||
<span id="public-invite-mode-note" class="form-note">当前 PC 未提供邀请码生成、发送或管理接口;选择邀请模式后不能在本页面继续生成邀请码。</span>
|
||||
</label>
|
||||
<div id="public-create-status" class="form-note" data-genealogy-create-status role="status" aria-live="polite"></div>
|
||||
<div>
|
||||
<button class="btn primary magnetic submit-btn" type="submit" data-genealogy-create-submit>提交创建</button>
|
||||
</div>
|
||||
<input class="input" name="addressDetail" placeholder="家族所在地" />
|
||||
<textarea name="intro" placeholder="家族简介"></textarea>
|
||||
<button class="btn primary magnetic submit-btn" type="submit">提交创建</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -124,12 +162,16 @@
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="public/js/jquery360.js"></script>
|
||||
<script src="config.js"></script>
|
||||
<script src="utils/StorageUtil.js"></script>
|
||||
<script src="utils/FormUtil.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/region-pages.js"></script>
|
||||
<script src="public/js/genealogy-entry-pages.js"></script>
|
||||
<script src="public/js/page-effects.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user