Przeglądaj źródła

调整二级页面

zhbyyy 2 lat temu
rodzic
commit
e5d204336e

+ 4 - 44
manpowerPort/js/index.js

@@ -42,38 +42,10 @@ let app = new Vue({
         columnWidth: [150, 150],
         columnWidth: [150, 150],
         rowNum: 4,
         rowNum: 4,
         align: ['right', 'center', 'center', 'center'],
         align: ['right', 'center', 'center', 'center'],
-        data: [
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	“退二进一”完成情况表现优秀	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	总部机构压减成效明显	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	总部人员压减成效突出	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	中层管理人数改革成效显著	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	管理级次压缩成效明显	 '],
-          ['<span class="lightOut"><span class="	light red	"></span></span>', '	华阳新材	 ', '	六定未按要求下穿到全级次企业	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	潞安化工	 ', '	全员劳动生产率提高明显	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	建投集团	 ', '	深入开展中层管理人员竞聘上岗	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华舰体育	 ', '	集团人数增长速度较快	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华舰体育	 ', '	人员增速显著高于全员劳动生产率增速	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	国际能源	 ', '	全员劳动生产率增速显著高于人员增速	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华阳新材	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	太重集团	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	国际能源	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华远陆港	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	交控集团	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	云时代	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	人工成本利润率显著降低	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	航产集团	 ', '	人工成本利润率显著降低	 '],
-          ['<span class="lightOut"><span class="	light red	"></span></span>', '	大地控股	 ', '	中层管理人员任命不符合六定要求	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	交控集团	 ', '	“退二进一”完成情况表现优秀	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	太重集团	 ', '	开展管理人员末等调整和不胜任退出	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	华舰体育	 ', '	六定相关文件未按要求备案	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	六定相关文件未按要求备案	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	水控集团	 ', '	六定相关文件未按要求备案	 '],
-        ],
+        data: [],
       },
       },
       storageRecordConfig2: {
       storageRecordConfig2: {
-        header: ['', '企业名称', '预警内容', '累计未获取数据日期'],
+        header: ['', '预警内容', '累计未获取数据日期'],
         headerBGC: '#05507b33',
         headerBGC: '#05507b33',
         oddRowBGC: '#05507b33',
         oddRowBGC: '#05507b33',
         evenRowBGC: '',
         evenRowBGC: '',
@@ -81,19 +53,7 @@ let app = new Vue({
         columnWidth: [150],
         columnWidth: [150],
         rowNum: 4,
         rowNum: 4,
         align: ['center', 'center', 'center', 'center', 'center'],
         align: ['center', 'center', 'center', 'center', 'center'],
-        data: [
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华新燃气	 ', '	本季度数据更新及时准确	 ', '	-	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	云时代	 ', '	本季度数据更新及时准确	 ', '		 '],
-          ['<span class="lightOut"><span class="	light red	"></span></span>', '	大地控股	 ', '	六定长效机制情况未更新	 ', '	30	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	建设投资	 ', '	六定长效机制12月数据未获取	 ', '	15	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	交控集团	 ', '	经营业绩考核12月数据未获取	 ', '	15	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	太重集团	 ', '	经营业绩考核12月数据未获取	 ', '	15	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	经营业绩考核12月数据未获取	 ', '	15	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	水务集团	 ', '	经营业绩考核12月数据未获取	 ', '	15	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	航产集团	 ', '	经营业绩考核12月数据未获取	 ', '	15	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	华舰体育	 ', '	经营业绩考核12月数据未获取	 ', '	15	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	六定长效机制情况数据更新错误	 ', '	-	 '],
-        ]
+        data: [ ]
       },
       },
       companyList: companyList,
       companyList: companyList,
       commonOption: {
       commonOption: {
@@ -448,7 +408,7 @@ let app = new Vue({
           // 数据库预警
           // 数据库预警
           this.storageRecordConfig2.data = []
           this.storageRecordConfig2.data = []
           res.orgData.area10.card2.forEach(item => {
           res.orgData.area10.card2.forEach(item => {
-            this.storageRecordConfig2.data.push(['<span class="lightOut"><span class="light ' + (item.lightsup === '0' ? 'red' : item.lightsup === '1' ? 'yellow' : 'green') + '"></span></span>', item.enterprise, item.warning, item.date])
+            this.storageRecordConfig2.data.push(['<span class="lightOut"><span class="light ' + (item.lightsup === '0' ? 'red' : item.lightsup === '1' ? 'yellow' : 'green') + '"></span></span>', item.warning, item.date])
           })
           })
           this.storageRecordConfig2 = { ...this.storageRecordConfig2 }
           this.storageRecordConfig2 = { ...this.storageRecordConfig2 }
 
 

+ 78 - 63
manpowerPort/js/index2.js

@@ -4,6 +4,8 @@ let app = new Vue({
   el: '#app',
   el: '#app',
   data () {
   data () {
     return {
     return {
+      touch: true,
+      timeCommon: '',
       echartC1:{
       echartC1:{
         national:'',
         national:'',
         province:''
         province:''
@@ -35,56 +37,41 @@ let app = new Vue({
         headerHeight: '40',
         headerHeight: '40',
         rowNum: 4,
         rowNum: 4,
         align: ['center', 'center', 'center', 'center'],
         align: ['center', 'center', 'center', 'center'],
-        data: [
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	“退二进一”完成情况表现优秀	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	总部机构压减成效明显	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	总部人员压减成效突出	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	中层管理人数改革成效显著	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	管理级次压缩成效明显	 '],
-          // ['<span class="lightOut"><span class="	light red	"></span></span>', '	华阳新材	 ', '	六定未按要求下穿到全级次企业	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	潞安化工	 ', '	全员劳动生产率提高明显	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	建投集团	 ', '	深入开展中层管理人员竞聘上岗	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	华舰体育	 ', '	集团人数增长速度较快	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	华舰体育	 ', '	人员增速显著高于全员劳动生产率增速	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	国际能源	 ', '	全员劳动生产率增速显著高于人员增速	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	人工成本利润率增长且总人数下降	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	人工成本利润率增长且总人数下降	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	华阳新材	 ', '	人工成本利润率增长且总人数下降	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	太重集团	 ', '	人工成本利润率增长且总人数下降	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	国际能源	 ', '	人工成本利润率增长且总人数下降	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	华远陆港	 ', '	人工成本利润率增长且总人数下降	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	交控集团	 ', '	人工成本利润率增长且总人数下降	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	云时代	 ', '	人工成本利润率增长且总人数下降	 '],
-          // ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	人工成本利润率显著降低	 '],
-          // ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	航产集团	 ', '	人工成本利润率显著降低	 '],
-          // ['<span class="lightOut"><span class="	light red	"></span></span>', '	大地控股	 ', '	中层管理人员任命不符合六定要求	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	交控集团	 ', '	“退二进一”完成情况表现优秀	 '],
-          // ['<span class="lightOut"><span class="	light green	"></span></span>', '	太重集团	 ', '	开展管理人员末等调整和不胜任退出	 '],
-          // ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	华舰体育	 ', '	六定相关文件未按要求备案	 '],
-          // ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	六定相关文件未按要求备案	 '],
-          // ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	水控集团	 ', '	六定相关文件未按要求备案	 '],
-        ],
+        data: [],
       },
       },
       storageRecordConfig2: {
       storageRecordConfig2: {
-        header: ['企业名称', '预警内容', '数据抓取日期', '累计未获取数据日期'],
+        header: ['', '预警内容', '累计未获取数据日期'],
         headerBGC: '#05507b33',
         headerBGC: '#05507b33',
         oddRowBGC: '#05507b33',
         oddRowBGC: '#05507b33',
         evenRowBGC: '',
         evenRowBGC: '',
         headerHeight: '40',
         headerHeight: '40',
         rowNum: 4,
         rowNum: 4,
         align: ['center', 'center', 'center', 'center'],
         align: ['center', 'center', 'center', 'center'],
-        data: [
-          ['山西焦煤', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['山西文旅', '六定长效机制情况未更新', '2022.12.01-12.31', '7天'],
-          ['大地控股', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['国际能源', '六定长效机制情况未更新', '2022.12.01-12.31', '1天'],
-          ['山西焦煤', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['山西焦煤', '六定长效机制情况未更新', '2022.12.01-12.31', '3天'],
-        ],
+        data: [],
       },
       },
       companyList: companyList,
       companyList: companyList,
       companyListTitle: companyListTitle,
       companyListTitle: companyListTitle,
-      commonOption: {
+      commonOption:[]
+    }
+  },
+  beforeMount () {
+  },
+  mounted () {
+    this.getUrlParams()
+    this.time = formatDate()
+    this.timer = setInterval(() => {
+      this.time = formatDate()
+    }, 1000)
+    this.centerData = data
+  },
+  beforeDestroy () {
+    clearInterval(this.timer);
+    clearInterval(this.timeCommon);
+  },
+  methods: {
+    judgeCarousel () {
+      let that = this
+      let a = {
         title: {
         title: {
           text: 'xxx',
           text: 'xxx',
           x: 'center',
           x: 'center',
@@ -102,9 +89,9 @@ let app = new Vue({
         },
         },
         grid: {
         grid: {
           top: '22%',
           top: '22%',
-          right: '3%',
-          left: '5%',
-          bottom: '10%',
+          right: '5%',
+          left: '8%',
+          bottom: '25%',
         },
         },
         legend: {
         legend: {
           data: '',
           data: '',
@@ -163,25 +150,41 @@ let app = new Vue({
             },
             },
           },
           },
         ],
         ],
-      },
-    }
-  },
-  beforeMount () {
-  },
-  mounted () {
-    this.getUrlParams()
-    this.time = formatDate()
-    this.timer = setInterval(() => {
-      this.time = formatDate()
-    }, 1000)
-    this.centerData = data
-  },
-  beforeDestroy () {
-    if (this.timer) {
-      clearInterval(this.timer);
-    }
-  },
-  methods: {
+      }
+      a.xAxis.data = this.companyList.map(item => item.name)
+      if (this.companyList.length > 18) {
+        a.dataZoom = [
+          {
+            // start: 9,//默认为@
+            // end: 100,//黑认认为1@0
+            type: "slider",
+            show: false,
+            // xAxisIndex: [0]
+            handlesize: 0,//滑动条的 左右2个滑动条的大小
+            startValue: 17,// 初始显示值
+            endValue: 0,// 结束显示值
+            height: 10,//组件高度
+            left: "5%",
+            right: "4%",//右边的距离
+            bottom: "25%",//底边的距离
+            borderColor: "#939",
+            fillerColor: "#269cdb",
+            borderRadius: 5,
+            backgroundColor: "#33384b",//两边未选中的滑动条区域的额色
+            showDataShadow: false,//是否显示数据阴影
+            showDetail: false,//即拖拽时候是否显示详细数值信息 
+            truerealtime: true,//是否实时更新
+            filterMode: "filter"
+          }, {
+            type: 'inside',
+            show: true,
+            start: 1,
+            end: 100
+          }
+        ]
+      }
+      this.commonOption = a
+    },
     // 生成图表
     // 生成图表
     generateEcharts () {
     generateEcharts () {
       this.initChartL1()
       this.initChartL1()
@@ -206,6 +209,7 @@ let app = new Vue({
       // this.initChartR8()
       // this.initChartR8()
     },
     },
     getData () {
     getData () {
+      let that = this
       return new Promise((resolve, err) => {
       return new Promise((resolve, err) => {
         let value = {
         let value = {
           access_token: this.access_token,
           access_token: this.access_token,
@@ -226,7 +230,6 @@ let app = new Vue({
           res.orgData.area1.card1.forEach(item => {
           res.orgData.area1.card1.forEach(item => {
             dataL1[0].push(item['ZBPZ0010'])
             dataL1[0].push(item['ZBPZ0010'])
           })
           })
-          console.log(dataL1[0],'????')
           // 各二级企业所属架构数
           // 各二级企业所属架构数
           dataL2[0] = []
           dataL2[0] = []
           res.orgData.area1.card2.forEach(item => {
           res.orgData.area1.card2.forEach(item => {
@@ -420,6 +423,18 @@ let app = new Vue({
             }
             }
           })
           })
           this.generateEcharts()
           this.generateEcharts()
+          this.timeCommon = setInterval(() => {
+            if (that.touch) {
+              if (that.commonOption.dataZoom[0].startValue < that.companyList.length) {
+                that.commonOption.dataZoom[0].endValue += 18
+                that.commonOption.dataZoom[0].startValue += 18
+              } else {
+                that.commonOption.dataZoom[0].endValue = 0
+                that.commonOption.dataZoom[0].startValue = 18
+              }
+              that.generateEcharts()
+            }
+          }, 5000)
           resolve(1)
           resolve(1)
         })
         })
       });
       });
@@ -463,8 +478,8 @@ let app = new Vue({
           this.companyList = res.data.map(item => {
           this.companyList = res.data.map(item => {
             return { name: item.orgName, id: item.orgNumber }
             return { name: item.orgName, id: item.orgNumber }
           })
           })
-          this.commonOption.xAxis.data = this.companyList.map(item => item.name)
           this.getData()
           this.getData()
+          this.judgeCarousel()
           resolve(1);
           resolve(1);
         })
         })
       });
       });

+ 89 - 70
manpowerPort/js/index2JNKG.js

@@ -4,6 +4,8 @@ let app = new Vue({
   el: '#app',
   el: '#app',
   data () {
   data () {
     return {
     return {
+      touch: true,
+      timeCommon: '',
       echartC1: {
       echartC1: {
         national: '',
         national: '',
         province: ''
         province: ''
@@ -35,35 +37,7 @@ let app = new Vue({
         headerHeight: '40',
         headerHeight: '40',
         rowNum: 4,
         rowNum: 4,
         align: ['center', 'center', 'center', 'center'],
         align: ['center', 'center', 'center', 'center'],
-        data: [
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	“退二进一”完成情况表现优秀	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	总部机构压减成效明显	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	总部人员压减成效突出	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	中层管理人数改革成效显著	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	管理级次压缩成效明显	 '],
-          ['<span class="lightOut"><span class="	light red	"></span></span>', '	华阳新材	 ', '	六定未按要求下穿到全级次企业	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	潞安化工	 ', '	全员劳动生产率提高明显	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	建投集团	 ', '	深入开展中层管理人员竞聘上岗	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华舰体育	 ', '	集团人数增长速度较快	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华舰体育	 ', '	人员增速显著高于全员劳动生产率增速	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	国际能源	 ', '	全员劳动生产率增速显著高于人员增速	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华阳新材	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	太重集团	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	国际能源	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华远陆港	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	交控集团	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	云时代	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	人工成本利润率显著降低	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	航产集团	 ', '	人工成本利润率显著降低	 '],
-          ['<span class="lightOut"><span class="	light red	"></span></span>', '	大地控股	 ', '	中层管理人员任命不符合六定要求	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	交控集团	 ', '	“退二进一”完成情况表现优秀	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	太重集团	 ', '	开展管理人员末等调整和不胜任退出	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	华舰体育	 ', '	六定相关文件未按要求备案	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	六定相关文件未按要求备案	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	水控集团	 ', '	六定相关文件未按要求备案	 '],
-        ],
+        data: [],
       },
       },
       storageRecordConfig2: {
       storageRecordConfig2: {
         header: ['企业名称', '预警内容', '数据抓取日期', '累计未获取数据日期'],
         header: ['企业名称', '预警内容', '数据抓取日期', '累计未获取数据日期'],
@@ -73,18 +47,31 @@ let app = new Vue({
         headerHeight: '40',
         headerHeight: '40',
         rowNum: 4,
         rowNum: 4,
         align: ['center', 'center', 'center', 'center'],
         align: ['center', 'center', 'center', 'center'],
-        data: [
-          ['山西焦煤', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['山西文旅', '六定长效机制情况未更新', '2022.12.01-12.31', '7天'],
-          ['大地控股', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['国际能源', '六定长效机制情况未更新', '2022.12.01-12.31', '1天'],
-          ['山西焦煤', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['山西焦煤', '六定长效机制情况未更新', '2022.12.01-12.31', '3天'],
-        ],
+        data: [],
       },
       },
       companyList: companyList,
       companyList: companyList,
       companyListTitle: companyListTitle,
       companyListTitle: companyListTitle,
-      commonOption: {
+      commonOption: []
+    }
+  },
+  beforeMount () {
+  },
+  mounted () {
+
+    this.getUrlParams()
+    this.time = formatDate()
+    this.timer = setInterval(() => {
+      this.time = formatDate()
+    }, 1000)
+    this.centerData = data
+  },
+  beforeDestroy () {
+    clearInterval(this.timer);
+    clearInterval(this.timeCommon);
+  },
+  methods: {
+    judgeCarousel () {
+      let a = {
         title: {
         title: {
           text: 'xxx',
           text: 'xxx',
           x: 'center',
           x: 'center',
@@ -163,25 +150,41 @@ let app = new Vue({
             },
             },
           },
           },
         ],
         ],
-      },
-    }
-  },
-  beforeMount () {
-  },
-  mounted () {
-    this.getUrlParams()
-    this.time = formatDate()
-    this.timer = setInterval(() => {
-      this.time = formatDate()
-    }, 1000)
-    this.centerData = data
-  },
-  beforeDestroy () {
-    if (this.timer) {
-      clearInterval(this.timer);
-    }
-  },
-  methods: {
+      }
+      a.xAxis.data = this.companyList.map(item => item.name)
+      if (this.companyList.length > 18) {
+        a.dataZoom = [
+          {
+            // start: 9,//默认为@
+            // end: 100,//黑认认为1@0
+            type: "slider",
+            show: false,
+            // xAxisIndex: [0]
+            handlesize: 0,//滑动条的 左右2个滑动条的大小
+            startValue: 17,// 初始显示值
+            endValue: 0,// 结束显示值
+            height: 10,//组件高度
+            left: "5%",
+            right: "4%",//右边的距离
+            bottom: "25%",//底边的距离
+            borderColor: "#939",
+            fillerColor: "#269cdb",
+            borderRadius: 5,
+            backgroundColor: "#33384b",//两边未选中的滑动条区域的额色
+            showDataShadow: false,//是否显示数据阴影
+            showDetail: false,//即拖拽时候是否显示详细数值信息 
+            truerealtime: true,//是否实时更新
+            filterMode: "filter"
+          }, {
+            type: 'inside',
+            show: true,
+            start: 1,
+            end: 100
+          }
+        ]
+      }
+      this.commonOption = a
+    },
     // 生成图表
     // 生成图表
     generateEcharts () {
     generateEcharts () {
       this.initChartL1()
       this.initChartL1()
@@ -206,6 +209,7 @@ let app = new Vue({
       this.initChartR8()
       this.initChartR8()
     },
     },
     getData () {
     getData () {
+      let that = this
       return new Promise((resolve, err) => {
       return new Promise((resolve, err) => {
         let value = {
         let value = {
           access_token: this.access_token,
           access_token: this.access_token,
@@ -263,8 +267,12 @@ let app = new Vue({
           })
           })
           // 各二级企业本部员额数
           // 各二级企业本部员额数
           dataL6[0] = []
           dataL6[0] = []
+          dataL6[2] = []
+          dataL6[1] = []
           res.orgData.area3.card2.forEach(item => {
           res.orgData.area3.card2.forEach(item => {
             dataL6[0].push(item['ZBPZ0031'])
             dataL6[0].push(item['ZBPZ0031'])
+            dataL6[2].push(item['ZBPZ0094'])
+            dataL6[1].push(item['ZBPZ0095'])
           })
           })
           // 人数变化和全员劳动生产率变化率分析
           // 人数变化和全员劳动生产率变化率分析
           dataL7[0] = []
           dataL7[0] = []
@@ -413,6 +421,18 @@ let app = new Vue({
           //   }
           //   }
           // })
           // })
           this.generateEcharts()
           this.generateEcharts()
+          this.timeCommon = setInterval(() => {
+            if (that.touch) {
+              if (that.commonOption.dataZoom[0].startValue < that.companyList.length) {
+                that.commonOption.dataZoom[0].endValue += 18
+                that.commonOption.dataZoom[0].startValue += 18
+              } else {
+                that.commonOption.dataZoom[0].endValue = 0
+                that.commonOption.dataZoom[0].startValue = 18
+              }
+              that.generateEcharts()
+            }
+          }, 5000)
           resolve(1)
           resolve(1)
         })
         })
       });
       });
@@ -456,8 +476,8 @@ let app = new Vue({
           this.companyList = res.data.map(item => {
           this.companyList = res.data.map(item => {
             return { name: item.orgName, id: item.orgNumber }
             return { name: item.orgName, id: item.orgNumber }
           })
           })
-          this.commonOption.xAxis.data = this.companyList.map(item => item.name)
           this.getData()
           this.getData()
+          this.judgeCarousel()
           resolve(1);
           resolve(1);
         })
         })
       });
       });
@@ -823,7 +843,7 @@ let app = new Vue({
             itemStyle: {
             itemStyle: {
               normal: {
               normal: {
                 color: params => {
                 color: params => {
-                  if (params.value >  dataL4[2][params.dataIndex] || params.value >  dataL4[0][params.dataIndex]) {
+                  if (params.value > dataL4[2][params.dataIndex] || params.value > dataL4[0][params.dataIndex]) {
 
 
                     return 'red'
                     return 'red'
                   } else {
                   } else {
@@ -1087,11 +1107,10 @@ let app = new Vue({
             barWidth: 15,
             barWidth: 15,
             itemStyle: {
             itemStyle: {
               normal: {
               normal: {
-                barBorderRadius: [10, 10, 0, 0],
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   {
                   {
                     offset: 0,
                     offset: 0,
-                    color: '#43ede3',
+                    color: '#5e7ae9',
                   },
                   },
                   {
                   {
                     offset: 1,
                     offset: 1,
@@ -1838,14 +1857,14 @@ let app = new Vue({
             y: 0,
             y: 0,
             x2: 0,
             x2: 0,
             y2: 1,
             y2: 1,
-            colorStops: [         {
-                      offset: 0,
-                      color: '#45DAD1',
-                    },
-                    {
-                      offset: 1,
-                      color: '#082550',
-                    },],
+            colorStops: [{
+              offset: 0,
+              color: '#45DAD1',
+            },
+            {
+              offset: 1,
+              color: '#082550',
+            },],
           }
           }
         ],
         ],
         series: [
         series: [
@@ -1969,7 +1988,7 @@ let app = new Vue({
                 color: params => {
                 color: params => {
                   if (dataR4[0][params.dataIndex] / 2 < params.value) {
                   if (dataR4[0][params.dataIndex] / 2 < params.value) {
                     return 'red'
                     return 'red'
-                  } 
+                  }
                   else {
                   else {
                     return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                     return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                       {
                       {

+ 86 - 84
manpowerPort/js/index3.js

@@ -4,6 +4,8 @@ let app = new Vue({
   el: '#app',
   el: '#app',
   data () {
   data () {
     return {
     return {
+      touch: true,
+      timeCommon: '',
       echartC1:{
       echartC1:{
         national:'',
         national:'',
         province:''
         province:''
@@ -33,35 +35,7 @@ let app = new Vue({
         headerHeight: '40',
         headerHeight: '40',
         rowNum: 4,
         rowNum: 4,
         align: ['center', 'center', 'center', 'center'],
         align: ['center', 'center', 'center', 'center'],
-        data: [
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	“退二进一”完成情况表现优秀	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	总部机构压减成效明显	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	总部人员压减成效突出	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	中层管理人数改革成效显著	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	管理级次压缩成效明显	 '],
-          ['<span class="lightOut"><span class="	light red	"></span></span>', '	华阳新材	 ', '	六定未按要求下穿到全级次企业	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	潞安化工	 ', '	全员劳动生产率提高明显	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	建投集团	 ', '	深入开展中层管理人员竞聘上岗	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华舰体育	 ', '	集团人数增长速度较快	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华舰体育	 ', '	人员增速显著高于全员劳动生产率增速	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	国际能源	 ', '	全员劳动生产率增速显著高于人员增速	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华阳新材	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	太重集团	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	国际能源	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华远陆港	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	交控集团	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	云时代	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	人工成本利润率显著降低	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	航产集团	 ', '	人工成本利润率显著降低	 '],
-          ['<span class="lightOut"><span class="	light red	"></span></span>', '	大地控股	 ', '	中层管理人员任命不符合六定要求	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	交控集团	 ', '	“退二进一”完成情况表现优秀	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	太重集团	 ', '	开展管理人员末等调整和不胜任退出	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	华舰体育	 ', '	六定相关文件未按要求备案	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	六定相关文件未按要求备案	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	水控集团	 ', '	六定相关文件未按要求备案	 '],
-        ],
+        data: [],
       },
       },
       storageRecordConfig2: {
       storageRecordConfig2: {
         header: ['企业名称', '预警内容', '数据抓取日期', '累计未获取数据日期'],
         header: ['企业名称', '预警内容', '数据抓取日期', '累计未获取数据日期'],
@@ -71,18 +45,52 @@ let app = new Vue({
         headerHeight: '40',
         headerHeight: '40',
         rowNum: 4,
         rowNum: 4,
         align: ['center', 'center', 'center', 'center'],
         align: ['center', 'center', 'center', 'center'],
-        data: [
-          ['山西焦煤', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['山西文旅', '六定长效机制情况未更新', '2022.12.01-12.31', '7天'],
-          ['大地控股', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['国际能源', '六定长效机制情况未更新', '2022.12.01-12.31', '1天'],
-          ['山西焦煤', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['山西焦煤', '六定长效机制情况未更新', '2022.12.01-12.31', '3天'],
-        ],
+        data: [],
       },
       },
       companyList: companyList,
       companyList: companyList,
       companyListTitle: companyListTitle,
       companyListTitle: companyListTitle,
-      commonOption: {
+      commonOption: []
+    }
+  },
+  beforeMount () {
+
+  },
+  mounted () {
+    this.getUrlParams()
+    this.time = formatDate()
+    this.timer = setInterval(() => {
+      this.time = formatDate()
+    }, 1000)
+    this.centerData = data
+    // 左侧图表
+    this.initChartL1()
+    // this.initChartL2()
+    this.initChartL3()
+    // this.initChartL4()
+    // this.initChartL5()
+    this.initChartL6()
+    // this.initChartL7()
+    // this.initChartL8()
+    // 中间图表
+    this.initChartC1()
+    this.initChartC2()
+    // 右侧图表
+    // this.initChartR1()
+    // this.initChartR2()
+    // this.initChartR3()
+    this.initChartR4()
+    this.initChartR5()
+    // this.initChartR6()
+    this.initChartR7()
+    // this.initChartR8()
+  },
+  beforeDestroy () {
+    clearInterval(this.timer);
+    clearInterval(this.timeCommon);
+  },
+  methods: {
+    judgeCarousel () {
+      let a = {
         title: {
         title: {
           text: 'xxx',
           text: 'xxx',
           x: 'center',
           x: 'center',
@@ -100,9 +108,9 @@ let app = new Vue({
         },
         },
         grid: {
         grid: {
           top: '22%',
           top: '22%',
-          right: '3%',
-          left: '5%',
-          bottom: '10%',
+          right: '5%',
+          left: '8%',
+          bottom: '25%',
         },
         },
         legend: {
         legend: {
           data: '',
           data: '',
@@ -110,7 +118,7 @@ let app = new Vue({
           right: '5%',
           right: '5%',
           textStyle: {
           textStyle: {
             color: 'rgba(250,250,250,0.6)',
             color: 'rgba(250,250,250,0.6)',
-            fontSize: 14,
+            fontSize: 16,
           },
           },
         },
         },
         xAxis: {
         xAxis: {
@@ -161,47 +169,41 @@ let app = new Vue({
             },
             },
           },
           },
         ],
         ],
-      },
-    }
-  },
-  beforeMount () {
-
-  },
-  mounted () {
-    this.getUrlParams()
-    this.time = formatDate()
-    this.timer = setInterval(() => {
-      this.time = formatDate()
-    }, 1000)
-    this.centerData = data
-    // 左侧图表
-    this.initChartL1()
-    // this.initChartL2()
-    this.initChartL3()
-    // this.initChartL4()
-    // this.initChartL5()
-    this.initChartL6()
-    // this.initChartL7()
-    // this.initChartL8()
-    // 中间图表
-    this.initChartC1()
-    this.initChartC2()
-    // 右侧图表
-    // this.initChartR1()
-    // this.initChartR2()
-    // this.initChartR3()
-    this.initChartR4()
-    this.initChartR5()
-    // this.initChartR6()
-    this.initChartR7()
-    // this.initChartR8()
-  },
-  beforeDestroy () {
-    if (this.timer) {
-      clearInterval(this.timer);
-    }
-  },
-  methods: {
+      }
+      a.xAxis.data = this.companyList.map(item => item.name)
+      if (this.companyList.length > 18) {
+        a.dataZoom = [
+          {
+            // start: 9,//默认为@
+            // end: 100,//黑认认为1@0
+            type: "slider",
+            show: false,
+            // xAxisIndex: [0]
+            handlesize: 0,//滑动条的 左右2个滑动条的大小
+            startValue: 17,// 初始显示值
+            endValue: 0,// 结束显示值
+            height: 10,//组件高度
+            left: "5%",
+            right: "4%",//右边的距离
+            bottom: "25%",//底边的距离
+            borderColor: "#939",
+            fillerColor: "#269cdb",
+            borderRadius: 5,
+            backgroundColor: "#33384b",//两边未选中的滑动条区域的额色
+            showDataShadow: false,//是否显示数据阴影
+            showDetail: false,//即拖拽时候是否显示详细数值信息 
+            truerealtime: true,//是否实时更新
+            filterMode: "filter"
+          }, {
+            type: 'inside',
+            show: true,
+            start: 1,
+            end: 100
+          }
+        ]
+      }
+      this.commonOption = a
+    },
     // 获取地址栏参数
     // 获取地址栏参数
     getUrlParams (id) {
     getUrlParams (id) {
       let url = window.location.href
       let url = window.location.href
@@ -241,8 +243,8 @@ let app = new Vue({
           this.companyList = res.data.map(item => {
           this.companyList = res.data.map(item => {
             return { name: item.orgName, id: item.orgNumber }
             return { name: item.orgName, id: item.orgNumber }
           })
           })
-          this.commonOption.xAxis.data = this.companyList.map(item => item.name)
           this.getData()
           this.getData()
+          this.judgeCarousel()
           resolve(1);
           resolve(1);
         })
         })
       });
       });

+ 88 - 83
manpowerPort/js/index3MT.js

@@ -4,6 +4,8 @@ let app = new Vue({
   el: '#app',
   el: '#app',
   data () {
   data () {
     return {
     return {
+      touch: true,
+      timeCommon: '',
       echartC1: {
       echartC1: {
         national: '',
         national: '',
         province: ''
         province: ''
@@ -33,35 +35,7 @@ let app = new Vue({
         headerHeight: '40',
         headerHeight: '40',
         rowNum: 4,
         rowNum: 4,
         align: ['center', 'center', 'center', 'center'],
         align: ['center', 'center', 'center', 'center'],
-        data: [
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	“退二进一”完成情况表现优秀	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	总部机构压减成效明显	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	总部人员压减成效突出	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	中层管理人数改革成效显著	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	管理级次压缩成效明显	 '],
-          ['<span class="lightOut"><span class="	light red	"></span></span>', '	华阳新材	 ', '	六定未按要求下穿到全级次企业	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	潞安化工	 ', '	全员劳动生产率提高明显	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	建投集团	 ', '	深入开展中层管理人员竞聘上岗	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华舰体育	 ', '	集团人数增长速度较快	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华舰体育	 ', '	人员增速显著高于全员劳动生产率增速	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	国际能源	 ', '	全员劳动生产率增速显著高于人员增速	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华阳新材	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	太重集团	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	国际能源	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华远陆港	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	交控集团	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	云时代	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	人工成本利润率显著降低	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	航产集团	 ', '	人工成本利润率显著降低	 '],
-          ['<span class="lightOut"><span class="	light red	"></span></span>', '	大地控股	 ', '	中层管理人员任命不符合六定要求	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	交控集团	 ', '	“退二进一”完成情况表现优秀	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	太重集团	 ', '	开展管理人员末等调整和不胜任退出	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	华舰体育	 ', '	六定相关文件未按要求备案	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	六定相关文件未按要求备案	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	水控集团	 ', '	六定相关文件未按要求备案	 '],
-        ],
+        data: [],
       },
       },
       storageRecordConfig2: {
       storageRecordConfig2: {
         header: ['企业名称', '预警内容', '数据抓取日期', '累计未获取数据日期'],
         header: ['企业名称', '预警内容', '数据抓取日期', '累计未获取数据日期'],
@@ -71,18 +45,51 @@ let app = new Vue({
         headerHeight: '40',
         headerHeight: '40',
         rowNum: 4,
         rowNum: 4,
         align: ['center', 'center', 'center', 'center'],
         align: ['center', 'center', 'center', 'center'],
-        data: [
-          ['山西焦煤', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['山西文旅', '六定长效机制情况未更新', '2022.12.01-12.31', '7天'],
-          ['大地控股', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['国际能源', '六定长效机制情况未更新', '2022.12.01-12.31', '1天'],
-          ['山西焦煤', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['山西焦煤', '六定长效机制情况未更新', '2022.12.01-12.31', '3天'],
-        ],
+        data: [],
       },
       },
       companyList: companyList,
       companyList: companyList,
       companyListTitle: companyListTitle,
       companyListTitle: companyListTitle,
-      commonOption: {
+      commonOption: []
+    }
+  },
+  beforeMount () {
+  },
+  mounted () {
+    this.getUrlParams()
+    this.time = formatDate()
+    this.timer = setInterval(() => {
+      this.time = formatDate()
+    }, 1000)
+    this.centerData = data
+    // 左侧图表
+    this.initChartL1()
+    this.initChartL2()
+    this.initChartL3()
+    this.initChartL4()
+    this.initChartL5()
+    this.initChartL6()
+    this.initChartL7()
+    this.initChartL8()
+    // 中间图表
+    this.initChartC1()
+    this.initChartC2()
+    // 右侧图表
+    this.initChartR1()
+    this.initChartR2()
+    this.initChartR3()
+    this.initChartR4()
+    this.initChartR5()
+    this.initChartR6()
+    this.initChartR7()
+    this.initChartR8()
+  },
+  beforeDestroy () {
+    clearInterval(this.timer);
+    clearInterval(this.timeCommon);
+  },
+  methods: {
+    judgeCarousel () {
+      let a = {
         title: {
         title: {
           text: 'xxx',
           text: 'xxx',
           x: 'center',
           x: 'center',
@@ -102,7 +109,7 @@ let app = new Vue({
           top: '22%',
           top: '22%',
           right: '5%',
           right: '5%',
           left: '8%',
           left: '8%',
-          bottom: '26%',
+          bottom: '25%',
         },
         },
         legend: {
         legend: {
           data: '',
           data: '',
@@ -110,7 +117,7 @@ let app = new Vue({
           right: '5%',
           right: '5%',
           textStyle: {
           textStyle: {
             color: 'rgba(250,250,250,0.6)',
             color: 'rgba(250,250,250,0.6)',
-            fontSize: 14,
+            fontSize: 16,
           },
           },
         },
         },
         xAxis: {
         xAxis: {
@@ -161,46 +168,41 @@ let app = new Vue({
             },
             },
           },
           },
         ],
         ],
-      },
-    }
-  },
-  beforeMount () {
-  },
-  mounted () {
-    this.getUrlParams()
-    this.time = formatDate()
-    this.timer = setInterval(() => {
-      this.time = formatDate()
-    }, 1000)
-    this.centerData = data
-    // 左侧图表
-    this.initChartL1()
-    this.initChartL2()
-    this.initChartL3()
-    this.initChartL4()
-    this.initChartL5()
-    this.initChartL6()
-    this.initChartL7()
-    this.initChartL8()
-    // 中间图表
-    this.initChartC1()
-    this.initChartC2()
-    // 右侧图表
-    this.initChartR1()
-    this.initChartR2()
-    this.initChartR3()
-    this.initChartR4()
-    this.initChartR5()
-    this.initChartR6()
-    this.initChartR7()
-    this.initChartR8()
-  },
-  beforeDestroy () {
-    if (this.timer) {
-      clearInterval(this.timer);
-    }
-  },
-  methods: {
+      }
+      a.xAxis.data = this.companyList.map(item => item.name)
+      if (this.companyList.length > 18) {
+        a.dataZoom = [
+          {
+            // start: 9,//默认为@
+            // end: 100,//黑认认为1@0
+            type: "slider",
+            show: false,
+            // xAxisIndex: [0]
+            handlesize: 0,//滑动条的 左右2个滑动条的大小
+            startValue: 17,// 初始显示值
+            endValue: 0,// 结束显示值
+            height: 10,//组件高度
+            left: "5%",
+            right: "4%",//右边的距离
+            bottom: "25%",//底边的距离
+            borderColor: "#939",
+            fillerColor: "#269cdb",
+            borderRadius: 5,
+            backgroundColor: "#33384b",//两边未选中的滑动条区域的额色
+            showDataShadow: false,//是否显示数据阴影
+            showDetail: false,//即拖拽时候是否显示详细数值信息 
+            truerealtime: true,//是否实时更新
+            filterMode: "filter"
+          }, {
+            type: 'inside',
+            show: true,
+            start: 1,
+            end: 100
+          }
+        ]
+      }
+      this.commonOption = a
+    },
     // 获取地址栏参数
     // 获取地址栏参数
     getUrlParams (id) {
     getUrlParams (id) {
       let url = window.location.href
       let url = window.location.href
@@ -240,8 +242,8 @@ let app = new Vue({
           this.companyList = res.data.map(item => {
           this.companyList = res.data.map(item => {
             return { name: item.orgName, id: item.orgNumber }
             return { name: item.orgName, id: item.orgNumber }
           })
           })
-          this.commonOption.xAxis.data = this.companyList.map(item => item.name)
           this.getData()
           this.getData()
+          this.judgeCarousel()
           resolve(1);
           resolve(1);
         })
         })
       });
       });
@@ -303,8 +305,12 @@ let app = new Vue({
           })
           })
           // 各二级企业本部员额数
           // 各二级企业本部员额数
           dataL6[0] = []
           dataL6[0] = []
+          dataL6[2] = []
+          dataL6[1] = []
           res.orgData.area3.card2.forEach(item => {
           res.orgData.area3.card2.forEach(item => {
             dataL6[0].push(item['ZBPZ0031'])
             dataL6[0].push(item['ZBPZ0031'])
+            dataL6[2].push(item['ZBPZ0094'])
+            dataL6[1].push(item['ZBPZ0095'])
           })
           })
           // 人数变化和全员劳动生产率变化率分析
           // 人数变化和全员劳动生产率变化率分析
           dataL7[0] = []
           dataL7[0] = []
@@ -1081,11 +1087,10 @@ let app = new Vue({
             barWidth: 15,
             barWidth: 15,
             itemStyle: {
             itemStyle: {
               normal: {
               normal: {
-                barBorderRadius: [10, 10, 0, 0],
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   {
                   {
                     offset: 0,
                     offset: 0,
-                    color: '#43ede3',
+                    color: '#5e7ae9',
                   },
                   },
                   {
                   {
                     offset: 1,
                     offset: 1,

+ 87 - 84
manpowerPort/js/index4.js

@@ -4,6 +4,8 @@ let app = new Vue({
   el: '#app',
   el: '#app',
   data () {
   data () {
     return {
     return {
+      touch: true,
+      timeCommon: '',
       echartC1:{
       echartC1:{
         national:'',
         national:'',
         province:''
         province:''
@@ -33,36 +35,7 @@ let app = new Vue({
         headerHeight: '40',
         headerHeight: '40',
         rowNum: 4,
         rowNum: 4,
         align: ['center', 'center', 'center', 'center'],
         align: ['center', 'center', 'center', 'center'],
-        data: [
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	“退二进一”完成情况表现优秀	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	总部机构压减成效明显	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	总部人员压减成效突出	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	中层管理人数改革成效显著	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	管理级次压缩成效明显	 '],
-          ['<span class="lightOut"><span class="	light red	"></span></span>', '	华阳新材	 ', '	六定未按要求下穿到全级次企业	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	潞安化工	 ', '	全员劳动生产率提高明显	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	建投集团	 ', '	深入开展中层管理人员竞聘上岗	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华舰体育	 ', '	集团人数增长速度较快	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华舰体育	 ', '	人员增速显著高于全员劳动生产率增速	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	国际能源	 ', '	全员劳动生产率增速显著高于人员增速	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华阳新材	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	太重集团	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	国际能源	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华远陆港	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	交控集团	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	云时代	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	人工成本利润率显著降低	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	航产集团	 ', '	人工成本利润率显著降低	 '],
-          ['<span class="lightOut"><span class="	light red	"></span></span>', '	大地控股	 ', '	中层管理人员任命不符合六定要求	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	交控集团	 ', '	“退二进一”完成情况表现优秀	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	太重集团	 ', '	开展管理人员末等调整和不胜任退出	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	华舰体育	 ', '	六定相关文件未按要求备案	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	六定相关文件未按要求备案	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	水控集团	 ', '	六定相关文件未按要求备案	 '],
-
-        ],
+        data: [],
       },
       },
       storageRecordConfig2: {
       storageRecordConfig2: {
         header: ['企业名称', '预警内容', '数据抓取日期', '累计未获取数据日期'],
         header: ['企业名称', '预警内容', '数据抓取日期', '累计未获取数据日期'],
@@ -72,17 +45,50 @@ let app = new Vue({
         headerHeight: '40',
         headerHeight: '40',
         rowNum: 4,
         rowNum: 4,
         align: ['center', 'center', 'center', 'center'],
         align: ['center', 'center', 'center', 'center'],
-        data: [
-          ['山西焦煤', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['山西文旅', '六定长效机制情况未更新', '2022.12.01-12.31', '7天'],
-          ['大地控股', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['国际能源', '六定长效机制情况未更新', '2022.12.01-12.31', '1天'],
-          ['山西焦煤', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['山西焦煤', '六定长效机制情况未更新', '2022.12.01-12.31', '3天'],
-        ],
+        data: [],
       },
       },
       companyList: companyList,
       companyList: companyList,
-      commonOption: {
+      commonOption: []
+    }
+  },
+  beforeMount () {
+  },
+  mounted () {
+    this.getUrlParams()
+    this.time = formatDate()
+    this.timer = setInterval(() => {
+      this.time = formatDate()
+    }, 1000)
+    this.centerData = data
+    // 左侧图表
+    this.initChartL1()
+    // this.initChartL2()
+    this.initChartL3()
+    // this.initChartL4()
+    // this.initChartL5()
+    this.initChartL6()
+    // this.initChartL7()
+    // this.initChartL8()
+    // 中间图表
+    this.initChartC1()
+    this.initChartC2()
+    // 右侧图表
+    // this.initChartR1()
+    // this.initChartR2()
+    // this.initChartR3()
+    this.initChartR4()
+    this.initChartR5()
+    // this.initChartR6()
+    this.initChartR7()
+    // this.initChartR8()
+  },
+  beforeDestroy () {
+    clearInterval(this.timer);
+    clearInterval(this.timeCommon);
+  },
+  methods: {
+    judgeCarousel () {
+      let a = {
         title: {
         title: {
           text: 'xxx',
           text: 'xxx',
           x: 'center',
           x: 'center',
@@ -100,9 +106,9 @@ let app = new Vue({
         },
         },
         grid: {
         grid: {
           top: '22%',
           top: '22%',
-          right: '3%',
-          left: '5%',
-          bottom: '10%',
+          right: '5%',
+          left: '8%',
+          bottom: '25%',
         },
         },
         legend: {
         legend: {
           data: '',
           data: '',
@@ -110,11 +116,12 @@ let app = new Vue({
           right: '5%',
           right: '5%',
           textStyle: {
           textStyle: {
             color: 'rgba(250,250,250,0.6)',
             color: 'rgba(250,250,250,0.6)',
-            fontSize: 14,
+            fontSize: 16,
           },
           },
         },
         },
         xAxis: {
         xAxis: {
-          data: companyList.map(item => item.name),
+          // data: companyList.map(item => item.name),
+          data: '',
           axisLine: {
           axisLine: {
             show: true, //隐藏X轴轴线
             show: true, //隐藏X轴轴线
             lineStyle: {
             lineStyle: {
@@ -160,46 +167,41 @@ let app = new Vue({
             },
             },
           },
           },
         ],
         ],
-      },
-    }
-  },
-  beforeMount () {
-  },
-  mounted () {
-    this.getUrlParams()
-    this.time = formatDate()
-    this.timer = setInterval(() => {
-      this.time = formatDate()
-    }, 1000)
-    this.centerData = data
-    // 左侧图表
-    this.initChartL1()
-    // this.initChartL2()
-    this.initChartL3()
-    // this.initChartL4()
-    // this.initChartL5()
-    this.initChartL6()
-    // this.initChartL7()
-    // this.initChartL8()
-    // 中间图表
-    this.initChartC1()
-    this.initChartC2()
-    // 右侧图表
-    // this.initChartR1()
-    // this.initChartR2()
-    // this.initChartR3()
-    this.initChartR4()
-    this.initChartR5()
-    // this.initChartR6()
-    this.initChartR7()
-    // this.initChartR8()
-  },
-  beforeDestroy () {
-    if (this.timer) {
-      clearInterval(this.timer);
-    }
-  },
-  methods: {
+      }
+      a.xAxis.data = this.companyList.map(item => item.name)
+      if (this.companyList.length > 18) {
+        a.dataZoom = [
+          {
+            // start: 9,//默认为@
+            // end: 100,//黑认认为1@0
+            type: "slider",
+            show: false,
+            // xAxisIndex: [0]
+            handlesize: 0,//滑动条的 左右2个滑动条的大小
+            startValue: 17,// 初始显示值
+            endValue: 0,// 结束显示值
+            height: 10,//组件高度
+            left: "5%",
+            right: "4%",//右边的距离
+            bottom: "25%",//底边的距离
+            borderColor: "#939",
+            fillerColor: "#269cdb",
+            borderRadius: 5,
+            backgroundColor: "#33384b",//两边未选中的滑动条区域的额色
+            showDataShadow: false,//是否显示数据阴影
+            showDetail: false,//即拖拽时候是否显示详细数值信息 
+            truerealtime: true,//是否实时更新
+            filterMode: "filter"
+          }, {
+            type: 'inside',
+            show: true,
+            start: 1,
+            end: 100
+          }
+        ]
+      }
+      this.commonOption = a
+    },
     // 获取地址栏参数
     // 获取地址栏参数
     getUrlParams (id) {
     getUrlParams (id) {
       let url = window.location.href
       let url = window.location.href
@@ -218,6 +220,7 @@ let app = new Vue({
       this.orgNumber = obj.id
       this.orgNumber = obj.id
       this.titleName = decodeURIComponent(obj.name)
       this.titleName = decodeURIComponent(obj.name)
       this.getData()
       this.getData()
+      this.judgeCarousel()
     },
     },
     getData () {
     getData () {
       return new Promise((resolve, err) => {
       return new Promise((resolve, err) => {

+ 89 - 84
manpowerPort/js/index4SY.js

@@ -4,6 +4,8 @@ let app = new Vue({
   el: '#app',
   el: '#app',
   data () {
   data () {
     return {
     return {
+      touch: true,
+      timeCommon: '',
       echartC1: {
       echartC1: {
         national: '',
         national: '',
         province: ''
         province: ''
@@ -33,36 +35,7 @@ let app = new Vue({
         headerHeight: '40',
         headerHeight: '40',
         rowNum: 4,
         rowNum: 4,
         align: ['center', 'center', 'center', 'center'],
         align: ['center', 'center', 'center', 'center'],
-        data: [
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	“退二进一”完成情况表现优秀	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	总部机构压减成效明显	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	总部人员压减成效突出	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	中层管理人数改革成效显著	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	管理级次压缩成效明显	 '],
-          ['<span class="lightOut"><span class="	light red	"></span></span>', '	华阳新材	 ', '	六定未按要求下穿到全级次企业	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	潞安化工	 ', '	全员劳动生产率提高明显	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	建投集团	 ', '	深入开展中层管理人员竞聘上岗	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华舰体育	 ', '	集团人数增长速度较快	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华舰体育	 ', '	人员增速显著高于全员劳动生产率增速	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	国际能源	 ', '	全员劳动生产率增速显著高于人员增速	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	山西焦煤	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	晋能控股	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华阳新材	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	太重集团	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	国际能源	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华远陆港	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	交控集团	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	云时代	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	人工成本利润率显著降低	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	航产集团	 ', '	人工成本利润率显著降低	 '],
-          ['<span class="lightOut"><span class="	light red	"></span></span>', '	大地控股	 ', '	中层管理人员任命不符合六定要求	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	交控集团	 ', '	“退二进一”完成情况表现优秀	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	太重集团	 ', '	开展管理人员末等调整和不胜任退出	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	华舰体育	 ', '	六定相关文件未按要求备案	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	六定相关文件未按要求备案	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	水控集团	 ', '	六定相关文件未按要求备案	 '],
-
-        ],
+        data: [],
       },
       },
       storageRecordConfig2: {
       storageRecordConfig2: {
         header: ['企业名称', '预警内容', '数据抓取日期', '累计未获取数据日期'],
         header: ['企业名称', '预警内容', '数据抓取日期', '累计未获取数据日期'],
@@ -72,17 +45,50 @@ let app = new Vue({
         headerHeight: '40',
         headerHeight: '40',
         rowNum: 4,
         rowNum: 4,
         align: ['center', 'center', 'center', 'center'],
         align: ['center', 'center', 'center', 'center'],
-        data: [
-          ['山西焦煤', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['山西文旅', '六定长效机制情况未更新', '2022.12.01-12.31', '7天'],
-          ['大地控股', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['国际能源', '六定长效机制情况未更新', '2022.12.01-12.31', '1天'],
-          ['山西焦煤', '经营业绩考核延迟更新', '2022.12.01-12.31', '3天'],
-          ['山西焦煤', '六定长效机制情况未更新', '2022.12.01-12.31', '3天'],
-        ],
+        data: [],
       },
       },
       companyList: companyList,
       companyList: companyList,
-      commonOption: {
+      commonOption: []
+    }
+  },
+  beforeMount () {
+  },
+  mounted () {
+    this.getUrlParams()
+    this.time = formatDate()
+    this.timer = setInterval(() => {
+      this.time = formatDate()
+    }, 1000)
+    this.centerData = data
+    // 左侧图表
+    this.initChartL1()
+    this.initChartL2()
+    this.initChartL3()
+    this.initChartL4()
+    this.initChartL5()
+    this.initChartL6()
+    this.initChartL7()
+    this.initChartL8()
+    // 中间图表
+    this.initChartC1()
+    this.initChartC2()
+    // 右侧图表
+    this.initChartR1()
+    this.initChartR2()
+    this.initChartR3()
+    this.initChartR4()
+    this.initChartR5()
+    this.initChartR6()
+    this.initChartR7()
+    this.initChartR8()
+  },
+  beforeDestroy () {
+    clearInterval(this.timer);
+    clearInterval(this.timeCommon);
+  },
+  methods: {
+    judgeCarousel () {
+      let a = {
         title: {
         title: {
           text: 'xxx',
           text: 'xxx',
           x: 'center',
           x: 'center',
@@ -102,7 +108,7 @@ let app = new Vue({
           top: '22%',
           top: '22%',
           right: '5%',
           right: '5%',
           left: '8%',
           left: '8%',
-          bottom: '26%',
+          bottom: '25%',
         },
         },
         legend: {
         legend: {
           data: '',
           data: '',
@@ -110,11 +116,12 @@ let app = new Vue({
           right: '5%',
           right: '5%',
           textStyle: {
           textStyle: {
             color: 'rgba(250,250,250,0.6)',
             color: 'rgba(250,250,250,0.6)',
-            fontSize: 14,
+            fontSize: 16,
           },
           },
         },
         },
         xAxis: {
         xAxis: {
-          data: companyList.map(item => item.name),
+          // data: companyList.map(item => item.name),
+          data: '',
           axisLine: {
           axisLine: {
             show: true, //隐藏X轴轴线
             show: true, //隐藏X轴轴线
             lineStyle: {
             lineStyle: {
@@ -160,46 +167,41 @@ let app = new Vue({
             },
             },
           },
           },
         ],
         ],
-      },
-    }
-  },
-  beforeMount () {
-  },
-  mounted () {
-    this.getUrlParams()
-    this.time = formatDate()
-    this.timer = setInterval(() => {
-      this.time = formatDate()
-    }, 1000)
-    this.centerData = data
-    // 左侧图表
-    this.initChartL1()
-    this.initChartL2()
-    this.initChartL3()
-    this.initChartL4()
-    this.initChartL5()
-    this.initChartL6()
-    this.initChartL7()
-    this.initChartL8()
-    // 中间图表
-    this.initChartC1()
-    this.initChartC2()
-    // 右侧图表
-    this.initChartR1()
-    this.initChartR2()
-    this.initChartR3()
-    this.initChartR4()
-    this.initChartR5()
-    this.initChartR6()
-    this.initChartR7()
-    this.initChartR8()
-  },
-  beforeDestroy () {
-    if (this.timer) {
-      clearInterval(this.timer);
-    }
-  },
-  methods: {
+      }
+      a.xAxis.data = this.companyList.map(item => item.name)
+      if (this.companyList.length > 18) {
+        a.dataZoom = [
+          {
+            // start: 9,//默认为@
+            // end: 100,//黑认认为1@0
+            type: "slider",
+            show: false,
+            // xAxisIndex: [0]
+            handlesize: 0,//滑动条的 左右2个滑动条的大小
+            startValue: 17,// 初始显示值
+            endValue: 0,// 结束显示值
+            height: 10,//组件高度
+            left: "5%",
+            right: "4%",//右边的距离
+            bottom: "25%",//底边的距离
+            borderColor: "#939",
+            fillerColor: "#269cdb",
+            borderRadius: 5,
+            backgroundColor: "#33384b",//两边未选中的滑动条区域的额色
+            showDataShadow: false,//是否显示数据阴影
+            showDetail: false,//即拖拽时候是否显示详细数值信息 
+            truerealtime: true,//是否实时更新
+            filterMode: "filter"
+          }, {
+            type: 'inside',
+            show: true,
+            start: 1,
+            end: 100
+          }
+        ]
+      }
+      this.commonOption = a
+    },
     // 获取地址栏参数
     // 获取地址栏参数
     getUrlParams (id) {
     getUrlParams (id) {
       let url = window.location.href
       let url = window.location.href
@@ -276,8 +278,12 @@ let app = new Vue({
           })
           })
           // 各二级企业本部员额数
           // 各二级企业本部员额数
           dataL6[0] = []
           dataL6[0] = []
+          dataL6[2] = []
+          dataL6[1] = []
           res.orgData.area3.card2.forEach(item => {
           res.orgData.area3.card2.forEach(item => {
             dataL6[0].push(item['ZBPZ0031'])
             dataL6[0].push(item['ZBPZ0031'])
+            dataL6[2].push(item['ZBPZ0094'])
+            dataL6[1].push(item['ZBPZ0095'])
           })
           })
           // 人数变化和全员劳动生产率变化率分析
           // 人数变化和全员劳动生产率变化率分析
           dataL7[0] = []
           dataL7[0] = []
@@ -1053,11 +1059,10 @@ let app = new Vue({
             barWidth: 15,
             barWidth: 15,
             itemStyle: {
             itemStyle: {
               normal: {
               normal: {
-                barBorderRadius: [10, 10, 0, 0],
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   {
                   {
                     offset: 0,
                     offset: 0,
-                    color: '#43ede3',
+                    color: '#5e7ae9',
                   },
                   },
                   {
                   {
                     offset: 1,
                     offset: 1,

+ 2 - 56
manpowerPort/js/index5.js

@@ -30,49 +30,7 @@ let app = new Vue({
         columnWidth: [150, 150],
         columnWidth: [150, 150],
         rowNum: 4,
         rowNum: 4,
         align: ['right', 'center', 'center', 'center'],
         align: ['right', 'center', 'center', 'center'],
-        data: [
-          // ['<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月', '山西焦煤', '不能按期完成序时进度'],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2022.12.07	 ', '	山西焦煤	 ', '	“退二进一”完成情况表现优秀	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2023.01.04	 ', '	山西焦煤	 ', '	总部机构压减成效明显	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2023.01.05	 ', '	晋能控股	 ', '	总部人员压减成效突出	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2023.01.06	 ', '	晋能控股	 ', '	中层管理人数改革成效显著	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2022.12.07	 ', '	晋能控股	 ', '	管理级次压缩成效明显	 '],
-          ['<span class="lightOut"><span class="	light red	"></span></span>', '	2023.01.08	 ', '	华阳新材	 ', '	六定未按要求下穿到全级次企业	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2022.11.07	 ', '	潞安化工	 ', '	全员劳动生产率提高明显	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2023.01.10	 ', '	建投集团	 ', '	深入开展中层管理人员竞聘上岗	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2023.01.11	 ', '	华舰体育	 ', '	集团人数增长速度较快	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2023.01.12	 ', '	华舰体育	 ', '	人员增速显著高于全员劳动生产率增速	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2022.09.07	 ', '	国际能源	 ', '	全员劳动生产率增速显著高于人员增速	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2023.01.15	 ', '	山西焦煤	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2023.01.15	 ', '	晋能控股	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2023.01.15	 ', '	华阳新材	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2023.01.15	 ', '	太重集团	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2023.01.15	 ', '	国际能源	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2023.01.15	 ', '	华远陆港	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2023.01.15	 ', '	交控集团	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2023.01.15	 ', '	云时代	 ', '	人工成本利润率增长且总人数下降	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	2023.01.16	 ', '	文旅集团	 ', '	人工成本利润率显著降低	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	2023.01.17	 ', '	航产集团	 ', '	人工成本利润率显著降低	 '],
-          ['<span class="lightOut"><span class="	light red	"></span></span>', '	2023.01.18	 ', '	大地控股	 ', '	中层管理人员任命不符合六定要求	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2022.11.07	 ', '	交控集团	 ', '	“退二进一”完成情况表现优秀	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	2023.01.20	 ', '	太重集团	 ', '	开展管理人员末等调整和不胜任退出	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	2022.12.07	 ', '	华舰体育	 ', '	六定相关文件未按要求备案	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	2022.12.07	 ', '	文旅集团	 ', '	六定相关文件未按要求备案	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	2022.12.07	 ', '	水控集团	 ', '	六定相关文件未按要求备案	 '],
-        ],
-        // 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月', '山西焦煤', '不能按期完成序时进度'],
-        // ],
+        data: [],
       },
       },
       storageRecordConfig2: {
       storageRecordConfig2: {
         header: ['', '企业名称', '预警内容', '数据抓取日期', '累计未获取数据日期'],
         header: ['', '企业名称', '预警内容', '数据抓取日期', '累计未获取数据日期'],
@@ -83,19 +41,7 @@ let app = new Vue({
         columnWidth: [150, 150],
         columnWidth: [150, 150],
         rowNum: 4,
         rowNum: 4,
         align: ['center', 'center', 'center', 'center', 'center'],
         align: ['center', 'center', 'center', 'center', 'center'],
-        data: [
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	华新燃气	 ', '	本季度数据更新及时准确	 ', '	四季度	 ', '	-	 '],
-          ['<span class="lightOut"><span class="	light green	"></span></span>', '	云时代	 ', '	本季度数据更新及时准确	 ', '	四季度	 ', '		 '],
-          ['<span class="lightOut"><span class="	light red	"></span></span>', '	大地控股	 ', '	六定长效机制情况未更新	 ', '	2022.12.01-12.31	 ', '	30	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	建设投资	 ', '	六定长效机制12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	交控集团	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	太重集团	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	水务集团	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	航产集团	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	华舰体育	 ', '	经营业绩考核12月数据未获取	 ', '	2022.12.01-12.31	 ', '	15	 '],
-          ['<span class="lightOut"><span class="	light yellow	"></span></span>', '	文旅集团	 ', '	六定长效机制情况数据更新错误	 ', '	2022.12.01-12.31	 ', '	-	 '],
-        ],
+        data: [],
       },
       },
       companyList: companyList,
       companyList: companyList,
       commonOption: {
       commonOption: {