<!DOCTYPE html>
|
<html lang="zh-CN">
|
<head>
|
<meta charset="utf-8"/>
|
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/>
|
<title>订单发货</title>
|
<link rel="stylesheet" href="css.css"/>
|
</head>
|
<body>
|
<div class="wrap">
|
<div class="page-head">
|
<h1>订单发货</h1>
|
<a class="back-link" href="home.html">返回工作台</a>
|
</div>
|
<div class="card">
|
<select id="status" onchange="load()">
|
<option value="1">待发货</option>
|
<option value="">全部</option>
|
<option value="2">待收货</option>
|
<option value="3">待评价</option>
|
<option value="4">已完成</option>
|
</select>
|
<div id="list"></div>
|
</div>
|
</div>
|
<script src="app.js"></script>
|
<script>
|
var names = ["待付款","待发货","待收货","待评价","交易完成","退款中","已退款","已关闭"];
|
function load() {
|
api("/app/order/sorter/orderPage", { page: 1, size: 50, status: $("status").value }).then(function (res) {
|
var list = (res && res.list) || [];
|
if (!list.length) { $("list").innerHTML = "<div class='muted'>暂无订单</div>"; return; }
|
$("list").innerHTML = list.map(function (o) {
|
var goods = (o.goodsList || []).map(function (g) { return (g.title || g.goodsInfo && g.goodsInfo.title || "") + " x" + (g.count || 1); }).join("，");
|
var addr = o.address ? ((o.address.contact || "") + " " + (o.address.phone || "") + "<br>" + (o.address.address || o.address.detail || "")) : "";
|
return "<div class='item'><b>" + (o.nickName || "") + "</b> " + (o.orderNum || "") +
|
"<div class='muted'>" + (names[o.status] || o.status) + " · ￥" + o.price + "</div>" +
|
"<div class='muted'>" + goods + "</div><div class='muted'>" + addr + "</div>" +
|
(o.status == 1 ? "<button class='btn' onclick='deliver(" + o.id + ")'>现场发放</button>" : "") +
|
"</div>";
|
}).join("");
|
}).catch(function (e) { toast(e.message); });
|
}
|
function deliver(id) {
|
api("/app/order/sorter/deliver", { orderId: id }).then(function () {
|
toast("已现场发放"); load();
|
}).catch(function (e) { toast(e.message); });
|
}
|
load();
|
</script>
|
</body>
|
</html>
|
