|
|
@@ -14,7 +14,8 @@ let app = new Vue({
|
|
|
},
|
|
|
centerData: '',
|
|
|
storageRecordConfig: {
|
|
|
- header: ['时间', '所属集团', '工作情况'],
|
|
|
+ waitTime: 200000,
|
|
|
+ header: ['', '时间', '所属集团', '工作情况'],
|
|
|
headerBGC: '#05507b33',
|
|
|
oddRowBGC: '#69c0ff0f',
|
|
|
evenRowBGC: '',
|
|
|
@@ -22,13 +23,21 @@ let app = new Vue({
|
|
|
rowNum: 4,
|
|
|
align: ['center'],
|
|
|
data: [
|
|
|
- ['2022年1月', '山西焦煤', '已经开展高层次人才引进工作'],
|
|
|
- ['2022年2月', '山西文旅', '不能按期完成序时进度'],
|
|
|
- ['2022年3月', '大地控股', '已经实现中长期激励机制贯彻'],
|
|
|
- ['2022年4月', '国际能源', '薪酬结果没有做到公开'],
|
|
|
- ['2022年5月', '山西焦煤', '已经开展高层次人才引进工作'],
|
|
|
- ['2022年6月', '山西焦煤', '不能按期完成序时进度'],
|
|
|
+ ['<span class="lightOut"><span class="light red"></span></span>', '2022年1月', '山西焦煤', '已经开展高层次人才引进工作'],
|
|
|
+ ['<span class="lightOut"><span class="light yellow"></span></span>', '2022年2月', '山西文旅', '不能按期完成序时进度'],
|
|
|
+ ['<span class="lightOut"><span class="light green"></span></span>', '2022年3月', '大地控股', '已经实现中长期激励机制贯彻'],
|
|
|
+ ['<span class="lightOut"><span class="light red"></span></span>', '2022年4月', '国际能源', '薪酬结果没有做到公开'],
|
|
|
+ ['<span class="lightOut"><span class="light yellow"></span></span>', '2022年5月', '山西焦煤', '已经开展高层次人才引进工作'],
|
|
|
+ ['<span class="lightOut"><span class="light green"></span></span>', '2022年6月', '山西焦煤', '不能按期完成序时进度'],
|
|
|
],
|
|
|
+ // data: [
|
|
|
+ // ['<span style-"display:inline-block; width:15px;height:15px;border-radius:50%;background-color:green;"></span>', '2022年1月', '山西焦煤', '已经开展高层次人才引进工作'],
|
|
|
+ // ['2022年2月', '山西文旅', '不能按期完成序时进度'],
|
|
|
+ // ['2022年3月', '大地控股', '已经实现中长期激励机制贯彻'],
|
|
|
+ // ['2022年4月', '国际能源', '薪酬结果没有做到公开'],
|
|
|
+ // ['2022年5月', '山西焦煤', '已经开展高层次人才引进工作'],
|
|
|
+ // ['2022年6月', '山西焦煤', '不能按期完成序时进度'],
|
|
|
+ // ],
|
|
|
},
|
|
|
storageRecordConfig2: {
|
|
|
header: ['企业名称', '预警内容', '数据抓取日期', '累计未获取数据日期'],
|
|
|
@@ -163,11 +172,11 @@ let app = new Vue({
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- handleShowTip(index){
|
|
|
+ handleShowTip (index) {
|
|
|
this.showTip = true
|
|
|
this.tipNum = index
|
|
|
},
|
|
|
- handleGoPage(url){
|
|
|
+ handleGoPage (url) {
|
|
|
window.location.href = url
|
|
|
},
|
|
|
numFormat (value) {
|
|
|
@@ -362,7 +371,7 @@ let app = new Vue({
|
|
|
{
|
|
|
name: '管理人员数占总人数比值',
|
|
|
type: 'line',
|
|
|
- yAxisIndex: 1,
|
|
|
+ yAxisIndex: 1,
|
|
|
smooth: true, //平滑曲线显示
|
|
|
showAllSymbol: true, //显示所有图形。
|
|
|
symbol: 'circle', //标记的图形为实心圆
|
|
|
@@ -408,8 +417,8 @@ let app = new Vue({
|
|
|
option.legend.data = ['当前管理人员数', '管理人员数占总人数比值']
|
|
|
option.yAxis[0] = {
|
|
|
type: 'log',
|
|
|
- min:1,
|
|
|
- logBase:10,
|
|
|
+ min: 1,
|
|
|
+ logBase: 10,
|
|
|
axisLine: {
|
|
|
show: false,
|
|
|
},
|
|
|
@@ -418,7 +427,7 @@ let app = new Vue({
|
|
|
},
|
|
|
axisLabel: {
|
|
|
show: true,
|
|
|
- formatter: function(value) {
|
|
|
+ formatter: function (value) {
|
|
|
return value === 1 ? 0 : value
|
|
|
},
|
|
|
textStyle: {
|
|
|
@@ -570,7 +579,7 @@ let app = new Vue({
|
|
|
},
|
|
|
axisLabel: {
|
|
|
show: true,
|
|
|
- formatter: function(value) {
|
|
|
+ formatter: function (value) {
|
|
|
return value === 1 ? 0 : value
|
|
|
},
|
|
|
textStyle: {
|
|
|
@@ -716,22 +725,22 @@ let app = new Vue({
|
|
|
option.legend.data = ['人数变化', '劳动生产率同比变化']
|
|
|
option.legend.show = true
|
|
|
option.yAxis[0].axisLabel.formatter = '{value} %',
|
|
|
- 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.push({
|
|
|
+ type: 'value',
|
|
|
+ axisLine: {
|
|
|
+ show: false,
|
|
|
},
|
|
|
- },
|
|
|
- })
|
|
|
+ splitLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ show: true,
|
|
|
+ formatter: '{value} %',
|
|
|
+ textStyle: {
|
|
|
+ color: 'rgba(250,250,250,0.6)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ })
|
|
|
|
|
|
myChart.setOption(option)
|
|
|
},
|
|
|
@@ -787,10 +796,10 @@ let app = new Vue({
|
|
|
],
|
|
|
}
|
|
|
option.title.text = '人数变化和人工成本利润率变化分析'
|
|
|
- option.legend.data = ['人数变化','人工成本利润率同比变化']
|
|
|
+ option.legend.data = ['人数变化', '人工成本利润率同比变化']
|
|
|
option.legend.show = true
|
|
|
option.yAxis[0].axisLabel.formatter = '{value} %',
|
|
|
- myChart.setOption(option)
|
|
|
+ myChart.setOption(option)
|
|
|
},
|
|
|
// 中间图表---------------------------------------------开始
|
|
|
initChartC1 () {
|
|
|
@@ -822,7 +831,7 @@ let app = new Vue({
|
|
|
},
|
|
|
// data: [60, 50, 80, 80, 90, 55, 40, 60, 50, 80, 90, 55, 40, 60, 50, 90, 55, 40],
|
|
|
data: c1[0],
|
|
|
-
|
|
|
+
|
|
|
|
|
|
},
|
|
|
{
|
|
|
@@ -907,6 +916,10 @@ let app = new Vue({
|
|
|
},
|
|
|
})
|
|
|
myChart.setOption(option)
|
|
|
+ tools.loopShowTooltip(myChart, option, {
|
|
|
+ nterval: 2000,
|
|
|
+ loopSeries: true,
|
|
|
+ });
|
|
|
},
|
|
|
initChartC2 () {
|
|
|
let myChart = echarts.init(this.$refs['echartC2'])
|
|
|
@@ -934,7 +947,7 @@ let app = new Vue({
|
|
|
color: '#B889EA',
|
|
|
width: 2,
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
// data: [60, 50, 80, 80, 90, 55, 40, 60, 50, 80, 90, 55, 40, 60, 50, 90, 55, 40],
|
|
|
data: c2[0],
|
|
|
markLine: {
|
|
|
@@ -989,13 +1002,13 @@ let app = new Vue({
|
|
|
},
|
|
|
itemStyle: {
|
|
|
color: params => {
|
|
|
- if( params.value < 0 && c2[0][params.dataIndex] < 0) {
|
|
|
- return 'red'
|
|
|
- } else if(c2[0][params.dataIndex] < 0) {
|
|
|
- return 'yellow'
|
|
|
- } else {
|
|
|
- return '#69c0ff'
|
|
|
- }
|
|
|
+ if (params.value < 0 && c2[0][params.dataIndex] < 0) {
|
|
|
+ return 'red'
|
|
|
+ } else if (c2[0][params.dataIndex] < 0) {
|
|
|
+ return 'yellow'
|
|
|
+ } else {
|
|
|
+ return '#69c0ff'
|
|
|
+ }
|
|
|
},
|
|
|
},
|
|
|
data: c2[1]
|
|
|
@@ -1007,15 +1020,19 @@ let app = new Vue({
|
|
|
option.legend.show = true
|
|
|
option.grid.right = '15%'
|
|
|
option.yAxis[0].axisLabel.formatter = '{value} %',
|
|
|
- option.yAxis.push({
|
|
|
- splitLine: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- axisLine: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- })
|
|
|
+ option.yAxis.push({
|
|
|
+ splitLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ })
|
|
|
myChart.setOption(option)
|
|
|
+ tools.loopShowTooltip(myChart, option, {
|
|
|
+ nterval: 2000,
|
|
|
+ loopSeries: true,
|
|
|
+ });
|
|
|
},
|
|
|
// 右侧图表---------------------------------------------开始
|
|
|
initChartR1 () {
|
|
|
@@ -1025,12 +1042,12 @@ let app = new Vue({
|
|
|
let dataTemp = []
|
|
|
let dataTemp2 = []
|
|
|
dataR1[0].forEach(item => {
|
|
|
- dataTemp.push(item+1);
|
|
|
+ dataTemp.push(item + 1);
|
|
|
});
|
|
|
dataR1[1].forEach(item => {
|
|
|
- dataTemp2.push(item+1);
|
|
|
- });
|
|
|
-
|
|
|
+ dataTemp2.push(item + 1);
|
|
|
+ });
|
|
|
+
|
|
|
let option = {
|
|
|
..._.cloneDeep(commonOptions),
|
|
|
series: [
|
|
|
@@ -1080,9 +1097,9 @@ let app = new Vue({
|
|
|
option.title.text = '当前各省属企业招聘需求公示人次'
|
|
|
option.legend.data = ['招聘需求公告次数', '招聘需求公告累计招聘人次']
|
|
|
option.legend.show = true
|
|
|
- option.tooltip.formatter = function(value){
|
|
|
- return value[0].axisValue+':'+ (value[0].value -1)+'<br>'+
|
|
|
- value[1].axisValue+':'+ (value[1].value-1)
|
|
|
+ option.tooltip.formatter = function (value) {
|
|
|
+ return value[0].axisValue + ':' + (value[0].value - 1) + '<br>' +
|
|
|
+ value[1].axisValue + ':' + (value[1].value - 1)
|
|
|
}
|
|
|
option.yAxis[0] = {
|
|
|
type: 'log',
|
|
|
@@ -1096,7 +1113,7 @@ let app = new Vue({
|
|
|
},
|
|
|
axisLabel: {
|
|
|
show: true,
|
|
|
- formatter: function(value) {
|
|
|
+ formatter: function (value) {
|
|
|
return value === 1 ? 0 : value
|
|
|
},
|
|
|
textStyle: {
|
|
|
@@ -1171,7 +1188,7 @@ let app = new Vue({
|
|
|
},
|
|
|
axisLabel: {
|
|
|
show: true,
|
|
|
- formatter: function(value) {
|
|
|
+ formatter: function (value) {
|
|
|
return value === 1 ? 0 : value
|
|
|
},
|
|
|
textStyle: {
|
|
|
@@ -1245,7 +1262,7 @@ let app = new Vue({
|
|
|
},
|
|
|
axisLabel: {
|
|
|
show: true,
|
|
|
- formatter: function(value) {
|
|
|
+ formatter: function (value) {
|
|
|
return value === 1 ? 0 : value
|
|
|
},
|
|
|
textStyle: {
|
|
|
@@ -1319,7 +1336,7 @@ let app = new Vue({
|
|
|
},
|
|
|
axisLabel: {
|
|
|
show: true,
|
|
|
- formatter: function(value) {
|
|
|
+ formatter: function (value) {
|
|
|
return value === 1 ? 0 : value
|
|
|
},
|
|
|
textStyle: {
|
zhbyyy
