yixiong/platform-prototype
17
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 健康咨询三端原型大规模更新，新增13个页面/弹窗，优化22个页面

Browse Source 
- 员工端APP：新增综合搜索、选择咨询人、咨询人档案、健康档案、历史对话只读页、视频待确认详情页；重构找专家页、我的记录页、医院详情页；优化对话页面交互
- 小助手后台：新增专家管理模块（列表+详情+导入导出）；重构当前咨询页和员工档案弹窗
- 管理端后台：重构咨询须知配置（分TAB+双栏预览）；优化咨询记录和结算页
- 应急APP专家端：新增咨询人档案页；优化工作台和对话页面

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
liuyunqin
2026-04-13 17:21:14 +08:00
co-authored by Claude Opus 4.6
parent 828ce436e1
commit 205979e0c7
51 changed files with 4264 additions and 1489 deletions
Download Patch File Download Diff File Expand all files Collapse all files
emergency-app/expert/workbench/consult-person-detail.html
+156
View File
@@ -0,0 +1,156 @@
<!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 { background: #f0f2f5; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif; }
/* 手机壳容器 */
.phone-shell { width: 390px; height: 844px; background: #fff; border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0; overflow: hidden; position: relative; display: flex; flex-direction: column; flex-shrink: 0; }
/* 状态栏 */
.status-bar { height: 44px; background: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; flex-shrink: 0; z-index: 10; }
.status-bar .time { font-size: 15px; font-weight: 700; color: #1a1a1a; }
.status-bar .icons { display: flex; gap: 6px; align-items: center; font-size: 12px; color: #1a1a1a; }
/* 导航栏 */
.nav-bar { height: 44px; display: flex; align-items: center; padding: 0 16px; background: #fff; border-bottom: 1px solid #f0f0f0; flex-shrink: 0; }
.back-btn { display: flex; align-items: center; gap: 4px; color: #1677ff; font-size: 15px; cursor: pointer; background: none; border: none; padding: 4px 0; }
.nav-title { font-size: 17px; font-weight: 600; color: #1a1a1a; margin-left: 8px; }
/* 页面内容 */
.page-content { flex: 1; overflow-y: auto; padding: 0 0 34px; background: #f7f8fa; }
.page-content::-webkit-scrollbar { display: none; }
/* 个人信息头部 */
.profile-header { background: linear-gradient(135deg, #e8f4ff, #d6e8ff); padding: 20px 16px 16px; display: flex; align-items: center; gap: 14px; }
.profile-avatar { width: 56px; height: 56px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 28px; flex-shrink: 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.profile-info { flex: 1; }
.profile-name { font-size: 18px; font-weight: 700; color: #1a1a1a; }
.profile-meta { font-size: 13px; color: #555; margin-top: 4px; }
/* 信息卡片 */
.info-card { background: #fff; border-radius: 14px; margin: 12px 16px 0; padding: 16px; }
.info-card__title { font-size: 15px; font-weight: 600; color: #333; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; }
.info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; }
.info-item__label { font-size: 12px; color: #999; margin-bottom: 2px; }
.info-item__value { font-size: 14px; color: #333; font-weight: 500; }
/* 生活习惯标签 */
.habit-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.habit-tag { font-size: 13px; padding: 6px 14px; border-radius: 20px; background: #f5f5f5; color: #555; }
.habit-tag--good { background: #f6ffed; color: #389e0d; }
.habit-tag--warn { background: #fff7e6; color: #d46b08; }
/* 健康档案卡片 */
.record-card { background: #fff; border-radius: 14px; margin: 12px 16px 0; overflow: hidden; }
.record-card__header { padding: 14px 16px 10px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #f5f5f5; }
.record-card__icon { width: 40px; height: 40px; border-radius: 10px; background: linear-gradient(135deg, #e8f4ff, #bae0ff); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
.record-card__title { font-size: 15px; font-weight: 600; color: #333; }
.record-card__date { font-size: 12px; color: #999; margin-top: 2px; }
.record-card__body { padding: 12px 16px 14px; }
.record-card__section { margin-bottom: 12px; }
.record-card__section:last-child { margin-bottom: 0; }
.record-card__label { font-size: 12px; color: #999; margin-bottom: 4px; }
.record-card__text { font-size: 14px; color: #333; line-height: 1.6; }
.record-card__tags { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.record-card__tag { font-size: 11px; padding: 3px 8px; border-radius: 6px; }
.record-card__tag--blue { color: #1677ff; background: #e8f4ff; }
.record-card__tag--orange { color: #d46b08; background: #fff7e6; }
.record-card__tag--red { color: #cf1322; background: #fff1f0; }
.record-card__images { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.record-card__img { width: 80px; height: 80px; border-radius: 8px; object-fit: cover; border: 1px solid #f0f0f0; background: #f5f5f5; }
</style>
</head>
<body>
<div class="phone-shell">
<div class="status-bar">
<span class="time">9:41</span>
<div class="icons"><span>●●●</span><span>WiFi</span><span>🔋</span></div>
</div>
<div class="nav-bar">
<!-- [交互] 点击返回: ./text-chat.html -->
<button class="back-btn" onclick="history.back()">
<svg width="10" height="16" viewBox="0 0 10 16" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 1L2 8l6 7"/></svg>返回
</button>
<span class="nav-title">咨询人档案</span>
</div>
<!-- PLACEHOLDER_CONTENT -->
<div class="page-content">
<!-- 个人信息头部 -->
<div class="profile-header">
<div class="profile-avatar">👩</div>
<div class="profile-info">
<div class="profile-name">张小红</div>
<div class="profile-meta">女 · 28岁 · 165cm · 50kg</div>
</div>
</div>
<!-- 基本信息 -->
<div class="info-card">
<div class="info-card__title">📋 基本信息</div>
<div class="info-grid">
<div class="info-item"><div class="info-item__label">姓名</div><div class="info-item__value">张小红</div></div>
<div class="info-item"><div class="info-item__label">性别</div><div class="info-item__value">女</div></div>
<div class="info-item"><div class="info-item__label">年龄</div><div class="info-item__value">28岁</div></div>
<div class="info-item"><div class="info-item__label">身高</div><div class="info-item__value">165cm</div></div>
<div class="info-item"><div class="info-item__label">体重</div><div class="info-item__value">50kg</div></div>
<div class="info-item"><div class="info-item__label">血型</div><div class="info-item__value">A型</div></div>
</div>
</div>
<!-- 生活习惯 -->
<div class="info-card">
<div class="info-card__title">🏃 生活习惯</div>
<div class="habit-tags">
<span class="habit-tag habit-tag--good">不吸烟</span>
<span class="habit-tag habit-tag--good">不饮酒</span>
<span class="habit-tag habit-tag--good">饮食均衡</span>
<span class="habit-tag habit-tag--warn">睡眠一般</span>
</div>
</div>
<!-- 身体情况 -->
<div class="info-card">
<div class="info-card__title">🩺 身体情况</div>
<div class="info-grid">
<div class="info-item"><div class="info-item__label">过敏史</div><div class="info-item__value">青霉素过敏</div></div>
<div class="info-item"><div class="info-item__label">遗传史</div><div class="info-item__value">无</div></div>
<div class="info-item"><div class="info-item__label">既往史</div><div class="info-item__value">无</div></div>
<div class="info-item"><div class="info-item__label">其他疾病</div><div class="info-item__value">无</div></div>
</div>
</div>
<!-- 本次咨询档案 -->
<div class="record-card">
<div class="record-card__header">
<div class="record-card__icon">📋</div>
<div>
<div class="record-card__title">头痛咨询</div>
<div class="record-card__date">2026-04-13 创建</div>
</div>
</div>
<div class="record-card__body">
<div class="record-card__section">
<div class="record-card__label">问题描述</div>
<div class="record-card__text">最近总是头痛，尤其是下午工作时特别明显，主要在太阳穴两侧，有时伴有恶心，已持续一周。</div>
</div>
<div class="record-card__section">
<div class="record-card__label">持续时间</div>
<div class="record-card__tags">
<span class="record-card__tag record-card__tag--orange">1周</span>
</div>
</div>
<div class="record-card__section">
<div class="record-card__label">检查资料</div>
<div class="record-card__images">
<img class="record-card__img" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Crect fill='%23e8f4ff' width='80' height='80'/%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.3em' fill='%231677ff' font-size='11'%3E检查报告%3C/text%3E%3C/svg%3E" alt="检查报告">
<img class="record-card__img" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Crect fill='%23fff7e6' width='80' height='80'/%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.3em' fill='%23d46b08' font-size='11'%3ECT片%3C/text%3E%3C/svg%3E" alt="CT片">
</div>
</div>
<div class="record-card__section">
<div class="record-card__label">期望帮助</div>
<div class="record-card__text">希望了解头痛的具体原因，是否需要进一步检查，以及日常缓解方案。</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
emergency-app/expert/workbench/index.html
+19 -9
View File
@@ -102,12 +102,12 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<div id="wb-text-pending">
<!-- [交互] 点击跳转至: ./text-chat.html -->
<div class="consult-card" onclick="location.href='./text-chat.html'">
<div class="cc-top"><div class="cc-avatar">👩</div><div class="cc-info"><div class="cc-name">张小红</div><div class="cc-meta">研发部 · 工程师</div></div><span class="tag tag-red">待回复</span></div>
<div class="cc-top"><div class="cc-avatar">👩</div><div class="cc-info"><div class="cc-name">张小红</div><div class="cc-meta">女 · 28岁</div></div><span class="tag tag-red">待回复</span></div>
<div class="cc-bottom"><div class="cc-preview">最近总是头痛，尤其是下午工作时...</div><div style="display:flex;align-items:center;gap:6px;"><span class="cc-time">10:23</span><span class="unread-dot"></span></div></div>
</div>
<!-- [交互] 点击跳转至: ./text-chat.html -->
<div class="consult-card" onclick="location.href='./text-chat.html'">
<div class="cc-top"><div class="cc-avatar">👨</div><div class="cc-info"><div class="cc-name">李建国</div><div class="cc-meta">市场部 · 销售专员</div></div><span class="tag tag-red">待回复</span></div>
<div class="cc-top"><div class="cc-avatar">👨</div><div class="cc-info"><div class="cc-name">李建国</div><div class="cc-meta">男 · 45岁</div></div><span class="tag tag-red">待回复</span></div>
<div class="cc-bottom"><div class="cc-preview">血压最近偏高，想咨询一下用药...</div><div style="display:flex;align-items:center;gap:6px;"><span class="cc-time">09:55</span><span class="unread-dot"></span></div></div>
</div>
<div style="height:16px;"></div>
@@ -116,7 +116,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<div id="wb-text-ongoing" style="display:none;">
<!-- [交互] 点击跳转至: ./text-chat.html -->
<div class="consult-card" onclick="location.href='./text-chat.html'">
<div class="cc-top"><div class="cc-avatar">👨</div><div class="cc-info"><div class="cc-name">陈伟</div><div class="cc-meta">技术部 · 开发工程师</div></div><span class="tag tag-blue">进行中</span></div>
<div class="cc-top"><div class="cc-avatar">👨</div><div class="cc-info"><div class="cc-name">陈伟</div><div class="cc-meta">男 · 32岁</div></div><span class="tag tag-blue">进行中</span></div>
<div class="cc-bottom"><div class="cc-preview">好的，我按您说的方法试试看</div><span class="cc-time">昨天</span></div>
</div>
<div style="height:16px;"></div>
@@ -125,7 +125,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<div id="wb-text-done" style="display:none;">
<!-- [交互] 点击跳转至: ./text-consult-done.html -->
<div class="consult-card" onclick="location.href='./text-consult-done.html'">
<div class="cc-top"><div class="cc-avatar">👨</div><div class="cc-info"><div class="cc-name">赵磊</div><div class="cc-meta">运营部 · 运营专员</div></div><span class="tag tag-gray">已完成</span></div>
<div class="cc-top"><div class="cc-avatar">👨</div><div class="cc-info"><div class="cc-name">赵磊</div><div class="cc-meta">男 · 35岁</div></div><span class="tag tag-gray">已完成</span></div>
<div class="cc-bottom"><div class="cc-preview">感谢医生，问题已解决</div><span class="cc-time">08:40</span></div>
</div>
<div style="height:16px;"></div>
@@ -138,14 +138,14 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<div class="seg-tabs">
<div class="seg-tab active" onclick="switchWorkTab(this,'wb-video-pending')">待确认<span class="badge">1</span></div>
<div class="seg-tab" onclick="switchWorkTab(this,'wb-video-ongoing')">进行中<span class="badge" style="background:#fa8c16;">1</span></div>
<div class="seg-tab" onclick="switchWorkTab(this,'wb-video-done')">已完成</div>
<div class="seg-tab" onclick="switchWorkTab(this,'wb-video-done')">已结束</div>
</div>
<div class="scroll-content">
<!-- 视频待确认列表 -->
<div id="wb-video-pending">
<!-- [交互] 点击跳转至: ./video-appt.html -->
<div class="consult-card" onclick="location.href='./video-appt.html'">
<div class="cc-top"><div class="cc-avatar" style="background:linear-gradient(135deg,#ffe0e0,#ffb3b3);">👩</div><div class="cc-info"><div class="cc-name">王芳</div><div class="cc-meta">人事部 · HR专员</div></div><span class="tag tag-orange">待确认</span></div>
<div class="cc-top"><div class="cc-avatar" style="background:linear-gradient(135deg,#ffe0e0,#ffb3b3);">👩</div><div class="cc-info"><div class="cc-name">王芳</div><div class="cc-meta">女 · 30岁</div></div><span class="tag tag-orange">待确认</span></div>
<div class="cc-bottom"><div class="cc-preview">预约时间：今日 14:00–14:30</div><span class="cc-time">09:30</span></div>
</div>
<div style="height:16px;"></div>
@@ -154,18 +154,28 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<div id="wb-video-ongoing" style="display:none;">
<!-- [交互] 点击跳转至: ./video-ongoing.html -->
<div class="consult-card" onclick="location.href='./video-ongoing.html'">
<div class="cc-top"><div class="cc-avatar" style="background:linear-gradient(135deg,#f6ffed,#b7eb8f);">👩</div><div class="cc-info"><div class="cc-name">刘梅</div><div class="cc-meta">财务部 · 会计</div></div><span class="tag tag-green">进行中</span></div>
<div class="cc-top"><div class="cc-avatar" style="background:linear-gradient(135deg,#f6ffed,#b7eb8f);">👩</div><div class="cc-info"><div class="cc-name">刘梅</div><div class="cc-meta">女 · 38岁</div></div><span class="tag tag-green">进行中</span></div>
<div class="cc-bottom"><div class="cc-preview">预约时间：今日 14:00–14:30 · 已确认</div><span class="cc-time">14:00</span></div>
</div>
<div style="height:16px;"></div>
</div>
<!-- 视频已完成列表 -->
<!-- 视频已结束列表 -->
<div id="wb-video-done" style="display:none;">
<!-- [交互] 点击跳转至: ./video-done.html -->
<div class="consult-card" onclick="location.href='./video-done.html'">
<div class="cc-top"><div class="cc-avatar" style="background:linear-gradient(135deg,#ffe0e0,#ffb3b3);">👩</div><div class="cc-info"><div class="cc-name">孙丽</div><div class="cc-meta">行政部 · 行政专员</div></div><span class="tag tag-gray">已完成</span></div>
<div class="cc-top"><div class="cc-avatar" style="background:linear-gradient(135deg,#ffe0e0,#ffb3b3);">👩</div><div class="cc-info"><div class="cc-name">孙丽</div><div class="cc-meta">女 · 29岁</div></div><span class="tag tag-gray">已完成</span></div>
<div class="cc-bottom"><div class="cc-preview">⭐⭐⭐⭐⭐ 非常专业，感谢！</div><span class="cc-time">昨天</span></div>
</div>
<!-- [交互] 点击跳转至: ./video-done.html -->
<div class="consult-card" onclick="location.href='./video-done.html'">
<div class="cc-top"><div class="cc-avatar" style="background:linear-gradient(135deg,#e8f4ff,#bdd7ff);">👨</div><div class="cc-info"><div class="cc-name">周明</div><div class="cc-meta">男 · 33岁</div></div><span class="tag tag-gray">已取消</span></div>
<div class="cc-bottom"><div class="cc-preview">用户取消：临时有会议冲突</div><span class="cc-time">昨天</span></div>
</div>
<!-- [交互] 点击跳转至: ./video-done.html -->
<div class="consult-card" onclick="location.href='./video-done.html'">
<div class="cc-top"><div class="cc-avatar" style="background:linear-gradient(135deg,#fff7e6,#ffd591);">👩</div><div class="cc-info"><div class="cc-name">吴静</div><div class="cc-meta">女 · 26岁</div></div><span class="tag tag-red">已拒绝</span></div>
<div class="cc-bottom"><div class="cc-preview">该时段已有其他预约安排</div><span class="cc-time">前天</span></div>
</div>
<div style="height:16px;"></div>
</div>
</div>
emergency-app/expert/workbench/text-chat.html
+43 -11
View File
@@ -32,6 +32,20 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
.modal-box .modal-actions button { flex: 1; padding: 14px; font-size: 16px; cursor: pointer; background: none; border: none; }
.modal-box .modal-actions button:first-child { color: #666; border-right: 1px solid #f0f0f0; }
.modal-box .modal-actions button:last-child { color: #1677ff; font-weight: 600; }
/* 咨询人档案卡片 */
.bubble-record { max-width: 260px; border-radius: 0 12px 12px 12px; overflow: hidden; background: #fff; border: 1px solid #e8e8e8; box-shadow: 0 1px 4px rgba(0,0,0,0.06); cursor: pointer; }
.bubble-record__header { display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: linear-gradient(135deg, #e8f4ff, #bae0ff); }
.bubble-record__avatar { width: 32px; height: 32px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; }
.bubble-record__name { font-size: 13px; font-weight: 600; color: #333; }
.bubble-record__meta { font-size: 11px; color: #666; }
.bubble-record__body { padding: 10px 12px; }
.bubble-record__title { font-size: 13px; font-weight: 600; color: #333; margin-bottom: 4px; }
.bubble-record__desc { font-size: 12px; color: #666; line-height: 1.5; }
.bubble-record__tags { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 6px; }
.bubble-record__tag { font-size: 10px; padding: 2px 6px; border-radius: 4px; }
.bubble-record__tag--blue { color: #1677ff; background: #e8f4ff; }
.bubble-record__tag--orange { color: #d46b08; background: #fff7e6; }
.bubble-record__footer { display: flex; align-items: center; justify-content: flex-end; padding: 6px 12px 10px; font-size: 12px; color: #1677ff; gap: 2px; }
</style>
</head>
<body>
@@ -54,21 +68,39 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<button class="nav-right" onclick="openModal('modal-end-confirm')">结束咨询</button>
</div>
<!-- 员工信息条 -->
<div style="background:#f0f7ff;padding:10px 16px;display:flex;align-items:center;gap:10px;flex-shrink:0;border-bottom:1px solid #ddeeff;">
<div style="width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ffe0e0,#ffb3b3);display:flex;align-items:center;justify-content:center;font-size:16px;">👩</div>
<div style="flex:1;">
<div style="font-size:13px;font-weight:600;color:#1a1a1a;">张小红 · 研发部</div>
<div style="font-size:11px;color:#666;">图文咨询 · 2026-04-08 10:20 发起</div>
</div>
<!-- [交互] 点击跳转至: ./employee-profile.html -->
<button onclick="location.href='./employee-profile.html'" style="font-size:12px;color:#1677ff;background:none;border:1px solid #1677ff;border-radius:6px;padding:4px 10px;cursor:pointer;">查看档案</button>
</div>
<!-- 消息区 -->
<div class="scroll-content" id="chat-scroll" style="padding:12px 16px;">
<!-- 时间标记 -->
<div style="text-align:center;margin:8px 0;"><span style="font-size:11px;color:#bbb;background:#ebebeb;padding:3px 10px;border-radius:10px;">10:20</span></div>
<!-- [交互] 咨询人档案卡片（首发消息）- 点击查看详情跳转咨询人档案页 -->
<div style="display:flex;gap:8px;margin-bottom:14px;">
<div style="width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ffe0e0,#ffb3b3);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;">👩</div>
<div><div style="font-size:11px;color:#999;margin-bottom:4px;">张小红</div>
<div class="bubble-record" onclick="location.href='./consult-person-detail.html'">
<div class="bubble-record__header">
<div class="bubble-record__avatar">👩</div>
<div>
<div class="bubble-record__name">张小红 · 女 · 28岁</div>
<div class="bubble-record__meta">165cm · 50kg · 不吸烟 · 睡眠一般</div>
</div>
</div>
<div class="bubble-record__body">
<div class="bubble-record__title">头痛咨询</div>
<div class="bubble-record__desc">最近总是头痛，尤其是下午工作时特别明显，已持续一周</div>
<div class="bubble-record__tags">
<span class="bubble-record__tag bubble-record__tag--orange">持续时间：1周</span>
</div>
<div class="bubble-record__images">
<img class="bubble-record__img" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Crect fill='%23e8f4ff' width='56' height='56'/%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.3em' fill='%231677ff' font-size='10'%3E检查1%3C/text%3E%3C/svg%3E" alt="图片">
<img class="bubble-record__img" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Crect fill='%23fff7e6' width='56' height='56'/%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='.3em' fill='%23d46b08' font-size='10'%3E患处%3C/text%3E%3C/svg%3E" alt="图片">
</div>
</div>
</div>
</div>
</div>
<!-- 员工消息（左侧） -->
<div style="display:flex;gap:8px;margin-bottom:14px;">
<div style="width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ffe0e0,#ffb3b3);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;">👩</div>
@@ -82,7 +114,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<div><div style="font-size:11px;color:#999;margin-bottom:4px;">张小红</div>
<div style="background:#fff;border-radius:0 12px 12px 12px;padding:8px;box-shadow:0 1px 4px rgba(0,0,0,0.06);">
<div style="width:140px;height:90px;background:linear-gradient(135deg,#e8f4ff,#c5deff);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:28px;">🩺</div>
<div style="font-size:11px;color:#999;margin-top:4px;">体检报告.jpg</div>
<div style="font-size:11px;color:#999;margin-top:4px;">体检报告</div>
</div>
</div>
</div>
emergency-app/expert/workbench/text-consult-done.html
+5 -26
View File
@@ -80,32 +80,11 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<svg width="7" height="12" viewBox="0 0 7 12" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M1 1l5 5-5 5"/></svg>
</div>
<!-- 咨询人健康档案（可折叠） -->
<div class="profile-collapsible" style="background:#fff;border-radius:12px;margin-bottom:12px;box-shadow:0 1px 6px rgba(0,0,0,0.06);overflow:hidden;">
<!-- [交互] 点击展开/收起档案 -->
<div onclick="toggleProfile(this)" style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;">
<span style="font-size:14px;font-weight:600;color:#1a1a1a;">📋 咨询人健康档案</span>
<span class="profile-arrow" style="font-size:12px;color:#999;transition:transform 0.2s;">∨</span>
</div>
<div class="profile-body" style="display:none;padding:0 16px 14px;">
<!-- 基本信息 -->
<div style="font-size:12px;font-weight:600;color:#1677ff;margin:4px 0 6px;">基本信息</div>
<div style="display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f5f5f5;"><span style="font-size:13px;color:#999;">姓名</span><span style="font-size:13px;color:#1a1a1a;">赵磊</span></div>
<div style="display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f5f5f5;"><span style="font-size:13px;color:#999;">性别 / 年龄</span><span style="font-size:13px;color:#1a1a1a;">男 / 32岁</span></div>
<div style="display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f5f5f5;"><span style="font-size:13px;color:#999;">身高 / 体重</span><span style="font-size:13px;color:#1a1a1a;">175 cm / 70 kg</span></div>
<!-- 生活习惯 -->
<div style="font-size:12px;font-weight:600;color:#52c41a;margin:10px 0 6px;">生活习惯</div>
<div style="display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f5f5f5;"><span style="font-size:13px;color:#999;">吸烟</span><span style="font-size:13px;color:#1a1a1a;">否</span></div>
<div style="display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f5f5f5;"><span style="font-size:13px;color:#999;">饮酒</span><span style="font-size:13px;color:#1a1a1a;">偶尔</span></div>
<div style="display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f5f5f5;"><span style="font-size:13px;color:#999;">饮食喜好</span><span style="font-size:13px;color:#1a1a1a;">均衡</span></div>
<div style="display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f5f5f5;"><span style="font-size:13px;color:#999;">睡眠质量</span><span style="font-size:13px;color:#fa8c16;">较差</span></div>
<!-- 身体情况 -->
<div style="font-size:12px;font-weight:600;color:#fa8c16;margin:10px 0 6px;">身体情况</div>
<div style="display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f5f5f5;"><span style="font-size:13px;color:#999;">过敏史</span><span style="font-size:13px;color:#1a1a1a;">无</span></div>
<div style="display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f5f5f5;"><span style="font-size:13px;color:#999;">遗传史</span><span style="font-size:13px;color:#1a1a1a;">无</span></div>
<div style="display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f5f5f5;"><span style="font-size:13px;color:#999;">既往史</span><span style="font-size:13px;color:#1a1a1a;">无</span></div>
<div style="display:flex;justify-content:space-between;padding:6px 0;"><span style="font-size:13px;color:#999;">其他疾病</span><span style="font-size:13px;color:#1a1a1a;">失眠</span></div>
</div>
<!-- [交互] 点击跳转至: ./consult-person-detail.html 查看咨询人健康档案 -->
<div onclick="location.href='./consult-person-detail.html'" style="background:#fff;border-radius:12px;margin-bottom:12px;box-shadow:0 1px 6px rgba(0,0,0,0.06);display:flex;align-items:center;padding:14px 16px;cursor:pointer;">
<span style="font-size:16px;margin-right:10px;">📋</span>
<span style="font-size:14px;font-weight:600;color:#1a1a1a;flex:1;">咨询人健康档案</span>
<svg width="7" height="12" viewBox="0 0 7 12" fill="none" stroke="#ccc" stroke-width="1.5"><path d="M1 1l5 5-5 5"/></svg>
</div>
<div style="height:16px;"></div>