<div class="layui-card">
|
<div class="layui-card-header">
|
<h2 class="header-title">产品消费统计</h2>
|
<span class="layui-breadcrumb pull-right">
|
<a href="#!console">首页</a>
|
<a><cite>产品消费统计</cite></a>
|
</span>
|
</div>
|
<div class="layui-card-body">
|
<div class="layui-form toolbar"> 
|
<input type="text" name="date" id="datebegin" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off"
|
class="layui-input search-input">
|
至
|
<input type="text" name="date" id="dateend" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off"
|
class="layui-input search-input">  
|
<button id="product-btn-search" class="layui-btn icon-btn"><i class="layui-icon"></i>搜索</button>
|
</div>
|
<table class="layui-table" id="product-table" lay-filter="product-table"></table>
|
</div>
|
</div>
|
<!-- 表格操作列 -->
|
<script type="text/html" id="product-table-bar">
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
</script>
|
<!-- 表格状态列 -->
|
<script type="text/html" id="product-tpl-state">
|
<input type="checkbox" lay-filter="product-tpl-state" value="{{d.id}}" lay-skin="switch" lay-text="未处理|已处理"
|
{{d.enabled==true?'checked':''}}/>
|
</script>
|
|
<script>
|
layui.use(['table', 'config','laydate'], function () {
|
let table = layui.table;
|
let laydate = layui.laydate;
|
let config = layui.config;
|
//日期
|
laydate.render({
|
elem: '#datebegin'
|
});
|
laydate.render({
|
elem: '#dateend'
|
});
|
// 渲染表格
|
var renderTable = function () {
|
table.render({
|
elem: '#product-table',
|
url: config.base_server + 'api-opration/productorderdetail/group',
|
method: 'GET',
|
headers: { 'Authorization': 'Bearer ' + config.getToken().access_token },
|
page: true,
|
cols: [[
|
{ field: 'proName', width: 500, sort: true,title: '产品名称' },
|
{ field: 'proCount', width: 300, sort: true,title: '消费数量' }
|
]]
|
});
|
}
|
renderTable();
|
|
// 搜索按钮点击事件
|
$('#product-btn-search').click(function () {
|
var createTime = $('#datebegin').val();
|
var updateTime = $('#dateend').val();
|
if (strUtil.isEmpty(datebegin) && !strUtil.isEmpty(updateTime)) {
|
createTime = dateUtil.getNowDate();
|
$('#datebegin').val(createTime);
|
}
|
if (!strUtil.isEmpty(createTime) && strUtil.isEmpty(updateTime)) {
|
updateTime = dateUtil.getNowDate();
|
$('#dateend').val(updateTime);
|
}
|
table.reload('product-table', { where: { createTime: createTime,updateTime: updateTime } });
|
});
|
});
|
</script>
|
