122 lines
5.2 KiB
HTML
122 lines
5.2 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-feature-status="pending" data-feature-message="消息与通知服务正在开发中，当前页面仅保留设计预览。">
|
|
<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="module-hero">
|
|
<div class="container">
|
|
<div class="module-kicker">Messages</div>
|
|
<div class="module-title-row">
|
|
<div>
|
|
<h1>消息中心</h1>
|
|
<p>
|
|
处理入谱申请、贺礼邀请、资料提醒和系统通知，减少家族协作中的遗漏。
|
|
</p>
|
|
</div>
|
|
<a class="btn ghost magnetic" href="profile.html">返回个人中心</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="section">
|
|
<div class="container module-layout">
|
|
<aside class="module-nav">
|
|
<a href="profile-families.html">我的家谱</a
|
|
><a class="active" href="profile-messages.html">消息中心</a
|
|
><a href="profile-family-admin.html">家族管理</a
|
|
><a href="profile-content.html">内容发布</a
|
|
><a href="profile-data.html">个人资料</a
|
|
><a href="profile-services.html">帮助与服务</a>
|
|
</aside>
|
|
<div class="module-main">
|
|
<section class="module-panel">
|
|
<h2>待处理</h2>
|
|
<div class="module-list" data-notification-list>
|
|
<div class="module-row">
|
|
<div>
|
|
<h3>某某人申请加入四川武胜汤氏族</h3>
|
|
<p>2026.05.25 09:20 · 需要管理员审核</p>
|
|
</div>
|
|
<div class="bottom-actions">
|
|
<a class="btn ghost" href="profile-messages.html">拒绝</a
|
|
><a class="btn primary" href="profile-messages.html"
|
|
>同意</a
|
|
>
|
|
</div>
|
|
</div>
|
|
<a class="module-row" href="profile-content.html"
|
|
><div>
|
|
<h3>张三&里斯于 2023年3月23日举办婚礼</h3>
|
|
<p>贺礼邀请 · 待确认公开状态</p>
|
|
</div>
|
|
<span class="pill">查看</span></a
|
|
>
|
|
<a class="module-row" href="profile-data-reminders.html"
|
|
><div>
|
|
<h3>2 位成员资料待完善</h3>
|
|
<p>头像、出生日期、亲属关系信息不完整</p>
|
|
</div>
|
|
<span class="pill">处理</span></a
|
|
>
|
|
</div>
|
|
</section>
|
|
<section class="module-panel">
|
|
<h2>系统通知</h2>
|
|
<div class="module-grid two">
|
|
<button class="module-card module-action-card" type="button" data-notification-read-all>
|
|
<span class="icon">通</span>
|
|
<h3>全部标记已读</h3>
|
|
<p>清理已处理提醒，保留重要审核消息。</p>
|
|
</button>
|
|
<button class="module-card module-action-card" type="button" data-notification-refresh>
|
|
<span class="icon">刷</span>
|
|
<h3>刷新消息</h3>
|
|
<p>同步最新入谱申请、评论和内容通知。</p>
|
|
</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"></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/pending-pages.js"></script>
|
|
<script src="public/js/page-effects.js"></script>
|
|
</body>
|
|
</html>
|