147 lines
7.3 KiB
HTML
147 lines
7.3 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" data-generation-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">
|
|
<a href="profile-families.html">我的家谱</a
|
|
><a class="active" href="profile-family-admin.html" data-genealogy-context-link>家族管理</a>
|
|
</nav>
|
|
<div class="nav-actions">
|
|
<a href="profile-family-admin.html" data-genealogy-context-link>返回管理</a
|
|
><a class="btn primary magnetic" href="#generation-content">管理</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>
|
|
<button
|
|
class="btn primary magnetic"
|
|
type="button"
|
|
data-generation-add
|
|
data-generation-management
|
|
hidden
|
|
disabled
|
|
>新增字辈</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="section">
|
|
<div class="container module-layout">
|
|
<aside class="module-nav">
|
|
<a href="profile-tree.html" data-genealogy-context-link>世系图</a
|
|
><a class="active" href="profile-generation.html" data-genealogy-context-link>字辈谱</a
|
|
><a href="profile-family-admin.html" data-genealogy-context-link>家族管理</a>
|
|
</aside>
|
|
<div id="generation-content" class="module-main">
|
|
<section class="module-panel generation-batch-panel" data-generation-management hidden>
|
|
<h2>批量字辈</h2>
|
|
<!-- 批量字辈表单：字段对应 Apifox 的 GenerationPoemBatchBody。 -->
|
|
<form class="editor-form generation-batch-form" data-generation-batch-form novalidate>
|
|
<div class="editor-field">
|
|
<label for="generationBatchContent">字辈内容 <span class="field-required" aria-hidden="true">*</span></label>
|
|
<textarea
|
|
id="generationBatchContent"
|
|
name="poemText"
|
|
rows="4"
|
|
placeholder="例如：德 承 家 亦（用空格或标点分隔）"
|
|
></textarea>
|
|
</div>
|
|
<label class="check-row generation-batch-check" for="generationStopMissing">
|
|
<input
|
|
id="generationStopMissing"
|
|
name="disableMissing"
|
|
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" role="status" aria-live="polite" data-generation-batch-status></span>
|
|
</div>
|
|
</form>
|
|
<div class="module-list generation-batch-preview" data-generation-batch-preview>
|
|
<div class="api-state api-state--empty" data-api-state="empty" role="status" aria-live="polite">批量预览结果将在这里显示。</div>
|
|
</div>
|
|
</section>
|
|
<section id="generation-editor" class="module-panel" data-generation-editor hidden>
|
|
<h2 data-generation-editor-title>新增字辈</h2>
|
|
<form class="editor-form" data-generation-form novalidate>
|
|
<input name="poemId" type="hidden" />
|
|
<input name="status" type="hidden" />
|
|
<div class="editor-two">
|
|
<div class="editor-field">
|
|
<label for="generationNo">世代序号 <span class="field-required" aria-hidden="true">*</span></label>
|
|
<input id="generationNo" name="generationNo" type="number" min="1" max="2147483647" step="1" required />
|
|
</div>
|
|
<div class="editor-field">
|
|
<label for="generationText">字辈文字 <span class="field-required" aria-hidden="true">*</span></label>
|
|
<input id="generationText" name="generationText" type="text" maxlength="50" required />
|
|
</div>
|
|
</div>
|
|
<div class="editor-field">
|
|
<label for="generationDescription">说明</label>
|
|
<textarea id="generationDescription" name="description" rows="3" maxlength="500" placeholder="可选，最多 500 个字符"></textarea>
|
|
</div>
|
|
<div class="editor-field">
|
|
<label for="generationSortOrder">排序值</label>
|
|
<input id="generationSortOrder" name="sortOrder" type="number" min="-2147483648" max="2147483647" step="1" placeholder="可留空，越小越靠前" />
|
|
</div>
|
|
<div class="form-status" role="status" aria-live="polite" data-generation-form-status></div>
|
|
<div class="bottom-actions">
|
|
<button class="btn primary magnetic" type="submit" data-generation-editor-submit>保存字辈</button>
|
|
<button class="btn ghost" type="button" data-generation-editor-cancel>取消</button>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
<section class="module-panel">
|
|
<h2>字辈列表</h2>
|
|
<div class="module-list" data-generation-list>
|
|
<div class="api-state api-state--loading" data-api-state="loading" role="status" aria-live="polite" aria-busy="true">正在加载字辈记录…</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?v=20260725-entry"></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/generation-pages.js"></script>
|
|
<script src="public/js/page-effects.js"></script>
|
|
</body>
|
|
</html>
|