lvjian
/
kmall-haikong
派生自 project/kmall-haikong


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394
							<!DOCTYPE html>
<html>
<head>
    <title>欢迎页</title>
    #parse("sys/header.html")
</head>
<body>
<div class="wrapper-content animated fadeIn" id="rrapp">
    <div class="row">
        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="small-box bg-red">
                <div class="inner">
                    <h3>{{orderSum}}</h3>
                    <p>所有订单</p>
                </div>
                <div class="icon">
                    <i class="fa fa-shopping-bag"></i>
                </div>
                <a class="small-box-footer"></a>
                <a onclick="vm.toOrderByShipStatus()" class="small-box-footer">详情 <i
                        class="fa fa-arrow-circle-right"></i></a>
            </div>
        </div>
        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="small-box bg-green">
                <div class="inner">
                    <h3>{{yfOrderSum}}</h3>
                    <p>已发货</p>
                </div>
                <div class="icon">
                    <i class="fa fa-shopping-bag"></i>
                </div>
                <a class="small-box-footer"></a>
                <a onclick="vm.toOrderByShipStatus(0)" class="small-box-footer">详情 <i
                        class="fa fa-arrow-circle-right"></i></a>
            </div>
        </div>
        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="small-box bg-fuchsia">
                <div class="inner">
                    <h3>{{thcOrderSum}}</h3>
                    <p>退款订单</p>
                </div>
                <div class="icon">
                    <i class="fa fa-shopping-bag"></i>
                </div>
                <a class="small-box-footer"></a>
                <a onclick="vm.toOrderByShipStatus(1)" class="small-box-footer">详情 <i
                        class="fa fa-arrow-circle-right"></i></a>
            </div>
        </div>
        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="small-box bg-yellow">
                <div class="inner">
                    <h3>{{dfOrderSum}}</h3>
                    <p>已付款</p>
                </div>
                <div class="icon">
                    <i class="fa fa-shopping-bag"></i>
                </div>
                <a class="small-box-footer"></a>
                <a onclick="vm.toOrderByShipStatus(2)" class="small-box-footer">详情 <i
                        class="fa fa-arrow-circle-right"></i></a>
            </div>
        </div>

<!--        <div class="col-md-3 col-sm-6 col-xs-12">-->
<!--            <div class="small-box bg-light-blue">-->
<!--                <div class="inner">-->
<!--                    <h3>{{yfkOrderSum}}</h3>-->
<!--                    <p>待付款</p>-->
<!--                </div>-->
<!--                <div class="icon">-->
<!--                    <i class="fa fa-shopping-bag"></i>-->
<!--                </div>-->
<!--                <a class="small-box-footer"></a>-->
<!--                <a onclick="vm.toOrderByPayStatus(0)" class="small-box-footer">详情 <i-->
<!--                        class="fa fa-arrow-circle-right"></i></a>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="col-md-3 col-sm-6 col-xs-12">-->
<!--            <div class="small-box bg-aqua">-->
<!--                <div class="inner">-->
<!--                    <h3>{{ywcOrderSum}}</h3>-->
<!--                    <p>已完成</p>-->
<!--                </div>-->
<!--                <div class="icon">-->
<!--                    <i class="fa fa-shopping-bag"></i>-->
<!--                </div>-->
<!--                <a class="small-box-footer"></a>-->
<!--                <a onclick="vm.toOrderByOrderStatus(402)" class="small-box-footer">详情 <i-->
<!--                        class="fa fa-arrow-circle-right"></i></a>-->
<!--            </div>-->
<!--        </div>-->
        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="small-box bg-red">
                <div class="inner">
                    <h3>{{userSum}}</h3>
                    <p>消费记录总数</p>
                </div>
                <div class="icon">
                    <i class="fa fa-user-md"></i>
                </div>
                <a class="small-box-footer"></a>
                <a onclick="vm.toUser()" class="small-box-footer">详情 <i class="fa fa-arrow-circle-right"></i></a>
            </div>
        </div>
        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="small-box bg-red">
                <div class="inner">
                    <h3>{{goodsSum}}</h3>
                    <p>所有商品</p>
                </div>
                <div class="icon">
                    <i class="fa fa-ship"></i>
                </div>
                <a class="small-box-footer"></a>
                <a onclick="vm.toGoods()" class="small-box-footer">详情 <i class="fa fa-arrow-circle-right"></i></a>
            </div>
        </div>
    </div>
    <!--<table class="table table-hover table-responsive table-bordered">
        <tr>
            <th colspan="5">会员购买率：<span style="color: red;">{{hygml}}%</span>（会员购买率=已付款订单会员数÷会员总数）</th>
        </tr>
        <tr style='text-align: center;'>
            <th style="text-align: center;">消费记录总数</th>
            <th style="text-align: center;">已付款订单会员数</th>
            <th style="text-align: center;">有订单会员数</th>
            <th style="text-align: center;">今日订单数</th>
            <th style="text-align: center;">今日会员购物总额</th>
        </tr>
        <tr style='text-align: center;'>
            <td>{{userSum}}</td>
            <td>{{yfkOrderUserSum}}</td>
            <td>{{oderUserSum}}</td>
            <td>{{todayUserOrder}}</td>
            <td>{{todayUserSales}}</td>
        </tr>
    </table>

    <table class="table table-hover table-responsive table-bordered">
        <tr>
            <th colspan="3">每会员平均订单数及购物额</th>
        </tr>
        <tr style='text-align: center;'>
            <th style="text-align: center;">总收入</th>
            <th style="text-align: center;">每会员平均订单数（有订单会员数÷会员总数）</th>
            <th style="text-align: center;">每会员平均购物数（已支付订单数量÷有订单会员数）</th>
        </tr>
        <tr style='text-align: center;'>
            <td>{{incomeSum}}</td>
            <td>{{mhydds}}</td>
            <td>{{mhygws}}</td>
        </tr>
    </table>-->
<!--    <table class="table table-hover table-responsive table-bordered">-->
<!--        <tr>-->
<!--            <th>总点击数：{{hitCount}}； 每千点击订单数：{{average1000}}； 每千点击购物额：{{averageSales1000}}</th>-->
<!--        </tr>-->
<!--    </table>-->
</div>

<script type="text/javascript">
    var vm = new Vue({
        el: '#rrapp',
        data: {
            orderSum: 0,//所有订单
            dfOrderSum: 0,//已付款  原是待发货   都是指的同一个字段（已付款，待发货）
            yfOrderSum: 0,//已发货
            yfkOrderSum: 0,//待付款
            ywcOrderSum: 0,//已完成
            thcOrderSum: 0,//退款订单
            userSum: 0,//消费记录总数
            goodsSum: 0,//所有商品数

            yfkOrderUserSum: 0,//已付款订单会员数
            oderUserSum: 0,//有订单会员数
            todayUserOrder: 0,//今日订单数
            todayUserSales: 0,//今日会员购物总额
            hygml: 0,//会员购买率
            incomeSum: 0,//总收入
            payedOrderCount: 0,//已支付订单数
            mhydds: 0,//每会员订单数
            mhygws: 0,//每会员购物数
            hitCount: 0,//总点击数
            average1000: 0,//每千点击订单数
            averageSales1000: 0//每千点击购物额
        },
        methods: {
            toOrderByShipStatus: function (shippingStatus) {
                if (!shippingStatus && shippingStatus != 0) {
                    openWindow({
                        top: true,
                        type: 2,
                        title: '所有订单',
                        content: '../shop/offilineOrderList.html'
                    });
                    return;
                }
                let url = '../shop/offilineOrderList.html?orderType=1';
                let title='';
                if (shippingStatus == 0) {//已发货
                    if (vm.yfOrderSum == 0) {
                        iview.Message.error('没有数据！');
                        return;
                    }
                    url+="&orderStatus=300"
                    title="已发货"
                } else if (shippingStatus == 1) {//退款订单
                    if (vm.thcOrderSum == 0) {
                        iview.Message.error('没有数据！');
                        return;
                    }
                    url+="&orderStatus=401"
                    title="退款订单"
                } else if (shippingStatus == 2){//已付款
                    if (vm.dfOrderSum == 0) {
                        iview.Message.error('没有数据！');
                        return;
                    }
                    url+="&orderStatus=201"
                    title="已付款"
                }

                openWindow({
                    top: true,
                    type: 2,
                    title: title,
                    content: url
                });
            },
            toOrderByRefundStatus: function (refundStatus) {
                let url = '../shop/offilineOrderList.html?orderType=1';
                if (vm.thcOrderSum == 0) {
                    iview.Message.error('没有数据！');
                    return;
                }
                openWindow({
                    top: true,
                    type: 2,
                    title: '订单申请维权信息',
                    content: url
                });
            },
            toOrderByPayStatus: function (payStatus) {
                if (vm.yfkOrderSum == 0) {
                    iview.Message.error('没有数据！');
                    return;
                }
                openWindow({
                    top: true,
                    type: 2,
                    title: '订单',
                    content: '../shop/order.html?orderStatus=' + payStatus
                });
            },
            toOrderByOrderStatus: function (orderStatus) {
                if (vm.ywcOrderSum == 0) {
                    iview.Message.error('没有数据！');
                    return;
                }
                openWindow({
                    top: true,
                    type: 2,
                    title: '订单',
                    content: '../shop/order.html?orderStatus=' + orderStatus
                });
            },
            toUser: function () {
                openWindow({
                    top: true,
                    type: 2,
                    title: '消费记录总数',
                    area: ['90%', '95%'],
                    content: '../cashier/salerecord.html'
                });
            },
            toGoods: function () {
                openWindow({
                    top: true,
                    type: 2,
                    title: '所有商品',
                    content: '../shop/goods.html'
                });
            }
        },
        created: function () {
            let vue = this;
            $.getJSON("../order/queryMainTotal", function (r) {//所有订单
                vue.orderSum = r.sum;
            });
            $.getJSON("../order/queryTotal?isOnfiilineOrder=1&orderStatus=300&orderType=1", function (r) {//已发货
                vue.yfOrderSum = r.sum;
            });
            // $.getJSON("../order/queryTotal?isOnfiilineOrder=1&orderStatus=0&orderType=1", function (r) {//待付款
            //     vue.yfkOrderSum = r.sum;
            // });
            // $.getJSON("../order/queryTotal?isOnfiilineOrder=1&orderStatus=402", function (r) {//已完成
            //     vue.ywcOrderSum = r.sum;
            // });
           $.getJSON("../order/queryTotal?isOnfiilineOrder=1&orderStatus=401&orderType=1", function (r) {//退款订单
               vue.thcOrderSum = r.sum;
           });
            $.getJSON("../mall2memberconsumptionrecords/queryTotal", function (r) {//消费记录总数
                vue.userSum = r.userSum;
            });
            $.getJSON("../goods/queryTotal", function (r) {//所有商品数
                vue.goodsSum = r.goodsSum;
            });
            $.getJSON("../order/queryTotal?orderStatus=201&isOnfiilineOrder=1&orderType=1", function (r) {//已付款
                vue.dfOrderSum = r.sum;
                // if (r.sum > 0) {
                //     iview.Notice.info({
                //         title: '您有待发货订单',
                //         desc: '<a onclick="vm.toOrderByShipStatus(0)" class="small-box-footer">查看</a>',
                //         duration: 0
                //     });
                //     let iN = new iNotify({
                //         effect: 'flash',
                //         interval: 500,
                //         message: "待发订单",
                //         audio: {
                //             file: ['../statics/audio/dforder.mp3']
                //         },
                //         notification: {
                //             title: "通知！",
                //             body: '您有待发订单'
                //         }
                //     });
                //     iN.setTitle(true).player();
                // }
            });

            // $.get("../orderrefund/queryTotal?isOnfflineOrder=1&refundStatus=1", function (r) {
            //     // vue.thcOrderSum = r.sum;
            //     if (r.sum > 0) {
            //         iview.Notice.info({
            //             title: '您有退款申请订单',
            //             desc: '<a onclick="vm.toOrderByRefundStatus(1)" class="small-box-footer">查看</a>',
            //             duration: 0
            //         });
            //         let iN = new iNotify({
            //             effect: 'flash',
            //             interval: 500,
            //             message: "退款订单",
            //             audio: {
            //                 file: ['../statics/audio/dforder.mp3']
            //             },
            //             notification: {
            //                 title: "通知！",
            //                 body: '您有退款申请订单'
            //             }
            //         });
            //         iN.setTitle(true).player();
            //     }
            // });

            $.getJSON("../order/getUserOrderInfo?type=yfkOrderUserSum", function (r) {
                vue.yfkOrderUserSum = r.result;
            });
            $.getJSON("../order/getUserOrderInfo?type=oderUserSum", function (r) {
                vue.oderUserSum = r.result;
            });
            $.getJSON("../order/getUserOrderInfo?type=todayUserOrder", function (r) {
                vue.todayUserOrder = r.result;
            });
            $.getJSON("../order/getUserOrderInfo?type=todayUserSales", function (r) {
                vue.todayUserSales = r.result;
            });
            $.getJSON("../order/getUserOrderInfo?type=incomeSum", function (r) {
                vue.incomeSum = r.result;
            });
            $.getJSON("../order/getUserOrderInfo?type=payedOrderCount", function (r) {
                vue.payedOrderCount = r.result;
            });
            $.getJSON("../footprint/queryTotal", function (r) {
                vue.hitCount = r.hitCount;
            });


        },
        updated: function () {
            let vue = this;
            vue.hygml = (vue.yfkOrderUserSum / vue.userSum * 100).toFixed(4);
            vue.mhydds = (vue.oderUserSum / vue.userSum).toFixed(2);
            vue.mhygws = (vue.payedOrderCount / vue.oderUserSum).toFixed(2);
            vue.average1000 = (vue.orderSum / vue.hitCount * 1000).toFixed(4);
            vue.averageSales1000 = (vue.incomeSum / vue.hitCount * 1000).toFixed(4);
        }
    });
</script>
</body>
</html>