cf-platform/Application/Home/View/default/Finance/index.html

<extend name="Public/promote_base"/>
<block name="css">
    <link href="__CSS__/index/index.new.css" rel="stylesheet" >
    <style>
        .form-group {
            display: flex;
        }
        .form-group label {
            line-height: 34px;
            height: 34px;
        }
        .form-group .txt {
            width: 120px;
            height: 34px;
            color: #515974;
        }
        .withdraw {
            width: 200px;
            height: 2.4rem;
            border: 0;
            border-radius: 5px;
            color: #fff;
            background-color: #358fe4;
            cursor: pointer;
        }
    </style>
</block>
<block name="body">
    <div class="page-overview promote-index-overview index-overview clearfix poll">
        <ul>
            <li><div class="icon"><span class="placeholder-graphic"><img src="__IMG__/20180207/icon_chongzhi1.png"/></span></div> <div class="text text2"><p>历史收益</p><span>￥{$income.history_income}</span></div> </li>
            <li><div class="icon"><span class="placeholder-graphic"><img src="__IMG__/20180207/icon_chongzhi2.png"/></span></div> <div class="text text1"><p>本月收益</p><span>￥{$income.this_month_income}</span></div> </li>
            <li><div class="icon"><span class="placeholder-graphic"><img src="__IMG__/20180207/icon_chongzhi3.png"/></span></div> <div class="text text3"><p>昨日收益</p><span>￥{$income.yesterday_income}</span></div> </li>
            <li><div class="icon"><span class="placeholder-graphic"><img src="__IMG__/20180207/icon_chongzhi5.png"/></span></div> <div class="text text5"><p>账户余额</p><span>￥{$income.balance}</span></div> </li>
        </ul>
    </div>
    <div style="margin-top: 2.4vh;">
        <button class="withdraw" id="withdraw">提现</button>
    </div>
    <div class="page-list promote-index-list promote-index-list-news">
        <div class="trunk-title-main"><span>{$meta_title}</span></div>
        <div class="trunk-content article">
            <div class="trunk-search clearfix jssearch">
                <div class="form-group fl">
                    <label class="form-title select-title" style="position: relative;">时间：</label>
                    <div class="select-time">
                        <input type="text" readonly id="sdate" class="txt" name="begtime" placeholder="" value="{$initBegTime}">
                    </div>
                    <label class="form-title select-title zhi_color">&nbsp;&nbsp;—&nbsp;&nbsp;</label>
                    <div class="select-time">
                        <input type="text" readonly id="edate" class="txt" name="endtime" placeholder="" value="{$initEndTime}">
                    </div>
                </div>
                <div class="form-group normal_space fl">
                    <input type="submit" class="submit" id='submit' url="{:U('Finance/index','model='.$model['name'],false)}"
                           value="查询">
                </div>
            </div>
            <div class="trunk-list list_normal">
                <table class="table normal_table">
                    <tr class="odd">
                        <th>时间</th>
                        <th>收益</th>
                        <th>操作</th>
                    </tr>
                    <empty name="listData">
                        <tr><td colspan="3" style="text-align: center;height: 38vh;"><img src="__IMG__/20180207/icon_wushujv2.png"/><p style="line-height: 40px;color: #A5A5A5;">暂无数据</p></td></tr>
                        <else />
                        <volist name="listData" id="data">
                            <tr>
                                <td>{$data.day}</td>
                                <td>{$data.income}</td>
                                <td><a href="{$data.url}">明细</a></td>
                            </tr>
                        </volist>
                    </empty>
                </table>
            </div>
            <div class="pagenation clearfix">
               <a id="sch-btn" data-href="{:U('download/financeindex_data_export',array_merge(['xlsname'=>'ceshi'],I('get.')))}" class="ajax-get">
                    导出</a>
                {$_page}
            </div>
        </div>
    </div>
    <link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
    <link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
            charset="UTF-8"></script>
    <script type="text/javascript" src="__JS__/index/jquery.fxTab.js"></script>
    <script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>
    <script>
        $(function(){
            var date = "";
            $('#sdate').datetimepicker({
                format: 'yyyy-mm-dd',
                language: "zh-CN",
                minView: 2,
                autoclose: true,
                scrollMonth: false,
                scrollTime: false,
                scrollInput: false,
                endDate: date
            });

            $('#edate').datetimepicker({
                format: 'yyyy-mm-dd',
                language: "zh-CN",
                minView: 2,
                autoclose: true,
                pickerPosition: 'bottom-left',
                scrollMonth: false,
                scrollTime: false,
                scrollInput: false,
                endDate: date
            });

            $('#submit').click(function () {
                var sdate = Date.parse($('#sdate').val()) / 1000;
                var edate = Date.parse($('#edate').val()) / 1000;

                if (sdate > edate) {
                    layer.msg('开始时间必须小于等于结束时间', {icon: 5});
                    return false;
                }
                if ((edate - sdate) > 2505600) {
                    layer.msg('时间间隔不能超过30天，请重新选择日期', {icon: 5});
                    return false;
                }

                var url = $(this).attr('url');
                console.log(url);
                var query = $('.jssearch').find('input').serialize();
                query += "&" + $('.jssearch').find('select').serialize();
                query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g, '');
                query = query.replace(/^&/g, '');
                if (url.indexOf('?') > 0) {
                    url += '&' + query;
                } else {
                    url += '?' + query;
                }
                window.location.href = url;

            });
            
            $('#withdraw').click(function () {
                var balance = parseFloat("{$income.balance}");
                if (balance < 100) {
                    layer.msg('账户余额低于100元，无法提现！', {icon: 5});
                    return false;
                }

                var msg = "收益结算截止时间：{$yesterday}";
                msg += "<br>";
                msg += "提现金额：{$income.balance}元";
                layer.confirm(msg, {
                    title: '信息',
                    btn: ['提交', '取消'],
                }, function () {
                    $.ajax({
                        type: 'post',
                        url: '{:U("withdraw")}',
                        dataType: 'json',
                        data: {},
                        success: function (data) {
                            if (data.status == 1) {
                                layer.msg(data.msg, {icon: 1});
                                setTimeout(function(){
                                    window.location.reload();
                                },2000);
                            } else {
                                layer.msg(data.msg, {icon: 5});
                            }
                        },
                        error: function (result) {
                            layer.msg('网络异常', {icon: 5});
                        }
                    });
                });
            });

            $(".select_gallery").select2();
        });
    </script>
</block>