服务统计页面优化

app/home/index.html

@@ -9,6 +9,7 @@
        <title>PC IM 应用中心</title>
        <meta name="keywords" content="">
        <meta name="description" content="">
        <link rel="shortcut icon" href="../../favicon.ico">
        <link rel="stylesheet" type="text/css" href="../../css/cross.css"/>
    </head>
    <frameset cols="300, *" frameborder="NO" border="0" framespacing="0">

app/statistics/css/resident-analysis.css

@@ -19,9 +19,10 @@
}
.span-frame {
	height: 15px;
	width: 15px;
	height: 8px;
	width: 8px;
	display: inline-block;
	margin-right: 3px;
}
.cb-12b7f5 {
@@ -111,7 +112,9 @@
.ui-grid {
	position: absolute;
	top: 50%;
	margin-top: -45px;
	-webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	right: 10px;
}

app/statistics/js/resident-analysis-charts.js

@@ -156,13 +156,13 @@ function serviceData(nameArr, rateArr, colorList, year) {
					color: '#333',
					fontSize: 14,
				},
				formatter: function(val) {
					if(val.length > 4) {
						return val.substring(0, 4) + '…'
					} else {
						return val
					}
				},
//				formatter: function(val) {
//					if(val.length > 4) {
//						return val.substring(0, 4) + '…'
//					} else {
//						return val
//					}
//				},    
			},
			splitArea: {
				show: false
@@ -229,12 +229,18 @@ function serviceData(nameArr, rateArr, colorList, year) {
			type: 'inside',
			orient: 'horizontal',
			filterMode: 'none',
			zoomLock: false,
			zoomLock: true,
			zoomOnMouseWheel: false,
			preventDefaultMouseMove: false,
			preventDefaultMouseMove: true,
			xAxisIndex: 0,
			start: 0,
			end: 40
		},{
		    show: false,
            start: 0,
            end: 40,
            type: 'slider',
            zoomLock: true,
		}]
	}
	serviceChart.clear();

component/statistics/resident-analysis.js

@@ -31,22 +31,22 @@ Vue.component('resident-analysis', {
									<span class="c-f14 c-12b7f5">{{jianKangRQPer}}</span>\
									<span class="c-f12 c-909090">(健康人群)</span>\
								</div>\
								<div class="ui-col-1">\
								<div class="ui-col-1 mt5">\
									<span class="span-frame cb-fb5dab"></span>\
									<span class="c-f14 c-fb5dab">{{huanBingRQPer}}</span>\
									<span class="c-f12 c-909090">(患病人群)</span>\
								</div>\
								<div class="ui-col-1">\
								<div class="ui-col-1 mt5">\
									<span class="span-frame cb-cd67fd"></span>\
									<span class="c-f14 c-cd67fd">{{gaoWeiRQPer}}</span>\
									<span class="c-f12 c-666">(高危人群)</span>\
								</div>\
								<div class="ui-col-1">\
								<div class="ui-col-1 mt5">\
									<span class="span-frame cb-ffc800"></span>\
									<span class="c-f14 c-ffc800">{{huiFuQiRQPer}}</span>\
									<span class="c-f12 c-666">(恢复期人群)</span>\
								</div>\
								<div class="ui-col-1">\
								<div class="ui-col-1 mt5">\
									<span class="span-frame cb-61eb41"></span>\
									<span class="c-f14 c-61eb41">{{weiBiaoZRQPer}}</span>\
									<span class="c-f12 c-666">(未标注)</span>\