主要改动: - 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)
300 lines
11 KiB
HTML
300 lines
11 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>会议详情页 v1 (合规)</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; }
|
|
|
|
.breadcrumb {
|
|
font-size: 13px;
|
|
color: #8c8c8c;
|
|
margin-bottom: 12px;
|
|
}
|
|
.breadcrumb a { color: #1890ff; text-decoration: none; }
|
|
.breadcrumb a:hover { text-decoration: underline; }
|
|
|
|
.page-title {
|
|
font-size: 22px;
|
|
font-weight: 600;
|
|
color: #1a1a1a;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.card {
|
|
background: #fff;
|
|
border-radius: 8px;
|
|
padding: 24px 32px;
|
|
margin-bottom: 16px;
|
|
border: 1px solid #f0f0f0;
|
|
}
|
|
|
|
/* 会议基本信息(对应 u11727) */
|
|
.info-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 14px 32px;
|
|
}
|
|
.info-row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
.info-label {
|
|
flex: 0 0 110px;
|
|
font-size: 14px;
|
|
color: #595959;
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
}
|
|
.info-value {
|
|
font-size: 14px;
|
|
color: #1a1a1a;
|
|
}
|
|
.info-value.code {
|
|
font-family: ui-monospace, "Courier New", monospace;
|
|
color: #1890ff;
|
|
}
|
|
|
|
/* 邀请函/日程 区块(对应 u11768/u11770 + u11760/u11762 + u11764/u11766) */
|
|
.section-title {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
color: #1a1a1a;
|
|
margin-bottom: 12px;
|
|
padding-left: 10px;
|
|
border-left: 3px solid #1890ff;
|
|
}
|
|
.preview-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 16px;
|
|
}
|
|
.preview-card {
|
|
border: 1px solid #f0f0f0;
|
|
border-radius: 8px;
|
|
background: #fafafa;
|
|
height: 220px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
color: #8c8c8c;
|
|
}
|
|
.preview-icon { font-size: 32px; opacity: 0.5; }
|
|
.preview-text { font-size: 13px; }
|
|
|
|
.op-link {
|
|
color: #1890ff;
|
|
background: none;
|
|
border: none;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
font-size: 13px;
|
|
text-decoration: none;
|
|
margin-right: 12px;
|
|
}
|
|
.op-link:last-child { margin-right: 0; }
|
|
.op-link:hover { text-decoration: underline; }
|
|
|
|
.download-bar {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 12px;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.hint-text {
|
|
font-size: 12px;
|
|
color: #ff4d4f;
|
|
margin-top: 12px;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* 返回按钮(对应 u11772) */
|
|
.form-actions {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
padding: 24px 0 0;
|
|
}
|
|
.btn-default {
|
|
height: 36px;
|
|
padding: 0 32px;
|
|
background: #fff;
|
|
color: #333;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 4px;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
}
|
|
.btn-default:hover { border-color: #1890ff; color: #1890ff; }
|
|
|
|
@media (max-width: 768px) {
|
|
.content { padding: 16px; }
|
|
.card { padding: 16px; }
|
|
.info-grid { grid-template-columns: 1fr; }
|
|
.preview-grid { grid-template-columns: 1fr; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!--
|
|
============================================================
|
|
来源: /原型/会议详情_1.html
|
|
/原型/files/会议详情_1/styles.css
|
|
============================================================
|
|
按 top 排序的内容区模块:
|
|
#1 u11776 "我参与的会议>会议详情" (272, 145) → 面包屑
|
|
#2 u11727 "会议基本信息" (272, 198) → h1 章节标题
|
|
#3 u11701/u11713 项目编号 (384,247)/(461,247) → label+值
|
|
#4 u11695/u11729 会议名称 (827,251)/(928,251) → label+值
|
|
#5 u11699/u11707 项目名称 (384,301)/(461,301) → label+值
|
|
#6 u11697/u11731 期数 (855,310)/(928,310) → label+值
|
|
#7 u11703/u11709 总场次/总期数 (352,358)/(461,358) → label+值
|
|
#8 u11715/u11733 会议开始时间 (799,366)/(928,366) → label+值
|
|
#9 u11705/u11711 支持单位 (384,416)/(461,416) → label+值
|
|
#10 u11717/u11735 会议结束时间 (799,416)/(928,416) → label+值
|
|
#11 u11719/u11721 创建时间 (384,472)/(461,472) → label+值
|
|
#12 u11723/u11725 创建人员 (827,472)/(928,472) → label+值
|
|
#13 u11774 红字提示 (606, 566) → *点击缩略图...
|
|
#14 u11768 "邀请函" (475, 563) → 章节标题
|
|
#15 u11760 邀请函图 1 (352, 604) → 图片预览
|
|
#16 u11762 邀请函图 2/日程图 (817, 604) → 图片预览
|
|
#17 u11764 下载 (671, 1039) → 邀请函下载
|
|
#18 u11766 下载 (1148, 1039) → 日程下载
|
|
#19 u11770 "会议日程" (928, 563) → 章节标题
|
|
#20 u11772 返回 (695, 1159) → 按钮
|
|
============================================================
|
|
框架元素(由父级 doctor.html 渲染,本页面不输出):
|
|
- u11738/u11740/u11742/u11744/u11746/u11748/u11750/u11752/u11754/u11756 侧边栏+顶栏
|
|
============================================================
|
|
新增项(非原型):
|
|
- 响应式 768px
|
|
============================================================
|
|
-->
|
|
<main class="content">
|
|
|
|
<!-- #1 面包屑(对应 u11776) -->
|
|
<div class="breadcrumb">
|
|
<a href="javascript:void(0)" onclick="goBack()">我参与的会议</a> > 会议详情
|
|
</div>
|
|
|
|
<!-- #2 章节标题(对应 u11727) -->
|
|
<h1 class="page-title">会议基本信息</h1>
|
|
|
|
<!-- #3~#12 基本信息网格 -->
|
|
<div class="card">
|
|
<div class="info-grid">
|
|
<div class="info-row">
|
|
<span class="info-label">项目编号:</span>
|
|
<span class="info-value code">ZH-2026-658</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">会议名称:</span>
|
|
<span class="info-value">小牛血清创新应用研讨会</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">项目名称:</span>
|
|
<span class="info-value">小牛血清创新应用研讨会</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">期数:</span>
|
|
<span class="info-value">第 3 期</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">总场次/总期数:</span>
|
|
<span class="info-value">26</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">会议开始时间:</span>
|
|
<span class="info-value">2026.05.13 11:30</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">支持单位:</span>
|
|
<span class="info-value">北京XXXX有限公司</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">会议结束时间:</span>
|
|
<span class="info-value">2026.05.15 11:30</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">创建时间:</span>
|
|
<span class="info-value">2026.05.11 11:30</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">创建人员:</span>
|
|
<span class="info-value">张三</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- #13 红字提示(对应 u11774) -->
|
|
<p class="hint-text">*点击缩略图可查看原图和下载</p>
|
|
|
|
<!-- #14 #15 #17 邀请函区块(对应 u11768 + u11760 + u11764) -->
|
|
<div class="card">
|
|
<div class="section-title">邀请函</div>
|
|
<div class="preview-grid">
|
|
<div class="preview-card">
|
|
<span class="preview-icon">📄</span>
|
|
<span class="preview-text">邀请函</span>
|
|
</div>
|
|
<div class="preview-card">
|
|
<span class="preview-icon">📄</span>
|
|
<span class="preview-text">邀请函</span>
|
|
</div>
|
|
</div>
|
|
<div class="download-bar">
|
|
<a class="op-link" href="javascript:void(0)" onclick="alert('下载邀请函')">下载</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- #16 #18 #19 会议日程区块(对应 u11770 + u11762 + u11766) -->
|
|
<div class="card">
|
|
<div class="section-title">会议日程</div>
|
|
<div class="preview-grid">
|
|
<div class="preview-card">
|
|
<span class="preview-icon">📅</span>
|
|
<span class="preview-text">会议日程</span>
|
|
</div>
|
|
<div class="preview-card">
|
|
<span class="preview-icon">📅</span>
|
|
<span class="preview-text">会议日程</span>
|
|
</div>
|
|
</div>
|
|
<div class="download-bar">
|
|
<a class="op-link" href="javascript:void(0)" onclick="alert('下载会议日程')">下载</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- #20 返回按钮(对应 u11772) -->
|
|
<div class="form-actions">
|
|
<button type="button" class="btn-default" onclick="goBack()">返回</button>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<script>
|
|
function goBack() {
|
|
try {
|
|
if (window.parent && window.parent.document.getElementById('contentFrame')) {
|
|
window.parent.document.getElementById('contentFrame').src = 'meetings.html';
|
|
} else {
|
|
history.back();
|
|
}
|
|
} catch (e) {
|
|
history.back();
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |