Ver Fonte

Merge branch 'main' of https://git.sxidc.com/kingdee_large_screen/pc_kingdee_large_screen

l1448442195@163.com há 1 ano atrás
pai
commit
5e155b73af

+ 5 - 4
manpower/index2.html

@@ -19,14 +19,14 @@
   <script src="./libs/lodash.min.js"></script>
   <script src="./js/request.js"></script>
   <script src="./js/data2.js"></script>
+  <script src="./libs/echarts-tooltip-carousel.js"></script>
 </head>
 
 <body>
   <div id="app">
     <header class="my-header">
-      <span class="left" @click="handleGoBack"><img
-        style="width: 70px;height: 70px;"
-        src="./images/back.png"></img> </span>
+      <span class="left" @click="handleGoBack"><img style="width: 70px;height: 70px;" src="./images/back.png"></img>
+      </span>
       <span>晋能控股</span>
       <span class="right">{{time}}</span>
     </header>
@@ -219,7 +219,8 @@
       </div>
     </div>
     <div class="footer">
-      <a class="item" v-for="(item,index) in companyList" :key="index" @click="handleGoPage(item.link)">{{item.name}}</a>
+      <a class="item" v-for="(item,index) in companyList" :key="index"
+        @click="handleGoPage(item.link)">{{item.name}}</a>
     </div>
   </div>
   <script src="./js/index2.js"></script>

+ 5 - 4
manpower/index3.html

@@ -18,14 +18,14 @@
   <script src="./libs/lodash.min.js"></script>
   <script src="./js/request.js"></script>
   <script src="./js/data3.js"></script>
+  <script src="./libs/echarts-tooltip-carousel.js"></script>
 </head>
 
 <body>
   <div id="app">
     <header class="my-header">
-      <span class="left" @click="handleGoBack"><img
-        style="width: 70px;height: 70px;"
-        src="./images/back.png"></img> </span>
+      <span class="left" @click="handleGoBack"><img style="width: 70px;height: 70px;" src="./images/back.png"></img>
+      </span>
       <span>山西煤炭运销集团长治有限公司</span>
       <span class="right">{{time}}</span>
     </header>
@@ -218,7 +218,8 @@
       </div>
     </div>
     <div class="footer" style="width: 70%;">
-      <a class="item" v-for="(item,index) in companyList" :key="index" @click="handleGoPage(item.link)">{{item.name}}</a>
+      <a class="item" v-for="(item,index) in companyList" :key="index"
+        @click="handleGoPage(item.link)">{{item.name}}</a>
     </div>
   </div>
   <script src="./js/index3.js"></script>

+ 3 - 3
manpower/index4.html

@@ -18,14 +18,14 @@
   <script src="./libs/lodash.min.js"></script>
   <script src="./js/request.js"></script>
   <script src="./js/data4.js"></script>
+  <script src="./libs/echarts-tooltip-carousel.js"></script>
 </head>
 
 <body>
   <div id="app">
     <header class="my-header">
-      <span class="left" @click="handleGoBack"><img
-        style="width: 70px;height: 70px;"
-        src="./images/back.png"></img> </span>
+      <span class="left" @click="handleGoBack"><img style="width: 70px;height: 70px;" src="./images/back.png"></img>
+      </span>
       <span>山西三元煤业股份有限公司</span>
       <span class="right">{{time}}</span>
     </header>

+ 6 - 6
manpower/js/data.js

@@ -4,15 +4,15 @@ const companyList = [
   { name: '华阳新材' },
   { name: '潞安化工' },
   { name: '华新燃气' },
-  { name: '太原重工' },
+  { name: '太重集团' },
   { name: '国际能源' },
   { name: '华远陆港' },
-  { name: '水务控股' },
-  { name: '山西文旅' },
-  { name: '山西交控' },
-  { name: '山西航产' },
+  { name: '水控集团' },
+  { name: '文旅集团' },
+  { name: '交控集团' },
+  { name: '航产集团' },
   { name: '山西建投' },
-  { name: '山西汾酒' },
+  { name: '汾酒集团' },
   { name: '大地控股' },
   { name: '云时代' },
   { name: '华舰体育' },

+ 212 - 132
manpower/js/index.js

@@ -6,6 +6,7 @@ let app = new Vue({
     return {
       showTip: false,
       tipNum: '',
+      tipData: tipData,
       time: '',
       year: '2022',
       config1: {
@@ -14,14 +15,14 @@ let app = new Vue({
       },
       centerData: '',
       storageRecordConfig: {
-        waitTime: 200000,
         header: ['', '时间', '所属集团', '工作情况'],
         headerBGC: '#05507b33',
         oddRowBGC: '#69c0ff0f',
         evenRowBGC: '',
         headerHeight: '40',
+        columnWidth: [150, 150],
         rowNum: 4,
-        align: ['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月', '山西文旅', '不能按期完成序时进度'],
@@ -69,8 +70,12 @@ let app = new Vue({
         },
         tooltip: {
           trigger: 'axis',
+          textStyle: { fontSize: 18 },
           axisPointer: {
-            type: 'shadow',
+            type: 'cross',
+            label: {
+              fontSize: 18
+            }
           },
         },
         grid: {
@@ -284,23 +289,37 @@ let app = new Vue({
       let myChart = echarts.init(this.$refs['echartL2'])
       let option = {
         ..._.cloneDeep(this.commonOption),
+        color: ['#69c0ff'],
         series: [
           {
             name: '当前共享服务中心/事业部数',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
-              normal: {
-                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                  {
-                    offset: 0,
-                    color: '#69c0ff',
-                  },
-                  {
-                    offset: 1,
-                    color: '#082550',
-                  },
-                ]),
+              color: params => {
+                if (params.value > dataL2[1][params.dataIndex]) {
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    {
+                      offset: 0,
+                      color: 'red',
+                    },
+                    {
+                      offset: 1,
+                      color: '#082550',
+                    },
+                  ])
+                } else {
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    {
+                      offset: 0,
+                      color: '#69c0ff',
+                    },
+                    {
+                      offset: 1,
+                      color: '#082550',
+                    },
+                  ])
+                }
               },
             },
             data: dataL2[0]
@@ -344,7 +363,6 @@ let app = new Vue({
     },
     initChartL3 () {
       let myChart = echarts.init(this.$refs['echartL3'])
-      console.log(this.commonOption, "this.commonOption")
       let option = {
         ..._.cloneDeep(this.commonOption),
         series: [
@@ -452,6 +470,7 @@ let app = new Vue({
           },
         },
       })
+      option.tooltip.formatter = '{a0}:{c0}' + '<br/>' + '{a1}:{c1}' + '%'
       myChart.setOption(option)
     },
     initChartL4 () {
@@ -603,6 +622,7 @@ let app = new Vue({
           },
         },
       })
+      option.tooltip.formatter = '{a0}:{c0}' + '<br/>' + '{a1}:{c1}' + '%'
       myChart.setOption(option)
     },
     initChartL6 () {
@@ -673,6 +693,7 @@ let app = new Vue({
       let myChart = echarts.init(this.$refs['echartL7'])
       let option = {
         ..._.cloneDeep(this.commonOption),
+        color: ['#b889ea'],
         series: [
           {
             name: '人数变化',
@@ -703,15 +724,16 @@ let app = new Vue({
             smooth: true, //平滑曲线显示
             showAllSymbol: true, //显示所有图形。
             symbol: 'circle', //标记的图形为实心圆
-            symbolSize: 8, //标记的大小
+            symbolSize: 15, //标记的大小
             smooth: false,
             itemStyle: {
-              //折线拐点标志的样式
-              color: '#b889ea',
-              borderColor: '#b889ea',
-              width: 2,
-              shadowColor: '#b889ea',
-              shadowBlur: 4,
+              color: params => {
+                if (dataL7[0][params.dataIndex] > 0 && params.value < 0) {
+                  return 'red'
+                } else {
+                  return '#b889ea'
+                }
+              }
             },
             lineStyle: {
               color: '#b889ea',
@@ -725,10 +747,20 @@ 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,
+        option.tooltip.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)',
           },
           splitLine: {
             show: false,
@@ -740,7 +772,8 @@ let app = new Vue({
               color: 'rgba(250,250,250,0.6)',
             },
           },
-        })
+        }
+      })
 
       myChart.setOption(option)
     },
@@ -748,6 +781,7 @@ let app = new Vue({
       let myChart = echarts.init(this.$refs['echartL8'])
       let option = {
         ..._.cloneDeep(this.commonOption),
+        color: ['#b889ea'],
         series: [
           {
             name: '人数变化',
@@ -777,15 +811,16 @@ let app = new Vue({
             smooth: true, //平滑曲线显示
             showAllSymbol: true, //显示所有图形。
             symbol: 'circle', //标记的图形为实心圆
-            symbolSize: 8, //标记的大小
+            symbolSize: 15, //标记的大小
             smooth: false,
             itemStyle: {
-              //折线拐点标志的样式
-              color: '#b889ea',
-              borderColor: '#b889ea',
-              width: 2,
-              shadowColor: '#b889ea',
-              shadowBlur: 4,
+              color: params => {
+                if (dataL8[0][params.dataIndex] > 0 && params.value < 0) {
+                  return 'red'
+                } else {
+                  return '#b889ea'
+                }
+              }
             },
             lineStyle: {
               color: '#b889ea',
@@ -799,19 +834,46 @@ let app = new Vue({
       option.legend.data = ['人数变化', '人工成本利润率同比变化']
       option.legend.show = true
       option.yAxis[0].axisLabel.formatter = '{value} %',
-        myChart.setOption(option)
+        option.tooltip.formatter = '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
+      myChart.setOption(option)
     },
     // 中间图表---------------------------------------------开始
     initChartC1 () {
       let myChart = echarts.init(this.$refs['echartC1'])
       let option = {
         ..._.cloneDeep(this.commonOption),
-
+        color: ['#69c0ff'],
         series: [
           {
             name: '全员劳动生产率(万/人)',
             type: 'bar',
-            barWidth: 12,
+            barWidth: 15,
+            itemStyle: {
+              color: params => {
+                if (params.value < 0 && c2[0][params.dataIndex] < 0) {
+                  return 'red'
+                } else if (params.value < 0) {
+                  return 'yellow'
+                } else {
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    {
+                      offset: 0,
+                      color: '#69c0ff',
+                    },
+                    {
+                      offset: 1,
+                      color: '#082550',
+                    },
+                  ])
+                }
+              },
+            },
+            data: c1[0]
+          },
+          {
+            name: '全员劳动生产率同比',
+            type: 'line',
+            yAxisIndex: 1,
             smooth: true, //平滑曲线显示
             showAllSymbol: true, //显示所有图形。
             symbol: 'circle', //标记的图形为实心圆
@@ -819,30 +881,16 @@ let app = new Vue({
             smooth: false,
             itemStyle: {
               //折线拐点标志的样式
-              color: '#69c0ff',
-              borderColor: '#69c0ff',
+              color: '#B889EA',
+              borderColor: '#B889EA',
               width: 2,
-              shadowColor: '#69c0ff',
+              shadowColor: '#B889EA',
               shadowBlur: 4,
             },
             lineStyle: {
-              color: '#69c0ff',
+              color: '#B889EA',
               width: 2,
             },
-            // data: [60, 50, 80, 80, 90, 55, 40, 60, 50, 80, 90, 55, 40, 60, 50, 90, 55, 40],
-            data: c1[0],
-
-
-          },
-          {
-            name: '全员劳动生产率同比',
-            yAxisIndex: 1,
-            type: 'line',
-            itemStyle: {
-              normal: {
-                color: '#B889EA',
-              },
-            },
             markLine: {
               data: [
                 {
@@ -899,6 +947,7 @@ let app = new Vue({
       option.legend.data = ['全员劳动生产率同比', '全员劳动生产率(万/人)']
       option.legend.show = true
       option.grid.right = '15%'
+      option.tooltip.formatter = '{a0}:{c0}' + '<br/>' + '{a1}:{c1}' + '%'
       option.yAxis.push({
         type: 'value',
         axisLine: {
@@ -915,6 +964,27 @@ let app = new Vue({
           },
         },
       })
+      // option.yAxis.push({
+      //   type: 'log',
+      //   min: -1,
+      //   logBase: 10,
+      //   axisLine: {
+      //     show: false,
+      //   },
+      //   splitLine: {
+      //     show: false,
+      //   },
+      //   axisLabel: {
+      //     show: true,
+      //     formatter: function(value) {
+      //       console.log(value,"value")
+      //       // return value === 1 ? 0 : value
+      //     },
+      //     textStyle: {
+      //       color: 'rgba(250,250,250,0.6)',
+      //     },
+      //   },
+      // })
       myChart.setOption(option)
       tools.loopShowTooltip(myChart, option, {
         nterval: 2000,
@@ -925,9 +995,10 @@ let app = new Vue({
       let myChart = echarts.init(this.$refs['echartC2'])
       let option = {
         ..._.cloneDeep(this.commonOption),
+        color: ['#69c0ff'],
         series: [
           {
-            name: '人工成本利润同比',
+            name: '人工成本利润同比',
             type: 'line',
             yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
             smooth: true, //平滑曲线显示
@@ -947,9 +1018,12 @@ 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],
+          },
+          {
+            name: '人工成本利润率',
+            type: 'bar',
+            barWidth: 15,
             markLine: {
               data: [
                 {
@@ -981,33 +1055,23 @@ let app = new Vue({
                 distance: [20, 8],
               },
             },
-          },
-          {
-            name: '人工成本利润率',
-            type: 'bar',
-            barWidth: 15,
-            itemStyle: {
-              normal: {
-                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                  {
-                    offset: 0,
-                    color: '#69c0ff',
-                  },
-                  {
-                    offset: 1,
-                    color: '#082550',
-                  },
-                ]),
-              },
-            },
             itemStyle: {
               color: params => {
                 if (params.value < 0 && c2[0][params.dataIndex] < 0) {
                   return 'red'
-                } else if (c2[0][params.dataIndex] < 0) {
+                } else if (params.value < 0) {
                   return 'yellow'
                 } else {
-                  return '#69c0ff'
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    {
+                      offset: 0,
+                      color: '#69c0ff',
+                    },
+                    {
+                      offset: 1,
+                      color: '#082550',
+                    },
+                  ])
                 }
               },
             },
@@ -1016,18 +1080,26 @@ let app = new Vue({
         ],
       }
       option.title.text = '人工成本利润率'
-      option.legend.data = ['人工成本利润同比', '人工成本利润率']
       option.legend.show = true
       option.grid.right = '15%'
       option.yAxis[0].axisLabel.formatter = '{value} %',
-        option.yAxis.push({
-          splitLine: {
-            show: false,
-          },
-          axisLine: {
-            show: false,
+        option.tooltip.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)',
           },
-        })
+        },
+      })
       myChart.setOption(option)
       tools.loopShowTooltip(myChart, option, {
         nterval: 2000,
@@ -1098,8 +1170,8 @@ let app = new Vue({
       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)
+        return value[0].axisValue + '' + (value[0].value - 1) + '<br>' +
+          value[1].axisValue + '' + (value[1].value - 1)
       }
       option.yAxis[0] = {
         type: 'log',
@@ -1127,6 +1199,14 @@ let app = new Vue({
       let myChart = echarts.init(this.$refs['echartR2'])
       let commonOptions = this.commonOption
       commonOptions.yAxis[0].splitNumber = 2
+      let dataTemp = []
+      let dataTemp2 = []
+      dataR2[0].forEach(item => {
+        dataTemp.push(item + 1);
+      });
+      dataR2[1].forEach(item => {
+        dataTemp2.push(item + 1);
+      });
       let option = {
         ..._.cloneDeep(commonOptions),
         series: [
@@ -1148,7 +1228,7 @@ let app = new Vue({
                 ]),
               },
             },
-            data: dataR2[0],
+            data: dataTemp,
           },
           {
             name: '录用结果公示累计公示人数',
@@ -1168,7 +1248,7 @@ let app = new Vue({
                 ]),
               },
             },
-            data: dataR2[1],
+            data: dataTemp2,
           },
 
         ],
@@ -1176,6 +1256,10 @@ 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.yAxis[0] = {
         type: 'log',
         min: 1,
@@ -1410,6 +1494,7 @@ let app = new Vue({
       let myChart = echarts.init(this.$refs['echartR6'])
       let option = {
         ..._.cloneDeep(this.commonOption),
+        color: ['#69c0ff'],
         series: [
           {
             name: '2022年利润累计涨幅率',
@@ -1437,36 +1522,42 @@ let app = new Vue({
           {
             name: '2022年薪酬累计涨幅率',
             type: 'line',
-            barWidth: 15,
+            smooth: true, //平滑曲线显示
+            showAllSymbol: true, //显示所有图形。
+            symbol: 'circle', //标记的图形为实心圆
+            symbolSize: 12, //标记的大小
+            smooth: false,
             itemStyle: {
-              normal: {
-                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                  {
-                    offset: 0,
-                    color: '#69C0FF',
-                  },
-                  {
-                    offset: 1,
-                    color: '#082550',
-                  },
-                ]),
+              color: params => {
+                if (params.value > 0 && fjxdataL2[0][params.dataIndex] < 0) {
+                  return 'yellow'
+                } else {
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    {
+                      offset: 0,
+                      color: '#69c0ff',
+                    },
+                    {
+                      offset: 1,
+                      color: '#082550',
+                    },
+                  ])
+                }
               },
             },
+            lineStyle: {
+              color: '#69C0FF',
+              width: 2,
+            },
             data: fjxdataL2[1],
           },
         ],
       }
       option.title.text = '各省属企业月利润与月薪酬变动情况'
       option.legend.data = ['2022年利润累计涨幅率', '2022年薪酬累计涨幅率']
-      option.yAxis.push({
-        splitLine: {
-          show: false,
-        },
-        axisLine: {
-          show: false,
-        },
-      })
-      myChart.setOption(option)
+      option.tooltip.formatter = '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
+      option.yAxis[0].axisLabel.formatter = '{value} %',
+        myChart.setOption(option)
     },
     initChartR7 () {
       let myChart = echarts.init(this.$refs['echartR7'])
@@ -1496,16 +1587,10 @@ let app = new Vue({
         ],
       }
       option.title.text = '各省属企业全员绩效考核'
-      // option.legend.data = ['劳动合同签约完成率', '目标值']
-      option.yAxis.push({
-        splitLine: {
-          show: false,
-        },
-        axisLine: {
-          show: false,
-        },
-      })
-      myChart.setOption(option)
+      option.legend.show = false
+      option.tooltip.formatter = '{a0}:{c0}' + '%'
+      option.yAxis[0].axisLabel.formatter = '{value} %',
+        myChart.setOption(option)
     },
     initChartR8 () {
       let myChart = echarts.init(this.$refs['echartR8'])
@@ -1534,16 +1619,11 @@ let app = new Vue({
           },
         ],
       }
-      option.title.text = '各省属企业任期制考核'
-      option.yAxis.push({
-        splitLine: {
-          show: false,
-        },
-        axisLine: {
-          show: false,
-        },
-      })
-      myChart.setOption(option)
+      option.title.text = '各省属企业任期制契约化完成率'
+      option.legend.show = false
+      option.tooltip.formatter = '{a0}:{c0}' + '%'
+      option.yAxis[0].axisLabel.formatter = '{value} %',
+        myChart.setOption(option)
     },
   },
 })

+ 27 - 19
manpower/js/index2.js

@@ -20,12 +20,12 @@ 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月', '山西焦煤', '不能按期完成序时进度'],
         ],
       },
       storageRecordConfig2: {
@@ -161,10 +161,10 @@ let app = new Vue({
     }
   },
   methods: {
-    handleGoPage(url){
+    handleGoPage (url) {
       window.location.href = url
     },
-    handleGoBack(){
+    handleGoBack () {
       window.history.go(-1)
     },
     numFormat (value) {
@@ -379,7 +379,7 @@ 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',
@@ -455,7 +455,7 @@ 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',
@@ -573,9 +573,9 @@ 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= [
+      option.yAxis = [
         {
           type: 'value',
           axisLine: {
@@ -667,9 +667,9 @@ 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= [
+      option.yAxis = [
         {
           type: 'value',
           axisLine: {
@@ -792,7 +792,7 @@ 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',
@@ -811,6 +811,10 @@ let app = new Vue({
         },
       })
       myChart.setOption(option)
+      tools.loopShowTooltip(myChart, option, {
+        nterval: 2000,
+        loopSeries: true,
+      });
     },
     initChartC2 () {
       let myChart = echarts.init(this.$refs['echartC2'])
@@ -839,7 +843,7 @@ let app = new Vue({
               width: 2,
             },
             data: dataC2[0],
-            
+
           },
           {
             name: '人工成本利润率',
@@ -899,7 +903,7 @@ 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.grid.right = '15%'
       option.yAxis = [
@@ -935,6 +939,10 @@ let app = new Vue({
         }
       ]
       myChart.setOption(option)
+      tools.loopShowTooltip(myChart, option, {
+        nterval: 2000,
+        loopSeries: true,
+      });
     },
     // 右侧图表---------------------------------------------开始
     initChartR1 () {
@@ -1270,7 +1278,7 @@ let app = new Vue({
         ],
       }
       option.title.text = '各二级企业在岗职工平均薪酬'
-      option.legend.data = ['去年同期在岗职工平均薪酬', '在岗职工平均薪酬' ]
+      option.legend.data = ['去年同期在岗职工平均薪酬', '在岗职工平均薪酬']
       option.legend.show = true
       option.yAxis.push({
         type: 'value',
@@ -1344,7 +1352,7 @@ let app = new Vue({
       option.legend.data = ['2022年利润累计涨幅率', '2022年薪酬累计涨幅率']
       option.tooltip = {
         trigger: 'axis',
-        formatter: '{a0}:{c0}' + '%' +'<br/>'+ '{a1}:{c1}' + '%'
+        formatter: '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
       }
       option.yAxis = [
         {

+ 28 - 20
manpower/js/index3.js

@@ -20,12 +20,12 @@ 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月', '山西焦煤', '不能按期完成序时进度'],
         ],
       },
       storageRecordConfig2: {
@@ -161,10 +161,10 @@ let app = new Vue({
     }
   },
   methods: {
-    handleGoPage(url){
+    handleGoPage (url) {
       window.location.href = url
     },
-    handleGoBack(){
+    handleGoBack () {
       window.history.go(-1)
     },
     numFormat (value) {
@@ -379,7 +379,7 @@ 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({
         max: 20,
@@ -455,7 +455,7 @@ 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',
@@ -572,7 +572,7 @@ 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 = [
         {
@@ -666,7 +666,7 @@ 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 = [
         {
@@ -792,7 +792,7 @@ 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',
@@ -811,6 +811,10 @@ let app = new Vue({
         },
       })
       myChart.setOption(option)
+      tools.loopShowTooltip(myChart, option, {
+        nterval: 2000,
+        loopSeries: true,
+      });
     },
     initChartC2 () {
       let myChart = echarts.init(this.$refs['echartC2'])
@@ -839,7 +843,7 @@ let app = new Vue({
               width: 2,
             },
             data: dataC2[0],
-            
+
           },
           {
             name: '人工成本利润率',
@@ -899,7 +903,7 @@ 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.grid.right = '15%'
       option.yAxis = [
@@ -935,6 +939,10 @@ let app = new Vue({
         }
       ]
       myChart.setOption(option)
+      tools.loopShowTooltip(myChart, option, {
+        nterval: 2000,
+        loopSeries: true,
+      });
     },
     // 右侧图表---------------------------------------------开始
     initChartR1 () {
@@ -1126,14 +1134,14 @@ let app = new Vue({
       option.legend.show = true
       option.yAxis = [
         {
-          max: function(val) {
+          max: function (val) {
             if (Math.abs(val.max) > Math.abs(val.min)) {
               return (Math.abs(val.max) * 1.2).toFixed(0)
             } else {
               return (Math.abs(val.min) * 1.2).toFixed(0)
             }
           },
-          min: function(val) {
+          min: function (val) {
             if (Math.abs(val.max) > Math.abs(val.min)) {
               return (-Math.abs(val.max) * 1.2).toFixed(0)
             } else {
@@ -1155,14 +1163,14 @@ let app = new Vue({
           },
         },
         {
-          max: function(val) {
+          max: function (val) {
             if (Math.abs(val.max) > Math.abs(val.min)) {
               return (Math.abs(val.max) * 1.2).toFixed(0)
             } else {
               return (Math.abs(val.min) * 1.2).toFixed(0)
             }
           },
-          min: function(val) {
+          min: function (val) {
             if (Math.abs(val.max) > Math.abs(val.min)) {
               return (-Math.abs(val.max) * 1.2).toFixed(0)
             } else {
@@ -1378,7 +1386,7 @@ let app = new Vue({
       option.legend.data = ['2022年利润累计涨幅率', '2022年薪酬累计涨幅率']
       option.tooltip = {
         trigger: 'axis',
-        formatter: '{a0}:{c0}' + '%' +'<br/>'+ '{a1}:{c1}' + '%'
+        formatter: '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
       }
       option.yAxis = [
         {

+ 28 - 20
manpower/js/index4.js

@@ -20,12 +20,12 @@ 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月', '山西焦煤', '不能按期完成序时进度'],
         ],
       },
       storageRecordConfig2: {
@@ -161,10 +161,10 @@ let app = new Vue({
     }
   },
   methods: {
-    handleGoPage(url){
+    handleGoPage (url) {
       window.location.href = url
     },
-    handleGoBack(){
+    handleGoBack () {
       window.history.go(-1)
     },
     numFormat (value) {
@@ -379,7 +379,7 @@ 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({
         max: 100,
@@ -455,7 +455,7 @@ 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',
@@ -572,7 +572,7 @@ 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 = [
         {
@@ -666,7 +666,7 @@ 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 = [
         {
@@ -793,7 +793,7 @@ 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',
@@ -812,6 +812,10 @@ let app = new Vue({
         },
       })
       myChart.setOption(option)
+      tools.loopShowTooltip(myChart, option, {
+        nterval: 2000,
+        loopSeries: true,
+      });
     },
     initChartC2 () {
       let myChart = echarts.init(this.$refs['echartC2'])
@@ -840,7 +844,7 @@ let app = new Vue({
               width: 2,
             },
             data: dataC2[0],
-            
+
           },
           {
             name: '人工成本利润率',
@@ -900,7 +904,7 @@ 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.grid.right = '15%'
       option.yAxis = [
@@ -936,6 +940,10 @@ let app = new Vue({
         }
       ]
       myChart.setOption(option)
+      tools.loopShowTooltip(myChart, option, {
+        nterval: 2000,
+        loopSeries: true,
+      });
     },
     // 右侧图表---------------------------------------------开始
     initChartR1 () {
@@ -1134,14 +1142,14 @@ let app = new Vue({
       option.legend.show = true
       option.yAxis = [
         {
-          max: function(val) {
+          max: function (val) {
             if (Math.abs(val.max) > Math.abs(val.min)) {
               return (Math.abs(val.max) * 1.2).toFixed(0)
             } else {
               return (Math.abs(val.min) * 1.2).toFixed(0)
             }
           },
-          min: function(val) {
+          min: function (val) {
             if (Math.abs(val.max) > Math.abs(val.min)) {
               return (-Math.abs(val.max) * 1.2).toFixed(0)
             } else {
@@ -1163,14 +1171,14 @@ let app = new Vue({
           },
         },
         {
-          max: function(val) {
+          max: function (val) {
             if (Math.abs(val.max) > Math.abs(val.min)) {
               return (Math.abs(val.max) * 1.2).toFixed(0)
             } else {
               return (Math.abs(val.min) * 1.2).toFixed(0)
             }
           },
-          min: function(val) {
+          min: function (val) {
             if (Math.abs(val.max) > Math.abs(val.min)) {
               return (-Math.abs(val.max) * 1.2).toFixed(0)
             } else {
@@ -1386,7 +1394,7 @@ let app = new Vue({
       option.legend.data = ['2022年利润累计涨幅率', '2022年薪酬累计涨幅率']
       option.tooltip = {
         trigger: 'axis',
-        formatter: '{a0}:{c0}' + '%' +'<br/>'+ '{a1}:{c1}' + '%'
+        formatter: '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
       }
       option.yAxis = [
         {