prescription.html · 约 2901 字符
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">💊 电子处方</div>12 <h1 id="topTitle">复诊开药</h1>13 <div class="sub" id="topSub">在线续方 · 药师审核 · 药品配送到家</div>14 </div>1516 <div class="notice"><span class="ic">✅</span> 电子处方已通过合理用药审核与药师复核，依据互联网诊疗规范开具。</div>1718 <div id="rxList"></div>1920 <div class="card" style="border:1px dashed var(--brand)">21 <div style="font-weight:800;color:var(--brand-d)">🔄 慢病在线续方</div>22 <div class="ds" style="margin:6px 0 12px">高血压、糖尿病等慢病患者可引用历史处方一键续方，医生审核后流转药房。</div>23 <button class="btn full" onclick="refill()">申请在线续方（演示）</button>24 </div>2526 <div class="card">27 <div style="font-weight:700;margin-bottom:8px">📦 配送与取药</div>28 <div class="kv"><span class="k">配送方式</span><span>快递到家 / 就近药店自取</span></div>29 <div class="kv"><span class="k">审核时效</span><span>药师 2 小时内审核</span></div>30 <div class="kv"><span class="k">医保支付</span><span>支持医保在线结算</span></div>31 <div class="kv"><span class="k">用药咨询</span><span>药师 7×24 在线</span></div>32 </div>3334 <div class="section-gap"></div>35 <div class="tabbar" id="tabbar"></div>36 <script src="data.js"></script><script src="app.js"></script>37 <script>38 document.getElementById('rxList').innerHTML = PRESCRIPTIONS.map(rx=>39 `<div class="rx">40 <div class="hd">41 <div><div style="font-weight:800">处方号 ${rx.no}</div>42 <div class="ds" style="font-size:12px;color:var(--text-mute)">${rx.dept} · ${rx.doctor} · ${rx.date}</div></div>43 <span class="pill g">${rx.status}</span>44 </div>45 ${rx.drugs.map(dg=>`<div class="drug"><span class="dn">${dg.n}</span><span>${dg.s}</span></div>46 <div class="du">用法：${dg.u}</div>`).join('')}47 <div class="ds" style="margin-top:8px;background:var(--surface2);padding:8px 10px;border-radius:10px">医嘱：${rx.note}</div>48 <div class="row" style="margin-top:10px;gap:8px">49 ${rx.refill?`<button class="btn ghost sm" onclick="refill('${rx.no}')">再次续方</button>`:''}50 <button class="btn sm" onclick="toast('演示：已加入购药车')">配送到家</button>51 </div>52 </div>`53 ).join('');5455 function refill(no){56 toast(no ? ('已提交续方申请 '+no+'（演示）') : '已提交在线续方申请（演示）');57 }58 renderTab('记录');59 </script>60</body>61</html>62