screen/public/assets/js/backend/seller/my_team.js

define(['jquery', 'bootstrap', 'backend', 'addtabs', 'table', 'echarts', 'echarts-theme', 'template','form'], function ($, undefined, Backend, Datatable, Table, Echarts, undefined, Template,Form) {

    return {
        cate_check() {
            Form.events.daterangepicker($('.form'))
            Table.api.init()
            var table = $("#table");
            var table1 = $("#table1");
            // 初始化表格
            table.bootstrapTable({
                url: location.href+'&type=1',
                pk: 'id',
                sortName: 'id',
                searchFormVisible: false,
                showExport: true,
                commonSearch: false,
                search: false,
                columns: [
                    [
                        {field: 'rank', title: __('排名'), operate: false,},
                        {field: 'category_name', title: __('名称'), operate: false,},
                        {field: 'num', title: __('数量'), operate: false,},
                    ]
                ],
                onLoadSuccess(row){
                    let a=Echarts.init(document.getElementById('charts1'))
                    let items=[]
                    row.rows.forEach(item=>{
                        items.push({value:item.num,name:item.category_name})
                    })
                    console.log(items)
                    a.setOption({
                        title: {
                            text: '订单量排名',
                            left: 'center'
                        },
                        tooltip: {
                            trigger: 'item'
                        },
                        legend: {
                            orient: 'vertical',
                            left: 'left'
                        },
                        series: [
                            {
                                name: '品类',
                                type: 'pie',
                                radius: '50%',
                                data: items,
                                emphasis: {
                                    itemStyle: {
                                        shadowBlur: 10,
                                        shadowOffsetX: 0,
                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                    }
                                }
                            }
                        ]
                    })
                }
            });
            table1.bootstrapTable({
                url: location.href+'&type=2',
                pk: 'id',
                sortName: 'id',
                searchFormVisible: false,
                showExport: true,
                commonSearch: false,
                search: false,
                columns: [
                    [
                        {field: 'rank', title: __('排名'), operate: false,},
                        {field: 'category_name', title: __('销售人'), operate: false,},
                        {field: 'num', title: __('金额'), operate: false,},
                    ]
                ],
                onLoadSuccess(row){
                    let a=Echarts.init(document.getElementById('charts2'))
                    let items=[]
                    row.rows.forEach(item=>{
                        items.push({value:item.num,name:item.category_name})
                    })
                    console.log(items)
                    a.setOption({
                        title: {
                            text: '销售额排名',
                            left: 'center'
                        },
                        tooltip: {
                            trigger: 'item'
                        },
                        legend: {
                            orient: 'vertical',
                            left: 'left'
                        },
                        series: [
                            {
                                name: '品类',
                                type: 'pie',
                                radius: '50%',
                                data: items,
                                emphasis: {
                                    itemStyle: {
                                        shadowBlur: 10,
                                        shadowOffsetX: 0,
                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                    }
                                }
                            }
                        ]
                    })
                }
            });
            Table.api.bindevent(table);
            Table.api.bindevent(table1);
        },
        profit_static() {
            Form.events.daterangepicker($('.form'))
        },
        order_num_amount_rank(){
            Form.events.daterangepicker($('.form'))
            Table.api.init()
            var table = $("#table");
            var table1 = $("#table1");
            // 初始化表格
            table.bootstrapTable({
                url: location.href+'&type=1',
                pk: 'id',
                sortName: 'id',
                searchFormVisible: false,
                showExport: true,
                commonSearch: false,
                search: false,
                columns: [
                    [
                        {field: 'rank', title: __('排名'), operate: false,},
                        {field: 'nickname', title: __('用户名'), operate: false,},
                        {field: 'num', title: __('数量'), operate: false,},
                    ]
                ],
                onLoadSuccess(row){
                    let a=Echarts.init(document.getElementById('charts1'))
                    let items=[]
                    row.rows.forEach(item=>{
                        items.push({value:item.num,name:item.nickname})
                    })
                    console.log(items)
                    a.setOption({
                        title: {
                            text: '用户订单量排名',
                            left: 'center'
                        },
                        tooltip: {
                            trigger: 'item'
                        },
                        legend: {
                            orient: 'vertical',
                            left: 'left'
                        },
                        series: [
                            {
                                name: '品类',
                                type: 'pie',
                                radius: '50%',
                                data: items,
                                emphasis: {
                                    itemStyle: {
                                        shadowBlur: 10,
                                        shadowOffsetX: 0,
                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                    }
                                }
                            }
                        ]
                    })
                }
            });
            table1.bootstrapTable({
                url: location.href+'&type=2',
                pk: 'id',
                sortName: 'id',
                searchFormVisible: false,
                showExport: true,
                commonSearch: false,
                search: false,
                columns: [
                    [
                        {field: 'rank', title: __('排名'), operate: false,},
                        {field: 'nickname', title: __('用户名'), operate: false,},
                        {field: 'num', title: __('金额'), operate: false,},
                    ]
                ],
                onLoadSuccess(row){
                    let a=Echarts.init(document.getElementById('charts2'))
                    let items=[]
                    row.rows.forEach(item=>{
                        items.push({value:item.num,name:item.nickname})
                    })
                    console.log(items)
                    a.setOption({
                        title: {
                            text: '用户订单金额排名',
                            left: 'center'
                        },
                        tooltip: {
                            trigger: 'item'
                        },
                        legend: {
                            orient: 'vertical',
                            left: 'left'
                        },
                        series: [
                            {
                                name: '品类',
                                type: 'pie',
                                radius: '50%',
                                data: items,
                                emphasis: {
                                    itemStyle: {
                                        shadowBlur: 10,
                                        shadowOffsetX: 0,
                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                    }
                                }
                            }
                        ]
                    })
                }
            });
            Table.api.bindevent(table);
            Table.api.bindevent(table1);
        }
    };
});