<!DOCTYPE html>
|
<html lang="zh-cn">
|
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<title>丢失订单管理</title>
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
<link href="css/maincontent.css" rel="stylesheet">
|
<!--[if lt IE 9]>
|
<script src="js/html5shiv.js"></script>
|
<script src="js/respond.min.js"></script>
|
<![endif]-->
|
<style>
|
.img {
|
width: 120px;
|
height: 120px;
|
}
|
</style>
|
</head>
|
|
<body>
|
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
|
</nav>
|
<div id="mainbody">
|
<div id="sidebar">
|
<dl>
|
</dl>
|
</div>
|
<div id="neirong">
|
<div class="erjidh">
|
<table class="table">
|
<tbody>
|
<tr>
|
<td>
|
<form class="form-inline" role="form">
|
<div class="form-group" role="search">
|
<input type="text" class="form-control searchText" style="width:200px;" placeholder="按昵称/订单号搜索">
|
</div>
|
<button type="button" class="btn btn-default searchBtn">搜索</button>
|
</form>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<div class="zhuti">
|
<div class="zhutisousuo">
|
<table class="table">
|
<thead>
|
<tr>
|
<th width="5%">查询ID</th>
|
<th width="13%">昵称</th>
|
<th width="7%">用户ID</th>
|
<th width="12%">查询订单号</th>
|
<th width="10%">类型</th>
|
<th width="15%">创建时间</th>
|
<th width="10%">关联订单ID</th>
|
<th width="6%">系统判定</th>
|
<th width="10%">原因</th>
|
<th width="6%">通过</th>
|
<th width="6%">拒绝</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
<div class="liebiao">
|
<table class="table table-striped">
|
<tbody>
|
<tr>
|
<td width="5%" style="text-align:center;line-height:102px;">
|
<div class="loid"></div>
|
</td>
|
<td width="13%" style="text-align:center;line-height:102px;">
|
<div class="uname">
|
</div>
|
</td>
|
<td width="7%" style="text-align:center;line-height:102px;">
|
<div class="uid">
|
</div>
|
</td>
|
<td width="12%" style="text-align:center;line-height:102px;">
|
<div class="orderId">
|
</div>
|
</td>
|
<td width="10%" style="text-align:center;line-height:102px;">
|
<div class="type">
|
</div>
|
</td>
|
<td width="15%" style="text-align:center;line-height:102px;">
|
<div class="time">
|
</div>
|
</td>
|
<td width="10%" style="text-align:center;line-height:102px;">
|
<div class="oid"></div>
|
</td>
|
<td width="6%" style="text-align:center;line-height:102px;">
|
<div class="pd"></div>
|
</td>
|
<td width="10%" style="text-align:center;">
|
<textarea class="yuanying" rows="2" readonly="readonly"></textarea>
|
</td>
|
<td width="6%" style="text-align:center;line-height:102px;">
|
<div class="caozuo tongguo">
|
<button class="btn btn-default" style="background-color: #FF3083; color: white;">通过</button>
|
</div>
|
</td>
|
<td width="6%" style="text-align:center;line-height:102px;">
|
<div class="caozuo jujue">
|
<button class="btn btn-default" style="background-color: #FF3083; color: white;">拒绝</button>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div class="bottom">
|
<div class="page">
|
<ul class="pagination">
|
<li class="disabled pre">
|
<a href="#">«</a>
|
</li>
|
<li>
|
<a href="#" class="next">»</a>
|
</li>
|
</ul>
|
<div class="form-group">
|
<div class="tzan">
|
<button type="button" class="btn btn-primary">跳转</button>
|
</div>
|
<div class="tz">
|
<input class="form-control" type="text" id="customPage" placeholder="页数">
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="js/jquery.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
<script src="js/page.js"></script>
|
<script src="js/nav.js"></script>
|
<script src="layer/layer.js"></script>
|
|
<script>
|
var trHTML;
|
$(function(){
|
|
var $tbody = $(".liebiao > .table > tbody");
|
trHTML = $tbody.html();
|
|
getLostOrderData(1);
|
$(".searchBtn").on("click",function(){
|
getLostOrderData(1);
|
});
|
|
});
|
</script>
|
<script>
|
function getLostOrderData(pageIndex) {
|
$.post("api/v1/lostOrder/findLostOrderList", { "page": pageIndex,"key":$(".searchText").val()}, function(data) {
|
if(data.code == 0) {
|
setLostOrderData(data,pageIndex);
|
fillPage(data.data.pe, function(page) {
|
getLostOrderData(page);
|
});
|
}
|
}, 'json');
|
}
|
|
function setLostOrderData(data,pageIndex){
|
pageIndex = pageIndex - 1;
|
var $tbody = $(".liebiao > .table > tbody");
|
$(".liebiao tbody").empty();
|
var pageSize = data.data.pe.pageSize;
|
var totalCount = data.data.pe.totalCount;
|
var len = (pageSize < totalCount - (pageIndex * pageSize)) ? pageSize : totalCount - (pageIndex * pageSize);
|
len = (pageIndex * pageSize) + len;
|
var ii = pageIndex * pageSize;
|
for(var mm = 0; ii < len && ii < totalCount; ii++,mm++) {
|
var nickName = data.data.lostOrderList[mm].userInfo.nickName;
|
var uid = data.data.lostOrderList[mm].userInfo.id;
|
var account = data.data.lostOrderList[mm].account;
|
var id = data.data.lostOrderList[mm].id;
|
var state = data.data.lostOrderList[mm].state;
|
var time = data.data.lostOrderList[mm].createTime;
|
var mydate = new Date(parseInt(time)).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ");
|
var type = data.data.lostOrderList[mm].type;
|
var reason = data.data.lostOrderList[mm].remake;
|
var orderId = data.data.lostOrderList[mm].orderId;
|
var pd=data.data.lostOrderList[mm].judge;
|
var order = data.data.lostOrderList[mm].order;
|
$tbody.append(trHTML);
|
var $curTr= $tbody.find("tr").eq(mm);
|
$curTr.find(".uname").text(nickName);
|
$curTr.find(".uname").attr("href","zijin-yonghu.html?uid="+uid+"&uname="+nickName);
|
$curTr.find(".uid").text(uid);
|
$curTr.find(".loid").text(id);
|
$curTr.find(".time").text(mydate);
|
$curTr.find(".orderId").text(orderId);
|
$curTr.find(".yuanying").text(reason);
|
$curTr.find(".pd").text(pd);
|
$curTr.find(".caozuo").attr("key",id);
|
$curTr.find(".caozuo button").attr("key",id);
|
$curTr.find(".type").text(type==1?"淘宝":"其他");
|
if(order != null){
|
$curTr.find(".oid").text(order.id);
|
}
|
if(state ==1 ){
|
$curTr.find(".tongguo button").css("background-color","#999999");
|
$curTr.find(".tongguo button").attr("disabled",true);
|
$curTr.find(".jujue button").css("display","none");
|
$curTr.find(".tongguo button").text("已通过");
|
}else if(state == 2){
|
$curTr.find(".jujue button").css("background-color","#999999");
|
$curTr.find(".jujue button").attr("disabled",true);
|
$curTr.find(".tongguo button").css("display","none");
|
$curTr.find(".jujue button").text("已拒绝");
|
}
|
}
|
|
$(".tongguo button").bind("click",function(){
|
var id = $(this).attr("key");
|
var $obj = $(this);
|
$.post("api/v1/lostOrder/pass",{"id":id},function(data){
|
if(data.code==0){
|
$obj.parent().parent().find(".jujue").css("display","none");
|
$obj.find("button").css("background-color","#999999");
|
$obj.find("button").attr("disabled",true);
|
$obj.find("button").text("已通过");
|
layer.alert('操作成功！', {
|
icon: 1,
|
skin: 'layer-ext-seaing'
|
});
|
}else{
|
layer.alert('操作失败！', {
|
icon: 2,
|
skin: 'layer-ext-seaing'
|
});
|
}
|
},'json')
|
|
});
|
$(".jujue button").bind("click",function(){
|
var $obj = $(this);
|
var id = $(this).attr("key");
|
layer.prompt({
|
formType: 0,
|
value: '',
|
btn:['确定','取消'],
|
title: '拒绝原因',
|
area: ['420px', '200px'], //自定义文本域宽高
|
cancel: function(index){
|
},
|
btn2:function(index){
|
}
|
},
|
function(value, index, elem){
|
$.post("api/v1/lostOrder/reject",{"id":id,"reason":value},function(data){
|
if(data.code==0){
|
$obj.parent().parent().find(".tongguo").css("display","none");
|
$obj.find("button").css("background-color","#999999");
|
$obj.find("button").attr("disabled",true);
|
$obj.find("button").text("已拒绝");
|
layer.alert('操作成功！', {
|
icon: 1,
|
skin: 'layer-ext-seaing'
|
});
|
}else{
|
layer.alert('操作失败', {
|
icon: 2,
|
skin: 'layer-ext-seaing'
|
});
|
}
|
},'json')
|
layer.close(index);
|
});
|
|
});
|
|
}
|
</script>
|
</body>
|
|
</html>
|
