|
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8"/>
|
|
|
|
<title>Yoho!Buy运营平台</title>
|
|
|
|
<script src="/ufoPlatform/js/include.js"></script>
|
|
|
|
<style>
|
|
|
|
.selected{background: #5bc0de; color:#fff; }
|
|
|
|
</style>
|
|
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
.nav li {float:left; list-style:none;}
|
|
|
|
.nav li a{float:left;text-decoration:none;padding:0.2em 1.6em;border-right:1px solid white;color:black; font-size:14px;}
|
|
|
|
</style>
|
|
|
|
|
|
|
|
</head>
|
|
|
|
<body class="easyui-layout">
|
|
|
|
<div region="north" style="height:320px;">
|
|
|
|
<script>
|
|
|
|
document.write(addHead('订单管理', '订单列表'));
|
|
|
|
</script>
|
|
|
|
<input type="hidden" id="navStatus">
|
|
|
|
<div>
|
|
|
|
<ul id="basicTab" class="nav">
|
|
|
|
<li class="selected"><a href="javascript:switchOrderStatus(0);">全部</a></li>
|
|
|
|
<li><a href="javascript:switchOrderStatus(1);">待卖家付款</a></li>
|
|
|
|
<li><a href="javascript:switchOrderStatus(2);">待卖家发货</a></li>
|
|
|
|
<li><a href="javascript:switchOrderStatus(3);">平台鉴定中</a></li>
|
|
|
|
<li><a href="javascript:switchOrderStatus(4);">平台鉴定中</a></li>
|
|
|
|
<li><a href="javascript:switchOrderStatus(5);">平台已发货</a></li>
|
|
|
|
<li><a href="javascript:switchOrderStatus(6);">订单完成</a></li>
|
|
|
|
<li><a href="javascript:switchOrderStatus(7);">已取消</a></li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<div style="margin-left: 10px;margin-top: 30px">
|
|
|
|
<hr style="border:1px solid #ddd;"><br>
|
|
|
|
<div style="border:1px solid #ddd;border-radius:5px 5px 5px 5px;width:500px:height:200px">
|
|
|
|
<div style="margin-left: 10px;margin-top: 20px;margin-bottom: 20px">
|
|
|
|
<label>订单编号：</label>
|
|
|
|
<input id="orderCode" type="text" class="easyui-textbox" style="width:150px">
|
|
|
|
|
|
|
|
<label>买家UID：</label>
|
|
|
|
<input id="buyerUid" type="text" class="easyui-textbox" style="width:150px"/>
|
|
|
|
|
|
|
|
<label>卖家快递单号：</label>
|
|
|
|
<input id="sellerWaybillCode" type="text" class="easyui-textbox" style="width:150px"/>
|
|
|
|
|
|
|
|
<label>订单状态：</label>
|
|
|
|
<select id="status" class="easyui-combobox" style="width:100px;" >
|
|
|
|
<option value="">全部</option>
|
|
|
|
<option value="0">待买家付款</option>
|
|
|
|
<option value="1">待卖家发货</option>
|
|
|
|
<option value="2">卖家已发货</option>
|
|
|
|
<option value="3">平台鉴定中</option>
|
|
|
|
<option value="4">平台已发货</option>
|
|
|
|
<option value="5">订单完成</option>
|
|
|
|
<option value="10">已取消(买家付款前卖家)</option>
|
|
|
|
<option value="11">已取消(买家付款后卖家)</option>
|
|
|
|
<option value="12">已取消(超时未发货)</option>
|
|
|
|
<option value="13">已取消(鉴定不通过)</option>
|
|
|
|
<option value="14">已取消(支付前取消)</option>
|
|
|
|
<option value="15">已取消(超时未支付)</option>
|
|
|
|
<option value="16">已取消(已支付,卖家发货前取消)</option>
|
|
|
|
<option value="17">已取消(客服取消)</option>
|
|
|
|
</select>
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
<label>商品编码：</label>
|
|
|
|
<input id="productId" type="text" class="easyui-textbox" style="width:150px"/>
|
|
|
|
|
|
|
|
<label> SKU：</label>
|
|
|
|
<input id="sku" type="text" class="easyui-textbox" style="width:150px"/>
|
|
|
|
|
|
|
|
<label> 手机号：</label>
|
|
|
|
<input id="mobile" type="text" class="easyui-textbox" style="width:150px"/>
|
|
|
|
|
|
|
|
<label> SKU-P：</label>
|
|
|
|
<input id="skup" type="text" class="easyui-textbox" style="width:150px"/>
|
|
|
|
|
|
|
|
<a id="searchBtn" class="btn-info">查询</a>
|
|
|
|
<a id="allBtn" class="btn-success">全部</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="orderList" region="center">
|
|
|
|
<table id="orderListTable"></table>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
|
|
$(function() {
|
|
|
|
$("#basicTab li").click(function() {
|
|
|
|
$(this).siblings('li').removeClass('selected'); // 删除其他兄弟元素的样式
|
|
|
|
$(this).addClass('selected'); // 添加当前元素的样式
|
|
|
|
});
|
|
|
|
|
|
|
|
$("#searchBtn").linkbutton({
|
|
|
|
iconCls : "icon-search",
|
|
|
|
onClick : function() {
|
|
|
|
$("#orderListTable").datagrid("load", {
|
|
|
|
navStatus : document.getElementById("navStatus").value,
|
|
|
|
status : $("#status").myCombobox("getValue"),
|
|
|
|
orderCode : $("#orderCode").val(),
|
|
|
|
uid : $("#buyerUid").val(),
|
|
|
|
productId : $("#productId").val(),
|
|
|
|
storageId : $("#sku").val(),
|
|
|
|
skup : $("#skup").val(),
|
|
|
|
sellerWaybillCode : $("#sellerWaybillCode").val(),
|
|
|
|
mobile : $("#mobile").val()
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
//全部按钮
|
|
|
|
$("#allBtn").linkbutton({
|
|
|
|
iconCls: "icon-import",
|
|
|
|
onClick: function () {
|
|
|
|
$("#orderCode_").textbox('setValue','');
|
|
|
|
$("#uid").textbox('setValue','');
|
|
|
|
$("#sellerWaybillCode").textbox('setValue','');
|
|
|
|
$("#status").combobox('setValue','');
|
|
|
|
$("#productId").textbox('setValue','');
|
|
|
|
$("#sku").textbox('setValue','');
|
|
|
|
$("#mobile").textbox('setValue','');
|
|
|
|
$("#skup").textbox('setValue','');
|
|
|
|
$("#orderListTable").datagrid("load", {
|
|
|
|
navStatus : document.getElementById("navStatus").value
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
getOrderList();
|
|
|
|
});
|
|
|
|
|
|
|
|
function getOrderList(){
|
|
|
|
var navStatus = document.getElementById("navStatus").value;
|
|
|
|
$("#orderListTable").myDatagrid({
|
|
|
|
fit: true,
|
|
|
|
fitColumns: true,
|
|
|
|
striped: true,
|
|
|
|
url: contextPath + "/buyerOrder/queryOrderList",
|
|
|
|
method: 'POST',
|
|
|
|
queryParams: {
|
|
|
|
navStatus: navStatus
|
|
|
|
},
|
|
|
|
loadFilter: function (data) {
|
|
|
|
var temp = defaultLoadFilter(data);
|
|
|
|
temp=null==temp?[]:temp;
|
|
|
|
temp.rows = temp.list;
|
|
|
|
return temp;
|
|
|
|
},
|
|
|
|
|
|
|
|
columns: [[{
|
|
|
|
title: "订单编号",
|
|
|
|
field: "orderCode",
|
|
|
|
width: 30,
|
|
|
|
align: "center"
|
|
|
|
}, {
|
|
|
|
title: "买家UID",
|
|
|
|
field: "uid",
|
|
|
|
width: 20,
|
|
|
|
align: "center"
|
|
|
|
}, {
|
|
|
|
title: "商品名称",
|
|
|
|
field: "productName",
|
|
|
|
width: 20,
|
|
|
|
align: "center"
|
|
|
|
}, {
|
|
|
|
title: "颜色",
|
|
|
|
field: "colorName",
|
|
|
|
width: 20,
|
|
|
|
align: "center"
|
|
|
|
}, {
|
|
|
|
title: "尺码",
|
|
|
|
field: "sizeName",
|
|
|
|
width: 20,
|
|
|
|
align: "center"
|
|
|
|
}, {
|
|
|
|
title: "商品件数",
|
|
|
|
field: "productNum",
|
|
|
|
width: 20,
|
|
|
|
align: "center"
|
|
|
|
}, {
|
|
|
|
title: "商品金额",
|
|
|
|
field: "goodsPrice",
|
|
|
|
width: 20,
|
|
|
|
align: "center"
|
|
|
|
}, {
|
|
|
|
title: "实付",
|
|
|
|
field: "amount",
|
|
|
|
width: 20,
|
|
|
|
align: "center"
|
|
|
|
}, {
|
|
|
|
title: "订单状态",
|
|
|
|
field: "status",
|
|
|
|
width: 20,
|
|
|
|
align: "center",
|
|
|
|
formatter: function (value, rowData, rowIndex) {
|
|
|
|
if(value==0){
|
|
|
|
return "待买家付款";
|
|
|
|
}else if(value == 1){
|
|
|
|
return "待卖家发货";
|
|
|
|
}else if (value == 2) {
|
|
|
|
return "卖家已发货";
|
|
|
|
}else if(value == 3){
|
|
|
|
return "平台鉴定中";
|
|
|
|
}else if(value == 4){
|
|
|
|
return "平台已发货";
|
|
|
|
}else if(value == 5){
|
|
|
|
return "订单完成";
|
|
|
|
}else if(value == 10){
|
|
|
|
return "已取消（买家付款前卖家取消交易）";
|
|
|
|
}else if(value == 11){
|
|
|
|
return "已取消（买家付款后卖家取消交易）";
|
|
|
|
}else if(value == 12){
|
|
|
|
return "已取消（卖家发货超时）";
|
|
|
|
}else if(value == 13){
|
|
|
|
return "已取消（商品鉴定不通过）";
|
|
|
|
}else if(value == 14){
|
|
|
|
return "已取消（买家支付前取消）";
|
|
|
|
}else if(value == 15){
|
|
|
|
return "已取消（买家支付超时）";
|
|
|
|
}else if(value == 16){
|
|
|
|
return "已取消（卖家发货前取消）";
|
|
|
|
}else if(value == 17){
|
|
|
|
return "已取消（客服取消）"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},{
|
|
|
|
title: "下单时间",
|
|
|
|
field: "createTimeStr",
|
|
|
|
width: 30,
|
|
|
|
align: "center"
|
|
|
|
},{
|
|
|
|
title: "操作",
|
|
|
|
field: "asdf",
|
|
|
|
width: 30,
|
|
|
|
align: "center",
|
|
|
|
formatter: function (value, rowData, rowIndex) {
|
|
|
|
return "<a role='detail' dataId='"+ rowData.id +"' style='margin-left:10px;background-color: #5cb85c !important;'>详情</a>";
|
|
|
|
}
|
|
|
|
}]],
|
|
|
|
cache: false,
|
|
|
|
pagination: true,
|
|
|
|
pageSize: 20,
|
|
|
|
idField: "id",
|
|
|
|
singleSelect: true,
|
|
|
|
onLoadSuccess: function (data) {
|
|
|
|
$(this).datagrid("getPanel").find("a[role='detail']").linkbutton({
|
|
|
|
onClick: function () {
|
|
|
|
var id = $(this).attr("dataId");
|
|
|
|
$.messager.confirm("确认收货提醒", "是否确认收货？确认收货前请务必确定货品已到达仓库。", function(flag) {
|
|
|
|
if (flag) {
|
|
|
|
$.post(contextPath + "/buyerOrder/updateOrderStatus", {
|
|
|
|
id : id,
|
|
|
|
status : 3
|
|
|
|
}, function(data) {
|
|
|
|
if (data.code == 200) {
|
|
|
|
$("#orderListTable").datagrid("reload");
|
|
|
|
window.self.$.messager.show({
|
|
|
|
title : "提示",
|
|
|
|
msg : "确认收货成功！"
|
|
|
|
});
|
|
|
|
}else {
|
|
|
|
window.self.$.messager.alert("失败", "失败！", "error");
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
function switchOrderStatus(navStatus){
|
|
|
|
$("#navStatus").val(navStatus);
|
|
|
|
$("#orderCode_").textbox('setValue','');
|
|
|
|
$("#uid").textbox('setValue','');
|
|
|
|
$("#sellerWaybillCode").textbox('setValue','');
|
|
|
|
$("#status").combobox('setValue','');
|
|
|
|
$("#productId").textbox('setValue','');
|
|
|
|
$("#sku").textbox('setValue','');
|
|
|
|
$("#mobile").textbox('setValue','');
|
|
|
|
$("#skup").textbox('setValue','');
|
|
|
|
$("#orderListTable").datagrid("load", {
|
|
|
|
navStatus : navStatus
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html> |
|
|
\ No newline at end of file |
...
|
...
|
|
