表格适配调整 图表微调

component/chart/bar-chart.js

@@ -25,9 +25,8 @@
            setOption: function (options) {
                if(!options)return
                var options = $.extend({}, defaults, options);
                options.yAxis[0].axisLabel.fontSize='14'
                options.yAxis[1].axisLabel.fontSize='14'
                options.xAxis[0].axisLabel.fontSize='14'
    
                return options
            }
        },

page/bigData/css/medical.css

@@ -148,16 +148,24 @@ p {
/* 表格样式 */
th >div{
	height: .208333rem;
	overflow: hidden;
    line-height: 0.208333rem
}
td >div{
	height: .166667rem;
	overflow: hidden;
    line-height: 0.166667rem
}
td {
	text-align: center;
	height: .166667rem;
	border: 1px solid #019dff;
}
th {
	text-align: center;
	height: .208333rem;
	background: url(../images/mjzfwqktoubukuang.png) no-repeat;
	background-size: 100% 100%;
}

page/bigData/html/medical.html

@@ -166,25 +166,29 @@
								<div class="contentBox mb20  h234">
									<table>
										<tr>
										  <th class="w60">月份</th>
										  <th class="w193">门急诊总费用</th>
										  <th class="w188">门急诊均次费用</th>
										  <th class="w60"><div>月份</div></th>
										  <th class="w193"><div>门急诊总费用</div></th>
										  <th class="w188"><div>门急诊均次费用</div></th>
										</tr>
										<tr v-for="(item,index) in tableData1">
										  <td>{{(index+1)+'月'}}</td>
										  <td><div>{{(index+1)+'月'}}</div></td>
										  <td>
											<div>
											  <span class="mr10">{{item['门急诊总费用']}}元</span>
											  <span class="mr20">环比</span>
											  <img  v-if="item['门急诊总费用环比'] >1" src="../images/zengzhang.png">
											  <img v-else src="../images/xiajiang.png">
											  <span>{{item['门急诊总费用环比']}}%</span>
											</div>
										   </td>
										   <td>
												<div>
											    <span class="mr10">{{item['门急诊次均费用']}}元</span>
											  <span class="mr20">环比</span>
											  <img  v-if="item['门急诊次均费用环比'] >1" src="../images/zengzhang.png">
											  <img v-else src="../images/xiajiang.png">
											  <span>{{item['门急诊次均费用环比']}}%</span>
											</div>
										   </td>
										</tr>
									  </table>
@@ -200,25 +204,29 @@
								<div class="contentBox mb20 h234">
										<table>
												<tr>
												  <th class="w60">月份</th>
												  <th class="w193">住院总费用</th>
												  <th class="w188">住院均次费用</th>
												  <th class="w60"><div>月份</div></th>
												  <th class="w193"><div>住院总费用</div></th>
												  <th class="w188"><div>住院均次费用</div></th>
												</tr>
												<tr v-for="(item,index) in tableData2">
												  <td>{{(index+1)+'月'}}</td>
												  <td><div>{{(index+1)+'月'}}</div></td>
												  <td>
													  <span class="mr10">{{parseInt(item['住院总费用'])}}元</span>
													  <span class="mr20">环比</span>
													  <img  v-if="item['住院总费用环比'] >1" src="../images/zengzhang.png">
													  <img v-else src="../images/xiajiang.png">
													  <span>{{item['住院总费用环比']}}%</span>
														<div>
																<span class="mr10">{{parseInt(item['住院总费用'])}}元</span>
																<span class="mr20">环比</span>
																<img  v-if="item['住院总费用环比'] >1" src="../images/zengzhang.png">
																<img v-else src="../images/xiajiang.png">
																<span>{{item['住院总费用环比']}}%</span>
														</div>													 
												   </td>
												   <td>
														<div>
														<span class="mr10">{{item['住院次均费用']}}元</span>
													  <span class="mr20">环比</span>
													  <img  v-if="item['住院次均费用环比'] >1" src="../images/zengzhang.png">
													  <img v-else src="../images/xiajiang.png">
													  <span>{{item['住院次均费用环比']}}%</span>
													</div>						
												   </td>
												</tr>
											  </table>

page/bigData/js/medical.js

@@ -84,20 +84,28 @@ new Vue({
           var options =this.allData['门诊人次月趋势'];
           options.grid= {
                top: '70',
                left: '75'
                left: '75',
                bottom:'40'
            };
            options.yAxis[1].show =true;
            options.tooltip.formatter=  '{b} <br /> {a0}: {c0}<br />{a1}: {c1}' + "%";
            options.yAxis[0].axisLabel.fontSize='14'
            options.yAxis[1].axisLabel.fontSize='14'
            options.xAxis[0].axisLabel.fontSize='14'
           this.leftChart1 = options
        },
        setLeftChart2:function(){
           var options =this.allData['住院人次月趋势'];
           options.grid={
			top: '70',
			left: '70'
            left: '70',
            bottom:'40'
		};
        options.yAxis[1].show =true;
        options.tooltip.formatter=  '{b} <br /> {a0}: {c0}<br />{a1}: {c1}' + "%";
        options.yAxis[0].axisLabel.fontSize='14'
        options.yAxis[1].axisLabel.fontSize='14'
        options.xAxis[0].axisLabel.fontSize='14'
           this.leftChart2 = options
        },
        setMapData:function(){
@@ -112,12 +120,18 @@ new Vue({
			bottom: '30'
        }
        options.yAxis[1].show =true;
        options.yAxis[0].axisLabel.fontSize='14'
        options.yAxis[1].axisLabel.fontSize='14'
        options.xAxis[0].axisLabel.fontSize='14'
           this.rightChart1= options
        },
        setRightChart2:function(){
           var options =this.allData['住院平均日数月趋势'];
           options.yAxis[1].show = true;
           options.tooltip.formatter=  '{b} <br /> {a0}: {c0}<br />{a1}: {c1}' + "%";
           options.yAxis[0].axisLabel.fontSize='14'
           options.yAxis[1].axisLabel.fontSize='14'
           options.xAxis[0].axisLabel.fontSize='14'
           this.rightChart2= options
        },
        setTable1:function(){