mashangyoujiu/Application/Retail/View/Vipsbalance/recharge2.html

<!DOCTYPE html>
<html>
<!--[1.0.92]-->
<head>
    <meta charset="UTF-8">
    <title>会员</title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/sale/sale.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/goodsList.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/myscroll.css"/>
    <style>
        .mybtn{
            margin: 10px 30px;
        }
        .mybtn:hover{
            color:white;
            background-color: #3f4c73;
        }
    </style>
</head>
<body>
<div class="goodsBox">
    <div class="goods_title">
        <div class="goods_title_inner">
            会员充值记录 <span style="color:orangered"></span>
        </div>
    </div>
    <div class="goods_edit">
        <form id="select_serach" class="layui-form">
            <div class="sale_screen_hr">
                <div class="layui-input-inline" style="width: 430px;">
                    <input type="text" name="date01" id="date01" lay-verify="date01" placeholder="点击查询指定时间段" autocomplete="off" class="layui-input" value="{$timenew}">
                    <i style="font-size: 28px;color: #009688;" class="layui-icon iconBox">&#xe637;</i>
                </div>
                <div class="goods_edit_input layui-input-inline" style="margin-right: 0px">
                    <input type="text" name="phone" id="phone" value="" placeholder="手机号/实体卡" />
                </div>
                <div class="layui-input-inline" style="width: 160px;">
                    <select name="storeid" id="type" style="display: none;">
                        <option value="0">--所有充值--</option>
                        <option value="2">--门店充值--</option>
                        <option value="1">--公众号自助充值--</option>
                        <option value="3">--小程序自助充值--</option>
                    </select>
                </div>
                <div class="layui-input-inline" style="width: 160px;">
                    <select name="storeid" id="paytype" style="display: none;">
                        <option value="">--所有支付--</option>
                        <option value="1">--现金充值--</option>
                        <option value="2">--微信充值--</option>
                        <option value="3">--支付宝充值--</option>
                    </select>
                </div>
            </div>
            <div class="sale_screen_hr">
                <div class="layui-input-inline" style="width: 90px;">
                    <div class="layui-btn" id="serach_icon" style="margin-left: 0px;">搜索</div>
                </div>
                <if condition="$global_store_jurisdiction && ($global_store_jurisdiction['data_export'] eq '2')">
                    <else />
                    <div class="layui-input-inline" style="width: 90px;">
                        <div class="layui-btn" id="export" style="margin-left: 0px;">导出</div>
                    </div>
                </if>
            </div>
        </form>
    </div>
    <div class="goods_edit">
        <form class="layui-form">
            <div class="layui-form-item">
                <label class="layui-form-label">总支付(元)</label>
                <div class="layui-input-inline">
                    <input type="text" name="title" value="0" class="layui-input" readonly id="allpaymoney">
                </div>
                <label class="layui-form-label">总获得(元)</label>
                <div class="layui-input-inline">
                    <input type="text" name="title" value="0" class="layui-input" readonly id="allgetmoney">
                </div>
                <label class="layui-form-label">总赠送(元)</label>
                <div class="layui-input-inline">
                    <input type="text" name="title" value="0" class="layui-input" readonly id="allgivemoney">
                </div>
            </div>
        </form>
    </div>
    <div class="goods_table">
        <table class="layui-hide" id="test" lay-filter="demo"></table>
        <script type="text/html" id="barDemo">
            <a class="layui-btn layui-btn-xs" lay-event="wifi">wifi打印</a>
        </script>
    </div>
</div>
</body>
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
<script type="text/javascript">
    layui.use(['table','layer','laydate'], function() {
        var layer = layui.layer,
            table = layui.table,
            laydate = layui.laydate;
        //日期
        laydate.render({
            elem: '#date01',
            range: '至',
            value:$('#date01').val()
        });
        $('#serach_icon').click(function () {
            table.reload('test', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                ,where: {
                    phone:$('#phone').val(),
                    date01:$('#date01').val(),
                    type:$('#type').val(),
                    paytype:$('#paytype').val(),
                }
            });
        })
        //展示已知数据
        table.render({
            elem: '#test',
            url:"{:U('Retail/Vipsbalance/rechargelist')}",
            cols: [
                [ {
                    field: 'index',
                    title: '序号',
                    width:60
                }, {
                    field: 'namenickname',
                    title: '姓名/昵称',
                }, {
                    field: 'mobile_phone',
                    title: '手机号/实体卡',
                    width:120
                }, {
                    field: 'money',
                    title: '支付金额(元)',
                    width:100
                } , {
                    field: 'allmoney',
                    title: '充值金额(元)',
                    width:100
                },{
                    field: 'givemoney',
                    title: '赠送金额(元)',
                    width:100
                } , {
                    field: 'storetag',
                    title: '门店名称'
                } ,{
                    field: 'addtime',
                    title: '充值时间'
                },{
                    field: 'remark',
                    title: '备注'
                },{
                    field:'right',
                    title: '操作',
                    width:100,
                    toolbar:"#barDemo"
                }
                ]
            ],
            page: {
                layout: [ 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
            }, //是否开启分页
            done:function (res) {
                // console.log(res);
                $('#allpaymoney').val(res.allpaymoney);
                $('#allgetmoney').val(res.allgetmoney);
                $('#allgivemoney').val(res.allgivemoney)
            }
        });
        table.on('tool(demo)', function(obj){ //wifi打印
            var data = obj.data;
            if(obj.event === 'wifi'){
                 $.ajax({
                     url:"{:U('storeIdGet')}",
                     type:"post",
                     data:{id:data.id},
                     success:function(res){
                         if(res.status == 1){
                             layer.msg(res.msg,{time:1500});
                         }
                     }
                 })
            }
        });
        $('#export').click(function(){
            var date01 = $('#date01').val();
            var type = $('#type').val();
            var paytype = $('#paytype').val();
            layer.confirm("确认导出",function(){
                layer.closeAll();
                window.location.href="{:U('rechargelistexport')}?date01=" + date01 + "&type=" + type + "&paytype=" + paytype
            })
        })
    });

</script>
</html>