<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head><meta charset="UTF-8"/><title>订单列表</title><div th:replace="head"></div>
</head>
<body width="100%" height="100%" class="easyui-layout">
<div id="mydialog" style="display:none;padding:5px;width:400px;height:200px;" title="请输入退款金额">退款金额：<input id="order_amount" style="height: 20px" type="text" class="easyui-validatebox" required="true"/>
</div>
<div id="addWin"></div>
<div data-options="region:'center'"><div align="center" id="centerInfo">分销商id:<input type="text" id="sellersId" class="easyui-textbox"/>   门店id:<input type="text" id="storeId" class="easyui-textbox"/>   开始时间：<input id="startTime" name="startTime" class="easyui-datetimebox" editable="false"/>   结束时间：<input id="endTime" name="endTime" class="easyui-datetimebox" editable="false"/>   状态：<select id="showStatus"><!--0未支付 1订单完成 10支付成功未发货--><option value="1" selected="selected">订单完成</option><option value="0">未支付</option><option value="10">支付成功未发货</option></select><input id="button" type="button" value="查询" class="easyui-linkbutton c4" style="width:90px;height: 26px"onclick="Search()"/>   <input id="info" type="button" value="详情" class="easyui-linkbutton c4" style="width:90px;height: 26px"onclick="info()"/>   <input value="微信退款" type="button" id="refund" class="easyui-linkbutton" style="width:90px;height: 26px"onclick="refund()"/>   </div><table id="orderDetailListTable" style="width: 100%;height: 100%"></table>
</div>
</body>
<script th:inline="javascript">//<![CDATA[
    jQuery(document).ready(function () {getLoad();});function getLoad() {//加载数据网格var param = {}$('#orderDetailListTable').datagrid({fitColumns: true,striped: true,method: 'get',url: "orderDetail/orderDetailListInfo",loadMsg: '数据加载中...',emptyMsg: '暂无订单！',rownumbers: true,pagination: true,pageNumber: 1,pageList: [5, 10, 20, 25],pageSize: 20,queryParams: param,singleSelect: true,columns: [[{field: 'sellersId', title: '分销商id', width: '3%', algin: 'center'},{field: 'storeId', title: '门店id', width: '3%', algin: 'center'},{field: 'showStatus', title: '订单状态', width: '5%', align: 'center',formatter: function (value) {if (value == null || value == "") {return "";} else {//0未支付 1订单完成 10支付成功未发货if (value == '0') {return "未支付";} else if (value == '1') {return "订单完成";} else if (value == '10') {return "支付成功未发货";}}}},{field: 'orderNo', title: '订单号', width: '10%', algin: 'center'},{field: 'goodsId', title: '产品id', width: '7%', algin: 'center'},{field: 'goodsName', title: '产品名称', width: '7%', algin: 'center'},{field: 'sellersCost', title: '分销商成本价(元)', width: '7%', align: 'center',formatter: function (val) {if (val != null)return val.toFixed(2);}},{field: 'sellersCostTotal', title: '分销商总成本价(元)', width: '7%', align: 'center',formatter: function (val) {if (val != null)return val.toFixed(2);}},{field: 'storeCost', title: '门店成本价(元)', width: '7%', align: 'center',formatter: function (val) {if (val != null)return val.toFixed(2);}},{field: 'storeCostTotal', title: '门店总成本价(元)', width: '7%', align: 'center',formatter: function (val) {if (val != null)return val.toFixed(2);}},{field: 'buyCount', title: '订购数量', width: '4%', align: 'center'},{field: 'amountRealpay', title: '支付总价', width: '4%', align: 'center',formatter: function (val) {if (val != null)return val.toFixed(2);}},{field: 'openid', title: '订购人openid', width: '6%', align: 'center'},{field: 'createTime', title: '订购时间', width: '10%', align: 'center',formatter: function (value) {if (value == null || value == "") {return "";} else {var unixTimestamp = new Date(value);return unixTimestamp.Format("yyyy-MM-dd hh:mm:ss");}}},{field: 'payTime', title: '支付时间', width: '10%', align: 'center',formatter: function (value) {if (value == null || value == "") {return "";} else {var unixTimestamp = new Date(value);return unixTimestamp.Format("yyyy-MM-dd hh:mm:ss");}}}]],})}// 新增function addUpSells() {var $win;$win = $('#addWin').window({title: '新增门店',href: "upSellStore/storeAddView/",width: 720,height: 550,shadow: true,modal: true,iconCls: 'icon-add',closed: true,minimizable: false,maximizable: false,collapsible: false});$win.window('open');}function isEmpty(obj) {return obj == null || obj == '' || obj == 'undefined';}//条件查询function Search() {var startTime = $("#startTime").datetimebox('getValue');var endTime = $("#endTime").datetimebox('getValue');var showStatus = $("#showStatus").val();if (!isEmpty(startTime) && !isEmpty(endTime) && startTime > endTime) {$.messager.alert("错误提示", "开始日期不能大于结束日期", "error")return;}var grid = $('#orderDetailListTable');var curPageNum = grid.datagrid('getPager').data("pagination").options.pageNumber;var rows = grid.datagrid('getPager').data("pagination").options.pageSize;var sellersId = $("#sellersId").val();var storeId = $("#storeId").val();alert(storeId);if (!isEmpty(sellersId) && !isEmpty(storeId)) {$.messager.alert("错误提示", "分销商id和门店id只能输入一个", "error")return;}var isSearch;//查询时是否含有门店idif (isEmpty(sellersId)) {isSearch = 0;} else {isSearch = 1;}$('#orderDetailListTable').datagrid('options').queryParams = {'startTime': startTime,'endTime': endTime,"page": curPageNum,"rows": rows,"sellersId": sellersId,"storeId": storeId,"showStatus": showStatus,"isSearch": isSearch};$('#orderDetailListTable').datagrid('reload');/* var param = {'startTime': startTime,'endTime': endTime,"page": curPageNum,"rows": rows,"sellersId": sellersId,"storeId": storeId,"showStatus": showStatus,"isSearch": isSearch}$.post("orderDetail/orderDetailListInfo", param, function (data) {$("#orderDetailListTable").datagrid('loadData', data);//加载本地数据，旧的行将被移除;下一页导致查询条件丢失；})*/}//微信退款function refund() {var order_no = '';//审核该选中用户var rows = $('#orderDetailListTable').datagrid('getSelections');if (rows.length < 1) {$.messager.alert('操作提示', '请选择一条订单');return false;} else {order_no = rows[0].orderNo;}$("#order_amount").val(rows[0].amountRealpay);$('#mydialog').show();$('#mydialog').dialog({buttons: [{text: '提交',iconCls: 'icon-ok',handler: function () {var amount = $("#order_amount").val() * 1;if (isEmpty(amount)) {$.messager.alert('操作提示', '金额不能为空');return false;}if (isNaN(amount)) {$.messager.alert('操作提示', '请输入正确的金额');return false;}if (amount > rows[0].amountRealpay * 1) {$.messager.alert('操作提示', '退款金额大于支付金额');return false;}MaskUtil.mask("正常处理，请稍等。。。");$.ajax({url: 'orderDetail/applyRefund',data: {"order_no": order_no,"refund_amount": $("#order_amount").val()},type: 'post',cache: false,dataType: 'json',success: function (data) {if (data.resultCode == "00") {MaskUtil.unmask();$.messager.alert('操作提示', '成功提交退款申请，请等待财务审核');$('#mydialog').dialog('close');$("#order_amount").val('');$('#ListTable').datagrid('reload');} else if (data.resultCode == "111") {MaskUtil.unmask();$.messager.alert(data.resultMsg);$('#mydialog').dialog('close');$("#order_amount").val('');$('#ListTable').datagrid('reload');} else {MaskUtil.unmask();$.messager.alert('操作提示', '操作失败，请联系管理员');$('#mydialog').dialog('close');$("#order_amount").val('');$('#ListTable').datagrid('reload');}},error: function () {MaskUtil.unmask();$.messager.alert('操作提示', '操作失败，请联系管理员');$('#mydialog').dialog('close');$("#order_amount").val('');}});}}, {text: '取消',handler: function () {$('#mydialog').dialog('close');$("#order_amount").val('');}}]});}//订单详情function info() {var a = $('#orderDetailListTable').datagrid('getSelected');if (!a) {$.messager.alert('提示', "请选择一条订单");} else {var $win;$win = $('#addWin').window({title: '订单详情',href: "orderDetail/orderInfoView?id=" + a.id,width: 720,height: 550,shadow: true,modal: true,iconCls: 'icon-edit',closed: true,minimizable: false,maximizable: false,collapsible: false});$win.window('open');}}//]]>
</script>
</html>

需要导入pagehelper相关jar包。

        <dependency><groupId>com.github.pagehelper</groupId><artifactId>pagehelper</artifactId><version>4.1.1</version></dependency>

后台代码controller：

 /*** 加载订单列表信息** @param page* @param rows* @return*/@RequestMapping("/orderDetailListInfo")@ResponseBodypublic EUDataGridResult orderDetailListInfo(@RequestParam(required = false, defaultValue = "1") Integer page,@RequestParam(required = false, defaultValue = "10") Integer rows,@RequestParam(value = "startTime", required = false) String startTime,@RequestParam(value = "endTime", required = false) String endTime,@RequestParam(value = "sellersId", required = false) Integer sellersId,@RequestParam(value = "storeId", required = false) Integer storeId,@RequestParam(value = "showStatus", required = false) Integer showStatus,@RequestParam(value = "isSearch", required = false, defaultValue = "0") Integer isSearch) {Map<String, Object> param = new HashMap<>();param.put("startTime", startTime);param.put("endTime", endTime);param.put("sellersId", sellersId);param.put("storeId", storeId);param.put("showStatus", showStatus);param.put("isSearch", isSearch);//为1时是查询门店为null的情况；EUDataGridResult result = sqrOrderDetailService.findByPage(param, page, rows);return result;}

service层：

 public EUDataGridResult findByPage(Map<String, Object> param,int page, int rows) {//分页处理
        PageHelper.startPage(page, rows);List<SqrOrderDetailVo> list = sqrOrderDetailMapper.findByPageByMap(param);//查询对象实体集合//创建一个返回值对象EUDataGridResult result = new EUDataGridResult();result.setRows(list);//取记录总条数PageInfo<SqrOrderDetailVo> pageInfo = new PageInfo<>(list);result.setTotal(pageInfo.getTotal());return result;}

分页返回对象：

import java.util.List;/*** Created by admin on 2017/11/30.*/
public class EUDataGridResult {private long total;//数据总条数private List<?> rows;//对象集合public long getTotal() {return total;}public void setTotal(long total) {this.total = total;}public List<?> getRows() {return rows;}public void setRows(List<?> rows) {this.rows = rows;}
}

转载于:https://www.cnblogs.com/SimonHu1993/p/8041372.html

easyui+themeleaf 分页查询实现相关推荐

  1. ssm+easyUI之分页查询

    1,页面基于easyui的表格(自带的分页效果) <div data-options="region:'center'"> <table id="tt& ...

  2. （easyui datagrid+mvc+json）之asp.net分页查询

    最近在做分页查询的功能,在网上也翻看了不少,但是自己的吸收能力就差了好多,而且当时最大的想法就是,怎么就没有我想要的那种,既是easyui的,又要用mvc的架构,还要能够实现底层的分页传值,用.net ...

  3. easyui datatable ajax 加载数据,ASP.NET easyUI--datagrid 通过ajax请求ASP.NET后台数据的分页查询...

    js前台对datagrid的定义代码,如下 mygrid = $('#mytable').datagrid({ fit: true, //自动大小 height: 'auto', rownumbers ...

  4. easyui分页查询为什么会有下拉框_6个针对MySQL大数据量分页查询优化的锦囊妙计...

    作者:大神养成记转载来源:http://sina.lt/gauW 方法1: 直接使用数据库提供的SQL语句 语句样式: MySQL中,可用如下方法: SELECT * FROM 表名称 LIMIT M ...

  5. java easyui条件组合查询_EasyUi+Spring Data 实现按条件分页查询

    Spring data 介绍 Spring data 出现目的 为了简化.统一 持久层 各种实现技术 API ,所以 spring data 提供一套标准 API 和 不同持久层整合技术实现 . 自己 ...

  6. easyui php分页,easyui datagrid分页 4、easyUI-七种布局（layout）

    1.为网页创建边框布局 边框布局(border layout)提供五个区域:east.west.north.south.center.以下是一些通常用法: north 区域可以用来显示网站的标语. s ...

  7. Maven分布式工程-分页查询（一）

    第一步: 在foreknow-manager-web 包下 WEB-INF/web.xml 配置web.xml 中央控制器 <?xml version="1.0" encod ...

  8. bootstrap——完美的分页查询

    最近,开始我们的Java项目,要求尽量使用bootstrap,因为它比easyUI要好看的多.然后就开始上网查,边查边做,虽然我们引入了一些bootstrap的样式,但是并没有js代码,所有的功能都需 ...

  9. 使用easyUI datagrid分页

    使用easyUI datagrid分页 我用了比较简单的sturts2和mybatis结合的小测试demo实现的. 一.使用easyUI datagrid分页注意事项及原理: 1.EasyUI的Dat ...

最新文章

  1. 从零开始教你训练神经网络（附公式学习资源）
  2. java多线程-阻塞队列BlockingQueue
  3. 庞锋 OpenCV 视频 学习进度备忘
  4. 合理修改3389端口
  5. 各种好用的代码生成器
  6. 运用alarm系统调用检测网络是否断开
  7. Xposed是如何为所欲为的？
  8. Canopy聚类算法分析
  9. php hex2bin nodejs,Nodejs Serialport文档翻译
  10. Android版CCLabelTTF在setstring时出现黑块
  11. 区块链将如何影响你的生活？链圈大佬、美图董事长蔡文胜这样说
  12. 第一章 Shiro简介——《跟我学Shiro》
  13. 免校准的电量计量芯片_单相电能表如何校准（单相电能计量芯片+MCU）
  14. [转]详细的GStreamer开发教程
  15. 41.django中auth用户认证
  16. python入门教程(非常详细)，从零基础入门到精通，看完这一篇就够了
  17. win10强行自定义分辨率(笔记本win10强行自定义分辨率)
  18. 键盘连接计算机接口,终于明白电脑如何连接键盘
  19. 计算机很多术语都是cat,18 个开源翻译工具帮助你的项目本地化
  20. 再谈P2P技术：网络拓扑结构、核心技术分析

热门文章

  1. 数智化时代，金融风险合规管理迈入深水区
  2. Axure原型设计小案例的制作
  3. MYSQL数据库周德伟教程后题_《MySQL数据库基础实例教程》编者:周德伟,覃国蓉著【摘要 书评 在线阅读】-苏宁易购图书...
  4. 模板引擎——Jade学习笔记
  5. Idea添加Javap详细教程
  6. 外贸SEO应该怎样做？
  7. 理论：系统安全及应用
  8. Easyui前端样式布局
  9. Gerrit简单介绍
  10. 树莓派实现云直播系统