修改样式

page/bigData/component/death-cause.js

@@ -6,67 +6,11 @@
						<div class="" style="height: 85%;">\
							<div id="div-shiwang-echart" class="ml10"></div>\
							<div class="div-siwang-type" v-if="causeData.length>0">\
								<div class="div-webkit-box">\
								<div class="div-webkit-box" v-for="(cause, idx) in causeData">\
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">\
										<label class="bgc-00e6f3 bar-a"></label>\
										<label class="ml10">恶性肿瘤</label>\
										<label class="ml20">{{causeData[0].value}}</label>\
									</div>\
								</div>\
								<div class="div-webkit-box">\
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">\
										<label class="bgc-ff616f bar-a"></label>\
										<label class="ml10">心脏病</label>\
										<label class="ml20">{{causeData[2].value}}</label>\
									</div>\
								</div>\
								<div class="div-webkit-box">\
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">\
										<label class="bgc-6576e0 bar-a"></label>\
										<label class="ml10">损伤和中毒</label>\
										<label class="ml20">{{causeData[4].value}}</label>\
									</div>\
								</div>\
								<div class="div-webkit-box">\
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">\
										<label class="bgc-03fa6c bar-a"></label>\
										<label class="ml10">脑血管疾病</label>\
										<label class="ml20">{{causeData[1].value}}</label>\
									</div>\
								</div>\
								<div class="div-webkit-box">\
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">\
										<label class="bgc-0fa5f2 bar-a"></label>\
										<label class="ml10">呼吸系统疾病</label>\
										<label class="ml20">{{causeData[3].value}}</label>\
									</div>\
								</div>\
								<div class="div-webkit-box">\
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">\
										<label class="bgc-da0ff2 bar-a"></label>\
										<label class="ml10">消化系统疾病</label>\
										<label class="ml20">{{causeData[5].value}}</label>\
									</div>\
								</div>\
								<div class="div-webkit-box">\
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">\
										<label class="bgc-f24a0f bar-a"></label>\
										<label class="ml10">内分泌、营养和代谢疾病</label>\
										<label class="ml20">{{causeData[6].value}}</label>\
									</div>\
								</div>\
								<div class="div-webkit-box">\
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">\
										<label class="bgc-ebff61 bar-a"></label>\
										<label class="ml10">泌尿生殖系统疾病</label>\
										<label class="ml20">{{causeData[7].value}}</label>\
									</div>\
								</div>\
								<div class="div-webkit-box">\
									<div class="c-b5e1fc div-webkit-box-flex1 c-f14">\
										<label class="bgc-fea92f bar-a"></label>\
										<label class="ml10">其他疾病</label>\
										<label class="ml20">{{causeData[8].value}}</label>\
										<label class="bar-a" v-bind:class="idx | formatData"></label>\
										<label class="ml10">{{cause.name}}</label>\
										<label class="ml20">{{cause.value}}</label>\
									</div>\
								</div>\
							</div>\
@@ -79,10 +23,7 @@
			}
		},
		mounted: function() {
			var vm = this;
			setTimeout(function(){
				vm.initData();
			},50)
			
		},
		watch:{
			data:function(data){
@@ -90,27 +31,15 @@
				this.initData();
			}
		},
		filters:{
			formatData:function(index){
				var colorArr = ["bgc-00e6f3","bgc-03fa6c","bgc-ff616f","bgc-0fa5f2","bgc-6576e0","bgc-da0ff2","bgc-f24a0f","bgc-ebff61","bgc-fea92f"];
				return colorArr[index];
			}
		},
		methods: {
			formatCauseData:function(){
				this.causeData = _.map(this.causeData,function(item,idx){
					switch(idx){
						case 0: item.color = "bgc-00e6f3"; break;
						case 1: item.color = "bgc-03fa6c"; break;
						case 2: item.color = "bgc-ff616f"; break;
						case 3: item.color = "bgc-0fa5f2"; break;
						case 4: item.color = "bgc-6576e0"; break;
						case 5: item.color = "bgc-da0ff2"; break;
						case 6: item.color = "bgc-f24a0f"; break;
						case 7: item.color = "bgc-ebff61"; break;
						case 8: item.color = "bgc-fea92f"; break;
						default:break;
					}
					return item;
				})
			},
			initData:function(){//死亡原因
				this.causeData = this.data["死亡原因"].series[0].data;
				this.formatCauseData();
				var myChart = echarts.init(document.getElementById('div-shiwang-echart'));
				var option = {
					//      "title": {

page/bigData/component/disease-crowd.js

@@ -162,7 +162,7 @@
			},
			detailClick:function(type){//type:0高血压 1糖尿病
				var height = (0.42 * window.screen.width) + 'px';
				parent.layer.open({
				top.layer.open({
					id: 'LAY_layuipro', //设定一个id，防止重复弹出
				    type: 2,
				    title: false,

page/bigData/component/high-incidence-disease.js

@@ -25,7 +25,7 @@
								<input type="radio">本年\
							</label>\
						</div>\
						<div id="div-gaofa-disease-chart" class="ml30"></div>\
						<div id="div-gaofa-disease-chart" class=""></div>\
					</div>',
		props: ["data"],
		data: function() {
@@ -33,7 +33,8 @@
				index1:0,
				index2:0,
				gaoBingFaData:null,
				isInit:true
				isInit:true,
				fontSize: 0.007 * window.screen.width,
			}
		},
		mounted: function() {
@@ -130,12 +131,13 @@
				}
			},
			geoFaMainFun:function(xAxisData,menZhenData,zhuYuanData,menZhenTitle,zhuYuanTitle){
				var vm = this;
				var gaoFaChart = echarts.init(document.getElementById('div-gaofa-disease-chart'));
				var gaofaOption = {
					"tooltip": {
						"trigger": "axis"
					},
					grid: {top: 40, bottom: 30, left: 100,right:80},
					grid: {top: 40, bottom: 30, left: 140,right:80},
					"yAxis": [{
						"type": "category",
						"name": "人次",
@@ -153,7 +155,7 @@
						},
						axisLabel: {
							color: '#b5e1fc',
							fontSize:'13'
							fontSize:vm.fontSize,
						},
						nameTextStyle:{color: '#b5e1fc'}
					}],
@@ -172,7 +174,8 @@
						},
						axisLabel: {
							color: '#fff',
							fontSize:'14'
							fontSize:vm.fontSize,
							interval:0
						},
						splitLine: {
							show: false // 不显示坐标轴刻度

page/bigData/component/key-service-population.js

@@ -20,7 +20,8 @@
		data: function() {
			return {
				keyServiceData:null,
				activeIndex:0
				activeIndex:0,
				fontSize: 0.007 * window.screen.width,
			}
		},
		mounted: function() {
@@ -55,6 +56,7 @@
				this.chartMainFun();
			},
			chartMainFun:function(){
				var vm = this;
				var xAxisData = this.keyServiceData.xAxis[0].data;
				var pjcrsData = this.keyServiceData.series[0].data;
				var huanbiData = this.keyServiceData.series[1].data;
@@ -91,7 +93,7 @@
							},
							axisLabel: {
								color: '#b5e1fc',
								fontSize:'14'
								fontSize:vm.fontSize
							}
				        }
				    ],
@@ -112,7 +114,7 @@
							},
							axisLabel: {
								color: '#b5e1fc',
								fontSize:'14'
								fontSize:vm.fontSize
							}
				        },
				        {
@@ -131,7 +133,7 @@
							},
							axisLabel: {
								color: '#b5e1fc' ,// 坐标轴刻度标签文本颜色
								fontSize:'14'
								fontSize:vm.fontSize
							},
							show: true
				        }

page/bigData/css/home.css

@@ -453,6 +453,7 @@ h4 {
	height: 0.05rem;
	position: relative;
	top: 0.03rem;
	border-radius: 0.01rem;
}
.sanjiao {

page/bigData/js/alert.js

@@ -61,7 +61,26 @@ new Vue({
                case 2:t = '住院';break;
            }
            var options = this.bigData[t]['年龄段分布'];
            options.color = ["#00e6f3","#03fa6c","#ff616f","#0fa5f2","#6576e0"];
            options.color = ["#6576e0","#03fa6c","#ff616f","#0fa5f2","#00e6f3"];
            options.legend.formatter = function(name) {
                var index = 0;
                var clientlabels = options.legend.data;
                var clientcounts = _.map(options.series[0].data,function(item,idx){
                	return item.value;
                });
                clientlabels.forEach(function(value,i){
                    if(value == name){
                        index = i;
                    }
                });
                return name + "  " + clientcounts[index];
            }
            options.legend.left = '48%';
            options.legend.top = 85;
            options.legend.itemWidth = 10;
            options.legend.itemHeight = 10;
            options.legend.itemGap = 15;
            options.series[0].center = ['25%','55%'];
            this.alertChart2 = options
        },
        setAlertChart3:function(type){
@@ -72,7 +91,26 @@ new Vue({
                case 2:t = '住院';break;
            }
            var options = this.bigData[t]['性别分布'];
            options.color = ["#0fa5f2","#ff616f"];
            options.color = ["#00E7F3","#ff616f"];
            options.legend.formatter = function(name) {
                var index = 0;
                var clientlabels = options.legend.data;
                var clientcounts = _.map(options.series[0].data,function(item,idx){
                	return item.value;
                });
                clientlabels.forEach(function(value,i){
                    if(value == name){
                        index = i;
                    }
                });
                return name + "  " + clientcounts[index];
            }
            options.legend.left = '48%';
            options.legend.top = 120;
            options.legend.itemWidth = 10;
            options.legend.itemHeight = 10;
            options.legend.itemGap = 15;
            options.series[0].center = ['25%','55%'];
            this.alertChart3 = options
        },
        setAlertChart4:function(type){
@@ -83,7 +121,8 @@ new Vue({
                case 2:t = '住院';break;
            }
            var options = this.bigData[t]["并发症"];
            options.series[0].label = {show: true,position: "right",color: '#b5e1fc'}
            options.series[0].label = {show: true,position: "right",color: '#b5e1fc'};
            options.series[0].itemStyle.normal.color = '#FFF71A';
            this.alertChart4 = options
        },
        setAlertChart5:function(type,time){
@@ -107,6 +146,7 @@ new Vue({
					    },
				         formatter: '{b} <br /> {a0}: {c0}<br />{a1}: {c1}' + "%"
				    }
            options.series[0].itemStyle.color = '#FF606E'; 
            this.alertChart5 = options
        },
        alertTitle:function(type){