huizhen/app/admin/view/index/main.php

<!--{extend name="public/container"}-->
<!--{block name="head_top"}-->
<!--<!-- 全局js -->-->
<!--<script src="{__PLUG_PATH}echarts/echarts.common.min.js"></script>-->
<!--<script src="{__PLUG_PATH}echarts/theme/macarons.js"></script>-->
<!--<script src="{__PLUG_PATH}echarts/theme/westeros.js"></script>-->
<!--{/block}-->
<!--{block name="content"}-->
<!--    <div class="row">-->
<!--        <div class="col-sm-3 ui-sortable">-->
<!--            <div class="ibox float-e-margins">-->
<!--                <div class="ibox-title">-->
<!--                    <span class="label label-danger pull-right">急</span>-->
<!--                    <h5>订单</h5>-->
<!--                </div>-->
<!--                <div class="ibox-content">-->
<!--                    <h1 class="no-margins">{$topData.orderDeliveryNum}</h1>-->
<!--                    <small><a href="javascript:;" class="opFrames" data-name="订单管理" data-href="{:Url('order.store_order/index',['status'=>1])}">待发货</a> </small>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="col-sm-3 ui-sortable">-->
<!--            <div class="ibox float-e-margins">-->
<!--                <div class="ibox-title">-->
<!--                    <span class="label label-info pull-right">待</span>-->
<!--                    <h5>订单</h5>-->
<!--                </div>-->
<!--                <div class="ibox-content">-->
<!--                    <h1 class="no-margins">{$topData.orderRefundNum}</h1>-->
<!--                    <small><a href="javascript:;" class="opFrames" data-name="订单管理" data-href="{:Url('order.store_order/index',['status'=>-1])}">退换货</a></small>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="col-sm-3 ui-sortable" >-->
<!--            <div class="ibox float-e-margins">-->
<!--                <div class="ibox-title">-->
<!--                    <span class="label label-danger pull-right">急</span>-->
<!--                    <h5>商品</h5>-->
<!--                </div>-->
<!--                <div class="ibox-content">-->
<!--                    <h1 class="no-margins">{$topData.stockProduct}</h1>-->
<!--                    <small><a href="javascript:;" class="opFrames" data-name="商品管理" data-href="{:Url('store.store_product/index',array('type'=>5))}">库存预警</a></small>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="col-sm-3 ui-sortable">-->
<!--            <div class="ibox float-e-margins">-->
<!--                <div class="ibox-title">-->
<!--                    <span class="label label-danger pull-right">待</span>-->
<!--                    <h5>待提现</h5>-->
<!--                </div>-->
<!--                <div class="ibox-content">-->
<!--                    <h1 class="no-margins">{$topData.treatedExtract}</h1>-->
<!--                    <small><a href="javascript:;" class="opFrames" data-name="提现盛情" data-href="{:Url('finance.user_extract/index')}">待提现</a></small>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="col-sm-3 ui-sortable">-->
<!--            <div class="ibox float-e-margins">-->
<!--                <div class="ibox-title">-->
<!--                    <span class="label label-info pull-right">昨</span>-->
<!--                    <h5>订单</h5>-->
<!--                </div>-->
<!--                <div class="ibox-content">-->
<!--                    <h1 class="no-margins">{$first_line.d_num.data}</h1>-->
<!--                    <div class="stat-percent font-bold text-navy">-->
<!--                        {$first_line.d_num.percent}%-->
<!--                        {if condition='$first_line.d_num.is_plus egt 0'}<i class="fa {if condition='$first_line.d_num.is_plus eq 1'}fa-level-up{else /}fa-level-down{/if}"></i>{/if}-->
<!--                    </div>-->
<!--                    <small><a href="javascript:;" class="opFrames" data-name="订单管理" data-href="{:Url('order.store_order/index')}?data=yesterday">昨日支付订单数</a></small>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="col-sm-3 ui-sortable">-->
<!--            <div class="ibox float-e-margins">-->
<!--                <div class="ibox-title">-->
<!--                    <span class="label label-info pull-right">昨</span>-->
<!--                    <h5>交易</h5>-->
<!--                </div>-->
<!--                <div class="ibox-content">-->
<!--                    <h1 class="no-margins">{$first_line.d_price.data}</h1>-->
<!--                    <div class="stat-percent font-bold text-info">-->
<!--                        {$first_line.d_price.percent}%-->
<!--                        {if condition='$first_line.d_price.is_plus egt 0'}<i class="fa {if condition='$first_line.d_price.is_plus eq 1'}fa-level-up{else /}fa-level-down{/if}"></i>{/if}-->
<!--                    </div>-->
<!--                    <small><a href="javascript:;" class="opFrames" data-name="订单管理" data-href="{:Url('order.store_order/index')}?data=yesterday">昨日交易额</a></small>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="col-sm-3 ui-sortable">-->
<!--            <div class="ibox float-e-margins">-->
<!--                <div class="ibox-title">-->
<!--                    <span class="label label-info pull-right">今</span>-->
<!--                    <h5>粉丝</h5>-->
<!--                </div>-->
<!--                <div class="ibox-content">-->
<!--                    <h1 class="no-margins">{$first_line.day.data}</h1>-->
<!--                    <div class="stat-percent font-bold text-info">-->
<!--                        {$first_line.day.percent}%-->
<!--                        {if condition='$first_line.day.is_plus egt 0'}<i class="fa {if condition='$first_line.day.is_plus eq 1'}fa-level-up{else /}fa-level-down{/if}"></i>{/if}-->
<!--                    </div>-->
<!--                    <small><a href="javascript:;" class="opFrames" data-name="会员管理" data-href="{:Url('user.user/index')}">今日新增粉丝</a></small>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="col-sm-3 ui-sortable">-->
<!--            <div class="ibox float-e-margins">-->
<!--                <div class="ibox-title">-->
<!--                    <span class="label label-info pull-right">月</span>-->
<!--                    <h5>粉丝</h5>-->
<!--                </div>-->
<!--                <div class="ibox-content">-->
<!--                    <h1 class="no-margins">{$first_line.month.data}</h1>-->
<!--                    <div class="stat-percent font-bold text-info">-->
<!--                        {$first_line.month.percent}%-->
<!--                        {if condition='$first_line.month.is_plus egt 0'}<i class="fa {if condition='$first_line.month.is_plus eq 1'}fa-level-up{else /}fa-level-down{/if}"></i>{/if}-->
<!--                    </div>-->
<!--                    <small><a href="javascript:;" class="opFrames" data-name="会员管理" data-href="{:Url('user.user/index')}">本月新增粉丝</a></small>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!---->
<!--    </div>-->
<!--<div id="app">-->
<!--    <div class="row">-->
<!--        <div class="col-lg-12">-->
<!--            <div class="ibox float-e-margins">-->
<!--                <div class="ibox-title">-->
<!--                    <h5>订单</h5>-->
<!--                    <div class="pull-right">-->
<!--                        <div class="btn-group">-->
<!--                            <button type="button" class="btn btn-xs btn-white" :class="{'active': active == 'thirtyday'}" v-on:click="getlist('thirtyday')">30天</button>-->
<!--                            <button type="button" class="btn btn-xs btn-white" :class="{'active': active == 'week'}" v-on:click="getlist('week')">周</button>-->
<!--                            <button type="button" class="btn btn-xs btn-white" :class="{'active': active == 'month'}" v-on:click="getlist('month')">月</button>-->
<!--                            <button type="button" class="btn btn-xs btn-white" :class="{'active': active == 'year'}" v-on:click="getlist('year')">年</button>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="ibox-content">-->
<!--                    <div class="row">-->
<!--                        <div class="col-lg-9">-->
<!--                            <div class="flot-chart-content echarts" ref="order_echart" id="flot-dashboard-chart1"></div>-->
<!--                        </div>-->
<!--                        <div class="col-lg-3">-->
<!--                            <ul class="stat-list">-->
<!--                                <li>-->
<!--                                    <h2 class="no-margins ">{{pre_cycleprice}}</h2>-->
<!--                                    <small>{{precyclename}}销售额</small>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <h2 class="no-margins ">{{cycleprice}}</h2>-->
<!--                                    <small>{{cyclename}}销售额</small>-->
<!--                                    <div class="stat-percent text-navy" v-if='cycleprice_is_plus ===1'>-->
<!--                                        {{cycleprice_percent}}%-->
<!--                                        <i  class="fa fa-level-up"></i>-->
<!--                                    </div>-->
<!--                                    <div class="stat-percent text-danger" v-else-if='cycleprice_is_plus === -1'>-->
<!--                                        {{cycleprice_percent}}%-->
<!--                                        <i class="fa fa-level-down"></i>-->
<!--                                    </div>-->
<!--                                    <div class="stat-percent" v-else>-->
<!--                                        {{cycleprice_percent}}%-->
<!--                                    </div>-->
<!--                                    <div class="progress progress-mini">-->
<!--                                        <div :style="{width:cycleprice_percent+'%'}" class="progress-bar box"></div>-->
<!--                                    </div>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <h2 class="no-margins ">{{pre_cyclecount}}</h2>-->
<!--                                    <small>{{precyclename}}订单总数</small>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <h2 class="no-margins">{{cyclecount}}</h2>-->
<!--                                    <small>{{cyclename}}订单总数</small>-->
<!--                                    <div class="stat-percent text-navy" v-if='cyclecount_is_plus ===1'>-->
<!--                                        {{cyclecount_percent}}%-->
<!--                                        <i class="fa fa-level-up"></i>-->
<!--                                    </div>-->
<!--                                    <div class="stat-percent text-danger" v-else-if='cyclecount_is_plus === -1'>-->
<!--                                        {{cyclecount_percent}}%-->
<!--                                        <i  class="fa fa-level-down"></i>-->
<!--                                    </div>-->
<!--                                    <div class="stat-percent " v-else>-->
<!--                                        {{cyclecount_percent}}%-->
<!--                                    </div>-->
<!--                                    <div class="progress progress-mini">-->
<!--                                        <div :style="{width:cyclecount_percent+'%'}" class="progress-bar box"></div>-->
<!--                                    </div>-->
<!--                                </li>-->
<!---->
<!---->
<!--                            </ul>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    <div class="row" >-->
<!--        <div class="col-lg-12">-->
<!--            <div class="ibox float-e-margins">-->
<!--                <div class="ibox-title">-->
<!--                    <h5>用户</h5>-->
<!--                </div>-->
<!--                <div class="ibox-content">-->
<!--                    <div class="row">-->
<!--                        <div class="col-lg-12">-->
<!--                            <div class="flot-chart">-->
<!--                                <div class="flot-chart-content" ref="user_echart" id="flot-dashboard-chart2"></div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<!--{/block}-->
<!--{block name="script"}-->
<!--<style scoped>-->
<!--    .box{width:0px;}-->
<!--</style>-->
<!--<script>-->
<!--     require(['vue','axios','layer'],function(Vue,axios,layer){-->
<!--        new Vue({-->
<!--            el:"#app",-->
<!--            data:{-->
<!--                option:{},-->
<!--                myChart:{},-->
<!--                active:'thirtyday',-->
<!--                cyclename:'最近30天',-->
<!--                precyclename:'上个30天',-->
<!--                cyclecount:0,-->
<!--                cycleprice:0,-->
<!--                cyclecount_percent:0,-->
<!--                cycleprice_percent:0,-->
<!--                cyclecount_is_plus:0,-->
<!--                cycleprice_is_plus:0,-->
<!--                pre_cyclecount:0,-->
<!--                pre_cycleprice:0-->
<!--            },-->
<!--            methods:{-->
<!--                info:function () {-->
<!--                    var that=this;-->
<!--                    axios.get("{:Url('userchart')}").then((res)=>{-->
<!--                        that.myChart.user_echart.setOption(that.userchartsetoption(res.data.data));-->
<!--                    });-->
<!--                },-->
<!--                getlist:function (e) {-->
<!--                    var that=this;-->
<!--                    var cycle = e!=null ? e :'thirtyday';-->
<!--                    axios.get("{:Url('orderchart')}?cycle="+cycle).then((res)=>{-->
<!--                            that.myChart.order_echart.clear();-->
<!--                            that.myChart.order_echart.setOption(that.orderchartsetoption(res.data.data));-->
<!--                            that.active = cycle;-->
<!--                            switch (cycle){-->
<!--                                case 'thirtyday':-->
<!--                                    that.cyclename = '最近30天';-->
<!--                                    that.precyclename = '上个30天';-->
<!--                                    break;-->
<!--                                case 'week':-->
<!--                                    that.precyclename = '上周';-->
<!--                                    that.cyclename = '本周';-->
<!--                                    break;-->
<!--                                case 'month':-->
<!--                                    that.precyclename = '上月';-->
<!--                                    that.cyclename = '本月';-->
<!--                                    break;-->
<!--                                case 'year':-->
<!--                                    that.cyclename = '去年';-->
<!--                                    that.precyclename = '今年';-->
<!--                                    break;-->
<!--                                default:-->
<!--                                    break;-->
<!--                            }-->
<!--                            var data=res.data.data;-->
<!--                            if(data) {-->
<!--                                that.cyclecount = data.cycle.count.data;-->
<!--                                that.cyclecount_percent = data.cycle.count.percent;-->
<!--                                that.cyclecount_is_plus = data.cycle.count.is_plus;-->
<!--                                that.cycleprice = data.cycle.price.data;-->
<!--                                that.cycleprice_percent = data.cycle.price.percent;-->
<!--                                that.cycleprice_is_plus = data.cycle.price.is_plus;-->
<!--                                that.pre_cyclecount = data.pre_cycle.count.data;-->
<!--                                that.pre_cycleprice = data.pre_cycle.price.data;-->
<!--                            }-->
<!--                    });-->
<!--                },-->
<!--                orderchartsetoption:function(data){-->
<!--                    data = data == undefined ? {} : data;-->
<!--                        this.option = {-->
<!--                            tooltip: {-->
<!--                                trigger: 'axis',-->
<!--                                axisPointer: {-->
<!--                                    type: 'cross',-->
<!--                                    crossStyle: {-->
<!--                                        color: '#999'-->
<!--                                    }-->
<!--                                }-->
<!--                            },-->
<!--                            toolbox: {-->
<!--                                feature: {-->
<!--                                    dataView: {show: true, readOnly: false},-->
<!--                                    magicType: {show: true, type: ['line', 'bar']},-->
<!--                                    restore: {show: false},-->
<!--                                    saveAsImage: {show: true}-->
<!--                                }-->
<!--                            },-->
<!--                            legend: {-->
<!--                                data: data.legend || []-->
<!--                            },-->
<!--                            grid: {-->
<!--                                x: 70,-->
<!--                                x2: 50,-->
<!--                                y: 60,-->
<!--                                y2: 50-->
<!--                            },-->
<!--                            xAxis: [-->
<!--                                {-->
<!--                                    type: 'category',-->
<!--                                    data: data.xAxis,-->
<!--                                    axisPointer: {-->
<!--                                        type: 'shadow'-->
<!--                                    },-->
<!--                                    axisLabel:{-->
<!--                                        interval: 0,-->
<!--                                        rotate:40-->
<!--                                    }-->
<!---->
<!---->
<!--                                }-->
<!--                            ],-->
<!--                            yAxis:[{type : 'value'}],-->
<!--//                            yAxis: [-->
<!--//                                {-->
<!--//                                    type: 'value',-->
<!--//                                    name: '',-->
<!--//                                    min: 0,-->
<!--//                                    max: data.yAxis.maxprice,-->
<!--////                                    interval: 0,-->
<!--//                                    axisLabel: {-->
<!--//                                        formatter: '{value} 元'-->
<!--//                                    }-->
<!--//                                },-->
<!--//                                {-->
<!--//                                    type: 'value',-->
<!--//                                    name: '',-->
<!--//                                    min: 0,-->
<!--//                                    max: data.yAxis.maxnum,-->
<!--//                                    interval: 5,-->
<!--//                                    axisLabel: {-->
<!--//                                        formatter: '{value} 个'-->
<!--//                                    }-->
<!--//                                }-->
<!--//                            ],-->
<!--                            series: data.series-->
<!--                        };-->
<!--                    return  this.option;-->
<!--                },-->
<!--                userchartsetoption:function(data){-->
<!--                    this.option = {-->
<!--                        tooltip: {-->
<!--                            trigger: 'axis',-->
<!--                            axisPointer: {-->
<!--                                type: 'cross',-->
<!--                                crossStyle: {-->
<!--                                    color: '#999'-->
<!--                                }-->
<!--                            }-->
<!--                        },-->
<!--                        toolbox: {-->
<!--                            feature: {-->
<!--                                dataView: {show: false, readOnly: false},-->
<!--                                magicType: {show: true, type: ['line', 'bar']},-->
<!--                                restore: {show: false},-->
<!--                                saveAsImage: {show: false}-->
<!--                            }-->
<!--                        },-->
<!--                        legend: {-->
<!--                            data:data.legend-->
<!--                        },-->
<!--                        grid: {-->
<!--                            x: 70,-->
<!--                            x2: 50,-->
<!--                            y: 60,-->
<!--                            y2: 50-->
<!--                        },-->
<!--                        xAxis: [-->
<!--                            {-->
<!--                                type: 'category',-->
<!--                                data: data.xAxis,-->
<!--                                axisPointer: {-->
<!--                                    type: 'shadow'-->
<!--                                }-->
<!--                            }-->
<!--                        ],-->
<!--                        yAxis: [-->
<!--                            {-->
<!--                                type: 'value',-->
<!--                                name: '人数',-->
<!--                                min: 0,-->
<!--                                max: data.yAxis.maxnum,-->
<!--                                interval: 5,-->
<!--                                axisLabel: {-->
<!--                                    formatter: '{value} 人'-->
<!--                                }-->
<!--                            }-->
<!--                        ],-->
<!--//                        series: data.series-->
<!--                        series : [ {-->
<!--                            name : '人数',-->
<!--                            type : 'bar',-->
<!--                            barWidth : '50%',-->
<!--                            itemStyle: {-->
<!--                                normal: {-->
<!--                                    label: {-->
<!--                                        show: true, //开启显示-->
<!--                                        position: 'top', //在上方显示-->
<!--                                        textStyle: { //数值样式-->
<!--                                            color: '#666',-->
<!--                                            fontSize: 12-->
<!--                                        }-->
<!--                                    }-->
<!--                                }-->
<!--                            },-->
<!--                            data : data.series-->
<!--                        } ]-->
<!---->
<!--                    };-->
<!--                    return  this.option;-->
<!--                },-->
<!--                setChart:function(name,myChartname){-->
<!--                    this.myChart[myChartname] = echarts.init(name,'macarons');//初始化echart-->
<!--                }-->
<!--            },-->
<!--            mounted:function () {-->
<!--                const self = this;-->
<!--                this.setChart(self.$refs.order_echart,'order_echart');//订单图表-->
<!--                this.setChart(self.$refs.user_echart,'user_echart');//用户图表-->
<!--                this.info();-->
<!--                this.getlist();-->
<!--                $('.opFrames').on('click',function () {-->
<!--                    parent.addframes($(this).data('href'),'',$(this).data('name'));-->
<!--                });-->
<!--            }-->
<!--        });-->
<!--    });-->
<!--</script>-->
<!--{/block}-->