index.html · 约 3525 字符
1<!DOCTYPE html>2<html lang="zh-CN">3<head>4<meta charset="utf-8">5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">6<title>小草医院 · 网络咨询管理系统</title>7<link rel="stylesheet" href="style.css">8</head>9<body>10 <div class="app-top">11 <div class="loc">📍 南京 · <span id="topLoc">小草医院 互联网门诊</span></div>12 <h1 id="topTitle">小草医院</h1>13 <div class="sub" id="topSub">网络咨询管理系统 · 在线问诊 · 智能导诊</div>14 <div class="top-search" onclick="go('triage.html')"><span class="ico">🔍</span> 描述症状，AI 智能导诊推荐科室</div>15 </div>1617 <div class="grid4" id="quickGrid"></div>1819 <div class="banner" onclick="go('consult.html')">20 <h3>🤖 AI 智能导诊</h3>21 <p>输入不适部位或症状，秒级推荐合适科室与医生，避免挂错号跑错科</p>22 <span class="go">立即体验 →</span>23 </div>2425 <div class="notice"><span class="ic">⏰</span> 您有 1 条用药提醒待处理：氨氯地平片 今日 08:00 待服用</div>2627 <div class="sec-title"><h2>推荐名医</h2><span class="more" onclick="go('doctors.html')">全部 ›</span></div>28 <div class="list" id="docList"></div>2930 <div class="sec-title"><h2>健康资讯</h2><span class="more">更多 ›</span></div>31 <div class="list" id="newsList"></div>3233 <div class="section-gap"></div>34 <div class="tabbar" id="tabbar"></div>35 <script src="data.js"></script><script src="app.js"></script>36 <script>37 const quick = [38 {em:'🤖', lb:'智能导诊', de:'症状分诊', p:'triage.html'},39 {em:'💬', lb:'在线问诊', de:'图文/语音/视频', p:'consult.html'},40 {em:'💊', lb:'复诊开药', de:'电子处方', p:'prescription.html'},41 {em:'📋', lb:'就诊记录', de:'历史与报告', p:'records.html'},42 {em:'🏥', lb:'预约挂号', de:'分时段号源', p:'consult.html'},43 {em:'👤', lb:'健康档案', de:'会员与家人', p:'profile.html'},44 {em:'💡', lb:'健康宣教', de:'科普推送', p:'profile.html'},45 {em:'📞', lb:'用药提醒', de:'按时服药', p:'profile.html'},46 ];47 document.getElementById('quickGrid').innerHTML = quick.map(q=>48 `<div class="tile" onclick="go('${q.p}')"><div class="emo">${q.em}</div><div class="lb">${q.lb}</div><div class="de">${q.de}</div></div>`49 ).join('');5051 document.getElementById('docList').innerHTML = DOCTORS.slice(0,3).map(d=>52 `<div class="doc" onclick="go('chat.html?id=${d.id}')">53 <div class="avatar">${d.name[0]}</div>54 <div class="row" style="flex:1">55 <div style="flex:1">56 <div class="nm">${d.name} <span style="font-weight:500;color:var(--text-mute);font-size:12px">${d.title}</span></div>57 <div class="mt">${d.dept} · ${d.hospital} · ${d.good}</div>58 <div class="rt">⭐ ${d.rating} · 已服务 ${d.consults} 人${d.online?' · <span style="color:var(--brand-d)">在线</span>':''}</div>59 </div>60 <button class="btn sm" onclick="event.stopPropagation();go('chat.html?id=${d.id}')">问诊</button>61 </div>62 </div>`63 ).join('');6465 document.getElementById('newsList').innerHTML = NEWS.map(n=>66 `<div class="item"><span class="ic">📰</span><div style="flex:1"><div class="tt">${n.title}</div><div class="ds">${n.tag} · ${n.date}</div></div><span class="ar">›</span></div>`67 ).join('');6869 renderTab('首页');70 </script>71</body>72</html>73