r105/order_detail.html · 约 1902 字符
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">11 <div class="navbar"><a class="back" href="orders.html">‹</a><span class="ttl">订单详情</span></div>12 <div id="obox"></div>13 <div id="tab-holder"></div>14</div>1516<script src="data.js"></script>17<script src="cart.js"></script>18<script>19var oid = xcParam('oid');20var orders = xcGetOrders();21var o = null;22for (var i=0;i<orders.length;i++){ if (orders[i].oid===oid){ o=orders[i]; break; } }2324function render(){25 var box = document.getElementById('obox');26 if (!o){ box.innerHTML = '<div class="empty">订单不存在或已清空</div>'; return; }27 var h = '';28 h += '<div class="sect"><div class="lab">订单信息</div>'+29 '<div class="kv"><label>订单号</label>'+o.oid+'</div>'+30 '<div class="kv"><label>下单时间</label>'+o.time+'</div>'+31 '<div class="kv"><label>收货地址</label>'+o.addr+'</div></div>';32 h += '<div class="sect"><div class="lab">商品清单（'+o.items.length+' 种）</div><div class="list">';33 o.items.forEach(function(it){34 h += '<div class="row">'+35 '<div class="l"><div class="t">'+it.emoji+' '+it.name+'</div>'+36 '<div class="s">'+it.specLabel+' · '+it.unit+' · ×'+it.qty+'</div></div>'+37 '<div class="r"><span class="price">'+xcFmt(it.price*it.qty)+'</span></div>'+38 '</div>';39 });40 h += '</div></div>';41 h += '<div class="cartbar"><div class="total">订单合计 <span style="color:var(--red)">'+xcFmt(o.total)+'</span></div>'+42 '<button class="btn btn-green btn-lg" style="padding:9px 22px" onclick="location.href=\'index.html\'">再逛逛</button></div>';43 box.innerHTML = h;44}45render();46</script>47</body>48</html>49