rain
376 lines
16 KiB
HTML
376 lines
16 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.css" />
|
||
</head>
|
||
<body class="page-profile" data-profile-page>
|
||
<header class="site-header">
|
||
<div class="container nav">
|
||
<a class="brand magnetic" href="profile.html"
|
||
><img class="brand-logo" src="public/images/logo.png" alt="我们的家谱，代代相传" /></a
|
||
>
|
||
<nav class="nav-links">
|
||
<a href="profile.html">首页</a>
|
||
<a href="profile-families.html">数字家谱</a>
|
||
<a href="plaza.html">家谱广场</a>
|
||
<a href="profile-content.html">家族文化</a>
|
||
<a href="surname.html">姓氏百科</a>
|
||
<a href="app.html">应用下载</a>
|
||
<a href="help.html">帮助中心</a>
|
||
<a href="about.html">关于我们</a>
|
||
</nav>
|
||
<div class="nav-actions">
|
||
<a class="active" href="profile.html">个人中心</a>
|
||
<a class="btn primary magnetic" href="profile-create-family.html"
|
||
>创建家谱</a
|
||
>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="profile-hero">
|
||
<div class="container profile-hero-grid">
|
||
<div class="profile-card tilt-card">
|
||
<div class="avatar-wrap">
|
||
<div class="avatar" data-profile-text="avatarText">鹿</div>
|
||
<span></span>
|
||
</div>
|
||
<div class="profile-info">
|
||
<div class="eyebrow">Personal Center</div>
|
||
<h1 data-profile-text="displayName">鹿野 Loyel</h1>
|
||
<p>
|
||
管理家谱、亲属资料、家族内容和协作消息。APP
|
||
里的核心功能都收纳在这里，适合 PC 端集中处理。
|
||
</p>
|
||
<div class="profile-tags">
|
||
<span>血亲</span><span>第二代 顺字辈</span
|
||
><span>已绑定账号</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="profile-stats tilt-card">
|
||
<div><strong>2</strong><span>我的家谱</span></div>
|
||
<div><strong>7</strong><span>待处理</span></div>
|
||
<div><strong>18</strong><span>已发布内容</span></div>
|
||
<div><strong>86%</strong><span>资料完善度</span></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section dashboard-section">
|
||
<div class="container dashboard-layout">
|
||
<aside class="dashboard-side">
|
||
<div class="side-card user-actions tilt-card">
|
||
<h2>账户入口</h2>
|
||
<a href="profile-data.html"
|
||
><span>个人资料</span><b>完善成员档案</b></a
|
||
>
|
||
<a href="profile-messages.html"
|
||
><span>消息中心</span><b>审核、邀请与提醒</b></a
|
||
>
|
||
<a href="profile-services.html"
|
||
><span>帮助与服务</span><b>帮助、反馈、推广</b></a
|
||
>
|
||
<a class="logout-link" href="#logout" data-logout-open
|
||
><span>退出登录</span><b>返回登录页</b></a
|
||
>
|
||
</div>
|
||
<div class="side-card todo-card tilt-card" id="messages">
|
||
<div class="card-head">
|
||
<h2>待办消息</h2>
|
||
<span>7 条</span>
|
||
</div>
|
||
<div class="todo-list">
|
||
<a href="profile-join-review.html"
|
||
><b>入谱申请</b><span>3 人等待审核</span></a
|
||
>
|
||
<a href="profile-gift.html"
|
||
><b>贺礼邀请</b><span>2 条需要确认</span></a
|
||
>
|
||
<a href="profile-data-reminders.html"
|
||
><b>资料提醒</b><span>2 位成员待完善</span></a
|
||
>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
|
||
<div class="dashboard-main">
|
||
<section class="panel my-family-panel" id="families">
|
||
<div class="panel-head">
|
||
<div>
|
||
<h2>我的家谱</h2>
|
||
<p>
|
||
对应 APP
|
||
首页和家谱主页，进入后可查看家谱主页、世系图、相册和家族圈。
|
||
</p>
|
||
</div>
|
||
<a class="link-btn" href="profile-families.html">查看全部</a>
|
||
<div class="toolbar">
|
||
<a
|
||
class="btn primary magnetic"
|
||
href="profile-create-family.html"
|
||
>创建家谱</a
|
||
><a class="btn ghost magnetic" href="profile-join-family.html"
|
||
>加入家谱</a
|
||
>
|
||
</div>
|
||
</div>
|
||
<div class="family-grid">
|
||
<a
|
||
class="family-card tilt-card"
|
||
href="profile-family-home.html"
|
||
>
|
||
<div class="book-cover">汤氏<br />家谱</div>
|
||
<div>
|
||
<h3>四川武胜汤氏族</h3>
|
||
<p>
|
||
共修入 7 人，激活 7 人。你是创建者，可管理内容和成员权限。
|
||
</p>
|
||
<div class="mini-actions">
|
||
<span>家谱主页</span><span>家族圈</span
|
||
><span>管理员</span>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<a
|
||
class="family-card tilt-card"
|
||
href="profile-family-home.html"
|
||
>
|
||
<div class="book-cover alt">刘氏<br />家谱</div>
|
||
<div>
|
||
<h3>四川达州刘氏族</h3>
|
||
<p>共修入 7 人，近期有 2 条内容更新等待查看。</p>
|
||
<div class="mini-actions">
|
||
<span>世系图</span><span>相册</span><span>消息</span>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="panel" id="management">
|
||
<div class="panel-head compact">
|
||
<div>
|
||
<h2>家族管理</h2>
|
||
<p>
|
||
把 APP 里的世代、管理员、权限、入谱审核集中到一个管理区。
|
||
</p>
|
||
</div>
|
||
<a class="link-btn" href="profile-family-admin.html"
|
||
>进入管理</a
|
||
>
|
||
</div>
|
||
<div class="feature-grid management-grid">
|
||
<a class="feature-tile tilt-card" href="profile-families.html"
|
||
><span>世</span>
|
||
<h3>世系图</h3>
|
||
<p>查看成员世系、搜索成员、进入树谱模式。</p></a
|
||
>
|
||
<a class="feature-tile tilt-card" href="profile-families.html"
|
||
><span>辈</span>
|
||
<h3>字辈谱</h3>
|
||
<p>管理字辈、统计各代人数和成员分布。</p></a
|
||
>
|
||
<a class="feature-tile tilt-card" href="profile-generation.html"
|
||
><span>代</span>
|
||
<h3>管理世代</h3>
|
||
<p>设置世代、调整始祖世代、维护排行。</p></a
|
||
>
|
||
<a class="feature-tile tilt-card" href="profile-messages.html"
|
||
><span>审</span>
|
||
<h3>入谱审核</h3>
|
||
<p>处理加入家谱、成员绑定和资料审核。</p></a
|
||
>
|
||
<a
|
||
class="feature-tile tilt-card"
|
||
href="profile-admin-permissions.html"
|
||
><span>权</span>
|
||
<h3>管理员权限</h3>
|
||
<p>分配全权、全系、支系管理员权限。</p></a
|
||
>
|
||
<a class="feature-tile tilt-card" href="profile-invite.html"
|
||
><span>邀</span>
|
||
<h3>邀请家人</h3>
|
||
<p>生成邀请入口，引导亲人激活使用。</p></a
|
||
>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="panel" id="content">
|
||
<div class="panel-head compact">
|
||
<div>
|
||
<h2>内容发布</h2>
|
||
<p>
|
||
对应 APP
|
||
家谱主页中的谱文、视频、相册、功德录、贺礼邀请、成长日志等内容入口。
|
||
</p>
|
||
</div>
|
||
<a class="link-btn" href="profile-content.html">发布中心</a>
|
||
</div>
|
||
<div class="content-grid">
|
||
<a
|
||
class="content-tile large tilt-card"
|
||
href="profile-article.html"
|
||
><span>谱文</span>
|
||
<h3>撰写谱文与族史</h3>
|
||
<p>沉淀族训、谱序、谱论、恩荣录等家族文献。</p></a
|
||
>
|
||
<a class="content-tile tilt-card" href="profile-album.html"
|
||
><span>相册</span>
|
||
<h3>家族相册</h3>
|
||
<p>新建相册、上传照片、编辑封面。</p></a
|
||
>
|
||
<a class="content-tile tilt-card" href="profile-video.html"
|
||
><span>视频</span>
|
||
<h3>家族视频</h3>
|
||
<p>发布视频、管理家族影像。</p></a
|
||
>
|
||
<a class="content-tile tilt-card" href="profile-merit.html"
|
||
><span>功德</span>
|
||
<h3>功德录</h3>
|
||
<p>记录功德人、事迹与纪念内容。</p></a
|
||
>
|
||
<a class="content-tile tilt-card" href="profile-gift.html"
|
||
><span>贺礼</span>
|
||
<h3>贺礼邀请</h3>
|
||
<p>管理婚礼、生日、升学等贺礼。</p></a
|
||
>
|
||
<a class="content-tile tilt-card" href="profile-feed.html"
|
||
><span>动态</span>
|
||
<h3>发布动态</h3>
|
||
<p>面向家族圈发布图文近况。</p></a
|
||
>
|
||
<a class="content-tile tilt-card" href="profile-growth.html"
|
||
><span>日志</span>
|
||
<h3>成长日志</h3>
|
||
<p>记录成员成长和人生节点。</p></a
|
||
>
|
||
<a class="content-tile tilt-card" href="profile-memo.html"
|
||
><span>备忘</span>
|
||
<h3>人亲簿 / 备忘录</h3>
|
||
<p>保存亲友往来和家族事务。</p></a
|
||
>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="profile-data-layout" id="profile-data">
|
||
<div class="panel data-panel">
|
||
<div class="panel-head compact">
|
||
<div>
|
||
<h2>个人资料</h2>
|
||
<p>来自 APP 的个人资料、亲属、完善资料和绑定账号流程。</p>
|
||
</div>
|
||
<a class="link-btn" href="profile-data.html">编辑资料</a>
|
||
</div>
|
||
<div class="data-list">
|
||
<p><span>绑定账号</span><b data-profile-text="phone">已绑定</b></p>
|
||
<p><span>姓名</span><b data-profile-text="displayName">鹿野 Loyel</b></p>
|
||
<p><span>出生日期</span><b data-profile-text="birthday">待填写</b></p>
|
||
<p><span>现居地区</span><b data-profile-text="regionText">待填写</b></p>
|
||
<p><span>亲属关系</span><b>父亲 2 人</b></p>
|
||
<p><span>补充资料</span><b>待完善 4 项</b></p>
|
||
</div>
|
||
</div>
|
||
<div class="panel service-panel" id="services">
|
||
<div class="panel-head compact">
|
||
<div>
|
||
<h2>帮助与服务</h2>
|
||
<p>我的页面中的常用功能。</p>
|
||
</div>
|
||
</div>
|
||
<div class="service-grid">
|
||
<a href="profile-share.html">应用分享</a>
|
||
<a href="profile-feedback.html">意见反馈</a>
|
||
<a href="help.html">帮助中心</a>
|
||
<a href="profile-security.html">安全设置</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<div class="footer-grid">
|
||
<div>
|
||
<a class="brand" href="profile.html"
|
||
><img class="brand-logo" src="public/images/logo-light.png" alt="我们的家谱，代代相传" /></a
|
||
>
|
||
<p>一个面向家庭和宗族的数字家谱与家族文化门户。</p>
|
||
</div>
|
||
<div>
|
||
<h4>产品入口</h4>
|
||
<a href="profile-families.html">数字家谱</a
|
||
><a href="plaza.html">家谱广场</a><a href="app.html">应用下载</a
|
||
><a href="help.html">帮助中心</a>
|
||
</div>
|
||
<div>
|
||
<h4>文化内容</h4>
|
||
<a href="profile-content.html">家族文化</a
|
||
><a href="surname.html">姓氏百科</a
|
||
><a href="profile-article.html">家谱知识</a
|
||
><a href="profile-messages.html">平台公告</a>
|
||
</div>
|
||
<div>
|
||
<h4>联系我们</h4>
|
||
<p>客服电话：400-000-0000</p>
|
||
<p>邮箱：service@example.com</p>
|
||
<p>地址：中国 · 成都</p>
|
||
</div>
|
||
</div>
|
||
<div class="footer-legal">
|
||
<div>© 2026 代代相传. All rights reserved.</div>
|
||
<a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">ICP备案：蜀ICP备2024044594号-1</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<div class="logout-modal" id="logoutModal" aria-hidden="true">
|
||
<div class="logout-modal-backdrop" data-logout-close></div>
|
||
<div
|
||
class="logout-dialog"
|
||
role="dialog"
|
||
aria-modal="true"
|
||
aria-labelledby="logoutTitle"
|
||
>
|
||
<button
|
||
class="logout-close"
|
||
type="button"
|
||
data-logout-close
|
||
aria-label="关闭"
|
||
>
|
||
×
|
||
</button>
|
||
<span class="logout-icon">退</span>
|
||
<h2 id="logoutTitle">确认退出登录？</h2>
|
||
<p>退出后需要重新登录，才能继续管理家谱、审核消息和编辑资料。</p>
|
||
<div class="logout-actions">
|
||
<button class="btn ghost magnetic" type="button" data-logout-close>
|
||
取消
|
||
</button>
|
||
<a class="btn primary magnetic" href="login.html">确认退出</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="public/js/jquery360.js"></script>
|
||
<script src="public/layui/layui.js"></script>
|
||
<script src="public/js/lay-config.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-pages.js"></script>
|
||
<script src="public/js/profile-common.js"></script>
|
||
<script src="public/js/page-effects.js"></script>
|
||
</body>
|
||
</html>
|