<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>后台</title>
<link rel="stylesheet" href="../../layui/css/layui.css">
<link rel="stylesheet" href="../../css/common.css">
<link rel="stylesheet" href="../../css/user/adminuser.css">
<link rel="stylesheet" href="../../css/iconfont.css">
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<a class="layui-logo" href="index.html">
<img src="../../img/logo.png" alt="">
</a>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item">
<a href="javascript:;">
<img src="http://t.cn/RCzsdCq" class="layui-nav-img"> zx66
</a>
<dl class="layui-nav-child">
<dd>
<a href="">基本资料</a>
</dd>
<dd>
<a href="">安全设置</a>
</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="">退出登录</a>
</li>
</ul>
</div>
<div class="layui-side layui-side-menu">
<div class="layui-side-scroll">
<ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="layadmin-system-side-menu">
<li class="layui-nav-item layui-nav-itemspec">
<a href="javascript:;">
<span class="item-title">收起左侧导航</span>
<i class="layui-icon layui-icon-shrink-right"></i>
</a>
</li>
<li class="layui-nav-item">
<a href="javascript:;" lay-tips="文章管理" lay-direction="2">
<span class="font-icon">
<i class="iconfont icon-wenzhang"></i>
</span>
<span class="item-title">文章管理</span>
<span class="layui-nav-more"></span>
</a>
<dl class="layui-nav-child">
<dd>
<a lay-href="article/free.html">免费文章</a>
</dd>
<dd>
<a lay-href="javascript:;">收费文章</a>
</dd>
<dd>
<a lay-href="javascript:;">保障文章</a>
</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;" lay-tips="权限管理" lay-direction="2">
<span class="font-icon">
<i class="iconfont icon-quanxian"></i>
</span>
<span class="item-title">权限管理</span>
<span class="layui-nav-more"></span>
</a>
<dl class="layui-nav-child">
<dd>
<a href="javascript:;">列表一</a>
</dd>
<dd>
<a href="javascript:;">列表二</a>
</dd>
<dd>
<a href="javascript:;">列表三</a>
</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;" lay-tips="审核管理" lay-direction="2">
<span class="font-icon">
<i class="iconfont icon-shenhe1"></i>
</span>
<span class="item-title">审核管理</span>
<span class="layui-nav-more"></span>
</a>
<dl class="layui-nav-child">
<dd>
<a href="javascript:;">列表一</a>
</dd>
<dd>
<a href="javascript:;">列表二</a>
</dd>
<dd>
<a href="javascript:;">列表三</a>
</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;" lay-tips="工单管理" lay-direction="2">
<span class="font-icon">
<i class="iconfont icon-gongdan"></i>
</span>
<span class="item-title">工单管理</span>
<span class="layui-nav-more"></span>
</a>
<dl class="layui-nav-child">
<dd>
<a href="javascript:;">列表一</a>
</dd>
<dd>
<a href="javascript:;">列表二</a>
</dd>
<dd>
<a href="javascript:;">列表三</a>
</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;" lay-tips="用户管理" lay-direction="2">
<span class="font-icon">
<i class="iconfont icon-yonghu-tianchong"></i>
</span>
<span class="item-title">用户管理</span>
<span class="layui-nav-more"></span>
</a>
<dl class="layui-nav-child">
<dd>
<a href="javascript:;">列表一</a>
</dd>
<dd>
<a href="javascript:;">列表二</a>
</dd>
<dd>
<a href="javascript:;">列表三</a>
</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;" lay-tips="商城管理" lay-direction="2">
<span class="font-icon">
<i class="iconfont icon-icon-test"></i>
</span>
<span class="item-title">商城管理</span>
<span class="layui-nav-more"></span>
</a>
<dl class="layui-nav-child">
<dd>
<a href="javascript:;">列表一</a>
</dd>
<dd>
<a href="javascript:;">列表二</a>
</dd>
<dd>
<a href="javascript:;">列表三</a>
</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;" lay-tips="操作员管理" lay-direction="2">
<span class="font-icon">
<i class="iconfont icon-caozuo"></i>
</span>
<span class="item-title">操作员管理</span>
<span class="layui-nav-more"></span>
</a>
<dl class="layui-nav-child">
<dd>
<a href="javascript:;">列表一</a>
</dd>
<dd>
<a href="javascript:;">列表二</a>
</dd>
<dd>
<a href="javascript:;">列表三</a>
</dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;" lay-tips="日志管理" lay-direction="2">
<span class="font-icon">
<i class="iconfont icon-daily-fill"></i>
</span>
<span class="item-title">日志管理</span>
<span class="layui-nav-more"></span>
</a>
<dl class="layui-nav-child">
<dd>
<a href="javascript:;">列表一</a>
</dd>
<dd>
<a href="javascript:;">列表二</a>
</dd>
<dd>
<a href="javascript:;">列表三</a>
</dd>
</dl>
</li>
<span class="layui-nav-bar" style="top: 28px; height: 0px; opacity: 0;"></span>
</ul>
</div>
</div>
<div class="layui-body" id="LAY_app_body">
<div class="layadmin-tabsbody-item layui-show">
<div class="layui-card layadmin-header">
<div class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
<a lay-href="/">主页</a>
<span lay-separator="">/</span>
<a>
<cite>商城兑换列表</cite>
</a>
<span lay-separator="">/</span>
<a href="javascript:history.back(-1)">返回</a>
</div>
<div class="main problems">
<div class="searchbox">
<span class="searchname">用户编码：</span>
<div class="layui-inline">
<input class="layui-input" name="restuserid" id="restuserid" autocomplete="off">
</div>
<span class="searchname">电话号码：</span>
<div class="layui-inline">
<input class="layui-input" name="restphone" id="restphone" autocomplete="off">
</div>
<span class="searchname">快递单号：</span>
<div class="layui-inline">
<input class="layui-input" name="restcouriernumber" id="restcouriernumber" autocomplete="off">
</div>
<span class="searchname">货币类型：</span>
<div class="layui-form layui-inline">
<select name="resttype" lay-filter="resttype" id="resttype">
<option value="0">请选择货币类型</option>
<option value="1">彩币</option>
<option value="2">积分</option>
</select>
</div>
<span class="searchname">订单状态：</span>
<div class="layui-form layui-inline">
<select name="reststatus" lay-filter="reststatus" id="reststatus">
<option value="0">请选择订单状态</option>
<option value="1">发货中</option>
<option value="2">已收货</option>
</select>
</div>
<button class="layui-btn" data-type="reload" id="searchbtn">搜索</button>
</div>
<table class="layui-hide" id="tables" lay-filter="tables"></table>
</div>
</div>
</div>
</div>
</div>
<script src="../../layui/layui.js"></script>
<script src="../../js/jquery.js"></script>
<script src="../../js/common.js"></script>
<script type="text/javascript">
layui.use(['element', 'table', 'form'], function () {
var element = layui.element,
table = layui.table,
form = layui.form;
table.render({
elem: '#tables',
// url: '', //获取数据的接口
data: [
{
id: 1,
userid:'1002',
shopid:'1002',
username_s: '哈哈哈',
number: 1,
money: '32',
type: 1,
address_s: '今天天气不错',
phone_s: '13458563587',
postcode_s: '618101',
status: 1,
couriernumber:'fs1111111111111111111',
createtime: '2020-04-20'
},
{
id: 2,
userid:'1003',
shopid:'1003',
username_s: '哈哈哈3333',
number: 20,
money: '52',
type: 2,
address_s: '今天天气不错',
phone_s: '13458563587',
postcode_s: '618101',
status: 3,
couriernumber:'fs1111111111111111111',
createtime: '2020-04-20'
},
{
id: 3,
userid:'1005',
shopid:'1005',
username_s: '哈哈哈',
number: 10,
money: '82',
type: 1,
address_s: '今天天气不错',
phone_s: '13458563587',
postcode_s: '618101',
status: 2,
couriernumber:'fs1111111111111111111',
createtime: '2020-04-20'
},
],
title: '商品列表',
cellMinWidth: 120,
cols: [[
{ title: 'ID', align: 'center', type: 'numbers' },
{ field: 'userid', title: '用户编码' },
{ field: 'shopid', title: '商城编码' },
{ field: 'number', title: '商品数量' },
{ field: 'money', title: '金额' },
{
field: 'type', title: '货币类型', templet: function (res) {
var str = '';
switch (res.type) {
case 1:
str = '彩币';
break;
case 2:
str = '积分 '
break;
}
return str
}
},
{ field: 'username_s', title: '收件人' },
{ field: 'phone_s', title: '收件人电话号码' },
{ field: 'address_s', title: '收件人地址' },
{ field: 'postcode_s', title: '收件地址邮编' },
{
field: 'status', title: '订单状态', templet: function (res) {
var str = '';
switch (res.type) {
case 1:
str = '下单';
break;
case 2:
str = '发货中'
break;
case 3:
str = '已收货'
break;
}
return str
}
},
{ field: 'couriernumber', title: '快递单号' },
{
field: 'createtime', title: '下单时间', templet: function (res) {
return formatDate(res.createtime)
}
}
]],
page: true,
id: 'searchReload',
height: 'full-175'
})
$('#searchbtn').on('click', function () {
var userid = $.trim($('#restuserid').val());
var phone_s = $.trim($('#restphone').val());
var couriernumber = $.trim($('#restcouriernumber').val());
var type = $.trim($('#resttype').val());
var status = $.trim($('#reststatus').val());
if (userid == '' && phone_s == '' && couriernumber == '' && type == 0 && status == 0) {
layer.msg("请输入查询条件", { icon: 5 });
return false
}
table.reload('searchReload', {
url: '',//查询返回的接口
page: {
curr: 1
},
where: {
userid: userid,
phone_s: phone_s,
couriernumber: couriernumber,
type: type,
status: status,
}
})
});
})
</script>
</body>
</html>