|
|
<!doctype html>
|
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta
|
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
|
name="viewport" />
|
<title th:text="${session.userInfo.shopName }"></title>
|
|
<!-- Set render engine for 360 browser -->
|
<meta name="renderer" content="webkit">
|
|
<!-- No Baidu Siteapp-->
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
|
|
<!-- Add to homescreen for Chrome on Android -->
|
<meta name="mobile-web-app-capable" content="yes">
|
|
|
<!-- Add to homescreen for Safari on iOS -->
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
|
|
|
|
<script type="text/javascript"
|
th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
|
<script type="text/javascript"
|
th:src="@{/js/systools/DDMBase.js}"></script>
|
<link rel="stylesheet"
|
th:href="@{/plugin/amazingUI/css/amazeui.min.css}">
|
<link rel="stylesheet"
|
th:href="@{/plugin/amazingUI/css/app.css}">
|
<link rel="stylesheet" type="text/css"
|
th:href="@{/css/dingOrderList.css}">
|
|
</head>
|
<body >
|
|
<!-- 商品列表页面 -->
|
<div class="wrap">
|
<!-- 头部开始 -->
|
<header data-am-widget="header" class="am-header color-w back-m1 am-header-fixed">
|
<div class="am-header-left am-header-nav">
|
<a th:href="@{/admin/redirect/hive/mobile/order?foot=4}" class=""> <i
|
class="am-header-icon am-icon-chevron-left"></i>
|
</a>
|
</div>
|
|
<h1 class="am-header-title">
|
<a href="#title-link" class=""> 订单 </a>
|
</h1>
|
|
</header>
|
<!-- 头部结束 -->
|
|
<!-- 订单内容 -->
|
<div class="main main1">
|
<form class="am-form am-form-horizontal" id="dataform" onsubmit="javascripr:return false;">
|
|
|
<div
|
class="am-form-group am-form-select am-input-group am-input-group-primary am-g title">
|
|
<div id="orderSelect" class="am-u-sm-4">
|
<select name="statu" id="statu" >
|
<option value=''>订单状态</option>
|
<option value='欠款'>欠款</option>
|
<option value='待付款'>待付款</option>
|
<option value='已付款'>已付款</option>
|
<option value='已取消'>已取消</option>
|
<option value='退款'>退款</option>
|
</select>
|
</div>
|
<div class="am-u-sm-5 search">
|
<input autocomplete="off" type="text" class="searchIn" name="keyWordVo" placeholder="姓名/编号/手机号码" />
|
<!-- <label>开始时间：</label>
|
<input autocomplete="off" type="date" name="beginTimeVo" id="beginTime"/>
|
<label>结束时间：</label>
|
<input autocomplete="off" type="date" name="endTimeVo" id="endTime"/> -->
|
<!-- 记录当前页 -->
|
<input autocomplete="off" type="hidden" name="offset" id="_offset" value="0" />
|
<input autocomplete="off" type="hidden" name="limit" value="10" />
|
</div>
|
<div class="am-u-sm-3 btn">
|
<button type="button" class="am-btn am-btn-default am-radius searchBtn" onclick="Pagination.serchDate()">搜索</button>
|
</div>
|
|
</div>
|
|
<!-- 订单表格 -->
|
<div data-am-widget="list_news"
|
class="am-list-news am-list-news-default">
|
<!--列表标题-->
|
<div class="am-list-news-hd am-cf am-g" id="ur_title">
|
<!--带更多链接-->
|
<div class="am-u-sm-3 ">
|
<h2 class="am-list-news-more am-fr">订单号 </h2>
|
</div>
|
<div class="am-u-sm-2 ">
|
<h2 class="am-list-news-more am-fr ">购买人 </h2>
|
</div>
|
<div class="am-u-sm-3 ">
|
<h2 class="am-list-news-more am-fr">时间 </h2>
|
</div>
|
<div class="am-u-sm-2 ">
|
<h2 class="am-list-news-more am-fr ">总价</h2>
|
|
</div>
|
<div class="am-u-sm-2 ">
|
<h2 class="am-list-news-more am-fr">操作 </h2>
|
</div>
|
</div>
|
|
<div class="am-list-news-bd">
|
<ul class="am-list" id="showdataBox"></ul>
|
</div>
|
<div id="pagingBox" align="center" style="margin-top: 10px">
|
</div>
|
|
</div>
|
|
|
<!-- 商品展示结束 -->
|
<!-- 测试 -->
|
|
</form>
|
</div>
|
<!-- 订单内容结束 -->
|
|
</div>
|
<script th:src="@{/plugin/amazingUI/js/amazeui.widgets.helper.js}"></script>
|
<script th:src="@{/plugin/amazingUI/js/amazeui.min.js}"></script>
|
<script type="text/javascript">
|
/*
|
*加载订单信息
|
*/
|
$(function(){
|
Pagination.init({
|
url : basePath+"/admin/order/showStaffOrder",
|
builderDate:function(loj){
|
var html="";
|
if(loj.getRowCount()>0){
|
$("#pagingBox").show();
|
$("#ur_title").show();
|
//构建数据
|
for(var i=0; i<loj.getRowCount(); i++){
|
html += "<li class='am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left'><div class='am-u-sm-3 '><h3 class='am-list-item-hd'>"
|
+loj.getString(i,'orderNo')
|
+"</h3></div><div class='am-u-sm-2 '><h3 class='am-list-item-hd'>"
|
+loj.getString(i,'vipName')
|
+"</h3></div><div class='am-u-sm-3 '><h3 class='am-list-item-hd'>"
|
+loj.getDate(i,'orderTime')
|
+"</h3></div><div class='am-u-sm-2 color-r'><h3 class='am-list-item-hd'><strong>"
|
+loj.getString(i,'total')
|
+"</strong></h3></div><div class='am-u-sm-2 '>"
|
+"<a class='am-list-item-hd' href='"+basePath+"/admin/order/findOrderDetailById?id="+loj.getString(i,'id')+"'>详情</a></div></li>";
|
}
|
return html;
|
}else{
|
$("#pagingBox").hide();
|
$("#ur_title").hide();
|
|
}
|
|
|
}
|
}).serchDate();
|
|
//开始时间小于结束时间
|
$("#beginTime").change(function(){
|
var beginTime = $("#beginTime").val();
|
if(beginTime!=""){
|
$("#endTime").attr("min",beginTime);
|
}
|
});
|
|
});
|
|
|
|
|
|
</script>
|
<!-- index js -->
|
</body>
|
</html>
|
