REAPI/app/order/view/order_back/statement.html

<fieldset>
    <legend>数据汇总</legend>


    <div class="layui-row layui-col-space15">
        <div class="layui-col-md2">
            <div class="layui-card">
                <div class="layui-card-body layui-bg-green">
                    <p>总金额</p>
                    ¥&nbsp;<span id="num">0</span>
                </div>
            </div>
        </div>
        <div class="layui-col-md2">
            <div class="layui-card">
                <div class="layui-card-body layui-bg-blue">
                    <p>成功金额</p>
                    ¥&nbsp;<span id="yes_num">0</span>
                </div>
            </div>
        </div>
        <div class="layui-col-md2">
            <div class="layui-card">
                <div class="layui-card-body layui-bg-blue">
                    <p>实际成功金额</p>
                    ¥&nbsp;<span id="act_yes_num">0</span>
                </div>
            </div>
        </div>
        <div class="layui-col-md2">
            <div class="layui-card">
                <div class="layui-card-body layui-bg-cyan">
                    <p>冻结金额</p>
                    ¥&nbsp;<span id="dong_num">0</span>
                </div>
            </div>
        </div>
        <div class="layui-col-md2">
            <div class="layui-card">
                <div class="layui-card-body layui-bg-red">
                    <p>失败金额</p>
                    ¥&nbsp;<span id="no_num">0</span>
                </div>
            </div>
        </div>
        <div class="layui-col-md6"></div>
    </div>
</fieldset>

<fieldset>
    <legend>订单汇总</legend>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md2">
            <div class="layui-card">
                <div class="layui-card-body layui-bg-green">
                    <p>总订单数</p>
                    <span id="order_num" >0</span>
                </div>
            </div>
        </div>
        <div class="layui-col-md2">
            <div class="layui-card">
                <div class="layui-card-body layui-bg-blue">
                    <p>成功订单数</p>
                    <span id="order_yes_num">0</span>
                </div>
            </div>
        </div>
        <div class="layui-col-md2" style="display: none;">
            <div class="layui-card">
                <div class="layui-card-body layui-bg-blue">
                    <p>疑似订单数</p>
                    <span id="order_ys_num">0</span>
                </div>
            </div>
        </div>
        <div class="layui-col-md2">
            <div class="layui-card">
                <div class="layui-card-body layui-bg-blue">
                    <p>成功率</p>
                    <span id="order_yes_lv">0%</span>
                </div>
            </div>
        </div>
        <div class="layui-col-md2">
            <div class="layui-card">
                <div class="layui-card-body layui-bg-cyan">
                    <p>处理中订单数</p>
                    <span id="order_dong_num">0</span>
                </div>
            </div>
        </div>
        <div class="layui-col-md2">
            <div class="layui-card">
                <div class="layui-card-body layui-bg-red">
                    <p>失败订单数</p>
                    <span id="order_no_num">0</span>
                </div>
            </div>
        </div>
        <div class="layui-col-md6"></div>
    </div>
</fieldset>

<script>
    function gototal(){
        var currentUrl = window.location.href;
        var temp = currentUrl.split('?');
        $.ajax({
            //location.href=location.href+'&set_callback=1'
            url:"{:url('stats')}"+"?"+temp[1], // 替换为你的API端点
            type: 'GET', // 请求类型，可以是GET、POST等
            dataType: 'json', // 期望从服务器返回的数据类型
            success: function(response) {
                // 请求成功时的回调函数
                // console.log('Response:', response);
                $("#act_yes_num").text(response.data.act_yes_num);
                $("#dong_num").text(response.data.dong_num);
                $("#no_num").text(response.data.no_num);
                $("#num").text(response.data.num);
                $("#order_dong_num").text(response.data.order_dong_num);
                $("#order_no_num").text(response.data.order_no_num);
                $("#order_num").text(response.data.order_num);
                $("#order_yes_lv").text(response.data.order_yes_lv);
                $("#order_yes_num").text(response.data.order_yes_num);
                $("#order_ys_num").text(response.data.order_ys_num);
                $("#yes_num").text(response.data.yes_num);
            },
            error: function(xhr, status, error) {
                // 请求失败时的回调函数
                console.error('Error:', error);
            }
        });
    }

    gototal()
</script>