r69/node.html · 约 2432 字符
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 <header class="top">
12 <div class="top-l">员工端</div>
13 <div class="top-r">节点更新</div>
14 </header>
15 <main class="main">
16<div class="card row"><div class="muted">运单 SF7382910556</div><span class="badge b-pri">派送中</span></div>
17<div class="card">
18 <div class="sec-title"><span class="em">🔄</span> 物流节点状态</div>
19 <div class="timeline">
20 <div class="tl-item on"><div class="t">揽收 · 已揽收</div><div class="d">上海张江点 · 07-16 09:12</div></div><div class="tl-item on"><div class="t">运输 · 运输中</div><div class="d">上海→杭州 · 07-16 21:40</div></div><div class="tl-item on"><div class="t">分拨 · 到达分拨</div><div class="d">杭州转运中心 · 07-17 06:08</div></div><div class="tl-item cur"><div class="t">派送 · 派送中</div><div class="d">派送员 王磊 · 07-17 09:25</div></div><div class="tl-item "><div class="t">签收 · 待签收</div><div class="d">— · —</div></div>
21 </div>
22</div>
23<div class="card">
24 <div class="sec-title"><span class="em">⚙️</span> 切换下一节点</div>
25 <div class="seg" style="margin-bottom:10px">
26 <div class="sg on"><button>揽收</button></div><div class="sg"><button>运输</button></div>
27 <div class="sg"><button>派送</button></div><div class="sg"><button>签收</button></div></div>
28 <div class="switch on" onclick="this.classList.toggle('on')" style="margin-bottom:10px"></div>
29 <div class="muted">开启后点击「确认提交」即更新该节点时间。</div>
30</div>
31<a class="btn full" href="track.html" style="text-decoration:none;text-align:center">确认提交</a>
32</main>
33 <nav class="nav"><a class="" href="create.html"><span class="ic">📝</span>运单录入</a><a class=" on" href="node.html"><span class="ic">🔄</span>节点更新</a><a class="" href="assign.html"><span class="ic">🚚</span>分配</a><a class="" href="report.html"><span class="ic">📊</span>报表</a><a class="" href="except.html"><span class="ic">⚠️</span>异常</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
34</div>
35<script></script>
36</body>
37</html>