Waste/Waste.Web.Entry/Pages/CountInfo/Index.cshtml

@page
@model Waste.Web.Entry.Pages.CountInfo.IndexModel
@{
    ViewData["Title"] = "统计报表";
}
<div class="layui-card">
    <div class="layui-form layui-card-header layuiadmin-card-header-auto">
        <div class="layui-form-item">
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" value="@Model.defaulttime" data-time="ydatetime" autocomplete="off" name="time" id="time" placeholder="请选择时间" />
                </div>
            </div>
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <select id="BusinessId" name="BusinessId" lay-search>
                        <option value="">请选择商户</option>
                        @foreach (var item in Model.businesslist)
                        {
                        <option value="@item.Id">@item.Name</option>
                        }
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <select id="WasteType" name="WasteType" lay-search>
                        <option value="">请选择物品编码</option>
                        @foreach (var item in Model.wastetypelist)
                        {
                        <option value="@item.Name">@item.Name</option>
                        }
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" name="DevName" id="DevName" placeholder="请输入设备名称" />
                </div>
            </div>
            <div class="layui-inline">
                <button class="btn btn-primary btn-lg  js-search" type="button">查询</button>
            </div>
        </div>
    </div>
    <div class="layui-card-body">
        <table class="layui-table" id="list" lay-filter="list">
        </table>
    </div>
</div>
@section Scripts
{
    <script type="text/javascript">
        layui.use(['common'], function () {
            var common = layui.common;
            var queryparam = [];
            var starttime = $("#time").val();
            if (starttime != "") {
                var times = starttime.split('~');
                queryparam.push({
                    "Name": 'createtime',
                    "Type": QueryCond.GreaterThanOrEqual,
                    "Value": times[0].trim()
                });
                queryparam.push({
                    "Name": 'createtime',
                    "Type": QueryCond.LessThanOrEqual,
                    "Value": times[1].trim()
                });
            }
            common.initTable({
                url: '/api/report/getlist'
                , method: 'post',
                where: {
                    queryParam: queryparam
                }
                , cols: [[
                    {
                        field: 'businessname', title: '商户'
                    },
                    {
                        field: 'wastetype', title: '物品编码'
                    },
                    {
                        field: 'devname', title: '设备'
                    },
                    {
                        field: 'devcode', title: '设备编号', hide: true
                    }
                    ,
                    {
                        field: 'daycount', title: '测量次数'
                    }
                    ,
                    {
                        field: 'dayweight', title: '毛重'
                    }
                    ,
                    {
                        field: 'daypureweight', title: '净重'
                    }
                    ,
                    {
                        field: 'createtime', title: '时间', templet: function (d) {
                            return moment(d.createtime).format("YYYY/MM/DD");
                        }
                    }
                ]]
            });
            $(".js-search").on("click", function () {
                var queryparam = [{
                    "Name": 'BusinessId',
                    "Type": QueryCond.Equal,
                    "Value": $("#BusinessId").val()
                }, {
                    "Name": 'DevName',
                    "Type": QueryCond.Like,
                    "Value": $("#DevName").val()
                }, {
                    "Name": 'WasteType',
                    "Type": QueryCond.Equal,
                    "Value": $("#WasteType").val()
                    }];
                var starttime = $("#time").val();
                if (starttime != "") {
                    var times = starttime.split('~');
                    queryparam.push({
                        "Name": 'createtime',
                        "Type": QueryCond.GreaterThanOrEqual,
                        "Value": times[0].trim()
                    });
                    queryparam.push({
                        "Name": 'createtime',
                        "Type": QueryCond.LessThanOrEqual,
                        "Value": times[1].trim()
                    });
                }
                common.reloadtable("list", {
                    where: {
                        queryParam: queryparam
                    }
                });
            });
        });
    </script>
}