pending.blade.php 6.0 KB
<div class="x_panel">
    <div class="x_title">
        <h5>
            待处理事务
            <small></small>
        </h5>
    </div>
    <div class="x_content">
        <div class="flex">
            <div class="small-box bg-white pendding orange">
                <div class="icon">
                    <i class="fa fa-codepen"></i>
                </div>
                <div class="inner">
                    <p>待处理特产订单</p>
                    <h3 id="specialty_order">0</h3>
                </div>
            </div>
        </div>

        <div class="flex">
            <div class="small-box bg-white pendding green-blue">
                <div class="icon">
                    <i class="fa fa-codepen"></i>
                </div>
                <div class="inner">
                    <p>待处理产品订单</p>
                    <h3 id="boutique_order">0</h3>
                </div>
            </div>
        </div>

        <div class="flex">
            <div class="small-box bg-white pendding yellow">
                <div class="icon">
                    <i class="fa fa-cubes"></i>
                </div>
                <div class="inner">
                    <p>待处理资源订单</p>
                    <h3 id="resource_order">0</h3>
                </div>
            </div>
        </div>
        <div class="flex">
            <div class="small-box bg-white pendding green">
                <div class="icon">
                    <i class="fa fa-rmb"></i>
                </div>
                <div class="inner">
                    <p>导游派单待选择</p>
                    <h3 id="customized_guide_not_grab">0</h3>
                </div>
            </div>
        </div>

        <div class="flex">
            <div class="small-box bg-white pendding blue">
                <div class="icon">
                    <i class="fa fa-file-o"></i>
                </div>
                <div class="inner">
                    <p>导游派单待支付</p>
                    <h3 id="customized_guide_not_pay">0</h3>
                </div>
            </div>
        </div>

        <div class="flex">
            <div class="small-box bg-white pendding pink">
                <div class="icon">
                    <i class="fa fa-check-square"></i>
                </div>
                <div class="inner">
                    <p>导游派单待结算</p>
                    <h3 id="customized_guide_not_settle">0</h3>
                </div>
            </div>
        </div>

        <div class="flex">
            <div class="small-box bg-white pendding orange">
                <div class="icon">
                    <i class="fa fa-share-alt-square"></i>
                </div>
                <div class="inner">
                    <p>导游预约待支付</p>
                    <h3 id="guide_not_pay">0</h3>
                </div>
            </div>
        </div>

{{--        <div class="flex">--}}
{{--            <div class="small-box bg-white pendding purple">--}}
{{--                <div class="icon">--}}
{{--                    <i class="fa fa-upload"></i>--}}
{{--                </div>--}}
{{--                <div class="inner">--}}
{{--                    <p>行程单待上传</p>--}}
{{--                    <h3>0</h3>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}

{{--        <div class="flex">--}}
{{--            <div class="small-box bg-white pendding red">--}}
{{--                <div class="icon">--}}
{{--                    <i class="fa fa-building-o"></i>--}}
{{--                </div>--}}
{{--                <div class="inner">--}}
{{--                    <p>导游预约待结算</p>--}}
{{--                    <h3 id="guide_not_settle">0</h3>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
    </div>
</div>

<script type="text/javascript">

    $(function () {


        // 实例化数字自动变化对象
        var t8 = digitalAnimation("specialty_order",{time: 1, num: 0});
        // 启动
        t8.start();

        // 实例化数字自动变化对象
        var t1 = digitalAnimation("customized_guide_not_grab",{time: 1, num: 0});
        // 启动
        t1.start();

        // 实例化数字自动变化对象
        var t2 =digitalAnimation("customized_guide_not_pay",{time: 1, num: 0});
        // 启动
        t2.start();

        // 实例化数字自动变化对象
        var t3 =digitalAnimation("customized_guide_not_settle", {time: 1, num: 0});
        // 启动
        t3.start();

        // 实例化数字自动变化对象
        var t4 = digitalAnimation("guide_not_pay", {time: 1, num: 0});
        // 启动
        t4.start();

        // // 实例化数字自动变化对象
        // var t5 = digitalAnimation("guide_not_settle", {time: 1, num: 0});
        // // 启动
        // t5.start();

        // 实例化数字自动变化对象
        var t6 = digitalAnimation("boutique_order", {time: 1, num: 0});
        // 启动
        t6.start();

        // 实例化数字自动变化对象
        var t7 = digitalAnimation("resource_order", {time: 1, num: 0});
        // 启动
        t7.start();

        // 异步加载数据
        var url     ="/{{config ('admin.route.prefix')}}/statistic/pending";
        console.log(url);
        $.ajax({
            url: url,
            type: "get",
            dataType : "json",
            success: function (data) {

                t1.continue(data['customized_guide_not_grab']);
                t2.continue(data['customized_guide_not_pay']);
                t3.continue(data['customized_guide_not_settle']);
                t4.continue(data['guide_not_pay']);
                //t5.continue(data['guide_not_settle']);
                t6.continue(data['boutique_order']);
                t7.continue(data['resource_order']);
                t8.continue(data['specialty_order']);
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                //关闭加载层
                layer.closeAll('loading');
            }
        });
    });
</script>