首页数据变动

manpower/index.html

@@ -55,7 +55,7 @@
               <div ref="echartL3" style="flex: 1;height: 100%;"></div>
               <div style="flex: 1;height: 100%; position: relative;">
                 <div ref="echartL4" style="height: 100%; width: 100%;"></div>
-                <div class="icon" @click="handleShowTip(0)">?</div>
+                <div class="icon" @click="handleShowTip2(0)">?</div>
               </div>
             </div>
           </div>
@@ -166,7 +166,7 @@
             <div class="content flex">
               <div style="flex: 1;height: 100%; position: relative;">
                 <div ref="echartC1" style="flex: 1;height: 100%;"></div>
-                <div class="icon" @click="handleShowTip(0)">?</div>
+                <div class="icon" @click="handleShowTip2(1)">?</div>
               </div>
               <div ref="echartC2" style="flex: 1;height: 100%;"></div>
             </div>
@@ -244,6 +244,14 @@
         </div>
       </div>
     </div>
+
+    <div class="tip" @click="showTip2 = false" v-if="showTip2">
+      <div class="tip-box">
+        <div class="tip-content">
+          <div class="btm10" v-for="(item,index) in tipData2[tipNum]" :key="index"> {{item}}</div>
+        </div>
+      </div>
+    </div>
   </div>
 
 

manpower/js/data.js

@@ -57,7 +57,8 @@ const dataL3 = [
 ]
 const dataL4 = [
   [142, 189, 58, 59, 39, 32, 12, 36, 66, 36, 72, 41, 28, 161, 63, 10, 69, 28],
-  [109, 65, 42, 44, 36, 34, 8, 62, 45, 28, 51, 98, 40, 30, 20, 99, 51, 24],
+  [59, 70, 71, 67, 38, 29, 2, 36, 32, 31, 36, 28, 37, 64, 25, 20, 10, 21],
+  [59, 70, 71, 67, 38, 29, 22, 36, 32, 31, 36, 28, 37, 64, 25, 33, 18, 34]
 ]
 const dataL5 = [
   [173826, 352494, 54039, 108985, 23512, 8484, 2430, 16357, 7351, 4452, 38863, 3242, 35183, 13285, 1937, 14733, 302, 1052],
@@ -65,7 +66,7 @@ const dataL5 = [
 ]
 
 const dataL6 = [
-  [146, 360, 400, 185, 220, 180, 30, 200, 200, 141, 235, 120, 200, 315, 50, 118, 100, 157],
+  [146, 360, 400, 185, 220, 180, 30, 200, 200, 141, 170, 120, 200, 315, 50, 118, 100, 157],
   [400, 400, 400, 400, 200, 180, 50, 200, 200, 177, 170, 120, 200, 330, 80, 186, 100, 150],
 ]
 const dataL7 = [

manpower/js/fjx.js

@@ -47,4 +47,9 @@ const fjxdataL1 = [
       '2.	航产集团2022年利润同比降低160%，同时薪酬总额增长5.27%；',
       '3.	华舰体育2022年利润同比降低20%，同时薪酬总额增长5.28%',
     ]
+  ]
+
+  const tipData2 = [
+    ['管理人员是指有直接下属、具有人员管理职责的人员，不包括财务人员、人力资源等管理部门中不负有人员管理职能的具体工作人员。'],
+    ['全员劳动生产率＝劳动生产总值/平均在岗职工人数']
   ]

manpower/js/index.js

@@ -5,6 +5,7 @@ let app = new Vue({
   data () {
     return {
       showTip: false,
+      showTip2: false,
       tipNum: '',
       tipData: tipData,
       time: '',
@@ -219,6 +220,10 @@ let app = new Vue({
       this.showTip = true
       this.tipNum = index
     },
+    handleShowTip2(index) {
+      this.showTip2 = true
+      this.tipNum = index
+    },
     handleGoPage (url) {
       if (url.length) {
         window.location.href = url
@@ -562,10 +567,33 @@ let app = new Vue({
             },
             data: dataL4[1],
           },
+          {
+            name: '总部中层管理人数核定上限',
+            type: 'line',
+            yAxisIndex: 1,
+            smooth: true, //平滑曲线显示
+            showAllSymbol: true, //显示所有图形。
+            symbol: 'circle', //标记的图形为实心圆
+            symbolSize: 8, //标记的大小
+            smooth: false,
+            itemStyle: {
+              //折线拐点标志的样式
+              color: '#fbe138',
+              borderColor: '#fbe138',
+              width: 2,
+              shadowColor: '#fbe138',
+              shadowBlur: 4,
+            },
+            lineStyle: {
+              color: '#fbe138',
+              width: 2,
+            },
+            data: dataL4[2],
+          },
         ],
       }
       option.title.text = '各省属企业总部中层管理人数'
-      option.legend.data = ['六定改革前总部中层管理人数', '当前总部中层管理人数']
+      option.legend.data = ['六定改革前总部中层管理人数', '当前总部中层管理人数','总部中层管理人数核定上限']
       option.legend.show = true
       option.yAxis.push({
         splitLine: {
@@ -876,6 +904,13 @@ let app = new Vue({
             data: dataL8[1],
           },
         ],
+        // tooltip: {
+        //   trigger: 'axis',
+        //   formatter(params){
+        //     console.log(params)
+        //     return params[0]
+        //   }
+        // }
       }
       option.title.text = '人数变化和人工成本利润率变化分析'
       option.legend.data = ['人数变化', '人工成本利润率同比变化']