mashangyoujiu/Application/Admin/View/Continentflow/cashWithdrawal.html

<!DOCTYPE html>
<html>

<!--[1.1.12]-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width">
    <link href="__PUBLIC__/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css"
          href="__PUBLIC__/user/css/yongjin/daterangepicker-bs3.css">
    <link href="__PUBLIC__/user/css/yongjin/font-awesome.min.css" rel="stylesheet">
    <script src="__PUBLIC__/user/js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/user/js/yongjin/moment.js"></script>
    <script type="text/javascript" src="__PUBLIC__/user/js/yongjin/daterangepicker-1.3.7.js"></script>
    <link href="__PUBLIC__/user/css/yongjin/index.css" rel="stylesheet">
    <link href="__PUBLIC__/user/css/yongjin/store.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css"/>

    <title></title>
    <style>
        a:hover {
            text-decoration: none;
            color: #2db7f5;
        }
        .manage_left {
            margin-top: 27px;
            /* margin-left: 40px;*/
        }
        .date {
            width: 600px;
        }
        .aside {
            width: 1200px;
            margin: 0 auto;
        }

        .col-md-4 {
            text-align: center;
            background-color: #ffffff;
            margin: 0 5px 0 5px;
            width:18%;
            line-height: 40px;
            border: 1px solid #eee;
        }

        .surface {
            margin-top: -20px;
        }

        .Trade-money {
            font-size: 18px;
            color: #2db7f5;
        }

        .Trade-count {
            font-size: 18px;
            color: #62b900;
        }

        .benefit-money {
            font-size: 18px;
            color: #e4393c;
        }

        .col-md-4 span {
            display: inline-block;
            margin: 5px 0 5px 0;
        }
        .manage{padding: 0px 16px;}

        .active{
            background-color:#009688 !important;
            border: 1px solid #009688 !important;
        }
    </style>
</head>

<body style="cursor: pointer;">
<div style="width:1000px;">
    <!--<form class="layui-form">-->
        <div class="date" style="display:inline-block;">
            <div class="date">
                <img src="__PUBLIC__/user/images/yongjin/date.png">日期
                <input type="text" id="test6" id="reportrange" name="date" placeholder="开始日期 - 结束日期">
                <button class="layui-btn layui-btn-radius" lay-filter="demo1" id="demo1" style="height: 30px;line-height: 30px;padding: 0 12px">确定</button>
            </div>
        </div>
        <button class="layui-btn layui-btn-radius" lay-filter="demo2" id="demo2" style="height:30px;line-height: 30px;padding: 0 12px">提现</button>
    <!--</form>-->
</div>
<div class="aside">
    <div class="row" style="display: flex;justify-content: space-between;">
        <div class="col-md-4">
            <span>余额</span><br>
            <span class="Trade-money">{$balance['balance']}</span>
        </div>
        <div class="col-md-4">
            <span>提现金额</span><br>
            <span class="Trade-count">{$cashm}</span>
        </div>
        <div class="col-md-4">
            <span>结算金额</span><br>
            <span class="benefit-money">{$sucash}</span>
        </div>
    </div>
</div>
<div class="surface">
    <form action="" method="get"> <input type="hidden" name="close" value="1">

        <div class="manage">
            <if condition="$types eq 1">
                <div class="manage_left" style="width: 100%;height: 40px">
                    <div class="Business_title" id="div1" >
                    </div>
                </div>
            </if>
        </div>
        <table class="layui-hide" id="test" lay-filter="test"></table>

    </form>
</div>
</body>
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
<script type="text/javascript">
    layui.use(['form', 'layedit', 'laydate','table'], function() {
        var form = layui.form
            ,layer = layui.layer
            ,layedit = layui.layedit
            ,laydate = layui.laydate;
        var table = layui.table;
        table.render({
            elem: '#test'
            ,url:"{:U('Continentflow/cashData')}"
            ,title: '用户数据表'
            ,cols: [[
                {field:'id', title:'ID', fixed: 'left',align:'center', unresize: true,
                    sort: true}
                ,{field:'withdrawal_amount', title:'提现金额',align:'center'}
                ,{field:'time', title:'提现时间',align:'center'}
                ,{field:'state', title:'状态',align:'center'}
                ,{field:'auditor', title:'审核人',align:'center'}
                ,{field:'reason', title:'原因',align:'center'}
            ]]
            ,page: true
        });

        var $ = layui.$;
        //日期范围
        laydate.render({
            elem: '#test6'
            ,range: true
        });
        $('#demo1').click(function () {
            var date = $("#test6").val();
            table.reload('test', {
                where:{date}
            });
        });
        $('#demo2').click(function () {
            layer.open({
                type: 2, //Layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）,
                shade:0.1, //遮罩层透明度
                area:['850px','500px'], //弹出层宽高
                title:'提现',//弹出层标题
                content: ["{:U('Continentflow/txmls')}",'no']
            });
        });
        //监听提交
        form.on('submit(demo1)', function(data){

        });
    })
</script>

</html>