订单生成列表html,订单列表.html

layui响应式管理平台

查询

订单编号

订单状态

请选择提现类型

待发货

待签收

已签收

订单状态

请选择提现类型

待发货

待签收

已签收

时间段

查询

关闭

2017-05-20 至 2017-05-20 统计

待发货订单数量20

导出

订单编号会员ID商品名称商品数量成本金额成交金额收货人手机号码支付方式交易时间订单状态操作

订单编号 SZ2018974 会员ID 123456789 商品名称 Apple iPhoneX 128G 红色特别版 商品数量 200 成本金额 1000.00 成交金额 1200.00 收货人 小官 手机号码 13728936778 支付方式 微信支付 交易时间 2017-09-27 12:00:00 订单状态 待发货

发货

查看详情

订单编号 SZ2018974 会员ID 123456789 商品名称 Apple iPhoneX 128G 红色特别版 商品数量 200 成本金额 1000.00 成交金额 1200.00 收货人 小官 手机号码 13728936778 支付方式 微信支付 交易时间 2017-09-27 12:00:00 订单状态 已发货

查看详情

layui.use(['jquery', 'form', 'laydate', 'layer', 'laypage', 'element'], function () {

var $ = layui.jquery,

laydate = layui.laydate,

layer = layui.layer,

laypage = layui.laypage,

element = layui.element;

$(function () {

FastClick.attach(document.body);

});

// 分页

laypage.render({

elem: 'table-pages'

, count: 5

, layout: ['prev', 'page', 'next', 'count', 'skip']

, jump: function (obj, first) {

//obj包含了当前分页的所有参数，比如：

console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。

console.log(obj.limit); //得到每页显示的条数

//首次不执行

if (!first) {

//do something

}

}

});

// 开始时间及截止时间

laydate.render({

elem: '#time'

, range: true

, type: 'date' // 'month' 'date' 'datetime'

, done: function (value, date, endDate) {

console.log(value); //得到日期生成的值，如：2017-08-18

console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}

console.log(endDate); //得结束的日期时间对象，开启范围选择(range: true)才会返回。对象成员同上。

}

,trigger: 'click'

});

});

一键复制

编辑

Web IDE

原始数据

按行查看

历史