/**
 * Created by sff on 2018/4/2.
   Edit by houhaixiaofeixia 20190717.
 */
$(function(){
    document.querySelector('.js-slideout-toggle').addEventListener('click', function() {
        slideout.toggle();
    });

    // document.querySelector('.menu').addEventListener('click', function(eve) {
    //     if (eve.target.nodeName === 'A') { slideout.close(); }
    // });
    
    //以下图表内容
    //店面成交  StorefrontAccomplish
    StorefrontAccomplish();
    //爱婴成交  LoveBabyAccomplish
    LoveBabyAccomplish();
    //摄影量   Photogrammetry
    Photogrammetry();
    //超期量
    BeyondTheQuantity();
    //渠道入客  ChannelGuest
    ChannelGuest();
    //网络入客  ChannelGuests
    ChannelGuests();
    //客服入客  serviceTheGuest
    serviceTheGuest();
    //当月汇总
    monthSummarizing();
    //爱婴充值
    LoveBabyRecharge();
    //样后实销
    AfterTheSamplePin();
    //实销均价
    TheSolidPinAverage();
    //店面充值
    StoreTopUp();
    //业绩 收入
    SunbeibeiOne();
    //百天订单  本月累计  当日复购  本月累计
    SunbeibeiTwo();

    //点击刷新
    $('.posh').click(function(){
        //店面成交  StorefrontAccomplish
        StorefrontAccomplish();
        //爱婴成交  LoveBabyAccomplish
        LoveBabyAccomplish();
        //摄影量   Photogrammetry
        Photogrammetry();
        //超期量
        BeyondTheQuantity();
        //渠道入客  ChannelGuest
        ChannelGuest();
        //网络入客  ChannelGuests
        ChannelGuests();
        //客服入客  serviceTheGuest
        serviceTheGuest();
        //当月汇总
        monthSummarizing();
        //爱婴充值
        LoveBabyRecharge();
        //样后实销
        AfterTheSamplePin();
        //实销均价
        TheSolidPinAverage();
        //店面充值
        StoreTopUp();
        //业绩 收入
        SunbeibeiOne();
        //百天订单  本月累计  当日复购  本月累计
        SunbeibeiTwo();
    })
    // 业绩  收入
    function SunbeibeiOne(){
        $.ajax({
            type: 'POST',
            // data: {brandclass_id:brandclass_id},
            url : '/crm/Sunbeibei/SunbeibeiOne',
            success: function(data){
                $('.yj_mb').html(data.erpResultsTheForehead);
                $('.yj_wc').html(data.complete_yj);

                $('.sr_mb').html(data.erpRevenuePosition);
                $('.sr_wc').html(data.complete_sr);
                //    顶部进度条
                var pecent=0;
                var progressFn=function(){
                    for(var i=0;i<$(".li-wrap").length;i++){
                        pecent=($(".li-wrap").eq(i).find(".count-num").html()*100/$(".li-wrap").eq(i).find(".mounth-num").html()).toFixed(2);
                        $(".li-wrap").eq(i).find(".progress-value").html(pecent+'%');
                        $(".li-wrap").eq(i).find(".progress-bar").css('width',pecent>100?100+'%':pecent+'%');
                    }
                };
                progressFn();
            }
        })
    }
    // 百天订单  本月累计  当日复购  本月累计
    function SunbeibeiTwo(){
        $.ajax({
            type: 'POST',
            // data: {brandclass_id:brandclass_id},
            url : '/crm/Sunbeibei/SunbeibeiTwo',
            success: function(data){
                $('.bt').html(data.bt);
                $('.bt_sum').html(data.bt_sum);
                $('.fg').html(data.fg);
                $('.fg_sum').html(data.fg_sum);
            }
        })
    }
    //chart1
    function StorefrontAccomplish(){
        //chart1
        var dom = document.getElementById('chart1');
        var myChart = echarts.init(dom);
        $.ajax({
            type: 'POST',
            // data: {brandclass_id:brandclass_id},
            url : '/crm/Sunbeibei/StorefrontAccomplish',
            success: function(data){
                var app = {};
                option = null;
                option = {
                    tooltip: {
                        trigger: 'axis'
                    },
                    grid: {
                        x:'12%',
                        y:'5%',
                        x2:'4%',
                        y2:"15%",
                        borderWidth:1
                    },
                    xAxis: {
                        type: 'category',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        data: data[1]
                    },
                    yAxis: {
                        type: 'value',
                        // max:800,
                        min:0,
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },
                    series: [
                        {
                            itemStyle : {
                                normal : {
                                    color:'#fff',
                                    lineStyle:{
                                        color:'#65fbe3'
                                    }
                                }
                            },
                            name:'目标',
                            type:'line',
                            data:data[2]
                        },
                        {
                            symbol: "circle",
                            itemStyle : {
                                normal : {
                                    color:'red',
                                    lineStyle:{
                                        color:'#fcdd80'
                                    }
                                }
                            },
                            name:'完成额',
                            type:'line',
                            data:data[3]
                        }
                    ]
                };
                myChart.setOption(option);
            }
        })
    }



    function LoveBabyAccomplish(){
        //chart2
        var dom = document.getElementById("chart2");
        var myChart = echarts.init(dom);
        $.ajax({
            type: 'POST',
            // data: {brandclass_id:brandclass_id},
            url : '/crm/Sunbeibei/LoveBabyAccomplish',
            success: function(data){
                var app = {};
                option = null;
                option = {
                    tooltip: {
                        trigger: 'axis'
                    },
                    grid: {
                        x:'12%',
                        y:'5%',
                        x2:'4%',
                        y2:"15%",
                        borderWidth:1
                    },
                    xAxis: {
                        type: 'category',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        data: data[1]
                    },
                    yAxis: {
                        type: 'value',
                        // max:800,
                        min:0,
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },
                    series: [
                        {
                            itemStyle : {
                                normal : {
                                    color:'#fff',
                                    lineStyle:{
                                        color:'#65fbe3'
                                    }
                                }
                            },
                            name:'目标',
                            type:'line',
                            data:data[2]
                        },
                        {
                            symbol: "circle",
                            itemStyle : {
                                normal : {
                                    color:'red',
                                    lineStyle:{
                                        color:'#fcdd80'
                                    }
                                }
                            },
                            name:'完成额',
                            type:'line',
                            data:data[3]
                        }
                    ]
                };
                myChart.setOption(option);
            }
        })
    }



    function Photogrammetry(){
        //chart3
        var dom = document.getElementById("chart3");
        var myChart = echarts.init(dom);
        $.ajax({
            type: 'POST',
            // data: {brandclass_id:brandclass_id},
            url : '/crm/Sunbeibei/Photogrammetry',
            success: function(data){
                var app = {};
                option = null;
                option = {
                    tooltip: {
                        trigger: 'axis'
                    },
                    grid: {
                        x:'12%',
                        y:'5%',
                        x2:'4%',
                        y2:"15%",
                        borderWidth:1
                    },
                    xAxis: {
                        type: 'category',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        data: data[1]
                    },
                    yAxis: {
                        type: 'value',
                        // max:800,
                        min:0,
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },
                    series: [
                        {
                            itemStyle : {
                                normal : {
                                    color:'#fff',
                                    lineStyle:{
                                        color:'#65fbe3'
                                    }
                                }
                            },
                            name:'目标',
                            type:'line',
                            data:data[2]
                        },
                        {
                            symbol: "circle",
                            itemStyle : {
                                normal : {
                                    color:'red',
                                    lineStyle:{
                                        color:'#fcdd80'
                                    }
                                }
                            },
                            name:'完成额',
                            type:'line',
                            data:data[3]
                        }
                    ]
                };
                myChart.setOption(option);
            }
        })
    }


    function BeyondTheQuantity(){
        //chart3
        var dom = document.getElementById("chart3");
        var myChart = echarts.init(dom);
        $.ajax({
            type: 'POST',
            // data: {brandclass_id:brandclass_id},
            url : '/crm/Sunbeibei/BeyondTheQuantity',
            success: function(data){
                //chart4
                var dom = document.getElementById("chart4");
                var myChart = echarts.init(dom);
                var app = {};
                option = null;
                option = {
                    tooltip: {
                        trigger: 'axis'
                    },
                    grid: {
                        x:'12%',
                        y:'5%',
                        x2:'4%',
                        y2:"15%",
                        borderWidth:1
                    },
                    xAxis: {
                        type: 'category',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        data: data[1]
                    },
                    yAxis: {
                        type: 'value',
                        // max:800,
                        min:0,
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },
                    series: [
                        {
                            itemStyle : {
                                normal : {
                                    color:'#fff',
                                    lineStyle:{
                                        color:'#86e6ff'
                                    }
                                }
                            },
                            name:'回访',
                            type:'line',
                            data:data[2]
                        },
                        {
                            symbol: "circle",
                            itemStyle : {
                                normal : {
                                    color:'red',
                                    lineStyle:{
                                        color:'#ffad95'
                                    }
                                }
                            },
                            name:'超期',
                            type:'line',
                            data:data[3]
                        }
                    ]
                };
                myChart.setOption(option);
            }
        })
    }



    function ChannelGuest(){
        //chart5
        var dom = document.getElementById("chart5");
        var myChart = echarts.init(dom);
        $.ajax({
            type: 'POST',
            data: {access_model:'渠道入客'},
            url : '/crm/Sunbeibei/ChannelGuest',
            success: function(data){
                var app = {};
                option = null;
                option = {
                    tooltip: {
                        trigger: 'axis'
                    },
                    grid: {
                        x:'13%',
                        y:'5%',
                        x2:'1%',
                        y2:"32%",
                        borderWidth:1
                    },
                    xAxis: {
                        type: 'category',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        data: data[1]
                    },
                    yAxis: {
                        type: 'value',
                        // max:800,
                        min:0,
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },
                    series: [
                        {
                            itemStyle : {
                                normal : {
                                    color:'#fff',
                                    lineStyle:{
                                        color:'#65fbe3'
                                    }
                                }
                            },
                            name:'目标',
                            type:'line',
                            data:data[2]
                        },
                        {
                            symbol: "circle",
                            itemStyle : {
                                normal : {
                                    color:'red',
                                    lineStyle:{
                                        color:'#fcdd80'
                                    }
                                }
                            },
                            name:'完成额',
                            type:'line',
                            data:data[3]
                        }
                    ]
                };
                myChart.setOption(option);
            }
        })
    }





    function ChannelGuests(){
        //chart6
        var dom = document.getElementById("chart6");
        var myChart = echarts.init(dom);
        $.ajax({
            type: 'POST',
            data: {access_model:'网络入客'},
            url : '/crm/Sunbeibei/ChannelGuest',
            success: function(data){
                var app = {};
                option = null;
                option = {
                    tooltip: {
                        trigger: 'axis'
                    },
                    grid: {
                        x:'13%',
                        y:'5%',
                        x2:'1%',
                        y2:"32%",
                        borderWidth:1
                    },
                    xAxis: {
                        type: 'category',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        data: data[1]
                    },
                    yAxis: {
                        type: 'value',
                        // max:800,
                        min:0,
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },
                    series: [
                        {
                            itemStyle : {
                                normal : {
                                    color:'#fff',
                                    lineStyle:{
                                        color:'#65fbe3'
                                    }
                                }
                            },
                            name:'目标',
                            type:'line',
                            data:data[2]
                        },
                        {
                            symbol: "circle",
                            itemStyle : {
                                normal : {
                                    color:'red',
                                    lineStyle:{
                                        color:'#fcdd80'
                                    }
                                }
                            },
                            name:'完成额',
                            type:'line',
                            data:data[3]
                        }
                    ]
                };
                myChart.setOption(option);
            }
        })
    }



    function serviceTheGuest(){
        //chart7
        var dom = document.getElementById("chart7");
        var myChart = echarts.init(dom);
        $.ajax({
            type: 'POST',
            // data: {access_model:'网络入客'},
            url : '/crm/Sunbeibei/serviceTheGuest',
            success: function(data){
                var app = {};
                option = null;
                option = {
                    tooltip: {
                        trigger: 'axis'
                    },
                    grid: {
                        x:'13%',
                        y:'5%',
                        x2:'1%',
                        y2:"32%",
                        borderWidth:1
                    },
                    xAxis: {
                        type: 'category',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        data: data[1]
                    },
                    yAxis: {
                        type: 'value',
                        // max:800,
                        min:0,
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },
                    series: [
                        {
                            itemStyle : {
                                normal : {
                                    color:'#fff',
                                    lineStyle:{
                                        color:'#65fbe3'
                                    }
                                }
                            },
                            name:'目标',
                            type:'line',
                            data:data[2]
                        },
                        {
                            symbol: "circle",
                            itemStyle : {
                                normal : {
                                    color:'red',
                                    lineStyle:{
                                        color:'#fcdd80'
                                    }
                                }
                            },
                            name:'完成额',
                            type:'line',
                            data:data[3]
                        }
                    ]
                };
                myChart.setOption(option);
            }
        })
    }


    function monthSummarizing(){
        //chart8
        var dom = document.getElementById("chart8");
        var myChart = echarts.init(dom);
        $.ajax({
            type: 'POST',
            // data: {access_model:'网络入客'},
            url : '/crm/Sunbeibei/monthSummarizing',
            success: function(data){
                var app = {};
                option = null;
                option = {
                    // legend: {},
                    color: ['#65fbe3','#fcdd80'],
                    tooltip: {},
                    grid: {
                        x:'12%',
                        y:'5%',
                        x2:'4%',
                        y2:"15%",
                        borderWidth:1
                    },
                    dataset: {
                        dimensions: ['product', '目标', '完成额'],
                        source: data
                    },
                    xAxis:  {
                        type: 'category',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },
                    yAxis: {
                        type: 'value',
                        // max:800,
                        min:0,
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },
                    // Declare several bar series, each will be mapped
                    // to a column of dataset.source by default.
                    series: [
                        {type: 'bar'},
                        {type: 'bar'}
                    ]
                };
                ;
                if (option && typeof option === "object") {
                    myChart.setOption(option, true);
                }
            }
        })
    }



    function LoveBabyRecharge(){
        //chart9
        var dom = document.getElementById("chart9");
        var myChart = echarts.init(dom);
        $.ajax({
            type: 'POST',
            // data: {access_model:'网络入客'},
            url : '/crm/Sunbeibei/LoveBabyRecharge',
            success: function(data){
                var app = {};
                option = null;
                option = {
                    tooltip: {
                        trigger: 'axis'
                    },
                    grid: {
                        x:'13%',
                        y:'5%',
                        x2:'1%',
                        y2:"32%",
                        borderWidth:1
                    },
                    xAxis: {
                        type: 'category',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        data: data[1]
                    },
                    yAxis: {
                        type: 'value',
                        // max:800,
                        min:0,
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },
                    series: [
                        // {
                        //     itemStyle : {
                        //         normal : {
                        //             color:'#fff',
                        //             lineStyle:{
                        //                 color:'#65fbe3'
                        //             }
                        //         }
                        //     },
                        //     name:'目标',
                        //     type:'line',
                        //     data:data[2]
                        // },
                        {
                            symbol: "circle",
                            itemStyle : {
                                normal : {
                                    color:'red',
                                    lineStyle:{
                                        color:'#fcdd80'
                                    }
                                }
                            },
                            name:'完成额',
                            type:'line',
                            data:data[3]
                        }
                    ]
                };
                myChart.setOption(option);
            }
        })
    }



    function AfterTheSamplePin(){
        //chart10
        var dom = document.getElementById("chart10");
        var myChart = echarts.init(dom);
        $.ajax({
            type: 'POST',
            // data: {access_model:'网络入客'},
            url : '/crm/Sunbeibei/AfterTheSamplePin',
            success: function(data){
                var app = {};
                option = null;
                option = {
                    tooltip: {
                        trigger: 'axis'
                    },
                    grid: {
                        x:'13%',
                        y:'5%',
                        x2:'1%',
                        y2:"32%",
                        borderWidth:1
                    },
                    xAxis: {
                        type: 'category',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        data: data[1]
                    },
                    yAxis: {
                        type: 'value',
                        // max:800,
                        min:0,
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },
                    series: [
                        // {
                        //     itemStyle : {
                        //         normal : {
                        //             color:'#fff',
                        //             lineStyle:{
                        //                 color:'#65fbe3'
                        //             }
                        //         }
                        //     },
                        //     name:'目标',
                        //     type:'line',
                        //     data:data[2]
                        // },
                        {
                            symbol: "circle",
                            itemStyle : {
                                normal : {
                                    color:'red',
                                    lineStyle:{
                                        color:'#fcdd80'
                                    }
                                }
                            },
                            name:'完成额',
                            type:'line',
                            data:data[3]
                        }
                    ]
                };
                myChart.setOption(option);
            }
        })
    }



    function TheSolidPinAverage(){
        //chart11
        var dom = document.getElementById("chart11");
        var myChart = echarts.init(dom);
        $.ajax({
            type: 'POST',
            // data: {access_model:'网络入客'},
            url : '/crm/Sunbeibei/TheSolidPinAverage',
            success: function(data){
                var app = {};
                option = null;
                option = {
                    tooltip: {
                        trigger: 'axis'
                    },
                    grid: {
                        x:'13%',
                        y:'5%',
                        x2:'1%',
                        y2:"32%",
                        borderWidth:1
                    },
                    xAxis: {
                        type: 'category',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        data: data[1]
                    },
                    yAxis: {
                        type: 'value',
                        // max:800,
                        min:0,
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },
                    series: [
                        {
                            itemStyle : {
                                normal : {
                                    color:'#fff',
                                    lineStyle:{
                                        color:'#65fbe3'
                                    }
                                }
                            },
                            name:'目标',
                            type:'line',
                            data:data[2]
                        },
                        {
                            symbol: "circle",
                            itemStyle : {
                                normal : {
                                    color:'red',
                                    lineStyle:{
                                        color:'#fcdd80'
                                    }
                                }
                            },
                            name:'完成额',
                            type:'line',
                            data:data[3]
                        }
                    ]
                };
                myChart.setOption(option);
            }
        })
    }



    function StoreTopUp(){
        //chart12
        var dom = document.getElementById("chart12");
        var myChart = echarts.init(dom);
        $.ajax({
            type: 'POST',
            // data: {access_model:'网络入客'},
            url : '/crm/Sunbeibei/StoreTopUp',
            success: function(data){
                var app = {};
                option = null;
                option = {
                    tooltip: {
                        trigger: 'axis'
                    },
                    grid: {
                        x:'13%',
                        y:'5%',
                        x2:'1%',
                        y2:"32%",
                        borderWidth:1
                    },
                    xAxis: {
                        type: 'category',
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        },
                        data: data[1]
                    },
                    yAxis: {
                        type: 'value',
                        // max:800,
                        min:0,
                        axisLine:{
                            lineStyle:{
                                color:'#fff',
                                width:1
                            }
                        }
                    },
                    series: [
                        // {
                        //     itemStyle : {
                        //         normal : {
                        //             color:'#fff',
                        //             lineStyle:{
                        //                 color:'#65fbe3'
                        //             }
                        //         }
                        //     },
                        //     name:'目标',
                        //     type:'line',
                        //     data:data[2]
                        // },
                        {
                            symbol: "circle",
                            itemStyle : {
                                normal : {
                                    color:'red',
                                    lineStyle:{
                                        color:'#fcdd80'
                                    }
                                }
                            },
                            name:'完成额',
                            type:'line',
                            data:data[3]
                        }
                    ]
                };
                myChart.setOption(option);
            }
        })
    }




})