|
@@ -50,7 +50,12 @@ function initConsole(result){
|
|
'本月不合格病历-机器':require("../images/icon7.png"),
|
|
'本月不合格病历-机器':require("../images/icon7.png"),
|
|
'本月质控数-机器':require("../images/icon10.png"),
|
|
'本月质控数-机器':require("../images/icon10.png"),
|
|
'本月甲级病历-机器':require("../images/icon8.png"),
|
|
'本月甲级病历-机器':require("../images/icon8.png"),
|
|
- '本月乙级病历-机器':require("../images/icon9.png")
|
|
|
|
|
|
+ '本月乙级病历-机器':require("../images/icon9.png"),
|
|
|
|
+ '本年病历数':require("../images/icon6.png"),
|
|
|
|
+ '本年不合格病历-机器':require("../images/icon7.png"),
|
|
|
|
+ '本年质控数-机器':require("../images/icon10.png"),
|
|
|
|
+ '本年甲级病历-机器':require("../images/icon8.png"),
|
|
|
|
+ '本年乙级病历-机器':require("../images/icon9.png"),
|
|
}
|
|
}
|
|
let dom = ''
|
|
let dom = ''
|
|
for(let i in result){
|
|
for(let i in result){
|
|
@@ -121,6 +126,7 @@ function getBarData(type){
|
|
//柱状图住院费用
|
|
//柱状图住院费用
|
|
function barChartPay(dataX,dataY){
|
|
function barChartPay(dataX,dataY){
|
|
var myCharts = echarts.init(document.getElementById('barChartPay'));
|
|
var myCharts = echarts.init(document.getElementById('barChartPay'));
|
|
|
|
+ var lengthNum = dataX.length;
|
|
$(window).resize(function(){
|
|
$(window).resize(function(){
|
|
myCharts.resize()
|
|
myCharts.resize()
|
|
});
|
|
});
|
|
@@ -148,7 +154,8 @@ function barChartPay(dataX,dataY){
|
|
axisLabel: {//x轴刻度
|
|
axisLabel: {//x轴刻度
|
|
textStyle: {
|
|
textStyle: {
|
|
color: '#333'
|
|
color: '#333'
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+ rotate:lengthNum>8?30:0
|
|
},
|
|
},
|
|
axisLine: {//x轴
|
|
axisLine: {//x轴
|
|
lineStyle:{
|
|
lineStyle:{
|
|
@@ -193,7 +200,7 @@ function barChartPay(dataX,dataY){
|
|
{
|
|
{
|
|
name: '平均住院费用',
|
|
name: '平均住院费用',
|
|
type: 'bar',
|
|
type: 'bar',
|
|
- barWidth: '6%',
|
|
|
|
|
|
+ barWidth: lengthNum<5?'8%':'23%',
|
|
data: dataY
|
|
data: dataY
|
|
}
|
|
}
|
|
]
|
|
]
|
|
@@ -203,6 +210,7 @@ function barChartPay(dataX,dataY){
|
|
//柱状图住院日期
|
|
//柱状图住院日期
|
|
function barChart(dataX,dataY){
|
|
function barChart(dataX,dataY){
|
|
var myChart = echarts.init(document.getElementById('barChart'));
|
|
var myChart = echarts.init(document.getElementById('barChart'));
|
|
|
|
+ var lengthNum = dataX.length;
|
|
$(window).resize(function(){
|
|
$(window).resize(function(){
|
|
myChart.resize()
|
|
myChart.resize()
|
|
});
|
|
});
|
|
@@ -230,7 +238,8 @@ function barChart(dataX,dataY){
|
|
axisLabel: {//x轴刻度
|
|
axisLabel: {//x轴刻度
|
|
textStyle: {
|
|
textStyle: {
|
|
color: '#333'
|
|
color: '#333'
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+ rotate:lengthNum>8?30:0
|
|
},
|
|
},
|
|
axisLine: {//x轴
|
|
axisLine: {//x轴
|
|
lineStyle:{
|
|
lineStyle:{
|
|
@@ -275,7 +284,7 @@ function barChart(dataX,dataY){
|
|
{
|
|
{
|
|
name: '平均住院日',
|
|
name: '平均住院日',
|
|
type: 'bar',
|
|
type: 'bar',
|
|
- barWidth: '6%',
|
|
|
|
|
|
+ barWidth: lengthNum<5?'8%':'23%',
|
|
data: dataY
|
|
data: dataY
|
|
}
|
|
}
|
|
]
|
|
]
|
|
@@ -285,14 +294,13 @@ function barChart(dataX,dataY){
|
|
}
|
|
}
|
|
//空心饼图
|
|
//空心饼图
|
|
function emptyCircle(data){
|
|
function emptyCircle(data){
|
|
- if(!data||data.length == 0)return
|
|
|
|
var myChart = echarts.init(document.getElementById('emptyCircle'));
|
|
var myChart = echarts.init(document.getElementById('emptyCircle'));
|
|
$(window).resize(function(){
|
|
$(window).resize(function(){
|
|
myChart.resize()
|
|
myChart.resize()
|
|
});
|
|
});
|
|
let bgColor = '#fff';
|
|
let bgColor = '#fff';
|
|
let title = '总量';
|
|
let title = '总量';
|
|
- let color = ['#F2637B','#975FE4', '#399FFF', '#37CBCB', '#4CCB73','#FAD336'];
|
|
|
|
|
|
+ let color = ['#F2637B','#975FE4', '#399FFF', '#37CBCB', '#4CCB73','#FAD336','#F2637B','#975FE4', '#399FFF', '#37CBCB', '#4CCB73','#FAD336'];
|
|
let echartData = data;
|
|
let echartData = data;
|
|
let total = 0;
|
|
let total = 0;
|
|
for(let i = 0;i < echartData.length;i++){
|
|
for(let i = 0;i < echartData.length;i++){
|
|
@@ -302,7 +310,7 @@ function emptyCircle(data){
|
|
backgroundColor: bgColor,
|
|
backgroundColor: bgColor,
|
|
color: color,
|
|
color: color,
|
|
title: [{
|
|
title: [{
|
|
- text: '{val|' + total + '}\n{name|' + title + '}',
|
|
|
|
|
|
+ text: data.length>0?'{val|' + total + '}\n{name|' + title + '}':'',
|
|
top: 'center',
|
|
top: 'center',
|
|
left: 'center',
|
|
left: 'center',
|
|
textStyle: {
|
|
textStyle: {
|
|
@@ -398,17 +406,18 @@ function queList(data){
|
|
}
|
|
}
|
|
//饼图列表注释渲染
|
|
//饼图列表注释渲染
|
|
function panDetail(data){
|
|
function panDetail(data){
|
|
|
|
+ let color = ['#F2637B','#975FE4', '#399FFF', '#37CBCB', '#4CCB73','#FAD336','#F2637B','#975FE4', '#399FFF', '#37CBCB', '#4CCB73','#FAD336'];
|
|
let strAll = '';
|
|
let strAll = '';
|
|
for(let i = 0;i < data.length;i++){
|
|
for(let i = 0;i < data.length;i++){
|
|
strAll += `
|
|
strAll += `
|
|
<tr class="explainLi">
|
|
<tr class="explainLi">
|
|
- <td class="deptName"><i class="tip"></i>${data[i].name}</td>
|
|
|
|
|
|
+ <td class="deptName"><i class="tip" style="background-color:${color[i]}"></i>${data[i].name}</td>
|
|
<td class="deptNum">${data[i].num}</td>
|
|
<td class="deptNum">${data[i].num}</td>
|
|
<td class="percent">(${data[i].percentStr})</td>
|
|
<td class="percent">(${data[i].percentStr})</td>
|
|
</tr>
|
|
</tr>
|
|
`
|
|
`
|
|
}
|
|
}
|
|
- $(".explainPan table").html(strAll)
|
|
|
|
|
|
+ $(".explainPan table").html(strAll);
|
|
$(".explainPan").css({
|
|
$(".explainPan").css({
|
|
marginTop:-($(".explainPan").height()/2-20)+'px'
|
|
marginTop:-($(".explainPan").height()/2-20)+'px'
|
|
})
|
|
})
|