提交

component/chart/bar-chart.js

@@ -15,7 +15,6 @@
            this.$nextTick(function () {
                that.chart = echarts.init(document.getElementById(that.chartid));
                if (that.config) {
                    debugger
                    that.chart.setOption(that.setOption( that.config));
                }
            })

component/chart/map-chart.js

@@ -0,0 +1,89 @@
(function () {
    Vue.component('map-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));
               
                    that.chart.setOption(defaults);  //试着一下
   
            })
        },
        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 = {
        tooltip: {
            trigger: 'item',
            formatter: '{b}<br/>{c} (p / km2)'
        },
        visualMap: {
            min: 800,
            max: 50000,
            text:['High','Low'],
            realtime: false,
            calculable: true,
            inRange: {
                color: ['#c5ddff','#62a3ff', '#277eff', '#005adc', '#0146ad']
            }
        },
        series: [
            {
                type: 'map',
                mapType: '贵港', // 自定义扩展图表类型
                itemStyle:{
                    normal:{
						label:{
							show:true,
							color: '#fff'
						},
						borderColor: '#fff',
						shadowColor: '#0355ab',
						shadowBlur: 10,
						shadowOffsetX: 10,
						shadowOffsetY: 10
					},
                    emphasis:{
						label:{
							show:true,
							color: '#fff'
						}
					}
                },
                data:[
                    {name: '港北区', value: 20057.34},
                    {name: '港南区', value: 15477.48},
                    {name: '桂平市', value: 31686.1},
                    {name: '平南县', value: 6992.6},
                    {name: '覃塘区', value: 44045.49}
                ],
				selectedMode: 'single'
            }
        ]
       }
})()

dataJson/bigData.js

@@ -0,0 +1,562 @@
var bigData = {
	"上月": {
		"门急诊人次": 5567,
		"门诊人次": 3455,
		"急诊人次": 2112,
		"门诊总费用": 5615456.23,
		"急诊总费用": 861452.56,
		"住院人次": 1231,
		"住院总费用": 565486.45,
		"住院均次费用": 796.53,
		"住院床日数": 526,
		"住院平均床日数": 3.8
	},
	"本年": {
		"门急诊人次": 325567,
		"门诊人次": 213455,
		"急诊人次": 112112,
		"门诊总费用": 22565456.23,
		"急诊总费用": 5286452.56,
		"住院人次": 15623,
		"住院总费用": 32565486.45,
		"住院均次费用": 896.53,
		"住院床日数": 4526,
		"住院平均床日数": 2.3
	},
	"门诊人次月趋势": {
		"title": {
			"text": "门诊人次月趋势",
			"x": "center",
			textStyle: {
				color: '#b5e1fc',
				fontSize: 16,
				fontWeight: 'bold'
			}
		},
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				type: 'cross',
				crossStyle: {
					color: '#fff'
				}
			}
		},
		"grid": {
			top: '50',
			left: '60'
		},
		legend: {
			data: ['门诊人次', '环比'],
			textStyle: {
				color: '#b5e1fc'
			},
			top: '40'
		},
		xAxis: [{
			type: 'category',
			data: ['1月', '2月', '3月', '4月', '5月', '6月'],
			axisPointer: {
				type: 'shadow'
			},
			axisTick: {
				show: false
			},
			axisLine: {
				lineStyle: {
					color: '#095f8e'
				}
			},
			axisLabel: {
				color: '#b5e1fc'
			}
		}],
		yAxis: [{
				type: 'value',
				name: '门诊人次',
				nameTextStyle: {
					color: '#b5e1fc' // 坐标轴名称颜色
				},
				splitLine: {
					show: false
				},
				axisLine: {
					lineStyle: {
						color: '#095f8e'
					}
				},
				axisLabel: {
					color: '#b5e1fc'
				}
			},
			{
				type: 'value',
				name: '环比',
				min: 0,
				max: 4,
				nameTextStyle: {
					color: '#b5e1fc' // 坐标轴名称颜色
				},
				splitLine: {
					show: false // 不显示坐标轴刻度
				},
				axisLine: {
					lineStyle: {
						color: '#095f8e' // 坐标轴轴线颜色
					}
				},
				axisLabel: {
					color: '#b5e1fc' // 坐标轴刻度标签文本颜色
				}
			}
		],
		series: [{
				name: '门诊人次',
				type: 'bar',
				"data": [
					"23541",
					"45265",
					"41253",
					"45215",
					"52125",
					"48922"
				],
				barWidth: 20,
				label: {
					normal: {
						show: true,
						position: 'top', // 在柱状图上方显示
						color: '#fff' // 柱状图上方显示的数值颜色
					}
				},
				itemStyle: {
					barBorderRadius: [8, 8, 0, 0],
					color: '#00e6f3'
				}
			},
			{
				name: '环比',
				type: 'line',
				yAxisIndex: 1,
				"data": [
					"1.6",
					"2.3",
					"2.1",
					"3.2",
					"2.3",
					"1.5"
				],
				itemStyle: {
					color: '#03fa6d'
				}
			}
		]
	},
	"住院人次月趋势": {
		"title": {
			"text": "住院人次月趋势",
			"x": "center",
			textStyle: {
				color: '#b5e1fc',
				fontSize: 16,
				fontWeight: 'bold'
			}
		},
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				type: 'cross',
				crossStyle: {
					color: '#fff'
				}
			}
		},
		"grid": {
			top: '50'
		},
		legend: {
			data: ['住院人次', '环比'],
			textStyle: {
				color: '#b5e1fc'
			},
			top: '40'
		},
		xAxis: [{
			type: 'category',
			data: ['1月', '2月', '3月', '4月', '5月', '6月'],
			axisPointer: {
				type: 'shadow'
			},
			axisTick: {
				show: false
			},
			axisLine: {
				lineStyle: {
					color: '#095f8e'
				}
			},
			axisLabel: {
				color: '#b5e1fc'
			}
		}],
		yAxis: [{
				type: 'value',
				name: '住院人次',
				nameTextStyle: {
					color: '#b5e1fc' // 坐标轴名称颜色
				},
				splitLine: {
					show: false
				},
				axisLine: {
					lineStyle: {
						color: '#095f8e'
					}
				},
				axisLabel: {
					color: '#b5e1fc'
				}
			},
			{
				type: 'value',
				name: '环比',
				min: 0,
				max: 4,
				nameTextStyle: {
					color: '#b5e1fc' // 坐标轴名称颜色
				},
				splitLine: {
					show: false // 不显示坐标轴刻度
				},
				axisLine: {
					lineStyle: {
						color: '#095f8e' // 坐标轴轴线颜色
					}
				},
				axisLabel: {
					color: '#b5e1fc' // 坐标轴刻度标签文本颜色
				}
			}
		],
		series: [{
				name: '住院人次',
				type: 'bar',
				"data": [
					"2354",
					"4526",
					"4125",
					"4521",
					"5212",
					"4892"
				],
				barWidth: 20,
				label: {
					normal: {
						show: true,
						position: 'top', // 在柱状图上方显示
						color: '#fff' // 柱状图上方显示的数值颜色
					}
				},
				itemStyle: {
					barBorderRadius: [8, 8, 0, 0],
					color: '#ff616f'
				}
			},
			{
				name: '环比',
				type: 'line',
				yAxisIndex: 1,
				"data": [
					"1.5",
					"2.2",
					"2.3",
					"1.1",
					"1.3",
					"1.6"
				],
				itemStyle: {
					color: '#03fa6d'
				}
			}
		]
	},
	"昨日数据": {
		"门急诊人次": 2455,
		"住院人次": 623,
		"门急诊总费用": 565456.23,
		"住院总费用": 865486.45,
		"门急诊次均费用": 152.56,
		"住院均次费用": 796.53,
		"住院平均床日数": 3.1
	},
	"门急诊服务情况": [{
			"月份": "1",
			"门急诊总费用": "25486",
			"门急诊总费用环比": "1.3",
			"门急诊次均费用": "256",
			"门急诊次均费用环比": "1.2"
		},
		{
			"月份": "2",
			"门急诊总费用": "35486",
			"门急诊总费用环比": "2.3",
			"门急诊次均费用": "276",
			"门急诊次均费用环比": "2.2"
		},
		{
			"月份": "3",
			"门急诊总费用": "23481",
			"门急诊总费用环比": "2.3",
			"门急诊次均费用": "296",
			"门急诊次均费用环比": "1.6"
		},
		{
			"月份": "4",
			"门急诊总费用": "35482",
			"门急诊总费用环比": "1.5",
			"门急诊次均费用": "223",
			"门急诊次均费用环比": "1.4"
		},
		{
			"月份": "5",
			"门急诊总费用": "25482",
			"门急诊总费用环比": "2.3",
			"门急诊次均费用": "276",
			"门急诊次均费用环比": "1.2"
		},
		{
			"月份": "6",
			"门急诊总费用": "35486",
			"门急诊总费用环比": "2.3",
			"门急诊次均费用": "226",
			"门急诊次均费用环比": "2.2"
		}
	],
	"门诊分类别月趋势": {
		"title": {
			"text": "门诊分类别月趋势",
			"x": "center"
		},
		"tooltip": {
			"trigger": "axis"
		},
		"grid": {
			"x2": "80px",
			"y2": "50px",
			"x": "50px",
			"y": "40px"
		},
		"xAxis": [{
			"type": "category",
			"name": "",
			"data": [
				"1月",
				"2月",
				"3月",
				"4月",
				"5月",
				"6月"
			]
		}],
		"yAxis": [{
			"type": "value",
			"name": ""
		}],
		"series": [{
				"smooth": true,
				"name": "普通号",
				"type": "bar",
				"itemStyle": {
					"normal": {
						"lineStyle": {
							"shadowColor": "rgba(0,0,0,0.4)"
						}
					}
				},
				"data": [
					"13232",
					"26323",
					"25447",
					"21232",
					"22454",
					"22892"
				]
			},
			{
				"smooth": true,
				"name": "专家号",
				"type": "bar",
				"itemStyle": {
					"normal": {
						"lineStyle": {
							"shadowColor": "rgba(0,0,0,0.4)"
						}
					}
				},
				"data": [
					"9232",
					"8323",
					"9247",
					"8232",
					"9454",
					"8892"
				]
			},
			{
				"smooth": true,
				"name": "普通环比",
				"type": "line",
				"itemStyle": {
					"normal": {
						"lineStyle": {
							"shadowColor": "rgba(0,0,0,0.4)"
						}
					}
				},
				"data": [
					"1.5",
					"2.2",
					"2.3",
					"1.1",
					"1.3",
					"1.6"
				]
			},
			{
				"smooth": true,
				"name": "专家环比",
				"type": "line",
				"itemStyle": {
					"normal": {
						"lineStyle": {
							"shadowColor": "rgba(0,0,0,0.4)"
						}
					}
				},
				"data": [
					"2.5",
					"3.2",
					"3.3",
					"2.1",
					"2.3",
					"2.6"
				]
			}
		]
	},
	"住院服务情况": [{
			"月份": "1",
			"住院总费用": "2548633",
			"住院总费用环比": "1.3",
			"住院次均费用": "256",
			"住院次均费用环比": "1.2"
		},
		{
			"月份": "2",
			"住院总费用": "3548645",
			"住院总费用环比": "2.3",
			"住院次均费用": "1276",
			"住院次均费用环比": "2.2"
		},
		{
			"月份": "3",
			"住院总费用": "2348156",
			"住院总费用环比": "2.3",
			"住院次均费用": "1296",
			"住院次均费用环比": "1.6"
		},
		{
			"月份": "4",
			"住院总费用": "3548562",
			"住院总费用环比": "1.5",
			"住院次均费用": "1223",
			"住院次均费用环比": "1.4"
		},
		{
			"月份": "5",
			"住院总费用": "2548243",
			"住院总费用环比": "2.3",
			"住院次均费用": "1276",
			"住院次均费用环比": "1.2"
		},
		{
			"月份": "6",
			"住院总费用": "3548623",
			"住院总费用环比": "2.3",
			"住院次均费用": "1226",
			"住院次均费用环比": "2.2"
		}
	],
	"住院平均日数月趋势": {
		"title": {
			"text": "住院平均日数月趋势",
			"x": "center"
		},
		"tooltip": {
			"trigger": "axis"
		},
		"grid": {
			"x2": "80px",
			"y2": "50px",
			"x": "50px",
			"y": "40px"
		},
		"xAxis": [{
			"type": "category",
			"name": "",
			"data": [
				"1月",
				"2月",
				"3月",
				"4月",
				"5月",
				"6月"
			]
		}],
		"yAxis": [{
			"type": "value",
			"name": ""
		}],
		"series": [{
				"smooth": true,
				"name": "住院平均床日数",
				"type": "bar",
				"itemStyle": {
					"normal": {
						"lineStyle": {
							"shadowColor": "rgba(0,0,0,0.4)"
						}
					}
				},
				"data": [
					"23.2",
					"46.1",
					"45.4",
					"41.2",
					"52.4",
					"42.4"
				]
			},
			{
				"smooth": true,
				"name": "环比",
				"type": "line",
				"itemStyle": {
					"normal": {
						"lineStyle": {
							"shadowColor": "rgba(0,0,0,0.4)"
						}
					}
				},
				"data": [
					"1.5",
					"2.2",
					"2.3",
					"1.1",
					"1.3",
					"1.6"
				]
			}
		]
	}
}

dataJson/bigData.json

@@ -0,0 +1,471 @@
{
  "上月": {
	"门急诊人次": 5567,
	"门诊人次": 3455,
	"急诊人次": 2112,
	"门诊总费用": 5615456.23,
	"急诊总费用": 861452.56,
	"住院人次": 1231,
	"住院总费用": 565486.45,
	"住院均次费用": 796.53,
	"住院床日数": 526,
	"住院平均床日数": 3.8
  },
  "本年": {
	"门急诊人次": 325567,
	"门诊人次": 213455,
	"急诊人次": 112112,
	"门诊总费用": 22565456.23,
	"急诊总费用": 5286452.56,
	"住院人次": 15623,
	"住院总费用": 32565486.45,
	"住院均次费用": 896.53,
	"住院床日数": 4526,
	"住院平均床日数": 2.3
  },
  "门诊人次月趋势": {
	"title": {
	  "text": "门诊人次月趋势",
	  "x": "center"
	},
	"tooltip": {
	  "trigger": "axis"
	},
	"grid": {
	  "x2": "80px",
	  "y2": "50px",
	  "x": "50px",
	  "y": "40px"
	},
	"xAxis": [
	  {
		"type": "category",
		"name": "",
		"data": [
		  "1月",
		  "2月",
		  "3月",
		  "4月",
		  "5月",
		  "6月"
		]
	  }
	],
	"yAxis": [
	  {
		"type": "value",
		"name": ""
	  }
	],
	"series": [
	  {
		"smooth": true,
		"name": "门诊人次",
		"type": "bar",
		"itemStyle": {
		  "normal": {
			"lineStyle": {
			  "shadowColor": "rgba(0,0,0,0.4)"
			}
		  }
		},
		"data": [
		  "23541",
		  "45265",
		  "41253",
		  "45215",
		  "52125",
		  "48922"
		]
	  },
	  {
		"smooth": true,
		"name": "环比",
		"type": "line",
		"itemStyle": {
		  "normal": {
			"lineStyle": {
			  "shadowColor": "rgba(0,0,0,0.4)"
			}
		  }
		},
		"data": [
		  "1.6",
		  "2.3",
		  "2.1",
		  "3.2",
		  "2.3",
		  "1.5"
		]
	  }
	]
  },
  "住院人次月趋势": {
	"title": {
	  "text": "住院人次月趋势",
	  "x": "center"
	},
	"tooltip": {
	  "trigger": "axis"
	},
	"grid": {
	  "x2": "80px",
	  "y2": "50px",
	  "x": "50px",
	  "y": "40px"
	},
	"xAxis": [
	  {
		"type": "category",
		"name": "",
		"data": [
		  "1月",
		  "2月",
		  "3月",
		  "4月",
		  "5月",
		  "6月"
		]
	  }
	],
	"yAxis": [
	  {
		"type": "value",
		"name": ""
	  }
	],
	"series": [
	  {
		"smooth": true,
		"name": "住院人次",
		"type": "bar",
		"itemStyle": {
		  "normal": {
			"lineStyle": {
			  "shadowColor": "rgba(0,0,0,0.4)"
			}
		  }
		},
		"data": [
		  "2354",
		  "4526",
		  "4125",
		  "4521",
		  "5212",
		  "4892"
		]
	  },
	  {
		"smooth": true,
		"name": "环比",
		"type": "line",
		"itemStyle": {
		  "normal": {
			"lineStyle": {
			  "shadowColor": "rgba(0,0,0,0.4)"
			}
		  }
		},
		"data": [
		  "1.5",
		  "2.2",
		  "2.3",
		  "1.1",
		  "1.3",
		  "1.6"
		]
	  }
	]
  },
  "昨日数据": {
	"门急诊人次": 2455,
	"住院人次": 623,
	"门急诊总费用": 565456.23,
	"住院总费用": 865486.45,
	"门急诊次均费用": 152.56,
	"住院均次费用": 796.53,
	"住院平均床日数": 3.1
  },
  "门急诊服务情况": [
	{
	  "月份": "1",
	  "门急诊总费用": "25486",
	  "门急诊总费用环比": "1.3",
	  "门急诊次均费用": "256",
	  "门急诊次均费用环比": "1.2"
	},
	{
	  "月份": "2",
	  "门急诊总费用": "35486",
	  "门急诊总费用环比": "2.3",
	  "门急诊次均费用": "276",
	  "门急诊次均费用环比": "2.2"
	},
	{
	  "月份": "3",
	  "门急诊总费用": "23481",
	  "门急诊总费用环比": "2.3",
	  "门急诊次均费用": "296",
	  "门急诊次均费用环比": "1.6"
	},
	{
	  "月份": "4",
	  "门急诊总费用": "35482",
	  "门急诊总费用环比": "1.5",
	  "门急诊次均费用": "223",
	  "门急诊次均费用环比": "1.4"
	},
	{
	  "月份": "5",
	  "门急诊总费用": "25482",
	  "门急诊总费用环比": "2.3",
	  "门急诊次均费用": "276",
	  "门急诊次均费用环比": "1.2"
	},
	{
	  "月份": "6",
	  "门急诊总费用": "35486",
	  "门急诊总费用环比": "2.3",
	  "门急诊次均费用": "226",
	  "门急诊次均费用环比": "2.2"
	}
  ],
  "门诊分类别月趋势": {
	"title": {
	  "text": "门诊分类别月趋势",
	  "x": "center"
	},
	"tooltip": {
	  "trigger": "axis"
	},
	"grid": {
	  "x2": "80px",
	  "y2": "50px",
	  "x": "50px",
	  "y": "40px"
	},
	"xAxis": [
	  {
		"type": "category",
		"name": "",
		"data": [
		  "1月",
		  "2月",
		  "3月",
		  "4月",
		  "5月",
		  "6月"
		]
	  }
	],
	"yAxis": [
	  {
		"type": "value",
		"name": ""
	  }
	],
	"series": [
	  {
		"smooth": true,
		"name": "普通号",
		"type": "bar",
		"itemStyle": {
		  "normal": {
			"lineStyle": {
			  "shadowColor": "rgba(0,0,0,0.4)"
			}
		  }
		},
		"data": [
		  "13232",
		  "26323",
		  "25447",
		  "21232",
		  "22454",
		  "22892"
		]
	  },
	  {
		"smooth": true,
		"name": "专家号",
		"type": "bar",
		"itemStyle": {
		  "normal": {
			"lineStyle": {
			  "shadowColor": "rgba(0,0,0,0.4)"
			}
		  }
		},
		"data": [
		  "9232",
		  "8323",
		  "9247",
		  "8232",
		  "9454",
		  "8892"
		]
	  },
	  {
		"smooth": true,
		"name": "普通环比",
		"type": "line",
		"itemStyle": {
		  "normal": {
			"lineStyle": {
			  "shadowColor": "rgba(0,0,0,0.4)"
			}
		  }
		},
		"data": [
		  "1.5",
		  "2.2",
		  "2.3",
		  "1.1",
		  "1.3",
		  "1.6"
		]
	  },
	  {
		"smooth": true,
		"name": "专家环比",
		"type": "line",
		"itemStyle": {
		  "normal": {
			"lineStyle": {
			  "shadowColor": "rgba(0,0,0,0.4)"
			}
		  }
		},
		"data": [
		  "2.5",
		  "3.2",
		  "3.3",
		  "2.1",
		  "2.3",
		  "2.6"
		]
	  }
	]
  },
  "住院服务情况": [
	{
	  "月份": "1",
	  "住院总费用": "2548633",
	  "住院总费用环比": "1.3",
	  "住院次均费用": "256",
	  "住院次均费用环比": "1.2"
	},
	{
	  "月份": "2",
	  "住院总费用": "3548645",
	  "住院总费用环比": "2.3",
	  "住院次均费用": "1276",
	  "住院次均费用环比": "2.2"
	},
	{
	  "月份": "3",
	  "住院总费用": "2348156",
	  "住院总费用环比": "2.3",
	  "住院次均费用": "1296",
	  "住院次均费用环比": "1.6"
	},
	{
	  "月份": "4",
	  "住院总费用": "3548562",
	  "住院总费用环比": "1.5",
	  "住院次均费用": "1223",
	  "住院次均费用环比": "1.4"
	},
	{
	  "月份": "5",
	  "住院总费用": "2548243",
	  "住院总费用环比": "2.3",
	  "住院次均费用": "1276",
	  "住院次均费用环比": "1.2"
	},
	{
	  "月份": "6",
	  "住院总费用": "3548623",
	  "住院总费用环比": "2.3",
	  "住院次均费用": "1226",
	  "住院次均费用环比": "2.2"
	}
  ],
  "住院平均日数月趋势": {
	"title": {
	  "text": "住院平均日数月趋势",
	  "x": "center"
	},
	"tooltip": {
	  "trigger": "axis"
	},
	"grid": {
	  "x2": "80px",
	  "y2": "50px",
	  "x": "50px",
	  "y": "40px"
	},
	"xAxis": [
	  {
		"type": "category",
		"name": "",
		"data": [
		  "1月",
		  "2月",
		  "3月",
		  "4月",
		  "5月",
		  "6月"
		]
	  }
	],
	"yAxis": [
	  {
		"type": "value",
		"name": ""
	  }
	],
	"series": [
	  {
		"smooth": true,
		"name": "住院平均床日数",
		"type": "bar",
		"itemStyle": {
		  "normal": {
			"lineStyle": {
			  "shadowColor": "rgba(0,0,0,0.4)"
			}
		  }
		},
		"data": [
		  "23.2",
		  "46.1",
		  "45.4",
		  "41.2",
		  "52.4",
		  "42.4"
		]
	  },
	  {
		"smooth": true,
		"name": "环比",
		"type": "line",
		"itemStyle": {
		  "normal": {
			"lineStyle": {
			  "shadowColor": "rgba(0,0,0,0.4)"
			}
		  }
		},
		"data": [
		  "1.5",
		  "2.2",
		  "2.3",
		  "1.1",
		  "1.3",
		  "1.6"
		]
	  }
	]
  }
}

page/bigData/css/medical.css

@@ -97,7 +97,9 @@ padding-top: .09375rem;
	line-height: .260417rem;
	padding-left: .130208rem
}
.title >span{
	cursor: pointer;
}
/* 左边样式 */
.div-body>.left{

page/bigData/html/medical.html

@@ -26,45 +26,45 @@
					<!-- 大数据应用服务平台 -->
					<div class="contentBox h443   bigData">
						<div class="title flex f_y_c">
							<span class="active">上月</span>
							<span>本年</span>
							<span :class="{active:timeType == 1}" @click="setTimeStr(1)">上月</span>
							<span :class="{active:timeType == 2}"  @click="setTimeStr(2)">本年</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>
									<p class="yellow_number pl15 mb25">{{leftData1['门诊人次']}} <span class="sub">人</span></p>
									<p class="pl10 mb10">门诊总费用</p>
									<p class="yellow_number pl15">{{leftData1['门诊总费用']}} <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="red_number">{{leftData1['门急诊人次']}} </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="mb10 tl">急诊人次</p>
									<p class="yellow_number pr15 mb25">{{leftData1['急诊人次']}} <span class="sub">人</span></p>
									<p class="pr10 mb10">门急诊总费用</p>
									<p class="yellow_number pr15">123,225 <span class="sub">元</span></p>
									<p class="yellow_number pr15">{{leftData1['急诊总费用']}} <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="yellow_number  mb25">{{leftData1['住院总费用']}} <span class="sub">元</span></p>
									<p class="pl10 mb10">住院床日数</p>
									<p class="yellow_number pl15">123,225 <span class="sub">天</span></p>
									<p class="yellow_number pl15">{{leftData1['住院床日数']}} <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="red_number">{{leftData1['住院人次']}} </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="yellow_number pr15 mb25">{{leftData1['住院均次费用']}} <span class="sub">元</span></p>
									<p class="pr10 mb5">住院平均床日数</p>
									<p class="yellow_number pr15">12 <span class="sub">天</span></p>
									<p class="yellow_number pr15">{{leftData1['住院平均床日数']}} <span class="sub">天</span></p>
							</div>
						</div>
					</div>
@@ -74,7 +74,9 @@
						<div class="contentBox3 mb20">
							<bar-chart :config="leftChart1"></bar-chart>
						</div>
						<div class="contentBox3 "></div>
						<div class="contentBox3 ">
							<bar-chart :config="leftChart2"></bar-chart>
						</div>
					</div>
				</div>
@@ -84,6 +86,7 @@
                <div class="middle flex_coloumn">
					<!-- 地图 -->
					<div class="map mt20">
							<map-chart></map-chart>
							<div class="dropdown Mapselect">
									<div type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">{{city}}
										<span class="caret"></span>
@@ -149,7 +152,9 @@
						<div class="right1">
								<div class="boxTitle mb10">门诊服务情况</div>
								<div class="contentBox mb20  h234"></div>
								<div class="contentBox3 mb20 h165"></div>
								<div class="contentBox3 mb20 h165">
										<bar-chart :config="leftChart3"></bar-chart>
								</div>
							</div>
						<!-- 住院服务情况 -->
						<div class="right2">
@@ -168,7 +173,8 @@
		<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/echarts/echarts.js"></script> -->
		<script src="../../../js/echarts.js"></script> 
		<script src="../../../js/plugins/toastr/toastr.min.js"></script>
		<script src="../../../js/bootstrap.min.js"></script>
		<script src="../../../js/es6-promise.js"></script>
@@ -177,7 +183,9 @@
		<!--<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="../../../component/chart/map-chart.js"></script>
		<script src="../../../component/chart/guigang.js.js"></script>
		<script src="../../../dataJson/bigData.js"></script>
		<script src="../js/medical.js"></script>
	</body>

page/bigData/js/medical.js

@@ -1,7 +1,6 @@
new Vue({
	el: '#app',
	data: {
        leftChart1:null,       
	data: {     
        city:'贵港市',
        town: [
            {
@@ -25,18 +24,93 @@ new Vue({
                "result": "113485"
            }
        ],
        leftData1:{},  //左边数据块1
        leftData2:{}, //左边数据块2
        leftChart1:null,   //左边的图表1
        leftChart2:null,    //左边的图表2
        leftChart3:null,    //左边的图表3
        timeType:'1'//时间过滤条件  1是上月  2是半年
	},
	mounted: function() {
       this.setLeftChart1();
       this.initData()
    },
    methods: {
        initData:function(){
            this.setLeftChart1();
            this.setLeftChart2();
            this.setleftData1();
            window.leftData1 =  this.leftData1
        },
        setleftData1:function(){
            var options = null;
            if(this.timeType == 1){
               options= this.newObj(bigData['上月']);         
                
            }
            else{
                options= this.newObj(bigData['本年'])
            }
            this.setFormater(options);
            this.leftData1 =  options;
        },
        setLeftChart1:function(){
           var options =gxyrq['重点服务人群增加趋势']['本年'];
           var options =bigData['门诊人次月趋势'];
           this.leftChart1 = options
 
        },
        setLeftChart2:function(){
           var options =bigData['住院人次月趋势'];
           this.leftChart2 = options
        },
        setLeftChart3:function(){
           var options =bigData['门诊分类别月趋势'];
           this.leftChart3= options
        },
        setCity(item){
            this.city = item.townName
        },
        setTimeStr(v){
            this.timeType = v;
            this.setleftData1()
        },
        setFormater:function(obj){
            for(var c in obj){
                obj[c] =toThousands(obj[c])
            }
        },
        newObj:function(obj){
            return JSON.parse(JSON.stringify(obj))
        }
    }
});
});
//数字格式化
function toThousands(str) {
    if(!str)return
    str  =parseInt(str);
    if(typeof(str) == 'number')str = str.toString()
	var newStr = "";
	var count = 0;
	if(str.indexOf(".") == -1) {
		for(var i = str.length - 1; i >= 0; i--) {
			if(count % 3 == 0 && count != 0) {
				newStr = str.charAt(i) + "," + newStr;
			} else {
				newStr = str.charAt(i) + newStr;
			}
			count++;
		}
		str = newStr;
	} else {
		for(var i = str.indexOf(".") - 1; i >= 0; i--) {
			if(count % 3 == 0 && count != 0) {
				newStr = str.charAt(i) + "," + newStr;
			} else {
				newStr = str.charAt(i) + newStr; //逐个字符相接起来
			}
			count++;
		}
		str = newStr + (str + "00").substr((str + "00").indexOf("."), 3);
	}
	return str;
}