某杰废品回收站_H5/orders.html · 约 4175 字符
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
11<header class="header"><a class="back" onclick="history.back()">‹</a><h1>回收订单</h1><span class="right"></span></header>
12<div class="order-tabs">
13 <a class="active">进行中</a><a>已完成</a><a>已取消</a>
14</div>
15<div class="track-bar">
16 <div class="tb-ico">🚴</div>
17 <div class="tb-body"><b>回收员 李师傅 已出发</b><span>距您 1.2km · 预计 13:45 到达 · 已服务 1860 单</span></div>
18 <div class="tb-btn" data-toast="已查看回收员实时位置">看位置</div>
19</div>
20<div class="order-card">
21 <div class="oc-head"><span>预约单 2026-09-11 13:05 <span class="tag">单号 HS202609111305</span></span><span class="st">上门中</span></div>
22 <div class="oc-goods"><div class="og-img">📦</div><div class="og-name">黄板纸箱 ×20 公斤<br/><span style="font-size:11px;color:#9aa8a4">按公斤 · 加价中</span></div><div class="og-price">约 ¥28</div></div>
23 <div class="oc-goods"><div class="og-img">🧴</div><div class="og-name">矿泉水瓶 ×5 公斤</div><div class="og-price">约 ¥11</div></div>
24 <div class="oc-foot"><span>共 2 类 · 预估收益</span><b>¥39 起</b></div>
25 <div class="call-bar">
26 <i data-toast="正在呼叫回收员 138****6688">📞 一键拨号</i>
27 <i data-toast="已修改上门时间">🕐 改期</i>
28 <i class="main" data-toast="已上传实物照片，等待核验">📷 上传照片</i>
29 </div>
30</div>
31<div class="section-title">📡 订单实时进度</div>
32<div class="status-line" id="statusList"></div>
33<div class="weigh-box">
34 <div class="wb-title">⚖️ 称重计价明细（蓝牙秤同步）</div>
35 <div class="weigh-row"><span class="wr-k">黄板纸箱</span><span class="wr-v">20.6 公斤 × ¥1.40 = ¥28.84</span></div>
36 <div class="weigh-row"><span class="wr-k">矿泉水瓶</span><span class="wr-v">5.2 公斤 × ¥2.20 = ¥11.44</span></div>
37 <div class="weigh-row"><span class="wr-k">新人首单加价 10%</span><span class="wr-v" style="color:#dc2626">+ ¥4.03</span></div>
38 <div class="weigh-row"><span class="wr-k">环保积分</span><span class="wr-v" style="color:#059669">+ 258 分</span></div>
39 <div class="weigh-row" style="border-top:1px solid #e6f7f1;margin-top:4px;padding-top:8px"><span class="wr-k" style="font-weight:700">实付结算</span><span class="wr-v" style="color:#dc2626;font-size:15px">¥44.31</span></div>
40</div>
41<div class="order-card" style="margin-top:12px">
42 <div class="oc-head"><span>预约单 2026-09-04 10:20</span><span class="st" style="color:#059669">已完成</span></div>
43 <div class="oc-goods"><div class="og-img">👕</div><div class="og-name">旧衣服 ×15 公斤<br/><span style="font-size:11px;color:#9aa8a4">一袋式混装 · 统货价</span></div><div class="og-price">¥15.00</div></div>
44 <div class="oc-foot"><span>已到账微信零钱 · 获得积分 150</span><b>¥15.00</b></div>
45 <div class="oc-ops"><i class="main">去评价</i><i>再预约一次</i></div>
46</div>
47
48
49<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class="" href="category.html"><span class="icon">💰</span>回收价</a><a class="" href="cart.html"><span class="icon">📋</span>回收单</a><a class="" href="member.html"><span class="icon">🌱</span>环保</a><a class=" active" href="mine.html"><span class="icon">👤</span>我的</a></nav>
50<script src="data.js"></script>
51<script>
52 var sl = document.getElementById('statusList');
53 var h = '';
54 window.DATA.orderStatus.forEach(function (t) {
55 var cls = t.now ? 'now' : (t.done ? 'done' : '');
56 h += '<div class="sl-dot ' + cls + '"><div class="sl-c"></div><div>'
57 + '<div class="sl-title">' + t.title + '</div><div class="sl-time">' + (t.time || '待处理') + '</div></div></div>';
58 });
59 sl.innerHTML = h;
60</script>
61<script src="app.js"></script>
62</body>
63</html>