zhanghaoyu %!s(int64=6) %!d(string=hai) anos
pai
achega
5b3ff8ea87

+ 1 - 1
component/chart/bar-chart.js

@ -2,7 +2,7 @@
    Vue.component('bar-chart', {
        template: '<div class="chart_box" >\
                        <div v-show="!isEmpty" :id="chartid" class="chart_box"></div>\
                        <div class="noData" v-show="isEmpty" class="chart-no-data">\
                        <div v-show="isEmpty" class="chart-no-data noData">\
                            <p v-show="isEmpty" style="text-align: center">{{title}}</p>\
                            <img src="../../bigData/images/noData.png" alt="">\
                            暂无数据\

+ 10 - 2
page/bigData/css/insurance.css

@ -272,6 +272,12 @@
	position: relative;
	margin-top: 58px;
}
.table2{
	width: 444px;
	height: 473px;
	position: relative;
	margin-top: 30px;
}
.boxTitle {
	width: 100%;
    background: url(../images/icon_biaoti.png) no-repeat;
@ -300,10 +306,12 @@ thead th{
	padding-left: 15px;
	padding-right: 15px;
}
tbody{
.tbody{
	overflow-y:scroll;
	height: 380px;
	border: solid 1px #009dfe;
	display: block;
	box-sizing: border-box;
	width: 444px;
}
tbody td{
	background-color: #041829;

+ 32 - 7
page/bigData/html/insurance.html

@ -123,19 +123,44 @@
                <div class="boxTitle mb10 mt24"><span class="ml50">住院服务情况</span></div>
                <table>
                    <thead>
                        <th class="w-210">机构名称</th>
                        <th class="w-120 text-right">费用</th>
                        <th class="w-110 text-right">环比</th>
                        <tr>
                            <th class="w-210">机构名称</th>
                            <th class="w-120 text-right">费用</th>
                            <th class="w-110 text-right">环比</th>
                        </tr>
                    </thead>
                </table>
                <table class="tbody">
                    <tbody>
                        <tr>
                            <td>上饶县人民医院</td>
                            <td class="text-right">999.00万元</td>
                            <td class="text-right">56.65%</td>
                        <tr v-for="item in tableData1">
                            <td class="w-210">{{item.firstColumn}}</td>
                            <td class="w-120 text-right">{{item.HC_22_1001}}万元</td>
                            <td class="w-110 text-right">{{item.result}}%</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="table2">
                    <div class="boxTitle mb10 mt24"><span class="ml50">疾病排行</span></div>
                    <table>
                        <thead>
                            <tr>
                                <th class="w-210">疾病名称</th>
                                <th class="w-120 text-right">费用</th>
                                <th class="w-110 text-right">环比</th>
                            </tr>
                        </thead>
                    </table>
                    <table class="tbody">
                        <tbody>
                            <tr v-for="item in tableData1">
                                <td class="w-210">{{item.firstColumn}}</td>
                                <td class="w-120 text-right">{{item.HC_22_1004}}万元</td>
                                <td class="w-110 text-right">{{item.result}}%</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
        </div>
    </div>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=1W9gqPiqc7C9TDliPP8S9Rj9"></script>

+ 21 - 69
page/bigData/js/insurance.js

@ -15,8 +15,6 @@ new Vue({
		leftChart2: null, //左边的图表2
		leftData3:null,//左边的图表3
		leftData2_legend:null,//左边的图表2中间数据
		rightChart1: null, //右边边的图表1
		rightChart2: null, //右边的图表2
		tableData1: null, //表格数据1
		tableData2: null, //表格数据2
		mapData: null,
@ -87,12 +85,8 @@ new Vue({
						  {url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: "VIEW_22_0002",linkageFilter:linkageFilter1}},//医保目录外费用占比
						  {url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: "VIEW_22_0005",linkageFilter:linkageFilter1}},//
						  {url:bigDataAPI.getMapJingWeiDuInfo,reqType: 'get',data:{}},//上饶地图经纬度数据
						  {url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: "VIEW_22_0001",linkageFilter:linkageFilter1}},//机构排行
						  {url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: "VIEW_14_0015",linkageFilter:linkageFilter3}},//门诊人次月趋势
						  {url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: "VIEW_14_0016",linkageFilter:linkageFilter3}},//住院人次月趋势
						  {url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: "VIEW_14_0017",linkageFilter:linkageFilter3}},//门诊分类别月趋势
						  {url: bigDataAPI.getTemplateDataByViewCode,reqType: 'get',data: {viewCode: "VIEW_14_0018",linkageFilter:linkageFilter3}},//住院平均日数月趋势
						  
						  {url: bigDataAPI.getNoChartTemplateData,reqType: 'get',data: {viewCodeStr: "VIEW_22_0001",linkageFilter:linkageFilter1}},//机构排行
						  {url: bigDataAPI.getNoChartTemplateData,reqType: 'get',data: {viewCodeStr: "VIEW_22_0006",linkageFilter:linkageFilter1,limitCondition:JSON.stringify({'VIEW_22_0006': '50'})}},//疾病
						  ];
						//   debugger
			httpRequest.getReqPromises(reqUrl).then(function(datas) {
@ -117,16 +111,12 @@ new Vue({
				var data1 = datas[1]
				var data5 = datas[5];
				var data6 = datas[6];
				console.log(data6)
				// data5 = datas[5];
				// data6 = datas[6];
				// data7 = datas[7];
				// data8 = datas[8];
				// data9 = datas[9];
				var data7 = datas[7];
				vm.setLeftChart1(chart2);
				vm.setLeftChart2(chart3);
				vm.setLeftChart3(chart4);
				vm.setTable1(data6)
				vm.setTable2(data7)
				// vm.setRightChart1(data8);
				// vm.setRightChart2(data9);
				// vm.setTable1(data4);
@ -216,63 +206,25 @@ new Vue({
				this.hasMapData = false;
			}
		},
		setRightChart1: function(data8) {
			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){
				options = rightChart1DataFormat(options);
				this.rightChart1 = options
				this.hasData4 = true;
				$(".right1 .contentBox3").removeClass("div-menzhenfenleibei");
			}else{
				this.hasData4 = false;
				$(".right1 .contentBox3").addClass("div-menzhenfenleibei");
			}
		},
		setRightChart2: function(data9) {
			var options = null;
			var options = data9.successFlg?data9.obj.viewInfos&&JSON.parse(data9.obj.viewInfos[0].options[0].option):{};
			if(options&&options.series && options.series[0].data && options.series[1].data){
				options = rightChart2DataFormat(options);
				this.rightChart2 = options
				this.hasData6 = true;
				$(".right2 .contentBox3").removeClass("div-menzhenfenleibei");
			}else{
				this.hasData6 = false;
				$(".right2 .contentBox3").addClass("div-menzhenfenleibei");
			}
		},
		setTable1: function(data4) {
			var resData = [];
			var data = data4.successFlg?data4.obj.VIEW_14_0013:[];
			_.map(data, function(item, index) {
				if(item.firstColumn != "合计" && item.month) {
					item.month = parseInt(item.month.substring(5, 7))+"月";
					resData.push(item)
				}
		setTable1: function(data) {
			var arr = data.obj.VIEW_22_0001;
			arr.shift()
			arr = arr.map(function(item){
				item.HC_22_1001 = toThousands(Number(item.HC_22_1001)/10000)
				return item;
			})
			if(resData.length==0){
				this.hasData3 = false;
			}else{
				this.hasData3 = true;
				this.tableData1 = resData
			}
			this.tableData1 = arr;
		},
		setTable2: function(data5) {
			var resData = [];
			var data = data5.successFlg?data5.obj.VIEW_14_0014:[];
			_.map(data, function(item, index) {
				if(item.firstColumn != "合计" && item.month) {
					item.month = parseInt(item.month.substring(5, 7))+"月";
					resData.push(item)
				}
		setTable2: function(data) {
			console.log(data)
			var arr = data.obj.VIEW_22_0006;
			arr.shift()
			arr = arr.map(function(item){
				item.HC_22_1004 = toThousands(Number(item.HC_22_1004)/10000)
				return item;
			})
			if(resData.length==0){
				this.hasData5 = false;
			}else{
				this.hasData5 = true;
				this.tableData2 = resData
			}
			this.tableData2 = arr;
			console.log(this.tableData2)
		},
		setCity(item) {
			this.city = item.name;