1074 lines
58 KiB
HTML
1074 lines
58 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>
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@4.5.0/dist/reveal.css">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@4.5.0/dist/theme/white.css">
|
||
<style>
|
||
.reveal {
|
||
font-family: "Microsoft YaHei", "SimHei", sans-serif;
|
||
}
|
||
.reveal h1 {
|
||
color: #2c3e50;
|
||
font-size: 2.5em;
|
||
margin-bottom: 30px;
|
||
}
|
||
.reveal h2 {
|
||
color: #3498db;
|
||
font-size: 2em;
|
||
margin-bottom: 25px;
|
||
}
|
||
.reveal h3 {
|
||
color: #2980b9;
|
||
font-size: 1.5em;
|
||
}
|
||
.reveal p, .reveal li {
|
||
font-size: 1.1em;
|
||
line-height: 1.6;
|
||
}
|
||
.reveal .slides section {
|
||
text-align: left;
|
||
}
|
||
.reveal .slides section.center {
|
||
text-align: center;
|
||
}
|
||
.highlight {
|
||
color: #e74c3c;
|
||
font-weight: bold;
|
||
}
|
||
.feature-box {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
color: white;
|
||
padding: 20px;
|
||
border-radius: 10px;
|
||
margin: 10px 0;
|
||
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
|
||
}
|
||
.feature-box h3 {
|
||
color: white;
|
||
margin-top: 0;
|
||
}
|
||
.step-box {
|
||
background: #ecf0f1;
|
||
padding: 15px;
|
||
border-left: 5px solid #3498db;
|
||
margin: 10px 0;
|
||
border-radius: 5px;
|
||
}
|
||
.tech-stack {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 20px;
|
||
margin: 20px 0;
|
||
}
|
||
.tech-item {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
color: white;
|
||
padding: 20px;
|
||
border-radius: 10px;
|
||
text-align: center;
|
||
}
|
||
.workflow-diagram {
|
||
background: white;
|
||
padding: 20px;
|
||
border-radius: 10px;
|
||
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||
}
|
||
.benefit-item {
|
||
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
|
||
color: white;
|
||
padding: 15px;
|
||
border-radius: 8px;
|
||
margin: 8px 0;
|
||
}
|
||
.module-grid {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 15px;
|
||
margin: 20px 0;
|
||
}
|
||
.module-card {
|
||
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
|
||
color: white;
|
||
padding: 20px;
|
||
border-radius: 10px;
|
||
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
|
||
}
|
||
.module-card h3 {
|
||
color: white;
|
||
margin-top: 0;
|
||
font-size: 1.3em;
|
||
}
|
||
.screenshot {
|
||
max-width: 100%;
|
||
border: 3px solid #3498db;
|
||
border-radius: 10px;
|
||
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
|
||
}
|
||
.value-prop {
|
||
background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
|
||
color: white;
|
||
padding: 30px;
|
||
border-radius: 15px;
|
||
font-size: 1.3em;
|
||
text-align: center;
|
||
margin: 20px 0;
|
||
}
|
||
.data-source {
|
||
display: inline-block;
|
||
background: #3498db;
|
||
color: white;
|
||
padding: 8px 15px;
|
||
border-radius: 20px;
|
||
margin: 5px;
|
||
}
|
||
ul {
|
||
margin-left: 30px;
|
||
}
|
||
.cover-subtitle {
|
||
color: #7f8c8d;
|
||
font-size: 1.2em;
|
||
margin-top: 20px;
|
||
}
|
||
.company-logo {
|
||
font-size: 3em;
|
||
color: #3498db;
|
||
margin-bottom: 20px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="reveal">
|
||
<div class="slides">
|
||
|
||
<!-- 封面 -->
|
||
<section class="center" data-background-gradient="linear-gradient(135deg, #667eea 0%, #764ba2 100%)">
|
||
<div style="color: white;">
|
||
<div class="company-logo">🏥</div>
|
||
<h1 style="color: white;">医学信息支持系统</h1>
|
||
<p class="cover-subtitle" style="color: #ecf0f1;">Medical Information Support System</p>
|
||
<hr style="width: 50%; margin: 30px auto; border-color: rgba(255,255,255,0.3);">
|
||
<p style="font-size: 1.3em; color: #ecf0f1;">为益普生医学信息团队打造的智能化信息支持平台</p>
|
||
<p style="margin-top: 50px; color: #ecf0f1;">日期：2025年</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 目录 -->
|
||
<section>
|
||
<h2>📋 演示内容</h2>
|
||
<div style="margin-top: 40px;">
|
||
<div class="step-box">
|
||
<strong>1. 系统背景与目的</strong> - 为什么需要这个系统？
|
||
</div>
|
||
<div class="step-box">
|
||
<strong>2. 业务流程详解</strong> - 系统如何工作？
|
||
</div>
|
||
<div class="step-box">
|
||
<strong>3. 核心功能模块</strong> - 系统能做什么？
|
||
</div>
|
||
<div class="step-box">
|
||
<strong>4. 技术架构</strong> - 系统如何构建？
|
||
</div>
|
||
<div class="step-box">
|
||
<strong>5. 使用指南</strong> - 如何使用系统？
|
||
</div>
|
||
<div class="step-box">
|
||
<strong>6. 价值与展望</strong> - 系统带来的价值
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 第一部分：背景与目的 -->
|
||
<section>
|
||
<section>
|
||
<h2>🎯 系统背景与目的</h2>
|
||
<div style="margin-top: 40px;">
|
||
<h3>业务挑战</h3>
|
||
<ul>
|
||
<li>客户（医生）经常通过邮件向益普生提出专业的医学信息需求</li>
|
||
<li>医学信息团队需要快速、准确地回复这些咨询</li>
|
||
<li>信息检索涉及<span class="highlight">多个数据源</span>：企业内部数据、公开数据库、文献等</li>
|
||
<li>人工处理效率低、耗时长、容易遗漏关键信息</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>💡 解决方案</h2>
|
||
<div class="value-prop">
|
||
构建智能化医学信息支持系统<br>
|
||
整合AI技术，实现自动化信息检索与处理
|
||
</div>
|
||
<div style="margin-top: 30px;">
|
||
<h3>核心价值</h3>
|
||
<div class="benefit-item">
|
||
⚡ <strong>提升效率</strong> - 自动化关键词提取和信息检索
|
||
</div>
|
||
<div class="benefit-item">
|
||
🎯 <strong>精准回复</strong> - 多源数据整合，信息全面准确
|
||
</div>
|
||
<div class="benefit-item">
|
||
📚 <strong>规范管理</strong> - 标准化流程，历史记录可追溯
|
||
</div>
|
||
<div class="benefit-item">
|
||
🤖 <strong>AI赋能</strong> - 集成Dify AI引擎，智能生成回复
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>🎯 目标用户</h2>
|
||
<div class="module-grid">
|
||
<div class="module-card">
|
||
<h3>👨⚕️ 医学信息专员</h3>
|
||
<p>创建查询请求、审核回复内容、管理文献下载</p>
|
||
</div>
|
||
<div class="module-card">
|
||
<h3>✅ 审核人员</h3>
|
||
<p>审核系统生成的回复内容，确保准确性</p>
|
||
</div>
|
||
<div class="module-card">
|
||
<h3>👤 管理员</h3>
|
||
<p>系统配置、用户管理、知识库维护</p>
|
||
</div>
|
||
<div class="module-card">
|
||
<h3>🔬 医生（客户）</h3>
|
||
<p>最终接收专业、准确的医学信息回复</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</section>
|
||
|
||
<!-- 第二部分：业务流程 -->
|
||
<section>
|
||
<section>
|
||
<h2>🔄 完整业务流程</h2>
|
||
<div class="workflow-diagram" style="text-align: center; margin-top: 30px;">
|
||
<svg width="700" height="500" viewBox="0 0 700 500">
|
||
<!-- 定义箭头 -->
|
||
<defs>
|
||
<marker id="arrowhead" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto">
|
||
<polygon points="0 0, 10 3, 0 6" fill="#3498db" />
|
||
</marker>
|
||
</defs>
|
||
|
||
<!-- 步骤1 -->
|
||
<rect x="50" y="20" width="180" height="60" fill="#3498db" rx="10"/>
|
||
<text x="140" y="55" text-anchor="middle" fill="white" font-size="14" font-weight="bold">1. 客户提出需求</text>
|
||
|
||
<!-- 箭头 -->
|
||
<line x1="140" y1="80" x2="140" y2="110" stroke="#3498db" stroke-width="3" marker-end="url(#arrowhead)"/>
|
||
|
||
<!-- 步骤2 -->
|
||
<rect x="50" y="110" width="180" height="60" fill="#2ecc71" rx="10"/>
|
||
<text x="140" y="135" text-anchor="middle" fill="white" font-size="13">2. 上传标准化表格</text>
|
||
<text x="140" y="155" text-anchor="middle" fill="white" font-size="13">或手动创建查询</text>
|
||
|
||
<!-- 箭头 -->
|
||
<line x1="140" y1="170" x2="140" y2="200" stroke="#3498db" stroke-width="3" marker-end="url(#arrowhead)"/>
|
||
|
||
<!-- 步骤3 -->
|
||
<rect x="50" y="200" width="180" height="60" fill="#9b59b6" rx="10"/>
|
||
<text x="140" y="225" text-anchor="middle" fill="white" font-size="13">3. AI提取关键词</text>
|
||
<text x="140" y="245" text-anchor="middle" fill="white" font-size="12">(药物、疾病、问题)</text>
|
||
|
||
<!-- 箭头 -->
|
||
<line x1="140" y1="260" x2="140" y2="290" stroke="#3498db" stroke-width="3" marker-end="url(#arrowhead)"/>
|
||
|
||
<!-- 步骤4 -->
|
||
<rect x="50" y="290" width="180" height="80" fill="#e67e22" rx="10"/>
|
||
<text x="140" y="315" text-anchor="middle" fill="white" font-size="13" font-weight="bold">4. 多源信息检索</text>
|
||
<text x="140" y="335" text-anchor="middle" fill="white" font-size="11">①企业自有数据</text>
|
||
<text x="140" y="352" text-anchor="middle" fill="white" font-size="11">②公开数据库</text>
|
||
<text x="140" y="368" text-anchor="middle" fill="white" font-size="11">③扩展关联数据</text>
|
||
|
||
<!-- 箭头到右侧 -->
|
||
<line x1="230" y1="330" x2="280" y2="330" stroke="#3498db" stroke-width="3" marker-end="url(#arrowhead)"/>
|
||
|
||
<!-- 步骤5 -->
|
||
<rect x="280" y="290" width="180" height="60" fill="#16a085" rx="10"/>
|
||
<text x="370" y="315" text-anchor="middle" fill="white" font-size="13">5. 生成回复草稿</text>
|
||
<text x="370" y="335" text-anchor="middle" fill="white" font-size="12">(AI整理信息)</text>
|
||
|
||
<!-- 箭头 -->
|
||
<line x1="370" y1="290" x2="370" y2="260" stroke="#3498db" stroke-width="3" marker-end="url(#arrowhead)"/>
|
||
|
||
<!-- 步骤6 -->
|
||
<rect x="280" y="200" width="180" height="60" fill="#c0392b" rx="10"/>
|
||
<text x="370" y="225" text-anchor="middle" fill="white" font-size="13">6. 人工审核</text>
|
||
<text x="370" y="245" text-anchor="middle" fill="white" font-size="12">(审核人员确认)</text>
|
||
|
||
<!-- 箭头 -->
|
||
<line x1="370" y1="200" x2="370" y2="170" stroke="#3498db" stroke-width="3" marker-end="url(#arrowhead)"/>
|
||
|
||
<!-- 步骤7 -->
|
||
<rect x="280" y="110" width="180" height="60" fill="#d35400" rx="10"/>
|
||
<text x="370" y="135" text-anchor="middle" fill="white" font-size="13">7. 下载文献</text>
|
||
<text x="370" y="155" text-anchor="middle" fill="white" font-size="12">(自动下载到本地)</text>
|
||
|
||
<!-- 箭头 -->
|
||
<line x1="370" y1="110" x2="370" y2="80" stroke="#3498db" stroke-width="3" marker-end="url(#arrowhead)"/>
|
||
|
||
<!-- 步骤8 -->
|
||
<rect x="280" y="20" width="180" height="60" fill="#27ae60" rx="10"/>
|
||
<text x="370" y="45" text-anchor="middle" fill="white" font-size="13" font-weight="bold">8. 发送给客户</text>
|
||
<text x="370" y="65" text-anchor="middle" fill="white" font-size="12">(回复+文献)</text>
|
||
|
||
<!-- 时间线标注 -->
|
||
<rect x="500" y="150" width="160" height="180" fill="#ecf0f1" rx="10"/>
|
||
<text x="580" y="175" text-anchor="middle" font-size="14" font-weight="bold" fill="#2c3e50">⏱️ 处理时效</text>
|
||
<text x="510" y="205" font-size="12" fill="#34495e">• 关键词提取: 秒级</text>
|
||
<text x="510" y="230" font-size="12" fill="#34495e">• 信息检索: 1-3分钟</text>
|
||
<text x="510" y="255" font-size="12" fill="#34495e">• 生成回复: 1-2分钟</text>
|
||
<text x="510" y="280" font-size="12" fill="#34495e">• 人工审核: 按需</text>
|
||
<text x="510" y="305" font-size="12" fill="#34495e">• 文献下载: 5-10分钟</text>
|
||
|
||
<text x="580" y="420" text-anchor="middle" font-size="16" font-weight="bold" fill="#e74c3c">传统方式: 数小时至数天</text>
|
||
<text x="580" y="445" text-anchor="middle" font-size="16" font-weight="bold" fill="#27ae60">系统处理: 10-30分钟</text>
|
||
</svg>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>📊 知识库层级检索</h2>
|
||
<div style="margin-top: 30px;">
|
||
<div class="step-box" style="border-left-color: #3498db;">
|
||
<h3 style="color: #3498db; margin: 0 0 10px 0;">🔹 第一优先级：企业自有数据</h3>
|
||
<ul style="margin: 5px 0;">
|
||
<li>企业开展的研究数据</li>
|
||
<li>历史回复记录</li>
|
||
<li>内部文献和资料</li>
|
||
<li><strong>特点：</strong>权威性最高，最符合企业需求</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="step-box" style="border-left-color: #2ecc71;">
|
||
<h3 style="color: #2ecc71; margin: 0 0 10px 0;">🔹 第二优先级：公开数据</h3>
|
||
<div style="margin-top: 10px;">
|
||
<span class="data-source">PubMed</span>
|
||
<span class="data-source">EMBASE</span>
|
||
<span class="data-source">知网</span>
|
||
<span class="data-source">ClinicalTrials.gov</span>
|
||
<span class="data-source">监管机构</span>
|
||
</div>
|
||
<p style="margin-top: 10px;"><strong>特点：</strong>公开可靠，已人工整理</p>
|
||
</div>
|
||
|
||
<div class="step-box" style="border-left-color: #e67e22;">
|
||
<h3 style="color: #e67e22; margin: 0 0 10px 0;">🔹 第三优先级：扩展关联数据</h3>
|
||
<ul style="margin: 5px 0;">
|
||
<li>疾病数据库</li>
|
||
<li>药物数据库</li>
|
||
<li>疾病-药物关联数据</li>
|
||
<li><strong>特点：</strong>提供更广泛的参考信息</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</section>
|
||
|
||
<!-- 第三部分：核心功能 -->
|
||
<section>
|
||
<section>
|
||
<h2>⚙️ 核心功能模块</h2>
|
||
<div class="module-grid" style="margin-top: 30px;">
|
||
<div class="module-card" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
|
||
<h3>📝 查询请求管理</h3>
|
||
<ul style="font-size: 0.9em; margin: 10px 0;">
|
||
<li>上传Excel表格</li>
|
||
<li>手动创建查询</li>
|
||
<li>关键词自动提取</li>
|
||
<li>状态流转跟踪</li>
|
||
<li>审核流程管理</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="module-card" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);">
|
||
<h3>📚 知识库管理</h3>
|
||
<ul style="font-size: 0.9em; margin: 10px 0;">
|
||
<li>三类知识库配置</li>
|
||
<li>优先级设置</li>
|
||
<li>动态启用/禁用</li>
|
||
<li>知识库内容维护</li>
|
||
<li>检索历史记录</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="module-card" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);">
|
||
<h3>📄 文献管理</h3>
|
||
<ul style="font-size: 0.9em; margin: 10px 0;">
|
||
<li>文献检索结果展示</li>
|
||
<li>文献选择标记</li>
|
||
<li>批量下载</li>
|
||
<li>多数据库账号配置</li>
|
||
<li>下载状态追踪</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="module-card" style="background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);">
|
||
<h3>💊 药物信息管理</h3>
|
||
<ul style="font-size: 0.9em; margin: 10px 0;">
|
||
<li>药物基本信息</li>
|
||
<li>多源安全性信息</li>
|
||
<li>5类信息来源</li>
|
||
<li>14种安全分类</li>
|
||
<li>验证机制</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>⚙️ 核心功能模块（续）</h2>
|
||
<div class="module-grid" style="margin-top: 30px;">
|
||
<div class="module-card" style="background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);">
|
||
<h3>🔬 临床试验管理</h3>
|
||
<ul style="font-size: 0.9em; margin: 10px 0;">
|
||
<li>ClinicalTrials.gov集成</li>
|
||
<li>关键词搜索</li>
|
||
<li>数据展示与详情</li>
|
||
<li>CSV导出</li>
|
||
<li>数据持久化</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="module-card" style="background: linear-gradient(135deg, #30cfd0 0%, #330867 100%);">
|
||
<h3>⚙️ 系统配置</h3>
|
||
<ul style="font-size: 0.9em; margin: 10px 0;">
|
||
<li>Dify AI引擎配置</li>
|
||
<li>大模型API设置</li>
|
||
<li>文献下载账号</li>
|
||
<li>用户权限管理</li>
|
||
<li>系统参数调整</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="module-card" style="background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);">
|
||
<h3>📊 工作台</h3>
|
||
<ul style="font-size: 0.9em; margin: 10px 0; color: #2c3e50;">
|
||
<li>待处理任务统计</li>
|
||
<li>最近查询记录</li>
|
||
<li>快速操作入口</li>
|
||
<li>系统状态监控</li>
|
||
<li>数据统计图表</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="module-card" style="background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);">
|
||
<h3>📋 审核日志</h3>
|
||
<ul style="font-size: 0.9em; margin: 10px 0; color: #2c3e50;">
|
||
<li>操作追踪记录</li>
|
||
<li>审核历史查询</li>
|
||
<li>用户操作统计</li>
|
||
<li>异常操作提醒</li>
|
||
<li>数据审计</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>🔍 药物安全信息管理 - 亮点功能</h2>
|
||
<div style="margin-top: 30px;">
|
||
<div class="feature-box">
|
||
<h3>📊 多源信息整合</h3>
|
||
<p>整合5类信息来源，全面展示药物安全性信息：</p>
|
||
<div style="display: flex; justify-content: space-around; margin-top: 15px; flex-wrap: wrap;">
|
||
<div style="text-align: center; margin: 10px;">
|
||
<div style="font-size: 2em;">📁</div>
|
||
<div>内部数据</div>
|
||
</div>
|
||
<div style="text-align: center; margin: 10px;">
|
||
<div style="font-size: 2em;">📚</div>
|
||
<div>文献数据</div>
|
||
</div>
|
||
<div style="text-align: center; margin: 10px;">
|
||
<div style="font-size: 2em;">🏛️</div>
|
||
<div>监管信息</div>
|
||
</div>
|
||
<div style="text-align: center; margin: 10px;">
|
||
<div style="font-size: 2em;">💬</div>
|
||
<div>自媒体</div>
|
||
</div>
|
||
<div style="text-align: center; margin: 10px;">
|
||
<div style="font-size: 2em;">🔬</div>
|
||
<div>临床试验</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="feature-box" style="margin-top: 20px;">
|
||
<h3>🎯 14种安全信息分类</h3>
|
||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px;">
|
||
<div>✓ 不良反应</div>
|
||
<div>✓ 药物相互作用</div>
|
||
<div>✓ 禁忌症</div>
|
||
<div>✓ 特殊人群用药</div>
|
||
<div>✓ 儿童用药</div>
|
||
<div>✓ 老年用药</div>
|
||
<div>✓ 妊娠哺乳期</div>
|
||
<div>✓ 肝功能不全</div>
|
||
<div>✓ 肾功能不全</div>
|
||
<div>✓ 长期使用影响</div>
|
||
<div>✓ 注意事项</div>
|
||
<div>✓ 警告信息</div>
|
||
<div>✓ 过量</div>
|
||
<div>✓ 停药症状</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>🤖 AI智能功能</h2>
|
||
<div style="margin-top: 30px;">
|
||
<div class="feature-box">
|
||
<h3>🧠 集成Dify AI引擎</h3>
|
||
<ul>
|
||
<li><strong>关键词智能提取</strong> - 自动识别药物名称、疾病、问题类型</li>
|
||
<li><strong>信息智能整合</strong> - 从多个数据源整合相关信息</li>
|
||
<li><strong>回复智能生成</strong> - AI辅助生成专业的回复内容</li>
|
||
<li><strong>内容质量把控</strong> - 人工审核确保准确性</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div style="margin-top: 20px; text-align: center;">
|
||
<svg width="700" height="200" viewBox="0 0 700 200">
|
||
<rect x="50" y="50" width="150" height="80" fill="#3498db" rx="10"/>
|
||
<text x="125" y="90" text-anchor="middle" fill="white" font-size="14" font-weight="bold">查询内容</text>
|
||
|
||
<path d="M 200 90 L 250 90" stroke="#2c3e50" stroke-width="3" marker-end="url(#arrowhead)"/>
|
||
|
||
<rect x="250" y="50" width="150" height="80" fill="#9b59b6" rx="10"/>
|
||
<text x="325" y="80" text-anchor="middle" fill="white" font-size="14" font-weight="bold">Dify AI</text>
|
||
<text x="325" y="100" text-anchor="middle" fill="white" font-size="12">关键词提取</text>
|
||
<text x="325" y="115" text-anchor="middle" fill="white" font-size="12">内容整理</text>
|
||
|
||
<path d="M 400 90 L 450 90" stroke="#2c3e50" stroke-width="3" marker-end="url(#arrowhead)"/>
|
||
|
||
<rect x="450" y="50" width="150" height="80" fill="#27ae60" rx="10"/>
|
||
<text x="525" y="85" text-anchor="middle" fill="white" font-size="14" font-weight="bold">回复草稿</text>
|
||
<text x="525" y="105" text-anchor="middle" fill="white" font-size="12">+ 文献列表</text>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</section>
|
||
|
||
<!-- 第四部分：技术架构 -->
|
||
<section>
|
||
<section>
|
||
<h2>🏗️ 技术架构</h2>
|
||
<div class="tech-stack">
|
||
<div class="tech-item">
|
||
<h3 style="color: white;">☕ 后端技术</h3>
|
||
<ul style="list-style: none; padding: 0; margin: 15px 0;">
|
||
<li>Java 17</li>
|
||
<li>Spring Boot 3.2</li>
|
||
<li>Spring Data JPA</li>
|
||
<li>Spring Security</li>
|
||
<li>Maven</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="tech-item">
|
||
<h3 style="color: white;">🎨 前端技术</h3>
|
||
<ul style="list-style: none; padding: 0; margin: 15px 0;">
|
||
<li>Vue 3</li>
|
||
<li>Vite</li>
|
||
<li>Element Plus</li>
|
||
<li>Pinia (状态管理)</li>
|
||
<li>Axios</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="tech-item">
|
||
<h3 style="color: white;">💾 数据存储</h3>
|
||
<ul style="list-style: none; padding: 0; margin: 15px 0;">
|
||
<li>MySQL 8.0</li>
|
||
<li>JPA / Hibernate</li>
|
||
<li>数据库连接池</li>
|
||
<li>事务管理</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="tech-item">
|
||
<h3 style="color: white;">🚀 部署方案</h3>
|
||
<ul style="list-style: none; padding: 0; margin: 15px 0;">
|
||
<li>Docker</li>
|
||
<li>Docker Compose</li>
|
||
<li>Nginx</li>
|
||
<li>一键启动脚本</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>🎨 系统架构图</h2>
|
||
<div style="text-align: center; margin-top: 30px;">
|
||
<svg width="750" height="450" viewBox="0 0 750 450">
|
||
<!-- 用户层 -->
|
||
<rect x="250" y="20" width="250" height="60" fill="#3498db" rx="10"/>
|
||
<text x="375" y="55" text-anchor="middle" fill="white" font-size="16" font-weight="bold">👤 用户层 (Vue 3 前端)</text>
|
||
|
||
<!-- 箭头 -->
|
||
<path d="M 375 80 L 375 110" stroke="#2c3e50" stroke-width="3" marker-end="url(#arrowhead)"/>
|
||
|
||
<!-- API网关 -->
|
||
<rect x="250" y="110" width="250" height="50" fill="#2ecc71" rx="10"/>
|
||
<text x="375" y="142" text-anchor="middle" fill="white" font-size="14" font-weight="bold">🚪 API Gateway (RESTful)</text>
|
||
|
||
<!-- 箭头 -->
|
||
<path d="M 375 160 L 375 190" stroke="#2c3e50" stroke-width="3" marker-end="url(#arrowhead)"/>
|
||
|
||
<!-- 业务层 -->
|
||
<rect x="50" y="190" width="650" height="120" fill="#ecf0f1" rx="10"/>
|
||
<text x="375" y="215" text-anchor="middle" font-size="16" font-weight="bold" fill="#2c3e50">🔧 业务逻辑层 (Spring Boot)</text>
|
||
|
||
<!-- 业务模块 -->
|
||
<rect x="70" y="230" width="120" height="60" fill="#9b59b6" rx="5"/>
|
||
<text x="130" y="255" text-anchor="middle" fill="white" font-size="11">查询管理</text>
|
||
<text x="130" y="275" text-anchor="middle" fill="white" font-size="11">Service</text>
|
||
|
||
<rect x="210" y="230" width="120" height="60" fill="#9b59b6" rx="5"/>
|
||
<text x="270" y="255" text-anchor="middle" fill="white" font-size="11">知识库</text>
|
||
<text x="270" y="275" text-anchor="middle" fill="white" font-size="11">Service</text>
|
||
|
||
<rect x="350" y="230" width="120" height="60" fill="#9b59b6" rx="5"/>
|
||
<text x="410" y="255" text-anchor="middle" fill="white" font-size="11">药物管理</text>
|
||
<text x="410" y="275" text-anchor="middle" fill="white" font-size="11">Service</text>
|
||
|
||
<rect x="490" y="230" width="120" height="60" fill="#9b59b6" rx="5"/>
|
||
<text x="550" y="255" text-anchor="middle" fill="white" font-size="11">临床试验</text>
|
||
<text x="550" y="275" text-anchor="middle" fill="white" font-size="11">Service</text>
|
||
|
||
<!-- 箭头 -->
|
||
<path d="M 375 310 L 375 340" stroke="#2c3e50" stroke-width="3" marker-end="url(#arrowhead)"/>
|
||
|
||
<!-- 数据层 -->
|
||
<rect x="250" y="340" width="250" height="50" fill="#e67e22" rx="10"/>
|
||
<text x="375" y="372" text-anchor="middle" fill="white" font-size="14" font-weight="bold">💾 数据持久层 (JPA + MySQL)</text>
|
||
|
||
<!-- 外部集成 -->
|
||
<rect x="550" y="110" width="150" height="50" fill="#e74c3c" rx="10"/>
|
||
<text x="625" y="135" text-anchor="middle" fill="white" font-size="12">🤖 Dify AI</text>
|
||
<text x="625" y="150" text-anchor="middle" fill="white" font-size="11">引擎</text>
|
||
|
||
<rect x="550" y="180" width="150" height="50" fill="#e74c3c" rx="10"/>
|
||
<text x="625" y="200" text-anchor="middle" fill="white" font-size="12">🔬 Clinical</text>
|
||
<text x="625" y="220" text-anchor="middle" fill="white" font-size="11">Trials API</text>
|
||
|
||
<rect x="550" y="250" width="150" height="50" fill="#e74c3c" rx="10"/>
|
||
<text x="625" y="275" text-anchor="middle" fill="white" font-size="12">📚 文献数据库</text>
|
||
|
||
<!-- 连接线 -->
|
||
<path d="M 500 250 L 550 135" stroke="#95a5a6" stroke-width="2" stroke-dasharray="5,5"/>
|
||
<path d="M 500 250 L 550 205" stroke="#95a5a6" stroke-width="2" stroke-dasharray="5,5"/>
|
||
<path d="M 500 250 L 550 275" stroke="#95a5a6" stroke-width="2" stroke-dasharray="5,5"/>
|
||
|
||
<!-- 标注 -->
|
||
<text x="375" y="425" text-anchor="middle" font-size="12" fill="#7f8c8d">前后端分离架构 | RESTful API | 微服务设计</text>
|
||
</svg>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>🔐 安全性设计</h2>
|
||
<div style="margin-top: 30px;">
|
||
<div class="step-box" style="border-left-color: #e74c3c;">
|
||
<h3 style="color: #e74c3c; margin: 0 0 10px 0;">🔒 用户认证与授权</h3>
|
||
<ul style="margin: 5px 0;">
|
||
<li>Spring Security 安全框架</li>
|
||
<li>基于角色的权限控制（RBAC）</li>
|
||
<li>JWT Token认证</li>
|
||
<li>密码加密存储</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="step-box" style="border-left-color: #f39c12;">
|
||
<h3 style="color: #f39c12; margin: 0 0 10px 0;">📋 操作审计</h3>
|
||
<ul style="margin: 5px 0;">
|
||
<li>完整的操作日志记录</li>
|
||
<li>用户行为追踪</li>
|
||
<li>审核流程记录</li>
|
||
<li>异常操作告警</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="step-box" style="border-left-color: #16a085;">
|
||
<h3 style="color: #16a085; margin: 0 0 10px 0;">🛡️ 数据安全</h3>
|
||
<ul style="margin: 5px 0;">
|
||
<li>敏感信息加密存储</li>
|
||
<li>API密钥安全管理</li>
|
||
<li>数据库访问控制</li>
|
||
<li>定期备份机制</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</section>
|
||
|
||
<!-- 第五部分：使用指南 -->
|
||
<section>
|
||
<section>
|
||
<h2>📖 使用指南 - 快速开始</h2>
|
||
<div style="margin-top: 30px;">
|
||
<h3>方式一：Docker部署（推荐）</h3>
|
||
<div class="step-box">
|
||
<strong>步骤 1：</strong> 确保Docker Desktop已安装并运行
|
||
</div>
|
||
<div class="step-box">
|
||
<strong>步骤 2：</strong> 配置环境变量（.env文件）
|
||
</div>
|
||
<div class="step-box">
|
||
<strong>步骤 3：</strong> 运行启动脚本
|
||
<pre style="background: #2c3e50; color: #ecf0f1; padding: 10px; border-radius: 5px; margin: 10px 0;">docker-compose up -d</pre>
|
||
</div>
|
||
<div class="step-box">
|
||
<strong>步骤 4：</strong> 访问系统
|
||
<ul style="margin: 5px 0;">
|
||
<li>前端: <span class="highlight">http://localhost</span></li>
|
||
<li>后端API: <span class="highlight">http://localhost:8080/api</span></li>
|
||
</ul>
|
||
</div>
|
||
<div class="step-box">
|
||
<strong>步骤 5：</strong> 使用默认账号登录
|
||
<ul style="margin: 5px 0;">
|
||
<li>用户名: <span class="highlight">admin</span></li>
|
||
<li>密码: <span class="highlight">admin123</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>📝 核心操作流程</h2>
|
||
<div style="margin-top: 30px;">
|
||
<div class="feature-box">
|
||
<h3>1️⃣ 创建查询请求</h3>
|
||
<ul>
|
||
<li><strong>方式A：</strong>上传标准化Excel表格（批量处理）</li>
|
||
<li><strong>方式B：</strong>手动填写查询内容（单个处理）</li>
|
||
<li>系统自动分配查询编号</li>
|
||
<li>设置查询优先级</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="feature-box" style="margin-top: 15px;">
|
||
<h3>2️⃣ AI处理与检索</h3>
|
||
<ul>
|
||
<li>点击"提取关键词"按钮，AI自动提取</li>
|
||
<li>确认关键词后，点击"开始检索"</li>
|
||
<li>系统自动在多个知识库中检索</li>
|
||
<li>实时查看检索进度</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="feature-box" style="margin-top: 15px;">
|
||
<h3>3️⃣ 审核与发送</h3>
|
||
<ul>
|
||
<li>查看AI生成的回复草稿</li>
|
||
<li>人工审核修改（如需要）</li>
|
||
<li>选择需要下载的文献</li>
|
||
<li>点击"完成"发送给客户</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>🔍 查询药物信息</h2>
|
||
<div style="margin-top: 30px;">
|
||
<div class="step-box">
|
||
<strong>步骤 1：</strong> 点击左侧菜单"药物信息"
|
||
</div>
|
||
<div class="step-box">
|
||
<strong>步骤 2：</strong> 在列表中搜索或浏览药物
|
||
</div>
|
||
<div class="step-box">
|
||
<strong>步骤 3：</strong> 点击任意药物查看详情
|
||
</div>
|
||
<div class="step-box">
|
||
<strong>步骤 4：</strong> 切换标签页查看不同来源的安全信息
|
||
<div style="margin-top: 10px;">
|
||
<span class="data-source" style="background: #3498db;">内部数据</span>
|
||
<span class="data-source" style="background: #2ecc71;">文献数据</span>
|
||
<span class="data-source" style="background: #e67e22;">监管信息</span>
|
||
<span class="data-source" style="background: #9b59b6;">自媒体</span>
|
||
<span class="data-source" style="background: #e74c3c;">临床试验</span>
|
||
</div>
|
||
</div>
|
||
<div class="step-box">
|
||
<strong>步骤 5：</strong> 查看详细的安全信息
|
||
<ul style="margin: 5px 0;">
|
||
<li>严重程度标识（轻度/中度/重度/严重）</li>
|
||
<li>验证状态（已验证/未验证）</li>
|
||
<li>参考来源链接</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>🔬 检索临床试验</h2>
|
||
<div style="margin-top: 30px;">
|
||
<div class="step-box">
|
||
<strong>步骤 1：</strong> 在查询详情页面找到"临床试验信息"模块
|
||
</div>
|
||
<div class="step-box">
|
||
<strong>步骤 2：</strong> 输入搜索关键词（药物名、疾病名等）
|
||
</div>
|
||
<div class="step-box">
|
||
<strong>步骤 3：</strong> 点击"搜索"，等待3-10秒
|
||
</div>
|
||
<div class="step-box">
|
||
<strong>步骤 4：</strong> 查看搜索结果
|
||
<ul style="margin: 5px 0;">
|
||
<li>NCT ID可点击跳转到官网</li>
|
||
<li>点击展开按钮查看详细信息</li>
|
||
<li>查看研究状态、阶段、入组人数等</li>
|
||
</ul>
|
||
</div>
|
||
<div class="step-box">
|
||
<strong>步骤 5：</strong> 导出数据
|
||
<ul style="margin: 5px 0;">
|
||
<li>点击"导出CSV"按钮</li>
|
||
<li>获得包含完整信息的Excel文件</li>
|
||
<li>用于进一步分析或报告</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>⚙️ 系统配置</h2>
|
||
<div style="margin-top: 30px;">
|
||
<div class="feature-box">
|
||
<h3>🤖 AI引擎配置</h3>
|
||
<ul>
|
||
<li>配置Dify API密钥</li>
|
||
<li>设置API访问地址</li>
|
||
<li>选择使用的大模型</li>
|
||
<li>调整AI参数（温度、长度等）</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="feature-box" style="margin-top: 15px;">
|
||
<h3>📚 知识库配置</h3>
|
||
<ul>
|
||
<li>添加新的知识库</li>
|
||
<li>设置知识库优先级</li>
|
||
<li>配置知识库访问地址和API</li>
|
||
<li>启用/禁用特定知识库</li>
|
||
<li>上传企业内部文档</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="feature-box" style="margin-top: 15px;">
|
||
<h3>👥 用户管理</h3>
|
||
<ul>
|
||
<li>添加新用户</li>
|
||
<li>分配用户角色（管理员/专员/审核员）</li>
|
||
<li>设置权限</li>
|
||
<li>重置密码</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</section>
|
||
|
||
<!-- 第六部分：价值与展望 -->
|
||
<section>
|
||
<section>
|
||
<h2>💎 系统价值</h2>
|
||
<div style="margin-top: 30px;">
|
||
<div class="benefit-item" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
|
||
<h3 style="color: white; margin: 0 0 10px 0;">⚡ 效率提升</h3>
|
||
<p>传统方式：数小时至数天 → 系统处理：<span class="highlight" style="color: #fff200;">10-30分钟</span></p>
|
||
<p><strong>效率提升80%以上</strong></p>
|
||
</div>
|
||
|
||
<div class="benefit-item" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);">
|
||
<h3 style="color: white; margin: 0 0 10px 0;">🎯 质量保证</h3>
|
||
<ul style="margin: 5px 0;">
|
||
<li>多源数据整合，信息更全面</li>
|
||
<li>AI辅助+人工审核，双重保障</li>
|
||
<li>标准化流程，减少人为错误</li>
|
||
<li>历史记录可追溯，持续优化</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="benefit-item" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);">
|
||
<h3 style="color: white; margin: 0 0 10px 0;">💰 成本节约</h3>
|
||
<ul style="margin: 5px 0;">
|
||
<li>减少人工检索时间</li>
|
||
<li>降低信息遗漏风险</li>
|
||
<li>提高团队生产力</li>
|
||
<li>支持更多客户咨询</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="benefit-item" style="background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);">
|
||
<h3 style="color: white; margin: 0 0 10px 0;">📈 知识积累</h3>
|
||
<ul style="margin: 5px 0;">
|
||
<li>建立企业知识库</li>
|
||
<li>历史查询可复用</li>
|
||
<li>持续优化回复质量</li>
|
||
<li>新员工快速上手</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>📊 实际应用场景</h2>
|
||
<div style="margin-top: 30px;">
|
||
<div class="step-box">
|
||
<h3 style="color: #3498db; margin: 0 0 10px 0;">场景1：医生咨询达菲林最新临床数据</h3>
|
||
<ul>
|
||
<li><strong>传统方式：</strong>人工搜索多个数据库，整理资料，2-3天</li>
|
||
<li><strong>使用系统：</strong>输入关键词，AI自动检索ClinicalTrials.gov，生成报告，30分钟</li>
|
||
<li><strong>效果：</strong>快速响应客户，提升满意度</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="step-box">
|
||
<h3 style="color: #2ecc71; margin: 0 0 10px 0;">场景2：查询药物安全性信息</h3>
|
||
<ul>
|
||
<li><strong>传统方式：</strong>查阅说明书、文献、监管网站，信息分散，半天</li>
|
||
<li><strong>使用系统：</strong>一键查看多源安全信息，分类清晰，5分钟</li>
|
||
<li><strong>效果：</strong>信息全面，不会遗漏重要内容</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="step-box">
|
||
<h3 style="color: #e67e22; margin: 0 0 10px 0;">场景3：处理批量咨询</h3>
|
||
<ul>
|
||
<li><strong>传统方式：</strong>逐个处理，重复劳动，1周</li>
|
||
<li><strong>使用系统：</strong>上传Excel批量处理，AI并行检索，1天</li>
|
||
<li><strong>效果：</strong>大幅提高处理能力</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>🚀 未来展望</h2>
|
||
<div style="margin-top: 30px;">
|
||
<div class="module-card" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
|
||
<h3>📊 数据分析增强</h3>
|
||
<ul>
|
||
<li>咨询趋势分析</li>
|
||
<li>热点问题识别</li>
|
||
<li>客户需求预测</li>
|
||
<li>智能推荐系统</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="module-card" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); margin-top: 20px;">
|
||
<h3>🤖 AI能力提升</h3>
|
||
<ul>
|
||
<li>更智能的关键词提取</li>
|
||
<li>自动生成专业报告</li>
|
||
<li>多语言支持</li>
|
||
<li>语音交互</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="module-card" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); margin-top: 20px;">
|
||
<h3>🔗 集成扩展</h3>
|
||
<ul>
|
||
<li>更多文献数据库</li>
|
||
<li>监管机构实时对接</li>
|
||
<li>邮件系统集成</li>
|
||
<li>移动端应用</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>📞 支持与培训</h2>
|
||
<div style="margin-top: 30px;">
|
||
<div class="feature-box">
|
||
<h3>📚 培训计划</h3>
|
||
<ul>
|
||
<li><strong>基础培训：</strong>系统登录、基本操作（1小时）</li>
|
||
<li><strong>进阶培训：</strong>查询创建、AI使用、审核流程（2小时）</li>
|
||
<li><strong>管理培训：</strong>系统配置、知识库管理、用户管理（2小时）</li>
|
||
<li><strong>持续支持：</strong>线上答疑、定期回访</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="feature-box" style="margin-top: 20px;">
|
||
<h3>📖 文档资源</h3>
|
||
<ul>
|
||
<li>用户操作手册</li>
|
||
<li>管理员配置指南</li>
|
||
<li>常见问题解答（FAQ）</li>
|
||
<li>视频教程</li>
|
||
<li>最佳实践案例</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="feature-box" style="margin-top: 20px;">
|
||
<h3>🛠️ 技术支持</h3>
|
||
<ul>
|
||
<li>邮件支持</li>
|
||
<li>远程协助</li>
|
||
<li>系统更新维护</li>
|
||
<li>定制化开发</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</section>
|
||
|
||
<!-- 总结 -->
|
||
<section class="center" data-background-gradient="linear-gradient(135deg, #667eea 0%, #764ba2 100%)">
|
||
<div style="color: white;">
|
||
<h1 style="color: white;">感谢观看！</h1>
|
||
<div class="value-prop" style="background: rgba(255,255,255,0.2); margin: 40px auto; max-width: 600px;">
|
||
医学信息支持系统<br>
|
||
让专业服务更高效、更智能
|
||
</div>
|
||
<div style="margin-top: 50px; font-size: 1.2em;">
|
||
<p>🚀 <strong>开始使用：</strong>访问 http://localhost</p>
|
||
<p>📧 <strong>技术支持：</strong>technical-support@ipsen.com</p>
|
||
<p>📚 <strong>文档中心：</strong>查看项目根目录的MD文档</p>
|
||
</div>
|
||
<hr style="width: 50%; margin: 40px auto; border-color: rgba(255,255,255,0.3);">
|
||
<p style="font-size: 1.1em; color: #ecf0f1;">为医学信息团队赋能 | 为客户提供更优质的服务</p>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/reveal.js@4.5.0/dist/reveal.js"></script>
|
||
<script>
|
||
Reveal.initialize({
|
||
hash: true,
|
||
transition: 'slide',
|
||
transitionSpeed: 'default',
|
||
backgroundTransition: 'fade',
|
||
controls: true,
|
||
progress: true,
|
||
center: false,
|
||
slideNumber: true,
|
||
width: 1280,
|
||
height: 720,
|
||
margin: 0.1,
|
||
minScale: 0.2,
|
||
maxScale: 2.0
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
|
||
|
||
|