修改样式

js/api/http-request.js

@@ -4,12 +4,16 @@
	var agentName = "useragent"
	var userInfo = "userInfoForPay"
	var isNeedLogin = false
	var openServer;
	var openServer,alertUrl;
	if(publish_version) { // 生产环境配置
		server = "http://jksr.srswjw.gov.cn:1235";
		alertUrl="http://jksr.srswjw.gov.cn:1235/bigScreenShow";
	} else { // 测试环境配置
		server = "http://192.168.131.104:9088"; // 测试环境 周杰
		// server = "http://192.168.131.105:9088"; // 测试环境 兴旺
		server = "http://172.19.103.70:1235"; // 测试环境
		alertUrl="http://172.19.103.70:1235/bigScreenShow";
		alertUrl="http://192.168.131.17:8020/bigScreenShow";
//		server = "http://192.168.131.104:9088"; // 测试环境 周杰
//		 server = "http://192.168.131.105:9088"; // 测试环境 兴旺
	}
	//保存userAgent
@@ -161,6 +165,7 @@
		openServer: openServer,
		userInfo: userInfo,
		agentName: agentName,
		alertUrl:alertUrl,
		saveAgent: function(obj) {
    		return saveUserAgent(obj)
    	},

js/util.js

@@ -24,6 +24,18 @@ Date.prototype.format = function(formatStr) {
	return str;
}
function resetClientWidth() {
	var width = document.body.clientWidth
	if(width >= 1920) {
		$('html').css('font-size', width/10 + 'px')
	} else {
		$(document.body).css('overflow', 'auto')
		$('html').css('font-size', 192 + 'px')
	}
}
resetClientWidth()
function isMobilePhone(n) {
	var reg = /^1[34578]\d{9}$/
	return reg.test(n)
@@ -76,7 +88,7 @@ var nowDay = now.getDate(); //当前日
var nowMonth = now.getMonth(); //当前月 
var nowYear = now.getYear(); //当前年 
nowYear += (nowYear < 2000) ? 1900 : 0; //
//nowYear = nowYear-1;//由于2018年没数据，故查询2017年数据（测试）
nowYear = nowYear-1;//由于2018年没数据，故查询2017年数据（测试）
var lastMonthDate = new Date(); //上月日期 
lastMonthDate.setDate(1);
lastMonthDate.setMonth(lastMonthDate.getMonth() - 1);

page/bigData/component/death-cause.js

@@ -62,7 +62,7 @@
				    shade: 0.5,
				    shadeClose: true,
				    area:  ['7.604rem', '4.1875rem'],
				    content: '../../../page/bigData/html/alert5.html'
				    content: httpRequest.alertUrl+'/page/bigData/html/alert5.html'
				});
			},
			initData:function(){//死亡原因

page/bigData/component/disease-crowd.js

@@ -224,15 +224,15 @@
				this.activeIndex = this.cacheActiveIndex;
			},
			detailClick:function(type){//type:0高血压 1糖尿病,2孕产妇3老年人
				var height = (0.42 * window.screen.width) + 'px',url="";
				var height = (0.42 * window.screen.width) + 'px',url=httpRequest.alertUrl;
				if(type==0){
					url = '../../../page/bigData/html/alert1.html';
					url += '/page/bigData/html/alert1.html';
				}else if(type==1){
					url = '../../../page/bigData/html/alert2.html';
					url = '/page/bigData/html/alert2.html';
				}else if(type==2){
					url = '../../../page/bigData/html/alert3.html';
					url = '/page/bigData/html/alert3.html';
				}else if(type==3){
					url = '../../../page/bigData/html/alert4.html';
					url = '/page/bigData/html/alert4.html';
				}
				top.layer.open({
					id: 'LAY_layuipro', //设定一个id，防止重复弹出

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

@@ -70,7 +70,7 @@
				    shade: 0.5,
				    shadeClose: true,
				    area:  ['7.604rem', '4.1875rem'],
				    content: '../../../page/bigData/html/alert6.html'
				    content: httpRequest.alertUrl+'/page/bigData/html/alert6.html'
				});
			},
			btnClick1:function(idx){
@@ -94,18 +94,42 @@
					return false;
				}
				var menZhenData = [],menZhenTitle = "";
				var xAxisData = (this.gaoBingFaData.xAxis[0].data).reverse()||[];
				var zhuYuanData = (this.gaoBingFaData.series[1].data).reverse()||[];
				var xAxisData = (this.gaoBingFaData.xAxis[0].data)||[];
				var zhuYuanData = (this.gaoBingFaData.series[1].data)||[];
				var zhuYuanTitle = this.gaoBingFaData.series[1].name||"";
				if(this.index1==0){//全部（显示门诊/住院数据叠加)
					 menZhenData = (this.gaoBingFaData.series[0].data).reverse();
					 menZhenData = (this.gaoBingFaData.series[0].data);
					 menZhenTitle = this.gaoBingFaData.series[0].name;
				}else if(this.index1==2){//门诊(显示单个柱状图)
					 zhuYuanData = (this.gaoBingFaData.series[0].data).reverse();
					 zhuYuanData = (this.gaoBingFaData.series[0].data);
					 zhuYuanTitle = this.gaoBingFaData.series[0].name;
					 menZhenData = [];
					 menZhenTitle = "";
				}
				//数据排序(降序排列)
				if(this.index1==0){
					var formatData = _.map(zhuYuanData,function(item,idx){
						var total = parseInt(item)+parseInt(menZhenData[idx]);
						return {total:total,zhuyuanval:parseInt(item),menzhenval:parseInt(menZhenData[idx]),xAxis:xAxisData[idx]}
					 })
					 formatData = _.sortBy(formatData,"total").reverse();
					 xAxisData = [],zhuYuanData=[],menZhenData=[];
					_.map(formatData,function(item,idx){
						xAxisData.push(item.xAxis);
						zhuYuanData.push(item.zhuyuanval);
						menZhenData.push(item.menzhenval);
					})
				}else if(this.index1==1 || this.index1==2){
					var formatData = _.map(zhuYuanData,function(item,idx){
						return {total:parseInt(item),zhuyuanval:parseInt(item),xAxis:xAxisData[idx]}
					 })
					 formatData = _.sortBy(formatData,"total").reverse();
					 xAxisData = [],zhuYuanData=[];
					_.map(formatData,function(item,idx){
						xAxisData.push(item.xAxis);
						zhuYuanData.push(item.zhuyuanval);
					}) 
				}
				this.geoFaMainFun(xAxisData,menZhenData,zhuYuanData,menZhenTitle,zhuYuanTitle)
			},
			geoFaMainFun:function(xAxisData,menZhenData,zhuYuanData,menZhenTitle,zhuYuanTitle){

page/bigData/css/home.css

@@ -9,6 +9,7 @@ body {
#main {
	height: 100%;
	overflow-y: auto;
}
.div-header {
@@ -17,8 +18,8 @@ body {
	height: 0.39rem;
	background-size: 100% 100%;
	z-index: 50;
	position: fixed;
	top: 0;
	position: relative;
	/* top: 0; */
}
.div-bottom {
@@ -26,8 +27,8 @@ body {
	width: 100%;
	height: 0.2rem;
	background-size: 100% 100%;
	position: fixed;
	bottom: 0;
	/* position: fixed; */
	/* bottom: 0; */
}
.div-title {
@@ -42,8 +43,9 @@ body {
	color: #ffffff;
	margin-left: 0.1rem;
	z-index: 99;
	position: relative;
	position: absolute;
	cursor: pointer;
	top: 10px;
}
.div-skip {
@@ -86,21 +88,21 @@ body {
.content {
	width: 100%;
	height: calc(100% - 0.65rem);
	/*padding: 0.12rem;*/
	position: relative;
	display: -webkit-box;
	display: box;
	margin-top: 0.1rem;
}
.left-panel {
	position: absolute;
	position: relative;
	width: 2.62rem;
	height: 3.53rem;
	/* height: 3.53rem; */
	background: url(../images/dibu.png) no-repeat;
	background-size: 2.62rem 3.53rem;
	top: 0;
	left: 0.1rem;
	right: 0.18rem;
	/*padding: 0.05rem;*/
	margin-left: 0.1rem;
	margin-right: 0.18rem;
	padding: 0.05rem;
}
.left-panel-img{
@@ -118,18 +120,16 @@ body {
	height: 3.11rem;
	background: url(../images/ditudibu1.png) no-repeat;
	background-size: 4.286rem 3.11rem;
	margin-left: 2.8rem;
	margin-top: 0.1rem;
	color: rgba(213, 230, 255)
	color: rgba(213, 230, 255);
	-webkit-box-flex: 0;
}
.right-panel {
	position: absolute;
	width: 2.677rem;
	height: 3.1rem;
	background: url(../images/fengexian.png) no-repeat;
	background-size: 2.677rem 3.1rem;
	right: 0.1rem;
	margin-left: 0.1rem;
}
.center-panel .map {
@@ -138,23 +138,23 @@ body {
}
.bottom-left-panel {
	position: absolute;
	position: relative; 
	width: 7rem;
	height: 1.63rem;
	background: url(../images/zdfwrqzengjiaqushi.png) no-repeat;
	background-size: 7rem 1.63rem;
	left: 0.1rem;
	bottom: 0.1rem;
	margin-left: 0.2rem;
	margin-top: 0.1rem;
}
.bottom-right-panel {
	position: absolute;
	position: relative; 
	width: 2.677rem;
	height: 1.64rem;
	background: url(../images/shiwangyuanyin.png) no-repeat;
	background-size: 2.677rem 1.64rem;
	right: 0.1rem;
	bottom: 0.1rem;
	margin-left: 0.1rem;
	margin-top: 0.1rem;
}
.div-disease-item {
@@ -372,6 +372,16 @@ h4 {
	margin-top: 0.12rem;
}
.btn.focus,
.btn:focus,
.btn:hover {
	color: #fff
}
.btn{
	padding: 3px 12px;
}
.mr20 {
	margin-right: 0.1rem;
}
@@ -503,12 +513,6 @@ h4 {
    font-size: 0.073rem;
}
.btn.focus,
.btn:focus,
.btn:hover {
	color: #fff
}
.dropdown-menu {
	background: url(../images/mjzfwqktoubukuang.png) center center / 100% 100% no-repeat;
	background-size: 100% 100%;
@@ -539,4 +543,15 @@ h4 {
    margin-top: 0.1rem;
    font-size: 0.08rem;
    color: #b5e1fc;
}
.div-bottom-content{
	display: -webkit-box;
	display: box;
}
@media screen and (max-width: 1919px) {
	#main .div-bottom {
		bottom: 18px;
	}
}

page/bigData/css/medical.css

@@ -9,7 +9,7 @@ body {
	background-size: 100% 100%;
	background: url(../images/BG.png) no-repeat;
	overflow-y: auto;
	overflow-x: hidden;
	/*overflow-x: hidden;*/
	/* overflow: hidden; */
}
@@ -24,7 +24,7 @@ p {
	height: 0.39rem;
	background-size: 100% 100%;
	z-index: 50;
	position: fixed;
	position: relative;
	top: 0;
}
@@ -47,13 +47,14 @@ p {
	width: 100%;
	height: 0.2rem;
	background-size: 100% 100%;
	position: fixed;
	bottom: 0;
	/* position: fixed; */
	/* bottom: 0; */
	margin-top: -43px;
}
.div-body {
	height: 100%;
	padding-top: .40625rem;
	/*height: 100%;*/
	padding-top: 0;
}
.div-skip {
@@ -160,7 +161,7 @@ td >div{
}
td {
	text-align: center;
	border: 1px solid #019dff;
	/*border: 1px solid #019dff;*/
}
th {
@@ -232,7 +233,7 @@ td img {
}
.h234 {
	height: 1.21875rem;
	/*height: 1.21875rem;*/
}
.h165 {
@@ -398,3 +399,45 @@ td img {
.div-menzhenfenleibei{
	background: url(../images/mzrcyuequshi-nodata.png) no-repeat;
}
.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
	background-color: #009DFE;
	border-color: #009DFE;
}
.btn-default:hover,
.btn-default.active:hover {
	color: #fff;
	background-color: #009DFE;
	border-color: #009DFE;
}
.btn-default {
	background: #051829;
	border-color: #009DFE;
	color: #009DFE;
}
.btn-group {
	margin-left: 0.16rem;
	margin-top: 0.12rem;
}
.btn.focus,
.btn:focus,
.btn:hover {
	color: #fff
}
.btn{
	padding: 3px 12px;
}
@media screen and (max-width: 1919px) {
	#app .div-bottom {
		bottom: 18px;
	}
}

page/bigData/html/home.html

@@ -38,50 +38,53 @@
					</div>
				</div>
			</div>
			<div class="div-header"></div>
			<div class="div-title" @click="skipClick()">大数据应用服务平台 <input type="checkbox" class="sanjiao"><img style="transition: all .3s ease-in-out" src="../images/sanjiao.png"></div>
			<div class="div-skip" :class="{'div-skip-active':skipShow}">
				<div>
					<a href="home.html">
						居民健康管理大数据分析
					</a>
				</div>
				<div>
					<a href="medical.html">
						医疗服务大数据分析
					</a>
			<div class="div-header">
				<div class="div-title" @click="skipClick()">大数据应用服务平台 <input type="checkbox" class="sanjiao"><img style="transition: all .3s ease-in-out" src="../images/sanjiao.png"></div>
				<div class="div-skip" :class="{'div-skip-active':skipShow}">
					<div>
						<a href="medical.html">
							医疗服务大数据分析
						</a>
					</div>
					<div>
						<a href="home.html">
							居民健康管理大数据分析
						</a>
					</div>
				</div>
			</div>
			<div class="content">
				<div class="right-panel">
					<!-- 本月高发疾病排行 -->
					<high-incidence-disease :data="gaoFaData"></high-incidence-disease>
				</div>
				<div class="left-panel">
					<!-- 疾病人群 -->
					<disease-crowd :data="diseaseData" :town="city"></disease-crowd>
				</div>
				<div class="center-panel" v-cloak>
					<!-- 地图 -->
					<div class="map mt20 pt20">
							<div class="set_all_city" @click="clickMap({name:'上饶市'})" title="选择全市">
									<img src="../images/allCity.png">
								</div>
							<map-chart @map-click="clickMap" ref="map" :config="mapData"></map-chart>
							<label class="diqu-label">地区</label>
							<div class="dropdown Mapselect">
									<div type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">{{city}}
										<span class="caret"></span>
									</div>
									<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
											<li role="presentation" @click="setCity(item)" v-for="item in town">
													<a role="menuitem" href="#">{{item.name}}</a>
											</li>
									</ul>
					<div class="map pt20">
						<div class="set_all_city" @click="clickMap({name:'上饶市'})" title="选择全市">
								<img src="../images/allCity.png">
							</div>
						<map-chart @map-click="clickMap" ref="map" :config="mapData"></map-chart>
						<label class="diqu-label">地区</label>
						<div class="dropdown Mapselect">
								<div type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">{{city}}
									<span class="caret"></span>
								</div>
								<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
										<li role="presentation" @click="setCity(item)" v-for="item in town">
												<a role="menuitem" href="#">{{item.name}}</a>
										</li>
								</ul>
						</div>
					</div>
				</div>
				<div class="right-panel">
					<!-- 本月高发疾病排行 -->
					<high-incidence-disease :data="gaoFaData"></high-incidence-disease>
				</div>
			</div>
			
			<div class="div-bottom-content">
				<div class="bottom-left-panel">
					<!-- 重点服务人群 -->
					<key-service-population :data="zhongDianData"></key-service-population>

page/bigData/html/medical.html

@@ -41,17 +41,17 @@
		
			<div class="div-header flex f_y_c pl20">
				<div class="div-title" @click="skipClick()">大数据应用服务平台 <input type="checkbox" class="sanjiao"><img style="transition: all .3s ease-in-out" src="../images/sanjiao.png"></div>
			</div>
			<div class="div-skip" :class="{'div-skip-active':skipShow}">
				<div>
					<a href="home.html">
						居民健康管理大数据分析
					</a>
				</div>
				<div>
					<a href="medical.html">
						医疗服务大数据分析
					</a>
				<div class="div-skip" :class="{'div-skip-active':skipShow}">
					<div>
						<a href="medical.html">
							医疗服务大数据分析
						</a>
					</div>
					<div>
						<a href="home.html">
							居民健康管理大数据分析
						</a>
					</div>
				</div>
			</div>
			<div class="div-body flex">
@@ -59,45 +59,51 @@
					<!-- 大数据应用服务平台 -->
					<div class="contentBox h443   bigData">
						<div class="title flex f_y_c">
							<span :class="{active:timeType == 1}" @click="setTimeStr(1)">上月</span>
							<span :class="{active:timeType == 2}" @click="setTimeStr(2)">本年</span>
							<div data-toggle="buttons" class="btn-group fr mr20" style="margin-top: 0;">
								<label class="btn btn-default" :class="{active: timeType == 1}" @click="setTimeStr(1)">
									<input type="radio">上月
								</label>
								<label class="btn btn-default" :class="{active: timeType == 2}" @click="setTimeStr(2)">
									<input type="radio">本年
								</label>
							</div>
						</div>
						<div class="menJiZhen contentBox2 flex f_x_sb mb20">
							<div class="left">
								<p class="mb10  tr">门诊人次</p>
								<p class="yellow_number pl15 mb25">{{leftData.HC_04_1050 || ""}} <span class="sub">人次</span></p>
								<p class="yellow_number pl15 mb25">{{leftData.HC_04_1050 || "0"}} <span class="sub">人次</span></p>
								<p class="pl10 mb10">门急诊总费用</p>
								<p class="yellow_number pl15">{{leftData.HC_05_1001}} <span class="sub">元</span></p>
								<p class="yellow_number pl15">{{leftData.HC_05_1001 || "0"}} <span class="sub">元</span></p>
							</div>
							<div class="middle flex_coloumn f_xy_c">
								<p class="mb10">门急诊人次</p>
								<p class="red_number">{{leftData.HC_05_1004}} </p>
								<p class="red_number">{{leftData.HC_05_1004 || "0"}} </p>
								<p class="sub">人次</p>
							</div>
							<div class="right">
								<p class="mb10 tl">急诊人次</p>
								<p class="yellow_number pr15 mb25">{{leftData.HC_04_1048}} <span class="sub">人次</span></p>
								<p class="pr10 mb10">门急诊均次费用</p>
								<p class="yellow_number pr15">{{leftData.HC_05_1003}} <span class="sub">元</span></p>
								<p class="yellow_number pr15 mb25">{{leftData.HC_04_1048 || "0"}} <span class="sub">人次</span></p>
								<p class="pr10 mb10">门急诊次均费用</p>
								<p class="yellow_number pr15">{{leftData.HC_05_1003 || "0"}} <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  mb25">{{leftData.HC_06_1014}} <span class="sub">元</span></p>
								<p class="yellow_number  mb25">{{leftData.HC_06_1014 || "0"}} <span class="sub">元</span></p>
								<p class="pl10 mb10">住院总床日数</p>
								<p class="yellow_number pl15">{{leftData.HC_04_1013}} <span class="sub">天</span></p>
								<p class="yellow_number pl15">{{leftData.HC_04_1013 || "0"}} <span class="sub">天</span></p>
							</div>
							<div class="middle flex_coloumn f_xy_c">
								<p class="mb10">住院人次</p>
								<p class="red_number">{{leftData.HC_06_1013}} </p>
								<p class="red_number">{{leftData.HC_06_1013 || "0"}} </p>
								<p class="sub">人次</p>
							</div>
							<div class="right">
								<p class="mb10 tl">住院次均费用</p>
								<p class="yellow_number pr15 mb25">{{leftData.HC_06_1022}} <span class="sub">元</span></p>
								<p class="yellow_number pr15 mb25">{{leftData.HC_06_1022 || "0"}} <span class="sub">元</span></p>
								<p class="pr10 mb5">平均床日数</p>
								<p class="yellow_number pr15">{{leftData.HC_04_1066}} <span class="sub">天</span></p>
								<p class="yellow_number pr15">{{leftData.HC_04_1066 || "0"}} <span class="sub">天</span></p>
							</div>
						</div>
					</div>
@@ -131,10 +137,16 @@
				<div class="middle flex_coloumn">
					<!-- 地图 -->
					<div class="map mt20">
						<div class="set_all_city" @click="clickMap({name:'上饶市'})" title="选择全市">
						<div class="set_all_city" @click="clickMap({name:'上饶市'})" title="选择全市" v-show="hasMapData">
							<img src="../images/allCity.png">
						</div>
						<map-chart @map-click="clickMap" ref="map" :config="mapData"></map-chart>
						<div v-show="!hasMapData" class="no-result-panel">
                            <div class="no-result-img" style="padding-top: 1.3rem;">
                                <img src="../images/noData.png">
                            </div>
                            <div class="no-result-text">暂无数据！</div>
                        </div>
						<map-chart @map-click="clickMap" ref="map" :config="mapData" v-show="hasMapData"></map-chart>
						<div class="dropdown Mapselect">
							<label class="diqu-label">地区</label>
							<div type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">{{city}}
@@ -153,40 +165,40 @@
						<div class="left flex_coloumn f_x_sb">
							<div class="flex">
								<p class="w100">门急诊人次</p>
								<p class="yellow_number pl15 ">{{yesterdayData.HC_04_1008}} <span class="sub">人次</span></p>
								<p class="yellow_number pl15 ">{{yesterdayData.HC_04_1008 || "0"}} <span class="sub">人次</span></p>
							</div>
							<div class="flex ">
								<p class="w100">门急诊总费用</p>
								<p class="yellow_number pl15 ">{{yesterdayData.HC_05_1001}} <span class="sub">元</span></p>
								<p class="yellow_number pl15 ">{{yesterdayData.HC_05_1001 || "0"}} <span class="sub">元</span></p>
							</div>
							<div class="flex">
								<p class="w100">门急诊次均费用</p>
								<p class="yellow_number pl15 ">{{yesterdayData.HC_05_1003}} <span class="sub">元</span></p>
								<p class="yellow_number pl15 ">{{yesterdayData.HC_05_1003 || "0"}} <span class="sub">元</span></p>
							</div>
						</div>
						<div class="middle flex_coloumn f_xy_c">
							<p class="mb10 title">昨日数据</p>
							<p class="font44 red_number">{{yesterdayData.HC_14_1019}} </p>
							<p class="font44 red_number">{{yesterdayData.HC_14_1019 || "0"}} </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 ">{{yesterdayData.HC_06_1013}} <span class="sub">人次</span></p>
								<p class="yellow_number pl15 ">{{yesterdayData.HC_06_1013 || "0"}} <span class="sub">人次</span></p>
							</div>
							<div class="flex">
								<p class="w100">住院总费用</p>
								<p class="yellow_number pl15 ">{{yesterdayData.HC_05_1003}} <span class="sub">元</span></p>
								<p class="yellow_number pl15 ">{{yesterdayData.HC_05_1003 || "0"}} <span class="sub">元</span></p>
							</div>
							<div class="flex">
								<p class="w100">住院次均费用</p>
								<p class="yellow_number pl15 ">{{yesterdayData.HC_06_1022}} <span class="sub">元</span></p>
								<p class="yellow_number pl15 ">{{yesterdayData.HC_06_1022 || "0"}} <span class="sub">元</span></p>
							</div>
							<div class="flex">
								<p class="w100">住院平均日数</p>
								<p class="yellow_number pl15 ">{{yesterdayData.HC_04_1066}} <span class="sub">天</span></p>
								<p class="w100">住院平均床日数</p>
								<p class="yellow_number pl15 ">{{yesterdayData.HC_04_1066 || "0"}} <span class="sub">天</span></p>
							</div>
						</div>
					</div>
@@ -208,34 +220,41 @@
									<th class="w60">
										<div>月份</div>
									</th>
									<th class="w193">
									<th class="w193" colspan="3">
										<div>门急诊总费用</div>
									</th>
									<th class="w188">
										<div>门急诊均次费用</div>
									<th class="w188" colspan="3">
										<div>门急诊次均费用</div>
									</th>
								</tr>
								<tr v-for="(item,index) in tableData1">
									<td>
									<td style="border: 1px solid #019dff;">
										<div>{{item.month}}</div>
									</td>
									<td>
										<div>
											<span class="mr10">{{item.HC_05_1001}}元</span>
											<span v-show="item.HC_14_1025!='--'" class="mr20">环比</span>
											<img v-show="item.HC_14_1025!='--' && item.HC_14_1025>1" src="../images/zengzhang.png">
											<img v-show="item.HC_14_1025!='--' && item.HC_14_1025<1" src="../images/xiajiang.png">
											<span v-show="item.HC_14_1025!='--'">{{item.HC_14_1025}}%</span>
										</div>
									<td style="width:0.365rem;text-align: left;border-bottom: 1px solid #019dff;" class="">
										<span class="ml10">{{item.HC_05_1001 | formatData}}元</span>
									</td>
									<td style="width:0.15625rem;text-align: left;border-bottom: 1px solid #019dff;" class="">
										<span class="">环比</span>
									</td>
									<td style="width:0.27rem;text-align: left;border-bottom: 1px solid #019dff;" class="">
										<img v-show="item.HC_14_1025=='--' || item.HC_14_1025>=0" src="../images/zengzhang.png">
										<span v-show="item.HC_14_1025=='--'">{{item.HC_14_1025}}</span>
										<img v-show="item.HC_14_1025!='--' && item.HC_14_1025<0" src="../images/xiajiang.png">
										<span v-show="item.HC_14_1025!='--'">{{item.HC_14_1025}}%</span>
									</td>
									<td>
										<div>
											<span class="mr10">{{item.HC_05_1003}}元</span>
											<span v-show="item.HC_14_1026!='--'" class="mr20">环比</span>
											<img v-show="item.HC_14_1026!='--' && item.HC_14_1026>1" src="../images/zengzhang.png">
											<img v-show="item.HC_14_1026!='--' && item.HC_14_1026<1" src="../images/xiajiang.png">
											<span v-show="item.HC_14_1026!='--'">{{item.HC_14_1026}}%</span>
										</div>
									
									<td style="width:0.365rem;text-align: left;border-bottom: 1px solid #019dff;border-left: 1px solid #019dff;" class="">
										<span class="ml10">{{item.HC_05_1003 | formatData}}元</span>
									</td>
									<td style="width:0.15625rem;text-align: left;border-bottom: 1px solid #019dff;" class="">
										<span class="">环比</span>
									</td>
									<td style="width:0.27rem;text-align: left;border-bottom: 1px solid #019dff;" class="">
										<img v-show="item.HC_14_1026=='--' || item.HC_14_1026>=0" src="../images/zengzhang.png">
										<span v-show="item.HC_14_1026=='--'">{{item.HC_14_1026}}</span>
										<img v-show="item.HC_14_1026!='--' && item.HC_14_1026<0" src="../images/xiajiang.png">
										<span v-show="item.HC_14_1026!='--'">{{item.HC_14_1026}}%</span>
									</td>
								</tr>
							</table>
@@ -267,35 +286,43 @@
									<th class="w60">
										<div>月份</div>
									</th>
									<th class="w193">
									<th class="w193" colspan="3">
										<div>住院总费用</div>
									</th>
									<th class="w188">
										<div>住院均次费用</div>
									<th class="w188" colspan="3">
										<div>住院次均费用</div>
									</th>
								</tr>
								<tr v-for="(item,index) in tableData2">
									<td>
									<td style="border: 1px solid #019dff;">
										<div>{{item.month}}</div>
									</td>
									<td>
										<div>
											<span class="mr10">{{parseInt(item.HC_06_1014)}}元</span>
											<span v-show="item.HC_14_1027!='--'" class="mr20">环比</span>
											<img v-show="item.HC_14_1027!='--' && item.HC_14_1027>1" src="../images/zengzhang.png">
											<img v-show="item.HC_14_1027!='--' && item.HC_14_1027<1" src="../images/xiajiang.png">
											<span v-show="item.HC_14_1027!='--'">{{item.HC_14_1027}}%</span>
										</div>
									<td style="width:0.365rem;text-align: left;border-bottom: 1px solid #019dff;" class="">
										<span class="ml10">{{item.HC_06_1014 | formatData}}元</span>
									</td>
									<td style="width:0.15625rem;text-align: left;border-bottom: 1px solid #019dff;" class="">
										<span class="">环比</span>
									</td>
									<td style="width:0.27rem;text-align: left;border-bottom: 1px solid #019dff;" class="">
										<img v-show="item.HC_14_1027=='--' || item.HC_14_1027>=0" src="../images/zengzhang.png">
										<span v-show="item.HC_14_1027=='--'">{{item.HC_14_1027}}</span>
										<img v-show="item.HC_14_1027!='--' && item.HC_14_1027<0" src="../images/xiajiang.png">
										<span v-show="item.HC_14_1027!='--'">{{item.HC_14_1027}}%</span>
									</td>
									
									<td style="width:0.365rem;text-align: left;border-bottom: 1px solid #019dff;border-left: 1px solid #019dff;" class="">
										<span class="ml10">{{item.HC_06_1022 | formatData}}元</span>
									</td>
									<td style="width:0.15625rem;text-align: left;border-bottom: 1px solid #019dff;" class="">
										<span class="">环比</span>
									</td>
									<td>
										<div>
											<span class="mr10">{{item.HC_06_1022}}元</span>
											<span v-show="item.HC_14_1028!='--'" class="mr20">环比</span>
											<img v-show="item.HC_14_1028!='--' && item.HC_14_1028>1" src="../images/zengzhang.png">
											<img v-show="item.HC_14_1028!='--' && item.HC_14_1028<1" src="../images/xiajiang.png">
											<span v-show="item.HC_14_1028!='--'">{{item.HC_14_1028}}%</span>
										</div>
									<td style="width:0.27rem;text-align: left;border-bottom: 1px solid #019dff;" class="">
										<img v-show="item.HC_14_1028=='--' || item.HC_14_1028>=0" src="../images/zengzhang.png">
										<span v-show="item.HC_14_1028=='--'">{{item.HC_14_1028}}</span>
										<img v-show="item.HC_14_1028!='--' && item.HC_14_1028<0" src="../images/xiajiang.png">
										<span v-show="item.HC_14_1028!='--'">{{item.HC_14_1028}}%</span>
									</td>
									
								</tr>
							</table>
						</div>

page/bigData/js/medical.js

@@ -25,10 +25,20 @@ new Vue({
		hasData4:true,
		hasData5:true,
		hasData6:true,
		hasMapData:true,
	},
	mounted: function() {
		this.initData();
	},
	filters:{
		formatData:function(value){
			if(value>100000){
				return (value/100000).toFixed(2)+"万"
			}else{
				return value
			}
		}
	},
	methods: {
		initData: function() {
			$(".div-mask-layer").show();
@@ -98,7 +108,7 @@ new Vue({
			})
		},
		setleftData1: function() {
			var options = null,vm=this;
			var options = {},vm=this;
			if(this.timeType == 1) {
				if(this.leftData1.successFlg) {
					 _.map(vm.leftData1.obj.VIEW_14_0011,function(item,index){
@@ -124,9 +134,9 @@ new Vue({
			this.leftData = options;
		},
		setYesterDay: function(data3) {
			var options = null,vm=this;
			var options = {},vm=this;
			if(data3.successFlg) {
				 _.map(data3.obj.VIEW_14_0012,function(item,index){
				 _.map(data3.obj&&data3.obj.VIEW_14_0012||[],function(item,index){
					if(vm.cityVal=="0"){//上饶市
						options =  data3.obj.VIEW_14_0012[0];
					}else if(item.firstColumn==vm.city){
@@ -134,9 +144,10 @@ new Vue({
					}
				})
			}
			this.setFormater(options);
			this.yesterdayData = options;
			if(options){
				this.setFormater(options);
				this.yesterdayData = options;
			}
		},
		setLeftChart1: function(data6) {
			var options = null;
@@ -162,7 +173,7 @@ new Vue({
		},
		setMapData: function(data3) {
			var optionData = [];
			_.map(data3.obj.VIEW_14_0012, function(item) {
			_.map(data3.obj&&data3.obj.VIEW_14_0012||[], function(item) {
				if(item.firstColumn != "合计") {
					optionData.push({
						name: item.townName,
@@ -170,14 +181,18 @@ new Vue({
					})
				}
			})
			var options = optionData;
			this.mapData = {
				data: options,
				index: this.lineHeightIndex
			};
			if(optionData.length>0){
				var options = optionData;
				this.mapData = {
					data: options,
					index: this.lineHeightIndex
				};
				this.hasMapData = true;
			}else{
				this.hasMapData = false;
			}
		},
		setRightChart1: function(data8) {
			debugger
			var options = null;
			var options = data8.successFlg?data8.obj.viewInfos&&JSON.parse(data8.obj.viewInfos[0].options[0].option):{};
			if(options&&options.series && options.series[0].data && options.series[1].data && options.series[2].data && options.series[3].data){
@@ -246,57 +261,14 @@ new Vue({
		setFormater: function(obj) {
			for(var c in obj) {
				if(obj[c].indexOf(",") == -1){//不存在,，说明要格式化
					obj[c] = toThousands(obj[c])
					if(obj[c]>100000){
						obj[c] = (obj[c]/100000).toFixed(2)+"万"
					}else{
						obj[c] = toThousands(obj[c]);
					}
				}
			}
		},
		formatDate2017: function() {
			//获取上个月第一天
			var firstdate = new Date(new Date().getFullYear()-1, new Date().getMonth() - 1, 1);
			//获取上个月最后一天
			var date = new Date();
			var day = new Date(date.getFullYear()-1, date.getMonth(), 0).getDate();
			var enddate = new Date(new Date().getFullYear()-1, new Date().getMonth() - 1, day);
			//获取本年第一天和最后一天
			var firstYearDate = new Date();
			firstYearDate.setFullYear(new Date().getFullYear()-1)
			firstYearDate.setDate(1);
			firstYearMonty = firstYearDate.setMonth(0);
			//近半年开始时间
			var date1 = new Date();
			date1.setMonth(date1.getMonth() - 6);
			var year1 = date1.getFullYear() - 1;
			var month1 = date1.getMonth() + 1;
			month1 = (month1 < 10 ? "0" + month1 : month1);
			//格式化结果
			this.firstDay = firstdate.format("yyyy-MM-dd");
			this.lastDay = enddate.format("yyyy-MM-dd");
			this.firstDayYear = firstYearDate.format("yyyy-MM-dd");
			this.lastDayYear = (new Date().getFullYear()-1) + "-12-31";
			this.halfYearStartDate = year1.toString() + '-' + month1.toString() + "-01";
			this.halfYearEndDate = this.getCurrentMonthLast2017();
			this.yesterdayDate = this.getYesterday2017(-1, '-');
		},
		getYesterday2017:function(num, str){
			var today = new Date();
		    var nowTime = today.getTime();
		    var ms = 24*3600*1000*num;
		    today.setTime(parseInt(nowTime + ms));
		    var oYear = today.getFullYear()-1;
		    var oMoth = (today.getMonth() + 1).toString();
		    if (oMoth.length <= 1) oMoth = '0' + oMoth;
		    var oDay = today.getDate().toString();
		    if (oDay.length <= 1) oDay = '0' + oDay;
		    return oYear + str + oMoth + str + oDay;
		},
		getCurrentMonthLast2017: function() {
			var date = new Date();
			var currentMonth = date.getMonth();
			var nextMonth = ++currentMonth;
			var nextMonthFirstDay = new Date(date.getFullYear() - 1, nextMonth-1, 1);
			var oneDay = 1000 * 60 * 60 * 24;
			return(new Date(nextMonthFirstDay - oneDay)).format("yyyy-MM-dd");
		},
		newObj: function(obj) {
			return JSON.parse(JSON.stringify(obj))
		},

page/bigData/js/medicalCharts.js

@@ -1,5 +1,7 @@
var fontSize = 0.0067 * window.screen.width;//字体13（默认）
var fontSize1 = 0.0057 * window.screen.width;//字体11（默认）
var fontSize2 = 0.00625 * window.screen.width;//字体12（默认）
var leftChart1DataFormat = function(options) {
	debugger
	var xAxisData = _.map(options.xAxis[0].data, function(item, idx) {
		item = parseInt(item.substring(5, 7)) + "月";
		return item;
@@ -54,7 +56,7 @@ var leftChart1DataFormat = function(options) {
			},
			axisLabel: {
				color: '#b5e1fc',
				fontSize: 14
				fontSize: fontSize
			}
		}],
		yAxis: [{
@@ -73,7 +75,7 @@ var leftChart1DataFormat = function(options) {
				},
				axisLabel: {
					color: '#b5e1fc',
					fontSize: 14
					fontSize: fontSize
				}
			},
			{
@@ -92,7 +94,7 @@ var leftChart1DataFormat = function(options) {
				},
				axisLabel: {
					color: '#b5e1fc', // 坐标轴刻度标签文本颜色
					fontSize: 14
					fontSize: fontSize
				},
				show: true
			}
@@ -121,7 +123,19 @@ var leftChart1DataFormat = function(options) {
				"data": series1data,
				itemStyle: {
					color: '#03fa6d'
				}
				},
				markLine:{
                    data:[
                        {yAxis: 0, name: '环比'}
                    ],
                    label:{
                        show: true,
                        position: 'middle'
                    },
                    lineStyle:{
                        color: '#ffffff'
                    }
                }
			}
		]
	}
@@ -181,7 +195,7 @@ leftChart2DataFormat = function(options){
			},
			axisLabel: {
				color: '#b5e1fc',
				fontSize: 14
				fontSize: fontSize
			}
		}],
		yAxis: [{
@@ -200,7 +214,7 @@ leftChart2DataFormat = function(options){
				},
				axisLabel: {
					color: '#b5e1fc',
					fontSize: 14
					fontSize: fontSize
				}
			},
			{
@@ -219,7 +233,7 @@ leftChart2DataFormat = function(options){
				},
				axisLabel: {
					color: '#b5e1fc', // 坐标轴刻度标签文本颜色
					fontSize: 14
					fontSize: fontSize
				},
				show:true
			}
@@ -248,7 +262,19 @@ leftChart2DataFormat = function(options){
				"data": series1data,
				itemStyle: {
					color: '#03fa6d'
				}
				},
				markLine:{
                    data:[
                        {yAxis: 0, name: '环比'}
                    ],
                    label:{
                        show: true,
                        position: 'middle'
                    },
                    lineStyle:{
                        color: '#ffffff'
                    }
                }
			}
		]
	}
@@ -312,7 +338,7 @@ rightChart1DataFormat = function(options){
			},
			axisLabel: {
				color: '#b5e1fc',
				fontSize: 14
				fontSize: fontSize
			}
		}],
		yAxis: [{
@@ -331,7 +357,7 @@ rightChart1DataFormat = function(options){
				},
				axisLabel: {
					color: '#b5e1fc',
					fontSize: 14
					fontSize: fontSize2
				},
				splitNumber: 2
			},
@@ -351,9 +377,10 @@ rightChart1DataFormat = function(options){
				},
				axisLabel: {
					color: '#b5e1fc', // 坐标轴刻度标签文本颜色
					fontSize: 14
					fontSize: fontSize2
				},
				show:true
				show:true,
				splitNumber: 4
			}
		],
		series: [{
@@ -366,7 +393,7 @@ rightChart1DataFormat = function(options){
						show: true,
						position: 'top', // 在柱状图上方显示
						color: '#fff', // 柱状图上方显示的数值颜色
						fontSize: 11
						fontSize: fontSize1
					}
				},
				itemStyle: {
@@ -384,7 +411,7 @@ rightChart1DataFormat = function(options){
						show: true,
						position: 'top', // 在柱状图上方显示
						color: '#fff', // 柱状图上方显示的数值颜色
						fontSize: 11
						fontSize: fontSize1
					}
				},
				itemStyle: {
@@ -408,7 +435,19 @@ rightChart1DataFormat = function(options){
				"data": series3data,
				itemStyle: {
					color: '#ff616f'
				}
				},
				markLine:{
                    data:[
                        {yAxis: 0, name: '环比'}
                    ],
                    label:{
                        show: true,
                        position: 'middle'
                    },
                    lineStyle:{
                        color: '#ffffff'
                    }
                }
			},
		]
	}
@@ -469,7 +508,7 @@ rightChart2DataFormat = function(options){
			},
			axisLabel: {
				color: '#b5e1fc',
				fontSize: 14
				fontSize: fontSize
			}
		}],
		yAxis: [{
@@ -488,7 +527,7 @@ rightChart2DataFormat = function(options){
				},
				axisLabel: {
					color: '#b5e1fc',
					fontSize: 14
					fontSize: fontSize2
				},
				splitNumber: 2
			},
@@ -508,9 +547,10 @@ rightChart2DataFormat = function(options){
				},
				axisLabel: {
					color: '#b5e1fc', // 坐标轴刻度标签文本颜色
					fontSize: 14
					fontSize: fontSize2
				},
				show:true
				show:true,
				splitNumber: 4
			}
		],
		series: [{
@@ -537,7 +577,19 @@ rightChart2DataFormat = function(options){
				"data": series1data,
				itemStyle: {
					color: '#03fa6d'
				}
				},
				markLine:{
                    data:[
                        {yAxis: 0, name: '环比'}
                    ],
                    label:{
                        show: true,
                        position: 'middle'
                    },
                    lineStyle:{
                        color: '#ffffff'
                    }
                }
			}
		]
	}