feat: 医疗点PAD端首版原型(1280×800横屏20页含登录/任务中心/日常诊疗/随访/慢病干预/健康宣教/员工档案/健康监测/床头呼叫/报告解读,抽屉交互页内实现,站点地图同步与项目背景尺寸规范更新,新增模块CHANGELOG);全站演示数据脱敏(示例人名王建国改石维国、周明远改曲志明,机构长庆油田改CQ油田,覆盖应急/体检/体重/营养/餐厅终端/大屏等约30页);现场体检签到码由图标切换改为条形码/二维码双选项卡切换;新增健康长寿系统升级改造详细规划V8文档

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
fengpu
2026-09-04 17:51:21 +08:00
co-authored by Claude Opus 4.7
parent 29a09e9402
commit 15ca37b892
57 changed files with 7353 additions and 162 deletions
@@ -206,15 +206,30 @@
margin-bottom: 12px;
}
.code-switch {
width: 28px; height: 28px;
border-radius: 8px;
display: inline-flex;
align-items: center;
gap: 2px;
padding: 2px;
border-radius: 999px;
border: 1px solid #e4f7f5;
background: #f2fbfa;
color: var(--primary-dark);
display: inline-flex; align-items: center; justify-content: center;
}
.code-switch__opt {
border: none;
background: transparent;
font-size: 12px;
line-height: 1;
color: var(--text-secondary);
padding: 5px 10px;
border-radius: 999px;
cursor: pointer;
}
.code-switch:active { background: var(--primary-light); }
.code-switch__opt--active {
background: var(--primary);
color: #fff;
font-weight: 600;
box-shadow: 0 2px 6px rgba(19, 194, 194, 0.35);
}
.qrcode-wrap { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.code-img {
background: #fff;
@@ -380,10 +395,11 @@
<div class="person-card" id="codeRoutine">
<div class="person-card__header">
<div class="section-title" style="margin-bottom:0">体检签到码</div>
<!-- [交互] 点击右上角小图标切换条形码/二维码 -->
<button class="code-switch" type="button" title="切换条形码/二维码" onclick="toggleCodeMode('codeRoutine')">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 1l4 4-4 4"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><path d="M7 23l-4-4 4-4"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
</button>
<!-- [交互] 点击右上角条形码/二维码」双选项卡切换签到码展示 -->
<div class="code-switch">
<button class="code-switch__opt code-switch__opt--active" type="button" id="codeRoutineTabBar" onclick="setCodeMode('codeRoutine', 'bar')">条形码</button>
<button class="code-switch__opt" type="button" id="codeRoutineTabQr" onclick="setCodeMode('codeRoutine', 'qr')">二维码</button>
</div>
</div>
<div class="qrcode-wrap code-only--bar">
<!-- [交互] 点击条码放大展示 -->
@@ -613,9 +629,12 @@
});
// ===== 签到码:条形码 ↔ 二维码切换 =====
// [交互] 点击右上角小图标切换条形码/二维码,默认条形码
function toggleCodeMode(cardId) {
document.getElementById(cardId).classList.toggle('person-card--qr');
// [交互] 点击右上角双选项卡切换条形码/二维码,默认条形码,当前模式选项高亮
function setCodeMode(cardId, mode) {
var isQr = mode === 'qr';
document.getElementById(cardId).classList.toggle('person-card--qr', isQr);
document.getElementById(cardId + 'TabBar').classList.toggle('code-switch__opt--active', !isQr);
document.getElementById(cardId + 'TabQr').classList.toggle('code-switch__opt--active', isQr);
}
// [交互] 点击签到码放大查看(遮罩跟随当前类型)
function openCodeOverlay(cardId) {
+1 -1
View File
@@ -154,7 +154,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<div class="expert-result" onclick="window.location.href='expert-profile.html'">
<div class="expert-avatar">👨‍⚕️</div>
<div class="expert-info">
<div class="expert-name-row"><span class="expert-name">王建</span><span class="expert-title-tag">主任医师</span></div>
<div class="expert-name-row"><span class="expert-name">石维</span><span class="expert-title-tag">主任医师</span></div>
<div class="expert-dept">骨科 · 颈椎病、关节置换</div>
<div class="expert-hospital">北京天坛医院</div>
</div>
@@ -135,7 +135,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
</div>
<div class="activity-info__row">
<span class="activity-info__label">负责人</span>
<span class="activity-info__value">王建</span>
<span class="activity-info__value">石维</span>
</div>
<div class="activity-info__row">
<span class="activity-info__label">联系电话</span>
@@ -117,7 +117,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
</div>
<!-- 附件 -->
<div class="attach" onclick="alert('下载附件')">附件《长庆油田体重管理三年行动计划.docx》</div>
<div class="attach" onclick="alert('下载附件')">附件《CQ油田体重管理三年行动计划.docx》</div>
</div>
</div>
</body>