Gis大屏调整及数据交互

czt

2025-12-25 a1cc1dca3ad00d2ac1b81c54b0f98b3684c31da1

 fzzy-igdss-web/src/main/resources/static/group/index.js

@@ -1,9 +1,4 @@
var nowClientWidth = document.documentElement.clientWidth; // 当前视口宽度
var pieVarietyChart = null;   // 品种饼状图 -- 粮食
var pieTypeChart = null;      // 性质饼状图 -- 粮食
var pieLevelChart = null;     // 等级饼状图 -- 粮食
var pieYearChart = null;      // 年份饼状图 -- 粮食
var pieAreaChart = null;      // 区域饼状图 -- 粮食
var hisVarietyChart = null;   // 品种柱状图
var deptAreaAllList = null;   // 所有库区列表信息
var deptAreaList = null;      // 存放切换库区列表信息
@@ -37,29 +32,33 @@
    initTime();
    // 初始化图表
    initChart();
    //初始化标语
    initDicSlogan();
    //初始化地图
    initMap();

    //加载指定地区地图
    renderMapPoints("乌鲁木齐市,克拉玛依市,吐鲁番市,哈密市,昌吉回族自治州,博尔塔拉蒙古自治州,巴音郭楞蒙古自治州,阿克苏地区,克孜勒苏柯尔克孜自治州,喀什地区,和田地区,伊犁哈萨克自治州,塔城地区,阿勒泰地区");
    // 请求库区信息
    // ajaxDeptArea();
    // 获取公司信息
    // ajaxCompany();
    // 请求粮食数量统计信息

    //TODO 统计相关数量信息，包含库点及粮食数量
    // ajaxFoodNum();
    // 请求获取库区动态信息

    //TODO 请求监管库区信息
    // ajaxDeptArea();

    //TODO 请求AI事件信息
    // ajaxMsg();
    // 滚动

    //TODO 请求抓拍跟踪信息
    // ajaxFoodNum();

    //抓拍跟踪滚动
    jQuery(".block2").slide({ mainCell: ".bd ul", autoPage: true, effect: "topLoop", autoPlay: true, vis: 4 });
    jQuery(".follow").slide({ mainCell: ".bd ul", autoPlay: true, effect: "leftMarquee", vis: 5, interTime: 50 });
}

// socket信息返回處理
function socketOnMessage(pocket) {
    //console.log(pocket);
    if (pocket.bizId == "slogan") {
    if (pocket.bizId === "slogan") {
        var data = pocket.data;
        dicSlogan = data;
        initDicSlogan();
@@ -581,43 +580,6 @@
        hisVarietyChart = hisFoodVariety;
    }

    /*----- 饼图 -----*/
    // 品种 -- 粮食
    if (data.varietyChartPie.length > 0) {
        var varietyChart = pieVarietyChart;
        varietyChart.option.series[0].data = data.varietyChartPie;
        varietyChart.chart.setOption(varietyChart.option, true);
        pieVarietyChart = varietyChart;
    }
    // 性质 -- 粮食
    if (data.typeChartPie.length > 0) {
        var typeChart = pieTypeChart;
        typeChart.option.series[0].data = data.typeChartPie;
        typeChart.chart.setOption(typeChart.option, true);
        pieTypeChart = typeChart;
    }
    // 等级 -- 粮食
    if (data.levelChartPie.length > 0) {
        var levelChart = pieLevelChart;
        levelChart.option.series[0].data = data.levelChartPie;
        levelChart.chart.setOption(levelChart.option, true);
        pieLevelChart = levelChart;
    }
    // 年份 -- 粮食
    if (data.yearChartPie.length > 0) {
        var yearChart = pieYearChart;
        yearChart.option.series[0].data = data.yearChartPie;
        yearChart.chart.setOption(yearChart.option, true);
        pieYearChart = yearChart;
    }
    // 区域 -- 粮食
    if (data.areaChartPie.length > 0) {
        var areaChart = pieAreaChart;
        areaChart.option.series[0].data = data.areaChartPie;
        areaChart.chart.setOption(areaChart.option, true);
        pieAreaChart = areaChart;
    }

    // 粮食监管数量切换
    foodNumSwitch();
    // 粮食饼图切换
@@ -752,26 +714,6 @@
 */
function initScrollbar() {

    if (pieVarietyChart) {
        pieVarietyChart.resize();
    }

    if (pieTypeChart) {
        pieTypeChart.resize();
    }

    if (pieLevelChart) {
        pieLevelChart.resize();
    }

    if (pieYearChart) {
        pieYearChart.resize();
    }

    if (pieAreaChart) {
        pieAreaChart.resize();
    }

    if (hisVarietyChart) {
        hisVarietyChart.resize();
    }
@@ -806,59 +748,6 @@
        ['小麦', '玉米', '稻谷', '成品粮',  '成品油', '其他'],
        [1000, 1200, 1500, 1300, 1100, 1600]
    );

    // /* 品种 - 粮食 */
    // pieChartLoad(
    //     [
    //         {value: 0, name: '稻谷'},
    //         {value: 0, name: '玉米'},
    //         {value: 0, name: '小麦'}
    //     ],
    //     'pieVarietyChart'
    // );
    // /* 性质 - 粮食 */
    // pieChartLoad(
    //     [
    //         {value: 0, name: '省级储备'},
    //         {value: 0, name: '市级储备'},
    //         {value: 0, name: '县级储备'}
    //     ],
    //     'pieTypeChart'
    // );
    // /* 等级 - 粮食 */
    // pieChartLoad(
    //     [
    //         {value: 0, name: '一等'},
    //         {value: 0, name: '二等'},
    //         {value: 0, name: '三等'},
    //         {value: 0, name: '四等'},
    //         {value: 0, name: '五等'},
    //         {value: 0, name: '等外'}
    //     ],
    //     'pieLevelChart'
    // );
    // /* 年份 - 粮食 */
    // pieChartLoad(
    //     [
    //         {value: 0, name: '2019'},
    //         {value: 0, name: '2020'},
    //         {value: 0, name: '2021'},
    //         {value: 0, name: '2022'},
    //         {value: 0, name: '2023'}
    //
    //     ],
    //     'pieYearChart'
    // );
    // /* 地域 - 粮食 */
    // pieChartLoad(
    //     [
    //         {value: 0, name: '2019'},
    //         {value: 0, name: '2020'},
    //         {value: 0, name: '2021'},
    //         {value: 0, name: '2022'},
    //         {value: 0, name: '2023'}
    //     ], 'pieAreaChart'
    // );
}

/**
@@ -978,97 +867,6 @@
    };
    myChart.setOption(options);
    hisVarietyChart = {"chart": myChart, "option": options};
}

/**
 * 饼图加载
 *
 * @param obj
 * @param id
 */
function pieChartLoad(data, id) {
    var dom = document.getElementById(id);
    var pieChart = echarts.init(dom);

    var option = {
        tooltip: {
            trigger: 'item'
        },
        legend: {
            bottom: 10,
            right: 10,
            left: 10,
            textStyle: {
                color: '#fff',
                fontSize: 12
            },
            itemWidth: 8,
            itemHeight: 8,
            icon: "circle",
            // 使用回调函数
            formatter:function(name) {

                var than = option.series[0].data;
                var total = 0;
                var tarValue;
                for (var i = 0, l = than.length; i < l; i++) {
                    total += Number(than[i].value);
                    if (than[i].name == name) {
                        tarValue = Number(than[i].value);
                    }
                }
                var p = 0.0;
                if(total > 0){
                    p = (tarValue / total) * 100;
                }
                return name + " " + " " + p.toFixed(2) + "%";
            }
        },

        color: ['#26a2cf', '#d36b37', '#d49327', '#2d6be9', '#36b994', '#bc2032', '#d3614f'],
        series: [
            {
                name: '',
                type: 'pie',
                radius: ['20%', '50%'],
                center: ['center', '30%'],
                avoidLabelOverlap: false,
                itemStyle: {
                    borderRadius: 10,
                    borderColor: '#041636',
                    borderWidth: 8,
                },
                label: {
                    show: false,
                    color: '#fff',
                    formatter: '{b}\n{d}%',
                    fontSize: nowSize(16),
                    lineHeight: nowSize(25),
                },
                labelLine: {
                    show: true,
                    lineStyle: {
                        cap: 'round',
                    }
                },
                data: data
            }
        ]
    };

    pieChart.setOption(option);

    if (id === 'pieVarietyChart') {
        pieVarietyChart = {"chart": pieChart, "option": option};
    } else if (id === 'pieTypeChart') {
        pieTypeChart = {"chart": pieChart, "option": option};
    } else if (id === 'pieLevelChart') {
        pieLevelChart = {"chart": pieChart, "option": option};
    } else if (id === 'pieYearChart') {
        pieYearChart = {"chart": pieChart, "option": option};
    } else if (id === 'pieAreaChart') {
        pieAreaChart = {"chart": pieChart, "option": option};
    }
}

/**