chart 组件

component/chart/bar-chart.js

@@ -0,0 +1,43 @@
(function () {
    Vue.component('bar-chart', {
        template: '<div class="chart_box" >\
                        <div :id="chartid" class="chart_box"></div>\
                    </div>',
        props: ['config'],
        data: function () {
            return {
                chartid: _.uniqueId("chart_"),
                chart: null,
            }
        },
        mounted: function () {
            var that =this;
            this.$nextTick(function () {
                that.chart = echarts.init(document.getElementById(that.chartid));
                if (that.config) {
                    debugger
                    that.chart.setOption(that.setOption( that.config));
                }
            })
        },
        methods: {
            setOption: function (options) {
                if(!options)return
                var options = $.extend({}, defaults, options);
                return options
            }
        },
        watch: {
            config: function (data) {
                if (data) {
                    this.chart.setOption(this.setOption(data));
                }
            }
        }
    })
    var  defaults = {
    }
})()

component/chart/pie-chart.js

@@ -0,0 +1,99 @@
(function () {
    Vue.component('pie-chart', {
        template: '<div class="chart_box" >\
                        <div :id="chartid" class="chart_box"></div>\
                        <div class="tipdiv" :style="{color:color}" ><span  class="tiptitle">{{title}}</span><span class="tipnumber">{{config}}</span></div>\
                    </div>',
        props: ['config', 'color', 'title'],
        data: function () {
            return {
                chartid: _.uniqueId("chart_"),
                chart: null,
                percent:'',
                data:[]
            }
        },
        mounted: function () {
            this.$nextTick(function () {
                this.chart = echarts.init(document.getElementById(this.chartid));
                console.log('来过')
                console.log(this.chart)
                if (this.config) {
                    var newdata =[];
                    newdata[0] =parseInt(this.config)/100*100;
                    newdata[1] =100- newdata[0];
                    this.data = newdata;
                    this.chart.setOption(this.setOption( this.data));
                }
            })
        },
        methods: {
            setOption: function (data) {
                var vm =this;
                option = {
                    tooltip: {
                        trigger: 'item',
                        formatter: "{a} <br/>{b}: {c} ({d}%)",
                        show: false
                    },
                    legend:{
                        show:false
                    },
                    series: [{
                        type: 'pie',
                        radius: ['50%', '70%'],
                        label: {
                            normal: {
                                show: false,
                                position: 'center'
                            }
                        },
                        labelLine: {
                            normal: {
                                show: false
                            }
                        },
                        itemStyle: {
                            normal: {
        　　　　　　　　　　　　　　//好，这里就是重头戏了，定义一个list，然后根据所以取得不同的值，这样就实现了，
                                color: function(params) {
                                    // build a color map as your need.
                                    var colorList = [
                                        vm.color, '#dbe9f2',
                                    ];
                                    return colorList[params.dataIndex]
                                },
        　　　　　　　　　　　　　　//以下为是否显示，显示位置和显示格式的设置了
                                label: {
                                    show: true,
                                    position: 'top',
        //                             formatter: '{c}'
                                    formatter: '{b}\n{c}'
                                }
                            }
                        },
                        data: data
                    }]
                };
                return option
            }
        },
        watch: {
            config: function (data) {
                if (data) {
                    var newdata =[];
                    newdata[0] =parseInt(this.config)/100*100;
                    newdata[1] =100- newdata[0];
                    this.data = newdata;
                    this.chart.setOption(this.setOption(this.data));
                }
            }
        }
    })
})()

css/flex.css

@@ -0,0 +1,127 @@
.flex{
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
}
/*  垂直水平居中 */ 
.f_xy_c{    
    justify-content: center;
    align-items: center;
}
.f_y_c{
    align-items: center
}
.f_x_c{
    justify-content: center;
}
/* 垂直排列 */
.flex_coloumn{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}
.f_x_sb{
    justify-content: space-between
}
.f_fw_wrap{
    flex-wrap: wrap;
}
/* 存在剩余空间放大 */
.f_fg_1{
    flex-grow:1
}
/* 空间不够也不缩小 */
.f_fs_0{
    flex-shrink:0
}
.pl10{
    padding-left: .052083rem
}
.pr10{
    padding-right: .052083rem
}
.mb10{
    margin-bottom: .052083rem
}
.pl15{
    padding-left: .078125rem
}
.pr15{
    padding-right: .078125rem
}
.mb15{
    margin-bottom: .078125rem
}
.pl20{
	padding-left: 0.1041666666666667rem;
}
.pr20{
	padding-right: 0.1041666666666667rem;
}
.ml20{
	margin-left: 0.1041666666666667rem;
}
.mr20{
	margin-right: 0.1041666666666667rem;
}
.mb20{
    margin-bottom: .104167rem
}
.mt24{
    margin-top: .125rem
}
.mb5{
    margin-bottom: .026042rem
}
.mb25{
    margin-bottom:.130208rem
}
.mb30{
    margin-bottom: .15625rem
}
.mt35{
    margin-top: .182292rem
}
.pl40{
    padding-left: .208333rem;
}
.pr40{
    padding-right: .208333rem
}
.h443{
	height: 2.307292rem;
}
.w434{
	width: 2.307292rem;
}
.w100{
    width: .520833rem
}
.yellow_number{
    color: #fff71a;
    font-size: 14px;
    font-weight: bold; 
}
.red_number{
    font-size: .15625rem;
    color: #f82a3b;
    font-weight: bold; 
}
.font44{
    font-size: .229167rem!important
}
.sub{
    color: #d5e6ff;
    font-weight: normal;
}
.tr{
    text-align: right
}
.tl{
    text-align: left
}
.chart_box{
    height: 100%;
}

dataJson/gxyrq.js

@@ -0,0 +1,1014 @@
var gxyrq = {
    "高血压人群": {
        "总人数": "252365",
        "上月新增": "252",
        "环比": "12%"
    },
    "糖尿病人群": {
        "总人数": "242365",
        "上月新增": "360",
        "环比": "10%"
    },
    "孕产妇人群": {
        "总人数": "165236",
        "上月新增": "180",
        "环比": "6%"
    },
    "65岁以上老年人人数": {
        "总人数": "96359",
        "上月新增": "215",
        "环比": "17%"
    },
    "town": [
        {
            "townName": "港北区",
            "result": "26531"
        },
        {
            "townName": "港南区",
            "result": "25634"
        },
        {
            "townName": "覃塘区",
            "result": "12587"
        },
        {
            "townName": "平南县",
            "result": "74128"
        },
        {
            "townName": "桂平市",
            "result": "113485"
        }
    ],
    "重点服务人群增加趋势": {
        "本月": {
            "title": {
                "text": "出院患者平均住院床日数趋势图",
                "x": "center"
            },
            "tooltip": {
                "trigger": "axis"
            },
            "grid": {
                "x2": "80px",
                "y2": "50px",
                "x": "50px",
                "y": "40px"
            },
            "xAxis": [
                {
                    "type": "category",
                    "name": "",
                    "data": [
                        "01",
                        "02",
                        "03",
                        "04",
                        "05",
                        "06",
                        "07",
                        "08"
                    ]
                }
            ],
            "yAxis": [
                {
                    "type": "value",
                    "name": ""
                }
            ],
            "series": [
                {
                    "smooth": true,
                    "name": "平均床日数",
                    "type": "bar",
                    "itemStyle": {
                        "normal": {
                            "lineStyle": {
                                "shadowColor": "rgba(0,0,0,0.4)"
                            }
                        }
                    },
                    "data": [
                        "6",
                        "7",
                        "5",
                        "5",
                        "6",
                        "7",
                        "5",
                        "3"
                    ]
                },
                {
                    "smooth": true,
                    "name": "环比",
                    "type": "line",
                    "itemStyle": {
                        "normal": {
                            "lineStyle": {
                                "shadowColor": "rgba(0,0,0,0.4)"
                            }
                        }
                    },
                    "data": [
                        "35",
                        "37",
                        "37",
                        "39",
                        "35",
                        "34",
                        "25",
                        "23"
                    ]
                }
            ]
        },
        "本季": {
            "title": {
                "text": "出院患者平均住院床日数趋势图",
                "x": "center"
            },
            "tooltip": {
                "trigger": "axis"
            },
            "grid": {
                "x2": "80px",
                "y2": "50px",
                "x": "50px",
                "y": "40px"
            },
            "xAxis": [
                {
                    "type": "category",
                    "name": "",
                    "data": [
                        "2018-07"
                    ]
                }
            ],
            "yAxis": [
                {
                    "type": "value",
                    "name": ""
                }
            ],
            "series": [
                {
                    "smooth": true,
                    "name": "平均床日数",
                    "type": "bar",
                    "itemStyle": {
                        "normal": {
                            "lineStyle": {
                                "shadowColor": "rgba(0,0,0,0.4)"
                            }
                        }
                    },
                    "data": [
                        "7"
                    ]
                },
                {
                    "smooth": true,
                    "name": "环比",
                    "type": "line",
                    "itemStyle": {
                        "normal": {
                            "lineStyle": {
                                "shadowColor": "rgba(0,0,0,0.4)"
                            }
                        }
                    },
                    "data": [
                        "33"
                    ]
                }
            ]
        },
        "本年": {
            "title": {
                "text": "出院患者平均住院床日数趋势图",
                "x": "center"
            },
            "tooltip": {
                "trigger": "axis"
            },
            "grid": {
                "x2": "80px",
                "y2": "50px",
                "x": "50px",
                "y": "40px"
            },
            "xAxis": [
                {
                    "type": "category",
                    "name": "",
                    "data": [
                        "2018-01",
                        "2018-02",
                        "2018-03",
                        "2018-04",
                        "2018-05",
                        "2018-06"
                    ]
                }
            ],
            "yAxis": [
                {
                    "type": "value",
                    "name": ""
                }
            ],
            "series": [
                {
                    "smooth": true,
                    "name": "平均床日数",
                    "type": "bar",
                    "itemStyle": {
                        "normal": {
                            "lineStyle": {
                                "shadowColor": "rgba(0,0,0,0.4)"
                            }
                        }
                    },
                    "data": [
						"5",
                        "3",
                        "4",
                        "5",
                        "6",
                        "7"
                    ]
                },
                {
                    "smooth": true,
                    "name": "环比",
                    "type": "line",
                    "itemStyle": {
                        "normal": {
                            "lineStyle": {
                                "shadowColor": "rgba(0,0,0,0.4)"
                            }
                        }
                    },
                    "data": [
                        "25",
                        "23",
                        "28",
                        "30",
                        "31",
                        "35"
                    ]
                }
            ]
        }
    },
    "本月高并发疾病": {
        "全部": {
            "本月": {
                "title": {
                    "text": "全部",
                    "x": "center"
                },
                "tooltip": {
                    "trigger": "axis"
                },
                "grid": {
                    "x2": "80px",
                    "y2": "50px",
                    "x": "50px",
                    "y": "40px"
                },
                "xAxis": [
                    {
                        "type": "category",
                        "name": "",
                        "data": [
                            "大肠杆菌性肠炎",
                            "感染性腹泻",
                            "胃肠炎",
                            "糖尿病",
                            "高血压病",
                            "脑结核瘤",
                            "骨结核",
                            "肾结核",
                            "心脏病",
                            "急性脑膜炎球菌血症"
                        ]
                    }
                ],
                "yAxis": [
                    {
                        "type": "value",
                        "name": ""
                    }
                ],
                "series": [
                    {
						"smooth": true,
						"name": "门急诊疾病情况",
						"type": "bar",
						"itemStyle": {
							"normal": {
								"lineStyle": {
									"shadowColor": "rgba(0,0,0,0.4)"
								}
							}
						},
						"data": [
							"2741",
							"2435",
							"1102",
							"544",
							"520",
							"446",
							"408",
							"315",
							"225",
							"101"
						]
					},
					{
						"smooth": true,
						"name": "住院疾病情况",
						"type": "bar",
						"itemStyle": {
							"normal": {
								"lineStyle": {
									"shadowColor": "rgba(0,0,0,0.4)"
								}
							}
						},
						"data": [
							"3741",
							"3435",
							"1302",
							"684",
							"600",
							"546",
							"521",
							"463",
							"325",
							"301"
						]
					}
                ]
            },
            "本季": {
                "title": {
                    "text": "全部",
                    "x": "center"
                },
                "tooltip": {
                    "trigger": "axis"
                },
                "grid": {
                    "x2": "80px",
                    "y2": "50px",
                    "x": "50px",
                    "y": "40px"
                },
                "xAxis": [
                    {
                        "type": "category",
                        "name": "",
                        "data": [
                            "大肠杆菌性肠炎",
                            "感染性腹泻",
                            "胃肠炎",
                            "糖尿病",
                            "高血压病",
                            "脑结核瘤",
                            "骨结核",
                            "肾结核",
                            "心脏病",
                            "急性脑膜炎球菌血症"
                        ]
                    }
                ],
                "yAxis": [
                    {
                        "type": "value",
                        "name": ""
                    }
                ],
                "series": [
                    {
						"smooth": true,
						"name": "门急诊疾病情况",
						"type": "bar",
						"itemStyle": {
							"normal": {
								"lineStyle": {
									"shadowColor": "rgba(0,0,0,0.4)"
								}
							}
						},
						"data": [
							"7214",
							"6235",
							"4210",
							"1524",
							"1378",
							"1215",
							"635",
							"417",
							"365",
							"285"
						]
					},
					{
						"smooth": true,
						"name": "住院疾病情况",
						"type": "bar",
						"itemStyle": {
							"normal": {
								"lineStyle": {
									"shadowColor": "rgba(0,0,0,0.4)"
								}
							}
						},
						"data": [
							"9214",
							"8725",
							"3605",
							"2136",
							"1934",
							"1732",
							"1278",
							"1362",
							"954",
							"874"
						]
					}
                ]
            },
            "本年": {
                "title": {
                    "text": "本年疾病情况",
                    "x": "center"
                },
                "tooltip": {
                    "trigger": "axis"
                },
                "grid": {
                    "x2": "80px",
                    "y2": "50px",
                    "x": "50px",
                    "y": "40px"
                },
                "xAxis": [
                    {
                        "type": "category",
                        "name": "",
                        "data": [
                            "大肠杆菌性肠炎",
                            "感染性腹泻",
                            "胃肠炎",
                            "糖尿病",
                            "高血压病",
                            "脑结核瘤",
                            "骨结核",
                            "肾结核",
                            "心脏病",
                            "急性脑膜炎球菌血症"
                        ]
                    }
                ],
                "yAxis": [
                    {
                        "type": "value",
                        "name": ""
                    }
                ],
                "series": [
                    {
						"smooth": true,
						"name": "门急诊疾病情况",
						"type": "bar",
						"itemStyle": {
							"normal": {
								"lineStyle": {
									"shadowColor": "rgba(0,0,0,0.4)"
								}
							}
						},
						"data": [
							"27410",
							"24350",
							"11020",
							"5440",
							"5200",
							"4460",
							"4080",
							"3150",
							"2250",
							"1010"
						]
					},
					{
                            "smooth": true,
                            "name": "住院疾病情况",
                            "type": "bar",
                            "itemStyle": {
                                "normal": {
                                    "lineStyle": {
                                        "shadowColor": "rgba(0,0,0,0.4)"
                                    }
                                }
                            },
                            "data": [
                                "37410",
								"34350",
								"13020",
								"6840",
								"6000",
								"5460",
								"5210",
								"4630",
								"3250",
								"3010"
                            ]
                        }
                ]
            }
        },
        "住院": [
            {
                "本月": {
                    "title": {
                        "text": "住院",
                        "x": "center"
                    },
                    "tooltip": {
                        "trigger": "axis"
                    },
                    "grid": {
                        "x2": "80px",
                        "y2": "50px",
                        "x": "50px",
                        "y": "40px"
                    },
                    "xAxis": [
                        {
                            "type": "category",
                            "name": "",
                            "data": [
                                "大肠杆菌性肠炎",
                                "感染性腹泻",
                                "胃肠炎",
                                "糖尿病",
                                "高血压病",
                                "脑结核瘤",
                                "骨结核",
                                "肾结核",
                                "心脏病",
                                "急性脑膜炎球菌血症"
                            ]
                        }
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": ""
                        }
                    ],
                    "series": [
                        {
                            "smooth": true,
                            "name": "住院疾病情况",
                            "type": "bar",
                            "itemStyle": {
                                "normal": {
                                    "lineStyle": {
                                        "shadowColor": "rgba(0,0,0,0.4)"
                                    }
                                }
                            },
                            "data": [
                                "3741",
                                "3435",
                                "1302",
                                "684",
                                "600",
                                "546",
                                "521",
                                "463",
                                "325",
                                "301"
                            ]
                        }
                    ]
                }
            },
            {
                "本季": {
                    "title": {
                        "text": "住院",
                        "x": "center"
                    },
                    "tooltip": {
                        "trigger": "axis"
                    },
                    "grid": {
                        "x2": "80px",
                        "y2": "50px",
                        "x": "50px",
                        "y": "40px"
                    },
                    "xAxis": [
                        {
                            "type": "category",
                            "name": "",
                            "data": [
                                "大肠杆菌性肠炎",
                                "感染性腹泻",
                                "胃肠炎",
                                "糖尿病",
                                "高血压病",
                                "脑结核瘤",
                                "骨结核",
                                "肾结核",
                                "心脏病",
                                "急性脑膜炎球菌血症"
                            ]
                        }
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": ""
                        }
                    ],
                    "series": [
                        {
                            "smooth": true,
                            "name": "住院疾病情况",
                            "type": "bar",
                            "itemStyle": {
                                "normal": {
                                    "lineStyle": {
                                        "shadowColor": "rgba(0,0,0,0.4)"
                                    }
                                }
                            },
                            "data": [
                                "9214",
								"8725",
								"3605",
								"2136",
								"1934",
								"1732",
								"1278",
								"1362",
								"954",
								"874"
                            ]
                        }
                    ]
                }
            },
            {
                "本年": {
                    "title": {
                        "text": "住院",
                        "x": "center"
                    },
                    "tooltip": {
                        "trigger": "axis"
                    },
                    "grid": {
                        "x2": "80px",
                        "y2": "50px",
                        "x": "50px",
                        "y": "40px"
                    },
                    "xAxis": [
                        {
                            "type": "category",
                            "name": "",
                            "data": [
                                "大肠杆菌性肠炎",
                                "感染性腹泻",
                                "胃肠炎",
                                "糖尿病",
                                "高血压病",
                                "脑结核瘤",
                                "骨结核",
                                "肾结核",
                                "心脏病",
                                "急性脑膜炎球菌血症"
                            ]
                        }
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": ""
                        }
                    ],
                    "series": [
                        {
                            "smooth": true,
                            "name": "住院疾病情况",
                            "type": "bar",
                            "itemStyle": {
                                "normal": {
                                    "lineStyle": {
                                        "shadowColor": "rgba(0,0,0,0.4)"
                                    }
                                }
                            },
                            "data": [
                                "37410",
								"34350",
								"13020",
								"6840",
								"6000",
								"5460",
								"5210",
								"4630",
								"3250",
								"3010"
                            ]
                        }
                    ]
                }
            }
        ],
        "门诊": [
            {
                "本月": {
                    "title": {
                        "text": "门诊",
                        "x": "center"
                    },
                    "tooltip": {
                        "trigger": "axis"
                    },
                    "grid": {
                        "x2": "80px",
                        "y2": "50px",
                        "x": "50px",
                        "y": "40px"
                    },
                    "xAxis": [
                        {
                            "type": "category",
                            "name": "",
                            "data": [
                                "大肠杆菌性肠炎",
                                "感染性腹泻",
                                "胃肠炎",
                                "糖尿病",
                                "高血压病",
                                "脑结核瘤",
                                "骨结核",
                                "肾结核",
                                "心脏病",
                                "急性脑膜炎球菌血症"
                            ]
                        }
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": ""
                        }
                    ],
                    "series": [
                        {
                            "smooth": true,
                            "name": "门急诊疾病情况",
                            "type": "bar",
                            "itemStyle": {
                                "normal": {
                                    "lineStyle": {
                                        "shadowColor": "rgba(0,0,0,0.4)"
                                    }
                                }
                            },
                            "data": [
                                "2741",
                                "2435",
                                "1102",
                                "544",
                                "520",
                                "446",
                                "408",
                                "315",
                                "225",
                                "101"
                            ]
                        }
                    ]
                }
            },
            {
                "本季": {
                    "title": {
                        "text": "门诊",
                        "x": "center"
                    },
                    "tooltip": {
                        "trigger": "axis"
                    },
                    "grid": {
                        "x2": "80px",
                        "y2": "50px",
                        "x": "50px",
                        "y": "40px"
                    },
                    "xAxis": [
                        {
                            "type": "category",
                            "name": "",
                            "data": [
                                "大肠杆菌性肠炎",
                                "感染性腹泻",
                                "胃肠炎",
                                "糖尿病",
                                "高血压病",
                                "脑结核瘤",
                                "骨结核",
                                "肾结核",
                                "心脏病",
                                "急性脑膜炎球菌血症"
                            ]
                        }
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": ""
                        }
                    ],
                    "series": [
                        {
                            "smooth": true,
                            "name": "门急诊疾病情况",
                            "type": "bar",
                            "itemStyle": {
                                "normal": {
                                    "lineStyle": {
                                        "shadowColor": "rgba(0,0,0,0.4)"
                                    }
                                }
                            },
                            "data": [
                                "7214",
								"6235",
								"4210",
								"1524",
								"1378",
								"1215",
								"635",
								"417",
								"365",
								"285"
                            ]
                        }
                    ]
                }
            },
            {
                "本年": {
                    "title": {
                        "text": "门诊",
                        "x": "center"
                    },
                    "tooltip": {
                        "trigger": "axis"
                    },
                    "grid": {
                        "x2": "80px",
                        "y2": "50px",
                        "x": "50px",
                        "y": "40px"
                    },
                    "xAxis": [
                        {
                            "type": "category",
                            "name": "",
                            "data": [
                                "大肠杆菌性肠炎",
                                "感染性腹泻",
                                "胃肠炎",
                                "糖尿病",
                                "高血压病",
                                "脑结核瘤",
                                "骨结核",
                                "肾结核",
                                "心脏病",
                                "急性脑膜炎球菌血症"
                            ]
                        }
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": ""
                        }
                    ],
                    "series": [
                        {
                            "smooth": true,
                            "name": "门急诊疾病情况",
                            "type": "bar",
                            "itemStyle": {
                                "normal": {
                                    "lineStyle": {
                                        "shadowColor": "rgba(0,0,0,0.4)"
                                    }
                                }
                            },
                            "data": [
                                "27410",
								"24350",
								"11020",
								"5440",
								"5200",
								"4460",
								"4080",
								"3150",
								"2250",
								"1010"
                            ]
                        }
                    ]
                }
            }
        ]
    },
    "死亡原因": {
        "title": {
            "text": "性别分布",
            "subtext": "性别分布",
            "x": "center"
        },
        "tooltip": {
            "trigger": "item"
        },
        "series": [
            {
                "center": [
                    "50%",
                    "50%"
                ],
                "radius": "40%",
                "name": "",
                "type": "pie",
                "itemStyle": {
                    "normal": {
                        "label": {
                            "show": false
                        },
                        "labelLine": {
                            "show": false
                        }
                    }
                },
                "data": [
                    {
                        "name": "恶性肿瘤",
                        "value": "21365"
                    },
                    {
                        "name": "脑血管疾病",
                        "value": "188524"
                    },
                    {
                        "name": "心脏病",
                        "value": "14578"
                    },
                    {
                        "name": "呼吸系统疾病",
                        "value": "12635"
                    },
                    {
                        "name": "损伤和中毒",
                        "value": "15503"
                    },
                    {
                        "name": "消化系统疾病",
                        "value": "45621"
                    },
                    {
                        "name": "内分泌、营养和代谢疾病",
                        "value": "63215"
                    },
                    {
                        "name": "必尿生殖系统疾病",
                        "value": "32542"
                    },
                    {
                        "name": "其他疾病",
                        "value": "84523"
                    }
                ]
            }
        ]
    }
}

dataJson/高血压人群.json

@@ -0,0 +1,1014 @@
{
    "高血压人群": {
        "总人数": "252365",
        "上月新增": "252",
        "环比": "12%"
    },
    "糖尿病人群": {
        "总人数": "242365",
        "上月新增": "360",
        "环比": "10%"
    },
    "孕产妇人群": {
        "总人数": "165236",
        "上月新增": "180",
        "环比": "6%"
    },
    "65岁以上老年人人数": {
        "总人数": "96359",
        "上月新增": "215",
        "环比": "17%"
    },
    "town": [
        {
            "townName": "港北区",
            "result": "26531"
        },
        {
            "townName": "港南区",
            "result": "25634"
        },
        {
            "townName": "覃塘区",
            "result": "12587"
        },
        {
            "townName": "平南县",
            "result": "74128"
        },
        {
            "townName": "桂平市",
            "result": "113485"
        }
    ],
    "重点服务人群增加趋势": {
        "本月": {
            "title": {
                "text": "出院患者平均住院床日数趋势图",
                "x": "center"
            },
            "tooltip": {
                "trigger": "axis"
            },
            "grid": {
                "x2": "80px",
                "y2": "50px",
                "x": "50px",
                "y": "40px"
            },
            "xAxis": [
                {
                    "type": "category",
                    "name": "",
                    "data": [
                        "01",
                        "02",
                        "03",
                        "04",
                        "05",
                        "06",
                        "07",
                        "08"
                    ]
                }
            ],
            "yAxis": [
                {
                    "type": "value",
                    "name": ""
                }
            ],
            "series": [
                {
                    "smooth": true,
                    "name": "平均床日数",
                    "type": "bar",
                    "itemStyle": {
                        "normal": {
                            "lineStyle": {
                                "shadowColor": "rgba(0,0,0,0.4)"
                            }
                        }
                    },
                    "data": [
                        "6",
                        "7",
                        "5",
                        "5",
                        "6",
                        "7",
                        "5",
                        "3"
                    ]
                },
                {
                    "smooth": true,
                    "name": "环比",
                    "type": "line",
                    "itemStyle": {
                        "normal": {
                            "lineStyle": {
                                "shadowColor": "rgba(0,0,0,0.4)"
                            }
                        }
                    },
                    "data": [
                        "35",
                        "37",
                        "37",
                        "39",
                        "35",
                        "34",
                        "25",
                        "23"
                    ]
                }
            ]
        },
        "本季": {
            "title": {
                "text": "出院患者平均住院床日数趋势图",
                "x": "center"
            },
            "tooltip": {
                "trigger": "axis"
            },
            "grid": {
                "x2": "80px",
                "y2": "50px",
                "x": "50px",
                "y": "40px"
            },
            "xAxis": [
                {
                    "type": "category",
                    "name": "",
                    "data": [
                        "2018-07"
                    ]
                }
            ],
            "yAxis": [
                {
                    "type": "value",
                    "name": ""
                }
            ],
            "series": [
                {
                    "smooth": true,
                    "name": "平均床日数",
                    "type": "bar",
                    "itemStyle": {
                        "normal": {
                            "lineStyle": {
                                "shadowColor": "rgba(0,0,0,0.4)"
                            }
                        }
                    },
                    "data": [
                        "7"
                    ]
                },
                {
                    "smooth": true,
                    "name": "环比",
                    "type": "line",
                    "itemStyle": {
                        "normal": {
                            "lineStyle": {
                                "shadowColor": "rgba(0,0,0,0.4)"
                            }
                        }
                    },
                    "data": [
                        "33"
                    ]
                }
            ]
        },
        "本年": {
            "title": {
                "text": "出院患者平均住院床日数趋势图",
                "x": "center"
            },
            "tooltip": {
                "trigger": "axis"
            },
            "grid": {
                "x2": "80px",
                "y2": "50px",
                "x": "50px",
                "y": "40px"
            },
            "xAxis": [
                {
                    "type": "category",
                    "name": "",
                    "data": [
                        "2018-01",
                        "2018-02",
                        "2018-03",
                        "2018-04",
                        "2018-05",
                        "2018-06"
                    ]
                }
            ],
            "yAxis": [
                {
                    "type": "value",
                    "name": ""
                }
            ],
            "series": [
                {
                    "smooth": true,
                    "name": "平均床日数",
                    "type": "bar",
                    "itemStyle": {
                        "normal": {
                            "lineStyle": {
                                "shadowColor": "rgba(0,0,0,0.4)"
                            }
                        }
                    },
                    "data": [
						"5",
                        "3",
                        "4",
                        "5",
                        "6",
                        "7"
                    ]
                },
                {
                    "smooth": true,
                    "name": "环比",
                    "type": "line",
                    "itemStyle": {
                        "normal": {
                            "lineStyle": {
                                "shadowColor": "rgba(0,0,0,0.4)"
                            }
                        }
                    },
                    "data": [
                        "25",
                        "23",
                        "28",
                        "30",
                        "31",
                        "35"
                    ]
                }
            ]
        }
    },
    "本月高并发疾病": {
        "全部": {
            "本月": {
                "title": {
                    "text": "全部",
                    "x": "center"
                },
                "tooltip": {
                    "trigger": "axis"
                },
                "grid": {
                    "x2": "80px",
                    "y2": "50px",
                    "x": "50px",
                    "y": "40px"
                },
                "xAxis": [
                    {
                        "type": "category",
                        "name": "",
                        "data": [
                            "大肠杆菌性肠炎",
                            "感染性腹泻",
                            "胃肠炎",
                            "糖尿病",
                            "高血压病",
                            "脑结核瘤",
                            "骨结核",
                            "肾结核",
                            "心脏病",
                            "急性脑膜炎球菌血症"
                        ]
                    }
                ],
                "yAxis": [
                    {
                        "type": "value",
                        "name": ""
                    }
                ],
                "series": [
                    {
						"smooth": true,
						"name": "门急诊疾病情况",
						"type": "bar",
						"itemStyle": {
							"normal": {
								"lineStyle": {
									"shadowColor": "rgba(0,0,0,0.4)"
								}
							}
						},
						"data": [
							"2741",
							"2435",
							"1102",
							"544",
							"520",
							"446",
							"408",
							"315",
							"225",
							"101"
						]
					},
					{
						"smooth": true,
						"name": "住院疾病情况",
						"type": "bar",
						"itemStyle": {
							"normal": {
								"lineStyle": {
									"shadowColor": "rgba(0,0,0,0.4)"
								}
							}
						},
						"data": [
							"3741",
							"3435",
							"1302",
							"684",
							"600",
							"546",
							"521",
							"463",
							"325",
							"301"
						]
					}
                ]
            },
            "本季": {
                "title": {
                    "text": "全部",
                    "x": "center"
                },
                "tooltip": {
                    "trigger": "axis"
                },
                "grid": {
                    "x2": "80px",
                    "y2": "50px",
                    "x": "50px",
                    "y": "40px"
                },
                "xAxis": [
                    {
                        "type": "category",
                        "name": "",
                        "data": [
                            "大肠杆菌性肠炎",
                            "感染性腹泻",
                            "胃肠炎",
                            "糖尿病",
                            "高血压病",
                            "脑结核瘤",
                            "骨结核",
                            "肾结核",
                            "心脏病",
                            "急性脑膜炎球菌血症"
                        ]
                    }
                ],
                "yAxis": [
                    {
                        "type": "value",
                        "name": ""
                    }
                ],
                "series": [
                    {
						"smooth": true,
						"name": "门急诊疾病情况",
						"type": "bar",
						"itemStyle": {
							"normal": {
								"lineStyle": {
									"shadowColor": "rgba(0,0,0,0.4)"
								}
							}
						},
						"data": [
							"7214",
							"6235",
							"4210",
							"1524",
							"1378",
							"1215",
							"635",
							"417",
							"365",
							"285"
						]
					},
					{
						"smooth": true,
						"name": "住院疾病情况",
						"type": "bar",
						"itemStyle": {
							"normal": {
								"lineStyle": {
									"shadowColor": "rgba(0,0,0,0.4)"
								}
							}
						},
						"data": [
							"9214",
							"8725",
							"3605",
							"2136",
							"1934",
							"1732",
							"1278",
							"1362",
							"954",
							"874"
						]
					}
                ]
            },
            "本年": {
                "title": {
                    "text": "本年疾病情况",
                    "x": "center"
                },
                "tooltip": {
                    "trigger": "axis"
                },
                "grid": {
                    "x2": "80px",
                    "y2": "50px",
                    "x": "50px",
                    "y": "40px"
                },
                "xAxis": [
                    {
                        "type": "category",
                        "name": "",
                        "data": [
                            "大肠杆菌性肠炎",
                            "感染性腹泻",
                            "胃肠炎",
                            "糖尿病",
                            "高血压病",
                            "脑结核瘤",
                            "骨结核",
                            "肾结核",
                            "心脏病",
                            "急性脑膜炎球菌血症"
                        ]
                    }
                ],
                "yAxis": [
                    {
                        "type": "value",
                        "name": ""
                    }
                ],
                "series": [
                    {
						"smooth": true,
						"name": "门急诊疾病情况",
						"type": "bar",
						"itemStyle": {
							"normal": {
								"lineStyle": {
									"shadowColor": "rgba(0,0,0,0.4)"
								}
							}
						},
						"data": [
							"27410",
							"24350",
							"11020",
							"5440",
							"5200",
							"4460",
							"4080",
							"3150",
							"2250",
							"1010"
						]
					},
					{
                            "smooth": true,
                            "name": "住院疾病情况",
                            "type": "bar",
                            "itemStyle": {
                                "normal": {
                                    "lineStyle": {
                                        "shadowColor": "rgba(0,0,0,0.4)"
                                    }
                                }
                            },
                            "data": [
                                "37410",
								"34350",
								"13020",
								"6840",
								"6000",
								"5460",
								"5210",
								"4630",
								"3250",
								"3010"
                            ]
                        }
                ]
            }
        },
        "住院": [
            {
                "本月": {
                    "title": {
                        "text": "住院",
                        "x": "center"
                    },
                    "tooltip": {
                        "trigger": "axis"
                    },
                    "grid": {
                        "x2": "80px",
                        "y2": "50px",
                        "x": "50px",
                        "y": "40px"
                    },
                    "xAxis": [
                        {
                            "type": "category",
                            "name": "",
                            "data": [
                                "大肠杆菌性肠炎",
                                "感染性腹泻",
                                "胃肠炎",
                                "糖尿病",
                                "高血压病",
                                "脑结核瘤",
                                "骨结核",
                                "肾结核",
                                "心脏病",
                                "急性脑膜炎球菌血症"
                            ]
                        }
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": ""
                        }
                    ],
                    "series": [
                        {
                            "smooth": true,
                            "name": "住院疾病情况",
                            "type": "bar",
                            "itemStyle": {
                                "normal": {
                                    "lineStyle": {
                                        "shadowColor": "rgba(0,0,0,0.4)"
                                    }
                                }
                            },
                            "data": [
                                "3741",
                                "3435",
                                "1302",
                                "684",
                                "600",
                                "546",
                                "521",
                                "463",
                                "325",
                                "301"
                            ]
                        }
                    ]
                }
            },
            {
                "本季": {
                    "title": {
                        "text": "住院",
                        "x": "center"
                    },
                    "tooltip": {
                        "trigger": "axis"
                    },
                    "grid": {
                        "x2": "80px",
                        "y2": "50px",
                        "x": "50px",
                        "y": "40px"
                    },
                    "xAxis": [
                        {
                            "type": "category",
                            "name": "",
                            "data": [
                                "大肠杆菌性肠炎",
                                "感染性腹泻",
                                "胃肠炎",
                                "糖尿病",
                                "高血压病",
                                "脑结核瘤",
                                "骨结核",
                                "肾结核",
                                "心脏病",
                                "急性脑膜炎球菌血症"
                            ]
                        }
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": ""
                        }
                    ],
                    "series": [
                        {
                            "smooth": true,
                            "name": "住院疾病情况",
                            "type": "bar",
                            "itemStyle": {
                                "normal": {
                                    "lineStyle": {
                                        "shadowColor": "rgba(0,0,0,0.4)"
                                    }
                                }
                            },
                            "data": [
                                "9214",
								"8725",
								"3605",
								"2136",
								"1934",
								"1732",
								"1278",
								"1362",
								"954",
								"874"
                            ]
                        }
                    ]
                }
            },
            {
                "本年": {
                    "title": {
                        "text": "住院",
                        "x": "center"
                    },
                    "tooltip": {
                        "trigger": "axis"
                    },
                    "grid": {
                        "x2": "80px",
                        "y2": "50px",
                        "x": "50px",
                        "y": "40px"
                    },
                    "xAxis": [
                        {
                            "type": "category",
                            "name": "",
                            "data": [
                                "大肠杆菌性肠炎",
                                "感染性腹泻",
                                "胃肠炎",
                                "糖尿病",
                                "高血压病",
                                "脑结核瘤",
                                "骨结核",
                                "肾结核",
                                "心脏病",
                                "急性脑膜炎球菌血症"
                            ]
                        }
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": ""
                        }
                    ],
                    "series": [
                        {
                            "smooth": true,
                            "name": "住院疾病情况",
                            "type": "bar",
                            "itemStyle": {
                                "normal": {
                                    "lineStyle": {
                                        "shadowColor": "rgba(0,0,0,0.4)"
                                    }
                                }
                            },
                            "data": [
                                "37410",
								"34350",
								"13020",
								"6840",
								"6000",
								"5460",
								"5210",
								"4630",
								"3250",
								"3010"
                            ]
                        }
                    ]
                }
            }
        ],
        "门诊": [
            {
                "本月": {
                    "title": {
                        "text": "门诊",
                        "x": "center"
                    },
                    "tooltip": {
                        "trigger": "axis"
                    },
                    "grid": {
                        "x2": "80px",
                        "y2": "50px",
                        "x": "50px",
                        "y": "40px"
                    },
                    "xAxis": [
                        {
                            "type": "category",
                            "name": "",
                            "data": [
                                "大肠杆菌性肠炎",
                                "感染性腹泻",
                                "胃肠炎",
                                "糖尿病",
                                "高血压病",
                                "脑结核瘤",
                                "骨结核",
                                "肾结核",
                                "心脏病",
                                "急性脑膜炎球菌血症"
                            ]
                        }
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": ""
                        }
                    ],
                    "series": [
                        {
                            "smooth": true,
                            "name": "门急诊疾病情况",
                            "type": "bar",
                            "itemStyle": {
                                "normal": {
                                    "lineStyle": {
                                        "shadowColor": "rgba(0,0,0,0.4)"
                                    }
                                }
                            },
                            "data": [
                                "2741",
                                "2435",
                                "1102",
                                "544",
                                "520",
                                "446",
                                "408",
                                "315",
                                "225",
                                "101"
                            ]
                        }
                    ]
                }
            },
            {
                "本季": {
                    "title": {
                        "text": "门诊",
                        "x": "center"
                    },
                    "tooltip": {
                        "trigger": "axis"
                    },
                    "grid": {
                        "x2": "80px",
                        "y2": "50px",
                        "x": "50px",
                        "y": "40px"
                    },
                    "xAxis": [
                        {
                            "type": "category",
                            "name": "",
                            "data": [
                                "大肠杆菌性肠炎",
                                "感染性腹泻",
                                "胃肠炎",
                                "糖尿病",
                                "高血压病",
                                "脑结核瘤",
                                "骨结核",
                                "肾结核",
                                "心脏病",
                                "急性脑膜炎球菌血症"
                            ]
                        }
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": ""
                        }
                    ],
                    "series": [
                        {
                            "smooth": true,
                            "name": "门急诊疾病情况",
                            "type": "bar",
                            "itemStyle": {
                                "normal": {
                                    "lineStyle": {
                                        "shadowColor": "rgba(0,0,0,0.4)"
                                    }
                                }
                            },
                            "data": [
                                "7214",
								"6235",
								"4210",
								"1524",
								"1378",
								"1215",
								"635",
								"417",
								"365",
								"285"
                            ]
                        }
                    ]
                }
            },
            {
                "本年": {
                    "title": {
                        "text": "门诊",
                        "x": "center"
                    },
                    "tooltip": {
                        "trigger": "axis"
                    },
                    "grid": {
                        "x2": "80px",
                        "y2": "50px",
                        "x": "50px",
                        "y": "40px"
                    },
                    "xAxis": [
                        {
                            "type": "category",
                            "name": "",
                            "data": [
                                "大肠杆菌性肠炎",
                                "感染性腹泻",
                                "胃肠炎",
                                "糖尿病",
                                "高血压病",
                                "脑结核瘤",
                                "骨结核",
                                "肾结核",
                                "心脏病",
                                "急性脑膜炎球菌血症"
                            ]
                        }
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": ""
                        }
                    ],
                    "series": [
                        {
                            "smooth": true,
                            "name": "门急诊疾病情况",
                            "type": "bar",
                            "itemStyle": {
                                "normal": {
                                    "lineStyle": {
                                        "shadowColor": "rgba(0,0,0,0.4)"
                                    }
                                }
                            },
                            "data": [
                                "27410",
								"24350",
								"11020",
								"5440",
								"5200",
								"4460",
								"4080",
								"3150",
								"2250",
								"1010"
                            ]
                        }
                    ]
                }
            }
        ]
    },
    "死亡原因": {
        "title": {
            "text": "性别分布",
            "subtext": "性别分布",
            "x": "center"
        },
        "tooltip": {
            "trigger": "item"
        },
        "series": [
            {
                "center": [
                    "50%",
                    "50%"
                ],
                "radius": "40%",
                "name": "",
                "type": "pie",
                "itemStyle": {
                    "normal": {
                        "label": {
                            "show": false
                        },
                        "labelLine": {
                            "show": false
                        }
                    }
                },
                "data": [
                    {
                        "name": "恶性肿瘤",
                        "value": "21365"
                    },
                    {
                        "name": "脑血管疾病",
                        "value": "188524"
                    },
                    {
                        "name": "心脏病",
                        "value": "14578"
                    },
                    {
                        "name": "呼吸系统疾病",
                        "value": "12635"
                    },
                    {
                        "name": "损伤和中毒",
                        "value": "15503"
                    },
                    {
                        "name": "消化系统疾病",
                        "value": "45621"
                    },
                    {
                        "name": "内分泌、营养和代谢疾病",
                        "value": "63215"
                    },
                    {
                        "name": "必尿生殖系统疾病",
                        "value": "32542"
                    },
                    {
                        "name": "其他疾病",
                        "value": "84523"
                    }
                ]
            }
        ]
    }
}

page/bigData/css/medical.css

@@ -0,0 +1,185 @@
html {
	font-size: 192px;
}
body {
	overflow: hidden;
	color: #b5e1fc;
	font-size: .072917rem;
}
#app{
	height: 100%;
	background-size: 100% 100%;
	background: url(../images/BG.png) no-repeat;
	overflow-y: auto;
	overflow-x: hidden;
	/* overflow: hidden; */
}
p{
	margin: 0;
	padding: 0
}
.div-header {
	background: url(../images/biaoti_bg_img.png) no-repeat;
	width: 100%;
	height: 0.39rem;
	background-size: 100% 100%;
	z-index: 100;
    position: fixed;
    top: 0;
}
.div-title{
	height: 0.271rem;
	line-height: 0.271rem;
	text-align: center;
	font-size: .104167rem;
	color: #fff;
    width: 1.453125rem;
	background:  url(../images/dashujuyingyongfuwupingtai.png) no-repeat;
	background-size: 100% 100%;
}
.div-bottom {
	background: url(../images/logo_bg_img.png) no-repeat;
	width: 100%;
	height: 0.2rem;
	background-size: 100% 100%;
	position: fixed;
	bottom: 0;
}
.div-body{
	height: 100%;
	margin-top: .40625rem;
}
.div-body>.right{
    width: 2.3rem;
	margin-right: .104167rem
}
.contentBox{
	background: url(../images/mjzrcdibu.png) no-repeat;
	background-size: 100% 100%;
	width: 2.307292rem
}
.contentBox2{
	background: url(../images/tuoyuan.png) no-repeat;
	background-size: 100% 100%;
}
.contentBox2 .right,.contentBox2 .left{
padding-top: .09375rem;
	width: .625rem;
}
.contentBox2 .left{
	padding-right: .104167rem;
}
.contentBox2 .right{
	padding-left: .104167rem;
}
.contentBox2 .middle .sub{
	color:rgba(213, 230, 255, 0.5)
}
.contentBox3{
	background: url(../images/mzrcyuequshi.png) no-repeat;
	background-size: 100% 100%;
	width: 2.307292rem
}
.boxTitle{
	background: url(../images/icon_biaoti.png) no-repeat;
	background-size: 100% 100%;
	height: .260417rem;
	color: #fff;
	font-weight: bold;
	line-height: .260417rem;
	padding-left: .130208rem
}
/* 左边样式 */
.div-body>.left{
	width: 2.3rem;
	margin-left: .104167rem
}
.bigData{
	height: 2.307292rem;
	width: 2.307292rem;
	padding-left: .078125rem;
	padding-right: .078125rem;
}
	.bigData .title{
		height: .234375rem;
	}
	.title >span{
		display: inline-block;
		width: .3125rem;
		text-align: center;
		height: .114583rem;
		line-height: .114583rem;
		font-size: .072917rem;
		color: #0fa5f2;
	}
	.title >span.active{
		background:#0fa5f2;
		color: #fff;
		border-radius: .078125rem
	}
	.bigData .menJiZhen{
		height: .911458rem;
		text-align: center
	}
	.jiuZhen .contentBox3{
		height: 1.15625rem;
	}
	.h234{
		height: 1.21875rem;
	}
	.h165{
		height: .859375rem;
	}
/* 中间样式 */
.div-body>.middle{
	flex-grow:1;
	background: url(../images/ditudibu.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 .104167rem;
	width: 4.84375rem;
	height: 5.125rem;
	color: rgba(213, 230, 255)
}
.middle .map{
	height: 3.34375rem;
}
.middle .bottom{
	background: url(../images/kuang.png) no-repeat;
	background-size:100% 100% ;
	background-position: center;
	margin: 0 .453125rem   .328125rem .453125rem ;
	width: 4.020833rem;
	height:1.380208rem ;
}
.middle .bottom .left,.middle .bottom .right{
	width: 1.302083rem;
	margin:.3125rem 0;
}
.middle .yellow_number {
	font-size: 16px
}
.middle  .title{
	color: #00e7f3;
	font-size: 18px
}
.middle .bottom .left {
	padding-left: .234375rem;
}
.middle .bottom .right {
	padding-left: .078125rem
}

page/bigData/html/medical.html

@@ -0,0 +1,170 @@
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>物联网智能设备首页</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width">
		<link href="../../../css/bootstrap.min.css" rel="stylesheet">
		<link href="../../../css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
		<link href="../../../css/plugins/toastr/toastr.min.css" rel="stylesheet">
		<link href="../../../css/style.min.css" rel="stylesheet">
		<link href="../../../css/flex.css" rel="stylesheet">
		<link href="../css/medical.css" rel="stylesheet">
	</head>
	<body>
		<div id="app">
            <div class="div-header flex f_y_c pl20">
                <div class="div-title">大数据应用服务平台</div>
            </div>
			<div class="div-body flex">
                <div class="left">
					<!-- 大数据应用服务平台 -->
					<div class="contentBox h443   bigData">
						<div class="title flex f_y_c">
							<span class="active">上月</span>
							<span>本年</span>
						</div>
						<div class="menJiZhen contentBox2 flex f_x_sb mb20">
							<div class="left">
									<p class="mb10  tr">门诊人次</p>
									<p class="yellow_number pl15 mb25">123,225 <span class="sub">人</span></p>
									<p class="pl10 mb10">门急诊总费用</p>
									<p class="yellow_number pl15">123,225 <span class="sub">元</span></p>
							</div>
							<div class="middle flex_coloumn f_xy_c">
									<p class="mb10">门急诊人次</p>
									<p class="red_number">123,225 </p>
									<p class="sub">人次</p>
							</div>
							<div class="right">
									<p class="mb10 tl">门诊人次</p>
									<p class="yellow_number pr15 mb25">123,225 <span class="sub">人</span></p>
									<p class="pr10 mb10">门急诊总费用</p>
									<p class="yellow_number pr15">123,225 <span class="sub">元</span></p>
							</div>
						</div>
						<div class="menJiZhen contentBox2 flex f_x_sb">
							<div class="left">
									<p class="mb10 	 tr">住院总费用</p>
									<p class="yellow_number pl15 mb25">123,225 <span class="sub">人</span></p>
									<p class="pl10 mb10">住院床日数</p>
									<p class="yellow_number pl15">123,225 <span class="sub">天</span></p>
							</div>
							<div class="middle flex_coloumn f_xy_c">
									<p class="mb10">住院人次</p>
									<p class="red_number">123,225 </p>
									<p class="sub">人次</p>
							</div>
							<div class="right">
									<p class="mb10 tl">住院次均费用</p>
									<p class="yellow_number pr15 mb25">123,225 <span class="sub">人</span></p>
									<p class="pr10 mb5">住院平均床日数</p>
									<p class="yellow_number pr15">12 <span class="sub">天</span></p>
							</div>
						</div>
					</div>
					<!-- 就诊人次 -->
					<div class="jiuZhen">
						<div class="boxTitle mb10 mt24">就诊人次</div>
						<div class="contentBox3 mb20">
							<bar-chart :config="leftChart1"></bar-chart>
						</div>
						<div class="contentBox3 "></div>
					</div>
				</div>
				<!-- 中间 -->
                <div class="middle flex_coloumn">
					<div class="map mt20"></div>
					<!-- 地图底部 -->
					<div class="bottom  flex f_x_sb">
							<div class="left flex_coloumn f_x_sb">
								<div class="flex">
										<p class="w100">门急诊人次</p>
										<p class="yellow_number pl15 ">123,225 <span class="sub">人</span></p>
								</div>
								<div class="flex ">
										<p class="w100">门急诊总费用</p>
										<p class="yellow_number pl15 ">123,225 <span class="sub">元</span></p>
								</div>
									
								<div class="flex">
										<p class="w100">门急诊次均费用</p>
										<p class="yellow_number pl15 ">123,225 <span class="sub">元</span></p>
								</div>								
							</div>
							
							<div class="middle flex_coloumn f_xy_c">
									<p class="mb10 title">门急诊人次</p>
									<p class="yellow_number font44">123,225 </p>
									<p class="sub">人次</p>
							</div>
							<div class="right flex_coloumn f_x_sb">
									<div class="flex">
											<p class="w100">住院人次</p>
											<p class="yellow_number pl15 ">123,225 <span class="sub">人</span></p>
									</div>
									<div class="flex">
											<p class="w100">住院总费用</p>
											<p class="yellow_number pl15 ">123,225 <span class="sub">元</span></p>
									</div>
										
									<div class="flex">
											<p class="w100">住院次均费用</p>
											<p class="yellow_number pl15 ">123,225 <span class="sub">元</span></p>
									</div>							
									<div class="flex">
											<p class="w100">住院平均日数</p>
											<p class="yellow_number pl15 ">123,225 <span class="sub">天</span></p>
									</div>							
							</div>
					</div>
				</div>
                <div class="right">
						<!-- 门诊服务情况 -->
						<div class="right1">
								<div class="boxTitle mb10">门诊服务情况</div>
								<div class="contentBox mb20  h234"></div>
								<div class="contentBox3 mb20 h165"></div>
							</div>
						<!-- 住院服务情况 -->
						<div class="right2">
								<div class="boxTitle mb10 mt24">住院服务情况</div>
								<div class="contentBox mb20 h234"></div>
								<div class="contentBox3  h165 mb10"></div>
							</div>
				</div>
            </div>			
			<div class="div-bottom"></div>
		</div>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=1W9gqPiqc7C9TDliPP8S9Rj9"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
		<script src="../../../js/vue.js"></script>
		<script src="../../../js/jquery.min.js?v=2.1.4"></script>
		<script src="../../../component/common/event-bus.js"></script>
		<script src="js/slider.js"></script>
		<script src="../../../js/plugins/echarts/echarts-all.js"></script>
		<script src="../../../js/plugins/toastr/toastr.min.js"></script>
		<script src="../../../js/es6-promise.js"></script>
		<script src="../../../js/underscore.js"></script>
		<script src="../../../js/plugins/layer/layer.min.js"></script>
		<!--<script src="../../../js/security.js"></script>-->
		<script src="../../../js/api/http-request.js"></script>
		<script src="../../../component/chart/bar-chart.js"></script>
		<script src="../../../dataJson/gxyrq.js"></script>
		<script src="../js/medical.js"></script>
	</body>
</html>

page/bigData/js/medical.js

@@ -0,0 +1,9 @@
new Vue({
	el: '#app',
	data: {
        leftChart1:null
	},
	mounted: function() {
        this.leftChart1  =gxyrq['重点服务人群增加趋势']['本年'];
	}
});