zhsq_qk/leiSP-admin/target/classes/static/bigdata/fzjc/js/fzjc_laoLingRen.js

$(document).ready(function () {
    //辅助决策 人口统计 默认数据 - 老龄人情况统计
    var isLoading = true;
    var temp = new Object();
    var array = new Array();
    temp.laoLingRen = array;
    array.push({
        "jdId" : 170387468639,
        "jdName" : "锦程街道办事处",
        "rkNumber" : 0,
        "gljtNumber000" : 0,
        "gljtNumber200" : 0,
        "gljtNumber400" : 0,
        "gljtNumber600" : 0,
        "jjxfkNumber1" : 0,
        "jjxfkNumber2" : 0,
        "jjxfkNumber3" : 0,
        "jjxfkNumber4" : 0,
        "jjxfkNumber5" : 0,
        "jjxfkNumber6" : 0,
        "jjxfkNumber7" : 0,
        "jjxfkNumber8" : 0,
        "jjxfkNumber9" : 0,
        "sfkcNumberYes" : 0,
        "sfkcNumberNo" : 0,
        "snqkNumber1" : 0,
        "snqkNumber2" : 0,
        "snqkNumber3" : 0,
        "zfgmNumberYes" : 0,
        "zfgmNumberNo" : 0
    });
    array.push({
        "jdId" : 172291278969,
        "jdName" : "东风街道办事处",
        "rkNumber" : 0,
        "gljtNumber000" : 0,
        "gljtNumber200" : 0,
        "gljtNumber400" : 0,
        "gljtNumber600" : 0,
        "jjxfkNumber1" : 0,
        "jjxfkNumber2" : 0,
        "jjxfkNumber3" : 0,
        "jjxfkNumber4" : 0,
        "jjxfkNumber5" : 0,
        "jjxfkNumber6" : 0,
        "jjxfkNumber7" : 0,
        "jjxfkNumber8" : 0,
        "jjxfkNumber9" : 0,
        "sfkcNumberYes" : 0,
        "sfkcNumberNo" : 0,
        "snqkNumber1" : 0,
        "snqkNumber2" : 0,
        "snqkNumber3" : 0,
        "zfgmNumberYes" : 0,
        "zfgmNumberNo" : 0
    });
    array.push({
        "jdId" : 288313983755,
        "jdName" : "富民街道办事处",
        "rkNumber" : 0,
        "gljtNumber000" : 0,
        "gljtNumber200" : 0,
        "gljtNumber400" : 0,
        "gljtNumber600" : 0,
        "jjxfkNumber1" : 0,
        "jjxfkNumber2" : 0,
        "jjxfkNumber3" : 0,
        "jjxfkNumber4" : 0,
        "jjxfkNumber5" : 0,
        "jjxfkNumber6" : 0,
        "jjxfkNumber7" : 0,
        "jjxfkNumber8" : 0,
        "jjxfkNumber9" : 0,
        "sfkcNumberYes" : 0,
        "sfkcNumberNo" : 0,
        "snqkNumber1" : 0,
        "snqkNumber2" : 0,
        "snqkNumber3" : 0,
        "zfgmNumberYes" : 0,
        "zfgmNumberNo" : 0
    });
    array.push({
        "jdId" : 288313983756,
        "jdName" : "前程街道办事处",
        "rkNumber" : 0,
        "gljtNumber000" : 0,
        "gljtNumber200" : 0,
        "gljtNumber400" : 0,
        "gljtNumber600" : 0,
        "jjxfkNumber1" : 0,
        "jjxfkNumber2" : 0,
        "jjxfkNumber3" : 0,
        "jjxfkNumber4" : 0,
        "jjxfkNumber5" : 0,
        "jjxfkNumber6" : 0,
        "jjxfkNumber7" : 0,
        "jjxfkNumber8" : 0,
        "jjxfkNumber9" : 0,
        "sfkcNumberYes" : 0,
        "sfkcNumberNo" : 0,
        "snqkNumber1" : 0,
        "snqkNumber2" : 0,
        "snqkNumber3" : 0,
        "zfgmNumberYes" : 0,
        "zfgmNumberNo" : 0
    });
    laoLingRen_zfgm(temp);
    laoLingRen_sfkc(temp);
    laoLingRen_snqk(temp, isLoading);
    laoLingRen_jjxf(temp, isLoading);
    var obj = new Object();
    $.ajax({
        url : prefix + "/queryRenKouLaoLingRen",
        method : 'post',
        data : obj,
        success : function (e) {
            if(e.code == 0){
                e.laoLingRen = $.parseJSON(e.laoLingRen);
                isLoading = false;
                laoLingRen_zfgm(e);
                laoLingRen_sfkc(e);
                laoLingRen_snqk(e, isLoading);
                laoLingRen_jjxf(e, isLoading);
            }
        }
    });
});

var colors0 = ['#cc9933', '#00cc99', '#3043f2', '#3414d9'];
var colors1 = ['#ffcc00', '#00ffcc', '#3070f2', '#5519ff'];
function laoLingRen_zfgm(e){
    var laoLingRen = e.laoLingRen;
    var zfgm_div = $("#echarts_llrk_zfgm");
    zfgm_div.text("");
    //var jdIds = new Array();
    for (var i = 0; i < laoLingRen.length; i++) {
        var zfgm_div_item = $("<div style='width: 145px; height: 117px; float: left;'></div>");
        zfgm_div.append(zfgm_div_item);
        var zfgmNumberYes = laoLingRen[i].zfgmNumberYes;//享受政府购买
        var zfgmNumberNo = laoLingRen[i].zfgmNumberNo;//不享受政府购买
        var jdName = laoLingRen[i].jdName;//街道名称
        //var jdId = laoLingRen[i].jdId;//街道ID
        //jdIds.push(jdId);
        var chartDom = zfgm_div_item[0];
        var myChart = echarts.init(chartDom);
        myChart.on("click", function (e) {
            openDialog_llr_zfgm(e.dataIndex);
        });
        var option;
        option = {
            tooltip: {
                trigger: 'item',
                textStyle:'#fff'
            },
            series: [
                {
                    name: '政府购买',
                    type: 'pie',
                    radius: ['60%', '80%'],
                    avoidLabelOverlap: false,
                    label: {
                        show: false,
                        position: 'center',
                    },
                    emphasis: {
                        label: {
                            show: true,
                            fontSize: '15',
                            fontWeight: 'bold',
                            color:'83bff6'
                        }
                    },
                    labelLine: {
                        show: false
                    },

                    data: [
                        { value: zfgmNumberYes,
                            name: jdName.substr(0, 4)  + ' \n 享受人数' ,
                            itemStyle: {
                                color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                                    offset: 0,
                                    color: '#1270d9'
                                }, {
                                    offset: 1,
                                    color: '#00ffeb'
                                }]),

                            },

                        },
                        { value: zfgmNumberNo,
                            name: jdName.substr(0, 4) + '\n 不享受人数' ,
                            itemStyle: {
                                color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                                    offset: 0,
                                    color: '#ff8404'
                                }, {
                                    offset: 1,
                                    color: '#ffd904'
                                }]),
                            }
                        }
                        // { value: 27, name: 'Search Engine' },
                        // { value: 5, name: 'Direct' }
                    ]
                }
            ]
        };

        option && myChart.setOption(option);
    }
}

function laoLingRen_sfkc(e){
    var laoLingRen = e.laoLingRen;
    var sfkc_div = $("#echarts_llrk_sfkc");
    sfkc_div.text("");
    for (var i = 0; i < laoLingRen.length; i++) {
        var sfkc_div_item = $("<div style='width: 144px; height: 117px; float: left;'></div>");
        sfkc_div.append(sfkc_div_item);
        var sfkcNumberYes = laoLingRen[i].sfkcNumberYes;//是空巢老人
        var sfkcNumberNo = laoLingRen[i].sfkcNumberNo;//不是空巢老人
        var jdName = laoLingRen[i].jdName;//街道名称
        var chartDom = sfkc_div_item[0];
        var myChart = echarts.init(chartDom);
        myChart.on("click", function (e) {
            openDialog_llr_sfkc(e.dataIndex);
        })
        var option;
        option = {
            tooltip: {
                trigger: 'item'
            },
            series: [
                {
                    name: '是否空巢',
                    type: 'pie',
                    radius: ['60%', '80%'],
                    avoidLabelOverlap: false,
                    label: {
                        show: false,
                        position: 'center'
                    },
                    emphasis: {
                        label: {
                            show: true,
                            fontSize: '15',
                            fontWeight: 'bold',
                            color:'83bff6'
                        }
                    },
                    labelLine: {
                        show: false
                    },
                    itemStyle: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                            { offset: 0, color: '#83bff6' },
                            { offset: 0.5, color: '#188df0' },
                            { offset: 1, color: '#188df0' }
                        ])
                    },
                    data: [
                        { value: sfkcNumberYes,
                            name: jdName.substr(0, 4) + '\n 空巢人数' ,
                            itemStyle: {
                                color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                                    offset: 0,
                                    color: '#1270d9'
                                }, {
                                    offset: 1,
                                    color: '#00ffeb'
                                }]),
                            }
                        },
                        { value: sfkcNumberNo,
                            name: jdName.substr(0, 4) + '\n 非空巢人数',
                            itemStyle: {
                                color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                                    offset: 0,
                                    color: '#ff8404'
                                }, {
                                    offset: 1,
                                    color: '#ffd904'
                                }]),
                            }
                        }
                        // { value: 27, name: 'Search Engine' },
                        // { value: 5, name: 'Direct' }
                    ]
                }
            ]
        };

        option && myChart.setOption(option);
    }
}

function laoLingRen_snqk(e, isLoading){
    var laoLingRen = e.laoLingRen;
    var series = new Array();
    for (var i = 0; i < laoLingRen.length; i++) {
        series.push({
            data: [laoLingRen[i].snqkNumber1, laoLingRen[i].snqkNumber2, laoLingRen[i].snqkNumber3],
            type: 'bar',
            name:laoLingRen[i].jdName,
            itemStyle: { //上方显示数值
                normal: {
                    label: {
                        show: true, //开启显示
                        position: 'top', //在上方显示
                        textStyle: { //数值样式
                            color: 'white',
                            fontSize: 11
                        }
                    },
                    color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                        offset: 0,
                        color: colors0[i]
                    }, {
                        offset: 1,
                        color: colors1[i]
                    }]),
                }
            }
        });
    }

    var chartDom = document.getElementById('echarts_llrk_snqk');
    var myChart = echarts.init(chartDom);
    if(!isLoading){
        myChart.on("click",function (e) {
            openDialog_snqk(e.dataIndex);
        });
    }
    var option;

    option = {
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            },
        },
        grid: {
            // borderWidth: 1,
            top: '15%',
            left: '15%',
            right: '5%',
            bottom: '15%'
        },
        xAxis: {
            type: 'category',
            data: ['不失能', '失能', '半失能'],
            axisLabel: {
                show: true,
                color: '#00cdef'
            },
            axisLine: {
                show: true,
                lineStyle: {
                    color: '#00cdef'
                }
            }
        },
        yAxis: {
            axisLine: {
                lineStyle: {
                    color: '#00cdef'
                }
            },
            splitLine: {
                show: false
            },
            type: 'value'
        },
        series: series
    };

    option && myChart.setOption(option);
}

function laoLingRen_jjxf(e, isLoading){
    var laoLingRen = e.laoLingRen;
    var series = new Array();
    for (var i = 0; i < laoLingRen.length; i++) {
        series.push({
            data: [laoLingRen[i].jjxfkNumber1, laoLingRen[i].jjxfkNumber2, laoLingRen[i].jjxfkNumber3, laoLingRen[i].jjxfkNumber4, laoLingRen[i].jjxfkNumber5, laoLingRen[i].jjxfkNumber6, laoLingRen[i].jjxfkNumber7, laoLingRen[i].jjxfkNumber8],
            type: 'bar',
            name:laoLingRen[i].jdName,
            itemStyle: { //上方显示数值
                normal: {
                    label: {
                        show: true, //开启显示
                        position: 'top', //在上方显示
                        textStyle: { //数值样式
                            color: 'white',
                            fontSize: 11
                        }
                    },
                    color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                        offset: 0,
                        color: colors0[i]
                    }, {
                        offset: 1,
                        color: colors1[i]
                    }]),
                }
            }
        });
    }

    var chartDom = document.getElementById('echarts_llrk_jjxf');
    var myChart = echarts.init(chartDom);
    if(!isLoading){
        myChart.on("click",function (e) {
            openDialog_zdxf(e.dataIndex);
        });
    }
    var option;

    option = {
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            },
        },
        grid: {
            // borderWidth: 1,
            top: '15%',
            left: '15%',
            right: '5%',
            bottom: '15%'
        },
        xAxis: {
            type: 'category',
            data: ['独居', '空巢', '留守', '特困', '高龄', '失能（含失智）', '重残', '计划生育特殊家庭'],
            axisLabel: {
                show: true,
                color: '#00cdef'
            },
            axisLine: {
                show: true,
                lineStyle: {
                    color: '#00cdef'
                }
            }
        },
        yAxis: {
            axisLine: {
                lineStyle: {
                    color: '#00cdef'
                }
            },
            splitLine: {
                show: false
            },
            type: 'value'
        },
        series: series
    };

    option && myChart.setOption(option);
}

function openDialog_llr_zfgm(index, jdIds) {//弹出对话框
    console.log(index+"=index")
    //console.log(this)
    var title = index==0?'享受政府购买':'不享受政府购买';
    var url = prefix + "/rktj/sfxszfgmqk/" + index;
    $.modal.openDetailFull(title, url, 1200);
}

function openDialog_llr_sfkc(index, jdIds) {//弹出对话框
    console.log(index+"=index")
    //console.log(this)
    var title = index==0?'空巢情况统计':'非空巢情况统计';
    var url = prefix + "/rktj/sfkcqk/" + index;
    $.modal.openDetailFull(title, url, 1200);
}

function openDialog_snqk(index) {//弹出对话框
    console.log(index+"=index")
    var url = prefix + "/rktj/sfsnqk/" + index;
    var title = index==0?'失能情况统计 - 不失能':index==1?'失能情况统计 - 失能':'失能情况统计 - 半失能';
    $.modal.openDetailFull(title, url, 1200);
}

function openDialog_zdxf(index) {//弹出对话框
    console.log(index+"=index")
    var url = prefix + "/rktj/sfzdxf/" + index;
    var title;
    switch (index){
        case 0:
            title = '居家巡防对象情况 - 独居';
            break;
        case 1:
            title = '居家巡防对象情况 - 空巢';
            break;
        case 2:
            title = '居家巡防对象情况 - 留守';
            break;
        case 3:
            title = '居家巡防对象情况 - 特困';
            break;
        case 4:
            title = '居家巡防对象情况 - 高龄';
            break;
        case 5:
            title = '居家巡防对象情况 - 失能（含失智）';
            break;
        case 6:
            title = '居家巡防对象情况 - 重残';
            break;
        case 7:
            title = '居家巡防对象情况 - 计划生育特殊家庭';
            break;
    }
    $.modal.openDetailFull(title, url, 1200);
}