郭庆泰
cf5790229a
主要改动: - SQL: biz_support_unit → biz_org, 加 org_type, 加 business_nature; 删 biz_execution_unit, biz_service_org - SQL: biz_project.support_unit_id/name + service_org_id/name → org_id/name/type - SQL: biz_meeting.support_unit_name → org_name - SQL: biz_person.work_unit → org_id (FK) - 后端: 新 BizOrg entity/mapper/service/controller - 后端: BizProject/BizMeeting 字段重命名 - 后端: 删 12 个 BizSupportUnit/BizExecutionUnit/BizServiceOrg Java 文件 - 后端: BizPersonImportVO.workUnit → orgName (导入时查 biz_org 取 org_id) - 后端: BizAuthController.registerExecutor 完整实现 (原 registerSupplier stub) - 前端: 新 admin/Orgs.vue + manager/Orgs.vue (原 SupportUnits) - 前端: RegisterExecutor.vue (原 RegisterSupplier, 单页 2 步) - 前端: sponsor/executor/manager 多个文件 workUnit → orgId/orgName 重命名 - 前端: 统一 supplier → executor, 业务命名 sponsor(赞助方) / executor(执行方=供应商) - 前端: 全工程 execution → executor (company type / role / person unit_type)
431 lines
15 KiB
HTML
431 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>消息通知</title>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
|
|
body {
|
|
font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
|
|
color: #333;
|
|
background: #fafafa;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.content {
|
|
padding: 24px 32px;
|
|
}
|
|
|
|
.page-header {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.page-title {
|
|
font-size: 22px;
|
|
font-weight: 600;
|
|
color: #1a1a1a;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.page-subtitle {
|
|
font-size: 13px;
|
|
color: #8c8c8c;
|
|
}
|
|
|
|
/* 面包屑 */
|
|
.breadcrumb {
|
|
font-size: 13px;
|
|
color: #8c8c8c;
|
|
margin-bottom: 12px;
|
|
}
|
|
.breadcrumb a {
|
|
color: #1890ff;
|
|
text-decoration: none;
|
|
}
|
|
.breadcrumb a:hover { text-decoration: underline; }
|
|
|
|
.header-actions {
|
|
display: flex;
|
|
gap: 8px;
|
|
}
|
|
|
|
.header-btn {
|
|
height: 32px;
|
|
padding: 0 16px;
|
|
background: #fff;
|
|
border: 1px solid #d9d9d9;
|
|
color: #595959;
|
|
border-radius: 4px;
|
|
font-size: 13px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.header-btn:hover { border-color: #1890ff; color: #1890ff; }
|
|
|
|
.header-btn.primary {
|
|
background: #1890ff;
|
|
border-color: #1890ff;
|
|
color: #fff;
|
|
}
|
|
|
|
.header-btn.primary:hover {
|
|
background: #096dd9;
|
|
border-color: #096dd9;
|
|
color: #fff;
|
|
}
|
|
|
|
/* 消息列表 */
|
|
.message-list {
|
|
background: #fff;
|
|
border-radius: 8px;
|
|
border: 1px solid #f0f0f0;
|
|
}
|
|
|
|
.message-toolbar {
|
|
padding: 12px 20px;
|
|
border-bottom: 1px solid #f5f5f5;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.message-toolbar-left {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
font-size: 13px;
|
|
color: #595959;
|
|
}
|
|
|
|
.select-all {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
|
|
.select-all input[type="checkbox"] {
|
|
cursor: pointer;
|
|
accent-color: #1890ff;
|
|
}
|
|
|
|
.toolbar-divider {
|
|
width: 1px;
|
|
height: 16px;
|
|
background: #e8e8e8;
|
|
}
|
|
|
|
.toolbar-link {
|
|
color: #1890ff;
|
|
font-size: 13px;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.toolbar-link:hover { text-decoration: underline; }
|
|
|
|
.message-item {
|
|
padding: 16px 20px;
|
|
border-bottom: 1px solid #f5f5f5;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 14px;
|
|
cursor: pointer;
|
|
transition: background 0.2s;
|
|
}
|
|
|
|
.message-item:hover { background: #fafcff; }
|
|
.message-item:last-child { border-bottom: none; }
|
|
|
|
.message-item input[type="checkbox"] {
|
|
margin-top: 4px;
|
|
cursor: pointer;
|
|
accent-color: #1890ff;
|
|
}
|
|
|
|
.message-body { flex: 1; min-width: 0; }
|
|
|
|
.message-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.message-title {
|
|
font-size: 14px;
|
|
color: #1a1a1a;
|
|
font-weight: 500;
|
|
flex: 1;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.message-item.unread .message-title {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.message-time {
|
|
font-size: 12px;
|
|
color: #bfbfbf;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.message-content {
|
|
font-size: 13px;
|
|
color: #595959;
|
|
line-height: 1.6;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
|
|
.unread-dot {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 50%;
|
|
background: #1890ff;
|
|
margin-top: 14px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.read .unread-dot {
|
|
background: transparent;
|
|
border: 1px solid #d9d9d9;
|
|
}
|
|
|
|
/* 空状态 */
|
|
.empty {
|
|
padding: 60px 20px;
|
|
text-align: center;
|
|
color: #bfbfbf;
|
|
}
|
|
|
|
.empty-icon {
|
|
font-size: 48px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.page-header { flex-direction: column; gap: 12px; }
|
|
.content { padding: 16px; }
|
|
.message-header { flex-wrap: wrap; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!--
|
|
============================================================
|
|
来源: /原型/消息通知.html
|
|
/原型/files/消息通知/styles.css
|
|
============================================================
|
|
⚠️ 原型为「占位状态」,未定义具体 UI
|
|
按 top 排序的内容区模块:
|
|
#1 u12023 "首页" (287, 52) → 面包屑根
|
|
#2 u12025 占位大图 (249, 140) → 原型仅放了一张 1272px 设计稿图
|
|
#3 u12027 热区 (249, 220) → 图片上的点击区
|
|
============================================================
|
|
实现说明:
|
|
原型只有占位图(u12025),没有定义消息列表的具体结构、
|
|
字段、样例数据。本页面按通用消息中心模式自行设计:
|
|
- 顶部工具栏(全选 / 标已读 / 删除)
|
|
- 8 条样例消息(3 条未读 + 5 条已读)
|
|
- 未读小圆点 / 时间 / 2 行内容截断
|
|
严格还原 = 仅显示占位图(不可用),故采用通用实现。
|
|
============================================================
|
|
框架元素(由父级 doctor.html 渲染,本页面不输出):
|
|
- u12003/u12005/u12007/u12009/u12011/u12013/u12015/u12017/u12019/u12021 侧边栏+顶栏
|
|
============================================================
|
|
新增项(非原型):
|
|
- 面包屑(原型 u12023 在内容区作为面包屑根)
|
|
- page-subtitle
|
|
- 工具栏(全选/标已读/删除)
|
|
- 8 条样例消息数据
|
|
- 全部已读 / 消息设置 按钮
|
|
- 响应式 768px 断点
|
|
============================================================
|
|
-->
|
|
<main class="content">
|
|
|
|
<!-- #1 面包屑(对应 u12023) -->
|
|
<div class="breadcrumb">
|
|
<a href="javascript:void(0)" onclick="goHome()">首页</a> > 消息通知
|
|
</div>
|
|
|
|
<div class="page-header">
|
|
<div>
|
|
<h1 class="page-title">消息通知</h1>
|
|
<p class="page-subtitle">查看系统通知、会议邀请、审核结果、项目动态</p>
|
|
</div>
|
|
<div class="header-actions">
|
|
<button class="header-btn">全部已读</button>
|
|
<button class="header-btn">消息设置</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 消息列表 -->
|
|
<div class="message-list">
|
|
<div class="message-toolbar">
|
|
<div class="message-toolbar-left">
|
|
<label class="select-all">
|
|
<input type="checkbox" id="selectAll">
|
|
全选
|
|
</label>
|
|
<span class="toolbar-divider"></span>
|
|
<a class="toolbar-link">标为已读</a>
|
|
<span class="toolbar-divider"></span>
|
|
<a class="toolbar-link">删除选中</a>
|
|
</div>
|
|
<span style="font-size: 12px; color: #8c8c8c;">共 12 条</span>
|
|
</div>
|
|
|
|
<div class="message-item unread">
|
|
<input type="checkbox">
|
|
<div class="message-body">
|
|
<div class="message-header">
|
|
<span class="message-title">系统通知: 您有新的会议邀请</span>
|
|
<span class="message-time">2 小时前</span>
|
|
</div>
|
|
<div class="message-content">
|
|
2024 年度临床医学研究项目专家评审会议邀请已发出,时间:2026-08-05 09:00,请准时参加。会议链接将通过短信发送。
|
|
</div>
|
|
</div>
|
|
<div class="unread-dot"></div>
|
|
</div>
|
|
|
|
<div class="message-item unread">
|
|
<input type="checkbox">
|
|
<div class="message-body">
|
|
<div class="message-header">
|
|
<span class="message-title">审核结果: 投稿方案已通过初审</span>
|
|
<span class="message-time">昨天 16:30</span>
|
|
</div>
|
|
<div class="message-content">
|
|
您提交的《基层卫生服务能力提升方案》已通过初审,请等待终审结果。如需修改请在终审前完成。
|
|
</div>
|
|
</div>
|
|
<div class="unread-dot"></div>
|
|
</div>
|
|
|
|
<div class="message-item unread">
|
|
<input type="checkbox">
|
|
<div class="message-body">
|
|
<div class="message-header">
|
|
<span class="message-title">项目动态: 新阶段开启</span>
|
|
<span class="message-time">2 天前</span>
|
|
</div>
|
|
<div class="message-content">
|
|
您参与的"基层医疗改革试点项目"已进入实施阶段,请关注后续任务安排。
|
|
</div>
|
|
</div>
|
|
<div class="unread-dot"></div>
|
|
</div>
|
|
|
|
<div class="message-item read">
|
|
<input type="checkbox">
|
|
<div class="message-body">
|
|
<div class="message-header">
|
|
<span class="message-title">系统升级公告</span>
|
|
<span class="message-time">2026-07-30</span>
|
|
</div>
|
|
<div class="message-content">
|
|
系统将于本周日 02:00 - 04:00 进行升级维护,请提前安排工作。升级期间可能无法访问。
|
|
</div>
|
|
</div>
|
|
<div class="unread-dot"></div>
|
|
</div>
|
|
|
|
<div class="message-item read">
|
|
<input type="checkbox">
|
|
<div class="message-body">
|
|
<div class="message-header">
|
|
<span class="message-title">会议提醒: 智慧医院方案论证会</span>
|
|
<span class="message-time">2026-07-28</span>
|
|
</div>
|
|
<div class="message-content">
|
|
您报名的"智慧医院建设项目方案论证会"将于 2026-08-12 14:00 举行,请提前查看会议材料并准备发言。
|
|
</div>
|
|
</div>
|
|
<div class="unread-dot"></div>
|
|
</div>
|
|
|
|
<div class="message-item read">
|
|
<input type="checkbox">
|
|
<div class="message-body">
|
|
<div class="message-header">
|
|
<span class="message-title">审核结果: 投稿已被退回</span>
|
|
<span class="message-time">2026-07-25</span>
|
|
</div>
|
|
<div class="message-content">
|
|
您提交的《远程医疗会诊系统方案》需要补充执行细节,已退回。请修改后重新提交。
|
|
</div>
|
|
</div>
|
|
<div class="unread-dot"></div>
|
|
</div>
|
|
|
|
<div class="message-item read">
|
|
<input type="checkbox">
|
|
<div class="message-body">
|
|
<div class="message-header">
|
|
<span class="message-title">账号安全提醒</span>
|
|
<span class="message-time">2026-07-20</span>
|
|
</div>
|
|
<div class="message-content">
|
|
您的账号在异地登录,如非本人操作请及时修改密码。建议定期更换登录密码以保障账号安全。
|
|
</div>
|
|
</div>
|
|
<div class="unread-dot"></div>
|
|
</div>
|
|
|
|
<div class="message-item read">
|
|
<input type="checkbox">
|
|
<div class="message-body">
|
|
<div class="message-header">
|
|
<span class="message-title">协议签署完成通知</span>
|
|
<span class="message-time">2026-07-15</span>
|
|
</div>
|
|
<div class="message-content">
|
|
您的劳务协议已签署完成,可前往"我参与的会议"或"我的项目设计投稿"查看详情。
|
|
</div>
|
|
</div>
|
|
<div class="unread-dot"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</main>
|
|
<script>
|
|
// 面包屑点击 → 通知父级 iframe 切到首页
|
|
function goHome() {
|
|
try {
|
|
if (window.parent && window.parent.document.getElementById('contentFrame')) {
|
|
window.parent.document.getElementById('contentFrame').src = 'home.html';
|
|
}
|
|
} catch (e) { /* 跨域或非 iframe 环境,忽略 */ }
|
|
}
|
|
|
|
// 全选
|
|
document.getElementById('selectAll').addEventListener('change', function() {
|
|
document.querySelectorAll('.message-item input[type="checkbox"]').forEach(cb => {
|
|
cb.checked = this.checked;
|
|
});
|
|
});
|
|
|
|
// 单条点击 → 标为已读(简单演示)
|
|
document.querySelectorAll('.message-item').forEach(item => {
|
|
item.addEventListener('click', function(e) {
|
|
if (e.target.tagName === 'INPUT') return;
|
|
this.classList.remove('unread');
|
|
this.classList.add('read');
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |