编辑页面

`; }; /* ---- 提交成功 ---- */ SCREENS.success = () => { const o = state.live || { no:'HP202610090023', period:'中餐', eta:'12:20', amount:39.00 }; return ` `; }; /* ---- 非订餐时段 ---- */ SCREENS.closed = () => ` `; /* ---- 订单列表 ---- */ function statusSteps(cur, tags=true){ const labels = tags ? ['待制作','制作中','已取餐','配送中','已送达'] : STATUS; return ``; } SCREENS.orders = () => { const live = state.live; const isCurrent = state.orderTab==='current'; const hist = state.orders; return ` `; }; /* ---- 订单详情 ---- */ SCREENS.orderDetail = () => { const o = state.live || { no:'HP202610090023', status:1, amount:39, eta:'12:20', period:'中餐', dishes:[] }; const isDone = o.status>=4; return ` ${o.status<4 ? ` ` : ` `}`; }; /* ---- 健康专区 ---- */ SCREENS.zones = () => ` `; /* ---- 专区文章列表 ---- */ SCREENS.zoneList = () => { const z = ZONES.find(x=>x.id===state.zoneView) || ZONES[0]; const list = ARTICLES[z.id] || []; return ` `; }; /* ---- 文章详情 ---- */ SCREENS.article = () => { const z = ZONES.find(x=>x.id===state.zoneView) || ZONES[0]; const a = state.articleView || (ARTICLES[z.id]||[])[0] || {t:'',s:'',g:''}; const fav = state.favorite.includes('art:'+a.t); return ` `; }; /* ---- 个人中心 ---- */ SCREENS.me = () => ` `; /* ---- 我的收藏 ---- */ SCREENS.favorites = () => { const arts = state.favorite.filter(f=>f.startsWith('art:')).map(f=>f.slice(4)); const dis = state.favorite.filter(f=>!f.startsWith('art:')); if(!arts.length && !dis.length) return ``; return ` `; }; /* ---- 意见反馈 ---- */ SCREENS.feedback = () => ` `; /* ---- 联系客服 ---- */ SCREENS.service = () => ` `; /* ================== 主渲染 ================== */ function render(){ const p = current(); const s = $('#screen'); s.innerHTML = (SCREENS[p.page] || (()=>''))(); s.classList.remove('fade'); void s.offsetWidth; s.classList.add('fade'); renderChrome(p); renderSitemapActive(p.page); s.scrollTop = 0; } function renderSitemapActive(page){ const map = { ward:['ward'], wardEdit:['wardEdit'], home:['home'], dish:['dish'], cart:['cart'], confirm:['confirm'], success:['success'], closed:['closed'], orders:['orders'], orderDetail:['orderDetail'], zones:['zones'], zoneList:['zoneList'], article:['article'], me:['me'], favorites:['favorites'], feedback:['feedback'], service:['service'], scan:['scan'], login:['login'] }; const keys = map[page] || []; document.querySelectorAll('.sm-item').forEach(el=>el.classList.toggle('on', keys.includes(el.dataset.nav))); } /* ================== 手势 / 交互 ================== */ function popup(html){ const l = $('#layer'); l.innerHTML = ``; } $('#layer').addEventListener('click', e=>{ if(e.target.closest('[data-stop]')) return; if(e.target.classList.contains('mask')) $('#layer').innerHTML=''; }); document.addEventListener('click', e=>{ // 页面地图 const sm = e.target.closest('.sm-item'); if(sm){ const t = sm.dataset.nav; if(TABS.includes(t)) tabTo(t); else { stack=[{page:t}]; render(); } return; } // 底部标签 const tab = e.target.closest('.tab'); if(tab){ state.orderTab='current'; tabTo(tab.dataset.tab); return; } const go = e.target.closest('[data-tab-go]'); if(go){ tabTo(go.dataset.tabGo); return; } const navEl = e.target.closest('[data-nav]'); if(navEl){ const id = navEl.dataset.id; const page = navEl.dataset.nav; const params = {}; if(id){ if(page==='dish') params.dishView = id; if(page==='zoneList') params.zoneView = id; } nav(page, params); return; } const cat = e.target.closest('[data-cat]'); if(cat){ state.cat_ = cat.dataset.cat; render(); return; } const per = e.target.closest('[data-period]'); if(per){ state.session = per.dataset.p; document.querySelectorAll('#segPeriod button').forEach(b=>b.classList.toggle('on', b.dataset.p===state.session)); if(TABS.includes(current().page)) render(); toast('已切换为「'+PERIODS[state.session].name+'」'); return; } const ot = e.target.closest('[data-otab]'); if(ot){ state.orderTab = ot.dataset.otab; render(); return; } const fb = e.target.closest('[data-fb]'); if(fb){ state.fbType = fb.dataset.fb; render(); return; } const act = e.target.closest('[data-act]'); if(!act) return; const id = act.dataset.id; switch(act.dataset.act){ case 'back': back(); break; case 'scan': nav('login'); break; case 'login': state.logged = true; if(!state.ward.name) state.ward.name = '张桂芬'; stack=[{page:'ward'}]; render(); toast('登录成功'); break; case 'skipLogin': stack=[{page:'ward'}]; render(); break; case 'logout': state.logged=false; render(); toast('已退出登录'); break; case 'toggleSave': state.ward.save = !state.ward.save; render(); break; case 'wardSubmit': { const w = state.ward; if(!w.building||!w.floor||!w.bed){ toast('请完整选择楼栋/楼层/床位'); return; } if(!w.name.trim()){ toast('请填写患者姓名'); return; } w.filled = true; stack=[{page:'home'}]; state.activeTab='home'; render(); toast('病房信息已保存'); break; } case 'inc': state.cart[id]=(state.cart[id]||0)+1; render(); break; case 'dec': { const q=(state.cart[id]||0)-1; if(q<=0) delete state.cart[id]; else state.cart[id]=q; render(); break; } case 'openCart': stack.push({page:'cart'}); render(); break; case 'clearCart': state.cart={}; render(); toast('购物车已清空'); break; case 'submit': { const items = Object.entries(state.cart).filter(([,q])=>q>0); if(!items.length){ toast('购物车为空'); return; } const amount = +(cartTotal()+1).toFixed(2); state.live = { no:'HP'+Date.now().toString().slice(-12), status:0, amount, eta:'12:20', period:PERIODS[state.session].name, dishes: items.map(([i,q])=>[i,q]) }; state.cart={}; state.remark=''; stack=[{page:'success'}]; render(); break; } case 'advance': { if(!state.live) return; state.live.status = Math.min(4, state.live.status+1); if(state.live.status===4){ state.orders.unshift({no:state.live.no, status:4, dishes:state.live.dishes, amount:state.live.amount, time:'2026-10-09 11:48', period:state.live.period, rated:false}); state.live = null; state.orderTab='history'; } render(); toast(state.live? '状态已更新：'+STATUS[state.live.status] : '订单已完成'); break; } case 'cancel': popup(`

确认取消订单？

制作开始前可取消，退款将原路返回

`); break; case 'doCancel': state.live = null; $('#layer').innerHTML=''; state.orderTab='current'; stack=[{page:'orders'}]; render(); toast('订单已取消'); break; case 'closePop': $('#layer').innerHTML=''; break; case 'fav': { const d = state.dishView, i = state.favorite.indexOf(d); if(i>=0){ state.favorite.splice(i,1); toast('已取消收藏'); } else { state.favorite.push(d); toast('已加入收藏'); } render(); break; } case 'favArt': { const t = 'art:'+act.dataset.t, i = state.favorite.indexOf(t); if(i>=0){ state.favorite.splice(i,1); toast('已取消收藏'); } else { state.favorite.push(t); toast('已加入收藏'); } render(); break; } case 'openArticle': state.articleView = (ARTICLES[state.zoneView]||[])[+act.dataset.i]; nav('article'); break; case 'openFavArt': { state.zoneView = act.dataset.z; state.articleView = (ARTICLES[act.dataset.z]||[]).find(a=>a.t===act.dataset.t); nav('article'); break; } case 'rebuy': { const o = state.orders.find(x=>x.no===act.dataset.no) || state.live; if(!o) return; state.cart = {}; o.dishes.forEach(([i,q])=>state.cart[i]=(state.cart[i]||0)+q); tabTo('home'); toast('已加入购物车，可直接结算'); break; } case 'rate': toast('感谢您的评价 ⭐⭐⭐⭐⭐'); break; case 'home': tabTo('home'); break; case 'contact': nav('service'); break; case 'call': toast('正在呼叫 0755-8888 6666…'); break; case 'submitFb': toast('反馈已提交，我们会尽快处理'); setTimeout(()=>{ stack=[{page:'me'}]; render(); }, 700); break; } }); // 表单联动 document.addEventListener('change', e=>{ const sel = e.target.closest('[data-sel]'); if(sel){ const k = sel.dataset.sel; if(k==='building'){ state.ward.building = sel.value; state.ward.floor=''; state.ward.bed=''; } else if(k==='floor'){ state.ward.floor = sel.value; state.ward.bed=''; } else if(k==='bed'){ state.ward.bed = sel.value; } render(); return; } }); document.addEventListener('input', e=>{ const inp = e.target.closest('[data-inp]'); if(!inp) return; const k = inp.dataset.inp; if(k==='remark') state.remark = inp.value; else state.ward[k] = inp.value; }); /* 时段按钮 */ document.querySelectorAll('#segPeriod button').forEach(b=>{ b.addEventListener('click', ()=>{ state.session = b.dataset.p; document.querySelectorAll('#segPeriod button').forEach(x=>x.classList.toggle('on', x===b)); if(TABS.includes(current().page)) render(); toast('模拟时段：'+PERIODS[state.session].name); }); }); /* 初始 */ render();