|
@@ -161,6 +161,12 @@ let app = new Vue({
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ handleGoPage(url){
|
|
|
+ window.location.href = url
|
|
|
+ },
|
|
|
+ handleGoBack(){
|
|
|
+ window.history.go(-1)
|
|
|
+ },
|
|
|
numFormat (value) {
|
|
|
if (!value) return '0'
|
|
|
var intPart = Number(value).toFixed(0) // 获取整数部分
|
|
@@ -539,7 +545,7 @@ let app = new Vue({
|
|
|
data: dataL7[0],
|
|
|
},
|
|
|
{
|
|
|
- name: '全员劳动生产率',
|
|
|
+ name: '全员劳动生产率同比变化',
|
|
|
type: 'line',
|
|
|
barWidth: 15,
|
|
|
yAxisIndex: 1,
|
|
@@ -562,28 +568,46 @@ let app = new Vue({
|
|
|
],
|
|
|
}
|
|
|
option.title.text = '人数变化和全员劳动生产率变化率分析'
|
|
|
- option.legend.data = ['人数变化', '全员劳动生产率']
|
|
|
+ option.legend.data = ['人数变化', '全员劳动生产率同比变化']
|
|
|
option.legend.show = true
|
|
|
option.tooltip = {
|
|
|
trigger: 'axis',
|
|
|
- formatter: '{a0}:{c0}' +'<br/>'+ '{a1}:{c1}' + '%'
|
|
|
+ formatter: '{a0}:{c0}' + '%' +'<br/>'+ '{a1}:{c1}' + '%'
|
|
|
}
|
|
|
- option.yAxis.push({
|
|
|
- type: 'value',
|
|
|
- axisLine: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- splitLine: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- axisLabel: {
|
|
|
- show: true,
|
|
|
- formatter: '{value} %',
|
|
|
- textStyle: {
|
|
|
- color: 'rgba(250,250,250,0.6)',
|
|
|
+ option.yAxis = [
|
|
|
+ {
|
|
|
+ type: 'value',
|
|
|
+ axisLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ show: true,
|
|
|
+ formatter: '{value} %',
|
|
|
+ textStyle: {
|
|
|
+ color: 'rgba(250,250,250,0.6)',
|
|
|
+ },
|
|
|
},
|
|
|
},
|
|
|
- })
|
|
|
+ {
|
|
|
+ type: 'value',
|
|
|
+ axisLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ show: true,
|
|
|
+ formatter: '{value} %',
|
|
|
+ textStyle: {
|
|
|
+ color: 'rgba(250,250,250,0.6)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }
|
|
|
+ ]
|
|
|
myChart.setOption(option)
|
|
|
},
|
|
|
initChartL8 () {
|
|
@@ -642,24 +666,42 @@ let app = new Vue({
|
|
|
option.legend.show = true
|
|
|
option.tooltip = {
|
|
|
trigger: 'axis',
|
|
|
- formatter: '{a0}:{c0}' +'<br/>'+ '{a1}:{c1}' + '%'
|
|
|
+ formatter: '{a0}:{c0}' + '%' +'<br/>'+ '{a1}:{c1}' + '%'
|
|
|
}
|
|
|
- option.yAxis.push({
|
|
|
- type: 'value',
|
|
|
- axisLine: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- splitLine: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- axisLabel: {
|
|
|
- show: true,
|
|
|
- formatter: '{value} %',
|
|
|
- textStyle: {
|
|
|
- color: 'rgba(250,250,250,0.6)',
|
|
|
+ option.yAxis = [
|
|
|
+ {
|
|
|
+ type: 'value',
|
|
|
+ axisLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ show: true,
|
|
|
+ formatter: '{value} %',
|
|
|
+ textStyle: {
|
|
|
+ color: 'rgba(250,250,250,0.6)',
|
|
|
+ },
|
|
|
},
|
|
|
},
|
|
|
- })
|
|
|
+ {
|
|
|
+ type: 'value',
|
|
|
+ axisLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ show: true,
|
|
|
+ formatter: '{value} %',
|
|
|
+ textStyle: {
|
|
|
+ color: 'rgba(250,250,250,0.6)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }
|
|
|
+ ]
|
|
|
myChart.setOption(option)
|
|
|
},
|
|
|
// 中间图表---------------------------------------------开始
|
|
@@ -776,7 +818,7 @@ let app = new Vue({
|
|
|
..._.cloneDeep(this.commonOption),
|
|
|
series: [
|
|
|
{
|
|
|
- name: '人工成本利润同比',
|
|
|
+ name: '人工成本利润率同比',
|
|
|
type: 'line',
|
|
|
yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
|
|
|
smooth: true, //平滑曲线显示
|
|
@@ -797,6 +839,27 @@ let app = new Vue({
|
|
|
width: 2,
|
|
|
},
|
|
|
data: dataC2[0],
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '人工成本利润率',
|
|
|
+ type: 'bar',
|
|
|
+ barWidth: 15,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
+ {
|
|
|
+ offset: 0,
|
|
|
+ color: '#69c0ff',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ offset: 1,
|
|
|
+ color: '#082550',
|
|
|
+ },
|
|
|
+ ]),
|
|
|
+ },
|
|
|
+ },
|
|
|
+ data: dataC2[1],
|
|
|
markLine: {
|
|
|
data: [
|
|
|
{
|
|
@@ -829,51 +892,48 @@ let app = new Vue({
|
|
|
},
|
|
|
},
|
|
|
},
|
|
|
- {
|
|
|
- name: '人工成本利润率',
|
|
|
- type: 'bar',
|
|
|
- barWidth: 15,
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
- {
|
|
|
- offset: 0,
|
|
|
- color: '#69c0ff',
|
|
|
- },
|
|
|
- {
|
|
|
- offset: 1,
|
|
|
- color: '#082550',
|
|
|
- },
|
|
|
- ]),
|
|
|
- },
|
|
|
- },
|
|
|
- data: dataC2[1]
|
|
|
- },
|
|
|
],
|
|
|
}
|
|
|
option.title.text = '人工成本利润率'
|
|
|
- option.legend.data = ['人工成本利润同比', '人工成本利润率']
|
|
|
+ option.legend.data = ['人工成本利润率同比', '人工成本利润率']
|
|
|
option.legend.show = true
|
|
|
option.tooltip = {
|
|
|
trigger: 'axis',
|
|
|
formatter: '{a0}:{c0}' +'<br/>'+ '{a1}:{c1}' + '%'
|
|
|
}
|
|
|
option.grid.right = '15%'
|
|
|
- option.yAxis.push({
|
|
|
- splitLine: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- axisLine: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- axisLabel: {
|
|
|
- show: true,
|
|
|
- formatter: '{value} %',
|
|
|
- textStyle: {
|
|
|
- color: 'rgba(250,250,250,0.6)',
|
|
|
+ option.yAxis = [
|
|
|
+ {
|
|
|
+ splitLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ show: true,
|
|
|
+ formatter: '{value} %',
|
|
|
+ textStyle: {
|
|
|
+ color: 'rgba(250,250,250,0.6)',
|
|
|
+ },
|
|
|
},
|
|
|
},
|
|
|
- })
|
|
|
+ {
|
|
|
+ splitLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ show: true,
|
|
|
+ formatter: '{value} %',
|
|
|
+ textStyle: {
|
|
|
+ color: 'rgba(250,250,250,0.6)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }
|
|
|
+ ]
|
|
|
myChart.setOption(option)
|
|
|
},
|
|
|
// 右侧图表---------------------------------------------开始
|
|
@@ -1143,7 +1203,7 @@ let app = new Vue({
|
|
|
},
|
|
|
axisLabel: {
|
|
|
show: true,
|
|
|
- formatter: '{value} %',
|
|
|
+ formatter: '{value}',
|
|
|
textStyle: {
|
|
|
color: 'rgba(250,250,250,0.6)',
|
|
|
},
|
|
@@ -1275,21 +1335,38 @@ let app = new Vue({
|
|
|
trigger: 'axis',
|
|
|
formatter: '{a0}:{c0}' + '%' +'<br/>'+ '{a1}:{c1}' + '%'
|
|
|
}
|
|
|
- option.yAxis.push({
|
|
|
- splitLine: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- axisLine: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- axisLabel: {
|
|
|
- show: true,
|
|
|
- formatter: '{value} %',
|
|
|
- textStyle: {
|
|
|
- color: 'rgba(250,250,250,0.6)',
|
|
|
+ option.yAxis = [
|
|
|
+ {
|
|
|
+ splitLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ show: true,
|
|
|
+ formatter: '{value} %',
|
|
|
+ textStyle: {
|
|
|
+ color: 'rgba(250,250,250,0.6)',
|
|
|
+ },
|
|
|
},
|
|
|
},
|
|
|
- })
|
|
|
+ {
|
|
|
+ splitLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ show: true,
|
|
|
+ formatter: '{value} %',
|
|
|
+ textStyle: {
|
|
|
+ color: 'rgba(250,250,250,0.6)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }
|
|
|
+ ]
|
|
|
myChart.setOption(option)
|
|
|
},
|
|
|
initChartR7 () {
|
|
@@ -1319,7 +1396,7 @@ let app = new Vue({
|
|
|
},
|
|
|
],
|
|
|
}
|
|
|
- option.title.text = '各三级企业任期制考核'
|
|
|
+ option.title.text = '各三级企业全员绩效考核 '
|
|
|
// option.legend.data = ['劳动合同签约完成率', '目标值']
|
|
|
option.yAxis.push({
|
|
|
splitLine: {
|
|
@@ -1337,7 +1414,7 @@ let app = new Vue({
|
|
|
..._.cloneDeep(this.commonOption),
|
|
|
series: [
|
|
|
{
|
|
|
- name: '任期制考核完成率',
|
|
|
+ name: '任期制契约化完成率',
|
|
|
type: 'bar',
|
|
|
barWidth: 15,
|
|
|
itemStyle: {
|
|
@@ -1358,7 +1435,7 @@ let app = new Vue({
|
|
|
},
|
|
|
],
|
|
|
}
|
|
|
- option.title.text = '各三级企业全员绩效考核'
|
|
|
+ option.title.text = '各三级企业任期制契约化完成率'
|
|
|
option.yAxis.push({
|
|
|
splitLine: {
|
|
|
show: false,
|