feat: 医疗点PAD端首版原型(1280×800横屏20页含登录/任务中心/日常诊疗/随访/慢病干预/健康宣教/员工档案/健康监测/床头呼叫/报告解读,抽屉交互页内实现,站点地图同步与项目背景尺寸规范更新,新增模块CHANGELOG);全站演示数据脱敏(示例人名王建国改石维国、周明远改曲志明,机构长庆油田改CQ油田,覆盖应急/体检/体重/营养/餐厅终端/大屏等约30页);现场体检签到码由图标切换改为条形码/二维码双选项卡切换;新增健康长寿系统升级改造详细规划V8文档
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.7
parent
29a09e9402
commit
15ca37b892
@@ -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) {
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user