rain
154 lines
5.8 KiB
HTML
154 lines
5.8 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" />
|
|
</head>
|
|
<body class="page-profile-module">
|
|
<header class="site-header">
|
|
<div class="container nav">
|
|
<a class="brand magnetic" href="profile.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">
|
|
<a href="profile-families.html">我的家谱</a
|
|
><a class="active" href="profile-family-admin.html">家族管理</a>
|
|
</nav>
|
|
<div class="nav-actions">
|
|
<a href="profile-family-admin.html">返回管理</a
|
|
><a
|
|
class="btn primary magnetic"
|
|
href="#"
|
|
data-layer-confirm="进入字辈管理模式？"
|
|
data-confirm-title="管理字辈"
|
|
>管理</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
<section class="module-hero">
|
|
<div class="container">
|
|
<div class="module-kicker">Generation</div>
|
|
<div class="module-title-row">
|
|
<div>
|
|
<h1>字辈谱</h1>
|
|
<p>管理世代数字辈，查看各代人数，并维护同字辈多个用字。</p>
|
|
</div>
|
|
<button
|
|
class="btn primary magnetic"
|
|
type="button"
|
|
data-generation-add
|
|
>新增字辈</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="section">
|
|
<div class="container module-layout">
|
|
<aside class="module-nav">
|
|
<a href="profile-tree.html">世系图</a
|
|
><a class="active" href="profile-generation.html">字辈谱</a
|
|
><a href="profile-family-admin.html">家族管理</a>
|
|
</aside>
|
|
<div class="module-main">
|
|
<section class="module-panel generation-batch-panel">
|
|
<h2>批量字辈</h2>
|
|
<!-- 批量字辈表单：字段对应 GenerationPoemBatchBody。 -->
|
|
<form class="editor-form generation-batch-form" data-generation-batch-form>
|
|
<div class="editor-field">
|
|
<label for="generationBatchContent">字辈内容</label>
|
|
<textarea
|
|
id="generationBatchContent"
|
|
name="content"
|
|
rows="4"
|
|
placeholder="例如：德承家亦"
|
|
></textarea>
|
|
</div>
|
|
<label class="check-row generation-batch-check" for="generationStopMissing">
|
|
<input
|
|
id="generationStopMissing"
|
|
name="stopMissingOldGeneration"
|
|
type="checkbox"
|
|
/>
|
|
<span>遇到缺失旧世代时停止导入</span>
|
|
</label>
|
|
<div class="bottom-actions generation-batch-actions">
|
|
<button
|
|
class="btn ghost"
|
|
type="button"
|
|
data-generation-batch-action="preview"
|
|
>批量预览</button>
|
|
<button
|
|
class="btn primary magnetic"
|
|
type="button"
|
|
data-generation-batch-action="save"
|
|
>批量保存</button>
|
|
<span class="form-status" data-generation-batch-status></span>
|
|
</div>
|
|
</form>
|
|
<div class="module-list generation-batch-preview" data-generation-batch-preview>
|
|
<div class="api-empty">批量预览结果将在这里显示</div>
|
|
</div>
|
|
</section>
|
|
<section class="module-panel">
|
|
<h2>字辈列表</h2>
|
|
<div class="module-list" data-generation-list>
|
|
<div class="module-row">
|
|
<div>
|
|
<h3>第 1 代：代</h3>
|
|
<p>1 人</p>
|
|
</div>
|
|
<a
|
|
class="pill"
|
|
href="#"
|
|
data-layer-prompt="请输入新的字辈"
|
|
data-prompt-title="编辑字辈"
|
|
>编辑</a
|
|
>
|
|
</div>
|
|
<div class="module-row">
|
|
<div>
|
|
<h3>第 2 代：顺</h3>
|
|
<p>2 人</p>
|
|
</div>
|
|
<a
|
|
class="pill"
|
|
href="#"
|
|
data-layer-prompt="请输入新的字辈"
|
|
data-prompt-title="编辑字辈"
|
|
>编辑</a
|
|
>
|
|
</div>
|
|
<div class="module-row">
|
|
<div>
|
|
<h3>第 3 代：万</h3>
|
|
<p>3 人</p>
|
|
</div>
|
|
<a
|
|
class="pill"
|
|
href="#"
|
|
data-layer-prompt="请输入新的字辈"
|
|
data-prompt-title="编辑字辈"
|
|
>编辑</a
|
|
>
|
|
</div>
|
|
</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="public/js/profile-common.js"></script>
|
|
<script src="public/js/api-client.js"></script>
|
|
<script src="public/js/generation-pages.js"></script>
|
|
<script src="public/js/page-effects.js"></script>
|
|
</body>
|
|
</html>
|