96 lines
7.4 KiB
HTML
96 lines
7.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" />
|
|
</head>
|
|
<body class="page-profile-module" data-member-admin-page>
|
|
<header class="site-header">
|
|
<div class="container nav">
|
|
<a class="brand magnetic" href="index.html"><img class="brand-logo" src="public/images/logo.png" alt="我们的家谱，代代相传" /></a>
|
|
<nav class="nav-links"><a href="profile.html">个人中心</a><a class="active" href="profile-families.html">我的家谱</a><a href="profile-content.html">家族文化</a></nav>
|
|
<div class="nav-actions"><a href="profile-data.html">账户资料</a><a class="btn primary magnetic" href="profile-tree.html" data-genealogy-context-link>世系人物</a></div>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
<section class="module-hero">
|
|
<div class="container">
|
|
<div class="module-kicker">家族管理</div>
|
|
<div class="module-title-row">
|
|
<div><h1 data-member-title>家族管理</h1><p>查看家谱成员；具备管理权限时可调整成员信息、角色和世系人物绑定。</p></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="section">
|
|
<div class="container module-layout">
|
|
<aside class="module-nav"><a href="profile-families.html">我的家谱</a><a href="profile-messages.html">消息中心</a><a class="active" href="profile-family-admin.html" data-genealogy-context-link>家族管理</a><a href="profile-tree.html" data-genealogy-context-link>世系图</a><a href="profile-generation.html" data-genealogy-context-link>字辈谱</a></aside>
|
|
<div class="module-main">
|
|
<section class="module-panel">
|
|
<h2>家谱概览</h2>
|
|
<div data-member-overview><div class="api-state api-state--loading" data-api-state="loading" role="status" aria-live="polite" aria-busy="true">正在加载家谱和当前权限…</div></div>
|
|
<div class="module-grid">
|
|
<a class="module-card tilt-card" href="profile-tree.html" data-feature-link="available" data-genealogy-context-link><span class="icon">世</span><h3>世系图</h3><p>查看或维护世系人物与亲属关系。</p></a>
|
|
<a class="module-card tilt-card" href="profile-generation.html" data-feature-link="available" data-genealogy-context-link><span class="icon">辈</span><h3>字辈谱</h3><p>查看或维护家谱字辈。</p></a>
|
|
<a class="module-card tilt-card" href="profile-ceremony.html" data-genealogy-context-link><span class="icon">祭</span><h3>祭祀活动</h3><p>维护活动、祭品与受邀名单。</p></a>
|
|
<a class="module-card tilt-card" href="profile-article.html" data-genealogy-context-link><span class="icon">文</span><h3>谱文</h3><p>查看或维护当前家谱谱文。</p></a>
|
|
<a class="module-card tilt-card" href="profile-join-review.html" data-genealogy-context-link><span class="icon">审</span><h3>入谱审核</h3><p>审核当前家谱的待处理加入申请。</p></a>
|
|
</div>
|
|
</section>
|
|
<section class="module-panel">
|
|
<h2>正常成员</h2>
|
|
<p>成员新增必须通过后端已有的加入或邀请流程；本页不伪造直接新增成员。</p>
|
|
<div class="form-status" role="status" aria-live="polite" data-member-action-status></div>
|
|
<div class="module-list" data-member-list aria-live="polite"><div class="api-state api-state--loading" data-api-state="loading" role="status" aria-live="polite" aria-busy="true">成员加载中…</div></div>
|
|
</section>
|
|
<section class="module-panel" data-member-management hidden>
|
|
<h2 data-member-form-title>编辑成员</h2>
|
|
<form class="editor-form" data-member-form novalidate hidden>
|
|
<div class="editor-two">
|
|
<div class="editor-field"><label for="memberAdminName">成员名称</label><input id="memberAdminName" name="memberName" type="text" maxlength="50" /></div>
|
|
<div class="editor-field"><label for="memberAdminRelation">与家谱关系</label><input id="memberAdminRelation" name="relationName" type="text" maxlength="100" /></div>
|
|
</div>
|
|
<div class="editor-two">
|
|
<div class="editor-field"><label for="memberAdminRole">成员角色</label><select id="memberAdminRole" name="roleType" data-member-role-options></select></div>
|
|
<div class="editor-field"><label for="memberAdminLineage">绑定世系人物</label><select id="memberAdminLineage" name="lineagePersonId" data-member-lineage-options><option value="">不修改世系人物绑定</option></select></div>
|
|
</div>
|
|
<p class="upload-status">留空表示保持原信息不变；只填写本次需要修改的内容。</p>
|
|
<div class="upload-status" role="status" aria-live="polite" data-member-form-status></div>
|
|
<div class="bottom-actions"><button class="btn primary magnetic" type="submit" data-member-submit>保存成员</button><button class="btn ghost" type="reset">取消</button></div>
|
|
</form>
|
|
</section>
|
|
<section class="module-panel" data-owner-transfer-section hidden>
|
|
<h2>转让谱主</h2>
|
|
<form class="editor-form" data-owner-transfer-form novalidate>
|
|
<div class="editor-field"><label for="ownerTransferTarget">新谱主 <span class="field-required" aria-hidden="true">*</span></label><select id="ownerTransferTarget" name="targetMemberId" data-owner-transfer-target required><option value="">请选择新谱主</option></select></div>
|
|
<p>只能选择当前正常成员。转让后当前账号变为管理员，新谱主受其账号家谱拥有额度约束。</p>
|
|
<div class="upload-status" role="status" aria-live="polite" data-owner-transfer-status></div>
|
|
<div class="bottom-actions"><button class="btn ghost" type="submit" data-owner-transfer-submit>确认转让谱主</button></div>
|
|
</form>
|
|
</section>
|
|
<section class="module-panel" data-member-leave-section hidden>
|
|
<h2>退出家谱</h2>
|
|
<p>退出只停用当前账号的成员关系，不删除世系人物资料；谱主必须先转让谱主。</p>
|
|
<div class="bottom-actions"><button class="btn ghost" type="button" data-member-leave>退出当前家谱</button></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/member-admin-pages.js"></script>
|
|
<script src="public/js/page-effects.js"></script>
|
|
</body>
|
|
</html>
|