Sfoglia il codice sorgente

调整二级页面展示

l1448442195@163.com 1 anno fa
parent
commit
09be8294bb

+ 1 - 1
manpower/index2.html

@@ -139,7 +139,7 @@
                     <p>改革前在册职工数</p>
                   </div>
                   <div>
-                    <p style="color:#17AC76">{{centerData.changeInfo[2].value3}}<span></span></p>
+                    <p style="color:#17AC76">{{numFormat(centerData.changeInfo[2].value3)}}<span></span></p>
                     <p>在册职工压缩数</p>
                   </div>
                 </div>

+ 2 - 3
manpower/index3.html

@@ -11,7 +11,6 @@
   <link rel="stylesheet" href="./styles/index.css" />
   <!-- 引入js -->
   <script src="./libs/vue@2.7.10.js"></script>
-  <!-- <script src="https://unpkg.com/@jiaminghi/data-view/dist/datav.min.vue.js"></script> -->
   <script src="./libs/echarts.min.js"></script>
   <script src="./libs/datav.min.js"></script>
   <script src="./libs/element-ui@2.15.9.js"></script>
@@ -24,7 +23,7 @@
 <body>
   <div id="app">
     <header class="my-header">
-      <span>三级</span>
+      <span>山西煤炭运销集团长治有限公司</span>
       <span class="right">{{time}}</span>
     </header>
     <div class="main">
@@ -215,7 +214,7 @@
         </dv-border-box-8>
       </div>
     </div>
-    <div class="footer">
+    <div class="footer" style="width: 70%;">
       <a class="item" v-for="(item,index) in companyList" :key="index"><img
           :src="`./images/logos/logo${index+1}.png`"></img> {{item.name}}</a>
     </div>

+ 225 - 0
manpower/index4.html

@@ -0,0 +1,225 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <!-- 引入样式 -->
+  <link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
+  <link rel="stylesheet" href="./styles/normalize.css" />
+  <link rel="stylesheet" href="./styles/index.css" />
+  <!-- 引入js -->
+  <script src="./libs/vue@2.7.10.js"></script>
+  <script src="./libs/echarts.min.js"></script>
+  <script src="./libs/datav.min.js"></script>
+  <script src="./libs/element-ui@2.15.9.js"></script>
+  <script src="./libs/axios.min.js"></script>
+  <script src="./libs/lodash.min.js"></script>
+  <script src="./js/request.js"></script>
+  <script src="./js/data4.js"></script>
+</head>
+
+<body>
+  <div id="app">
+    <header class="my-header">
+      <span>山西三元煤业股份有限公司</span>
+      <span class="right">{{time}}</span>
+    </header>
+    <div class="main">
+      <div class="left">
+        <dv-border-box-8 :dur="10" style="flex: 1;">
+          <div class="my-panel">
+            <div class="panel-title">
+              <span class="text">定机构</span>
+            </div>
+            <div class="content flex">
+              <div ref="echartL1" style="flex: 1;height: 100%;"></div>
+              <div ref="echartL2" style="flex: 1;height: 100%;"></div>
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="11" style="flex: 1;">
+          <div class="my-panel">
+            <div class="panel-title">
+              <span class="text">定职数</span>
+            </div>
+            <div class="content flex">
+              <div ref="echartL3" style="flex: 1;height: 100%;"></div>
+              <div ref="echartL4" style="flex: 1;height: 100%;"></div>
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="12" style="flex: 2;">
+          <div class="my-panel">
+            <div class="panel-title">
+              <span class="text">定员额</span>
+            </div>
+            <div class="content flex flex-wrap">
+              <div ref="echartL5" style="flex: 0 0 49.9%;height: 50%;"></div>
+              <div ref="echartL6" style="flex: 0 0 49.9%;height: 50%;"></div>
+              <div ref="echartL7" style="flex: 0 0 49.9%;height: 50%;"></div>
+              <div ref="echartL8" style="flex: 0 0 49.9%;height: 50%;"></div>
+            </div>
+          </div>
+        </dv-border-box-8>
+      </div>
+      <div class="center">
+        <div class="top" v-if="centerData">
+          <div class="box">
+            <img src="./images/center-top1.png" />
+            <div>
+              <p>架构数</p>
+              <p><i style="color: #45DAD1">{{numFormat(centerData.info.value1)}}</i></p>
+            </div>
+          </div>
+          <div class="box">
+            <img src="./images/center-top2.png" />
+            <div>
+              <p>岗位数</p>
+              <p><i style="color: #8BA2FF">{{numFormat(centerData.info.value2)}}</i></p>
+            </div>
+          </div>
+          <div class="box">
+            <img src="./images/center-top3.png" />
+            <div>
+              <p>总人数</p>
+              <p><i style="color: #69C0FF">{{numFormat(centerData.info.value3)}}</i></p>
+            </div>
+          </div>
+        </div>
+        <dv-border-box-8 :dur="10">
+          <div class="my-panel" v-if="centerData">
+            <div class="panel-title">
+              <span class="text">六定改革成效</span>
+            </div>
+            <div class="content flex" style="padding: 10px;">
+              <div class="box-center">
+                <div class="t">
+                  <p>{{centerData.changeInfo[0].value1}}<span>%</span></p>
+                  <p>总部机构压缩率</p>
+                </div>
+                <div class="flex">
+                  <div>
+                    <p style="color:#FBE139">{{centerData.changeInfo[0].value2}}</p>
+                    <p>改革前总部机构平均数</p>
+                  </div>
+                  <div>
+                    <p style="color:#17AC76">{{centerData.changeInfo[0].value3}}</p>
+                    <p>改革后总部机构平均数
+                    </p>
+                  </div>
+                </div>
+              </div>
+              <div class="box-center">
+                <div class="t">
+                  <p>{{centerData.changeInfo[1].value1}}<span>%</span></p>
+                  <p>中层管理人数压缩率</p>
+                </div>
+                <div class="flex">
+                  <div>
+                    <p style="color:#FBE139">{{numFormat(centerData.changeInfo[1].value2)}}</p>
+                    <p>改革前中层管理人数</p>
+                  </div>
+                  <div>
+                    <p style="color:#17AC76">{{numFormat(centerData.changeInfo[1].value3)}}</p>
+                    <p>改革后中层管理人数</p>
+                  </div>
+                </div>
+              </div>
+              <div class="box-center">
+                <div>
+                  <p>{{centerData.changeInfo[2].value1}}<span>%</span></p>
+                  <p>在册职工压缩率</p>
+                </div>
+                <div class="flex">
+                  <div>
+                    <p style="color:#FBE139">{{numFormat(centerData.changeInfo[2].value2)}}</p>
+                    <p>改革前在册职工数</p>
+                  </div>
+                  <div>
+                    <p style="color:#17AC76">{{centerData.changeInfo[2].value3}}<span>万</span></p>
+                    <p>在册职工压缩数</p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="10">
+          <div class="my-panel">
+            <div class="panel-title">
+              <span class="text">核心指标监测</span>
+            </div>
+            <div class="content flex">
+              <div ref="echartC1" style="flex: 1;height: 100%;"></div>
+              <div ref="echartC2" style="flex: 1;height: 100%;"></div>
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="10">
+          <div class="my-panel">
+            <div class="panel-title">
+              <span class="text">分析预警中心</span>
+            </div>
+            <div class="content yujing">
+              <div class="flex1">
+                <p class="s-title main-color">工作台分析</p>
+                <dv-scroll-board :config="storageRecordConfig" class="content" />
+              </div>
+              <div class="flex1">
+                <p class="s-title main-color">数据库预警</p>
+                <dv-scroll-board :config="storageRecordConfig2" class="content" />
+              </div>
+            </div>
+          </div>
+        </dv-border-box-8>
+
+      </div>
+      <div class="right">
+        <dv-border-box-8 :dur="10" style="flex: 2">
+          <div class="my-panel">
+            <div class="panel-title">
+              <span class="text">定机制</span>
+            </div>
+            <div class="content flex flex-wrap">
+              <div ref="echartR1" style="flex: 0 0 49.9%;height: 50%;"></div>
+              <div ref="echartR2" style="flex: 0 0 49.9%;height: 50%;"></div>
+              <div ref="echartR3" style="flex: 0 0 49.9%;height: 50%;"></div>
+              <div ref="echartR4" style="flex: 0 0 49.9%;height: 50%;"></div>
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="11" style="flex: 1">
+          <div class="my-panel">
+            <div class="panel-title">
+              <span class="text">定薪酬</span>
+            </div>
+            <div class="content flex">
+              <div ref="echartR5" style="flex: 1;height: 100%;"></div>
+              <div ref="echartR6" style="flex: 1;height: 100%;"></div>
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="12" style="flex: 1">
+          <div class="my-panel">
+            <div class="panel-title">
+              <span class="text">定任期</span>
+            </div>
+            <div class="content flex">
+              <div ref="echartR7" style="flex: 1;height: 100%;"></div>
+              <div ref="echartR8" style="flex: 1;height: 100%;"></div>
+            </div>
+          </div>
+        </dv-border-box-8>
+      </div>
+    </div>
+    <div class="footer">
+      <a class="item" v-for="(item,index) in companyList" :key="index"><img
+          :src="`./images/logos/logo${index+1}.png`"></img> {{item.name}}</a>
+    </div>
+  </div>
+  <script src="./js/index4.js"></script>
+</body>
+
+</html>

+ 3 - 3
manpower/js/data2.js

@@ -27,9 +27,9 @@ const data = {
       value3: '4372',
     },
     {
-      value1: '352494',
-      value2: '42299',
-      value3: '12',
+      value1: '12',
+      value2: '352494',
+      value3: '42299',
     },
   ],
 }

+ 48 - 47
manpower/js/data3.js

@@ -1,97 +1,98 @@
 const companyList = [
   { name: '山西煤炭运销集团三元石窟煤业有限公司' },
-  { name: '山西煤炭运销集团长治有限公司' },
-  { name: '晋能控股电力集团有限公司' },
-  { name: '中国太原煤炭交易中心有限公司' },
-  { name: '晋能控股装备制造集团有限公司' },
-  { name: '晋能控股山西煤业集团有限公司' },
-  { name: '晋能控股山西电力股份有限公司' },
-  { name: '晋控电力山西新能源有限公司' },
-  { name: '晋能控股煤业集团有限公司' }
+  { name: '山西三元福达煤业有限公司' },
+  { name: '山西三元煤业股份有限公司' },
+  { name: '长治市聚通能源发展有限公司' },
+  { name: '长治三元中能煤业有限公司' },
+  { name: '山西马堡煤业有限公司' },
+  { name: '山西长治郊区三元南耀小常煤业有限公司' },
+  { name: '山西长治王庄煤业有限责任公司' },
+  { name: '山西煤炭运销集团三元古韩荆宝煤业有限公司' },
+  { name: '长治县三元王庄华泰水泥有限公司' }
 ]
 const data = {
   info: {
-    value1: '1708',
-    value2: '99386',
-    value3: '352494',
+    value1: '52',
+    value2: '3823',
+    value3: '11480',
   },
   changeInfo: [
     {
       value1: '39',
-      value2: '34',
-      value3: '21',
+      value2: '47',
+      value3: '29',
     },
     {
-      value1: '25',
-      value2: '6278',
-      value3: '4372',
+      value1: '32.83',
+      value2: '1468',
+      value3: '986',
     },
     {
-      value1: '352494',
-      value2: '42299',
-      value3: '12',
+      value1: '13520',
+      value2: '2040',
+      value3: '16',
     },
   ],
 }
 const dataL1 = [
-  [33, 29, 16, 14, 16, 12, 15, 12, 17]
+  [17, 27, 47, 4, 36, 43, 33, 36, 34, 17]
 ]
 const dataL2 = [
-  [30, 52, 287, 12, 297, 9, 42, 57, 83]
+  [1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
 ]
 const dataL3 = [
-  [60, 104, 32, 28, 32, 24, 30, 24, 34]
+  [34, 54, 94, 8, 72, 86, 66, 72, 68, 34]
 ]
 const dataL4 = [
-  [319, 1392, 1475, 44, 5180, 344, 740, 27, 10336],
-  [10.35, 12.13, 12.16, 8.91, 9.00, 9.01, 9.00, 9.96, 11.00]
+  [26, 58, 137, 34, 127, 113, 96, 95, 85, 25],
+  [8.00, 9.00, 8.00, 10.00, 11.00, 12.00, 9.00, 8.00, 11.00, 10.00]
 ]
 const dataL5 = [
-  [3081, 11480, 12134, 494, 57555, 3818, 8219, 271, 93960],
-  [9, 11, 0, 3, -4, -3, -2, 9, -9]
+  [323, 647, 1710, 344, 1156, 944, 1070, 1191, 775, 254],
+  [-57.00, 20.00, -14.00, -8.00, 0.00, 9.00, 0.00, -4.00, 0.00, -2.00]
 ]
 const dataL6 = [
-  [269, 697, 232, 139, 300, 100, 149, 60, 344]
+  [323, 647, 1710, 344, 1156, 944, 1070, 1191, 775, 254]
 ]
 const dataL7 = [
-  [9, 11, 0, 3, -4, -3, -2, 9, -9],
-  [61, -12, 54, 127, 24, 2, 27, -8, 7]
+  [-57.00, 20.00, -14.00, -8.00, 0.00, 9.00, 0.00, -4.00, 0.00, -2.00],
+  [2006, 46, 2, 6, -8, 46, 17, -44, 24, -80]
 ]
 const dataL8 = [
-  [9, 11, 0, 3, -4, -3, -2, 9, -9],
-  [105, 323, 182, 1769.00, 43.00, -30, 686, -33, 78]
+  [-57.00, 20.00, -14.00, -8.00, 0.00, 9.00, 0.00, -4.00, 0.00, -2.00],
+  [469.09, 117.06, -43.01, -16.89, -33.33, 35.19, 15.56, -75.42, 2733.33, -222.00]
 ]
 const dataC1 = [
-  [153.51, 37.99, 83.68, 46.72, 50.77, 332.56, 64.64, 413.42, 44.41],
-  [61, -12, 54, 127, 24, 2, 27, -8, 7]
+  [321.15, 233.91, 170.76, 157.08, 156.96, 150.38, 114.21, 113.93, 40.54, 3.46],
+  [2006, 46, 2, 6, -8, 46, 17, -44, 24, -80]
 ]
 const dataC2 = [
-  [305, 8, 120.00, 79, 72, 415, 15, 571, 40],
-  [105, 323, 182, 1769.00, 43.00, -30, 686, -33, 78]
+  [812.00, 547.00, 212.00, 251.00, 272.00, 315.00, 401.00, 87.00, 85.00, -161.00],
+  [469.09, 117.06, -43.01, -16.89, -33.33, 35.19, 15.56, -75.42, 2733.33, -222.00]
 ]
 const dataR1 = [
-  [1, 1, 1, 1, 1, 1, 1, 1, 1],
-  [0, 0, 0, 0, 0, 0, 0, 0, 0]
+  [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
+  [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
 ]
 const dataR2 = [
-  [1, 1, 1, 1, 1, 1, 1, 1, 1],
-  [19, 62, 70, 3, 347, 23, 50, 2, 566]
+  [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
+  [2, 4, 10, 2, 7, 6, 6, 7, 5, 2]
 ]
 const dataR3 = [
-  [258327, 4015, 1393496, 7404, 1330867, 621047, 20622, 31010, 926504],
-  [19, 62, 70, 3, 347, 23, 50, 2, 566]
+  [30029.00, 116146.00, 213144.00, 308565.00, 105661.00, 98456.00, 87853.00, 38084.00, 8204.00, -3783.00],
+  [2, 4, 10, 2, 7, 6, 6, 7, 5, 2]
 ]
 const dataR4 = [
-  [69, 192, 210, 10, 1143, 76, 164, 5, 1865],
-  [19, 62, 70, 3, 347, 23, 50, 2, 566]
+  [7, 13, 33, 7, 23, 20, 20, 23, 16, 7],
+  [2, 4, 10, 2, 7, 6, 6, 7, 5, 2]
 ]
 const dataR5 = [
-  [17831.10, 13336.00, 15555.43, 11688.30, 9896.79, 13159.86, 9287.77, 9850.18, 7685.91],
-  [17117.80, 12669.20, 14311.00, 11220.77, 9302.98, 12107.07, 8637.63, 9259.17, 7301.61]
+  [11.98, 28.79, 25.07, 23.31, 23.80, 19.69, 15.56, 30.32, 18.67, 11.59],
+  [19.47, 26.54, 37.56, 28.23, 27.61, 25.48, 16.10, 41.23, 12.10, 11.89]
 ]
 const dataR6 = [
-  [183, 372, 221, 268, 51, -25, 676, -31, 62],
-  [4.00, 5.00, 5.26, 5.21, 4.98, 5.27, 5.28, 5.26, 5.25]
+  [359, 141, -26, -8, -23, 90, 20, -68, 1769, -221],
+  [-36, 11, 30, 11, 16, 45, 2, 23, -45, -10]
 ]
 const dataR7 = [
   [100, 100, 100, 100, 100, 100, 100, 100, 100]

+ 100 - 0
manpower/js/data4.js

@@ -0,0 +1,100 @@
+const companyList = [
+  { name: '山西三元文化产业发展有限公司' },
+  { name: '山西煤炭运销集团东井岭煤业有限公司' },
+  { name: '武乡县恒盛洗煤有限公司' },
+  { name: '山西煤炭运销集团三元微子镇煤业有限公司' },
+  { name: '山西煤炭运销集团黄山煤业有限公司' },
+  { name: '山西长治郊区三元吉祥煤业有限公司' },
+  { name: '山西沁园春矿泉水有限公司' },
+  { name: '山西海森生物制品有限公司' },
+]
+const data = {
+  info: {
+    value1: '8',
+    value2: '356',
+    value3: '1710',
+  },
+  changeInfo: [
+    {
+      value1: '23.8',
+      value2: '21',
+      value3: '16',
+    },
+    {
+      value1: '26.7',
+      value2: '213',
+      value3: '156',
+    },
+    {
+      value1: '2413',
+      value2: '703',
+      value3: '29.13',
+    },
+  ],
+}
+const dataL1 = [
+  [17, 27, 47, 4, 36, 43, 33, 36, 34, 17]
+]
+const dataL2 = [
+  [1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
+]
+const dataL3 = [
+  [34, 54, 94, 8, 72, 86, 66, 72, 68, 34]
+]
+const dataL4 = [
+  [26, 58, 137, 34, 127, 113, 96, 95, 85, 25],
+  [8.00, 9.00, 8.00, 10.00, 11.00, 12.00, 9.00, 8.00, 11.00, 10.00]
+]
+const dataL5 = [
+  [323, 647, 1710, 344, 1156, 944, 1070, 1191, 775, 254],
+  [-57.00, 20.00, -14.00, -8.00, 0.00, 9.00, 0.00, -4.00, 0.00, -2.00]
+]
+const dataL6 = [
+  [323, 647, 1710, 344, 1156, 944, 1070, 1191, 775, 254]
+]
+const dataL7 = [
+  [-57.00, 20.00, -14.00, -8.00, 0.00, 9.00, 0.00, -4.00, 0.00, -2.00],
+  [2006, 46, 2, 6, -8, 46, 17, -44, 24, -80]
+]
+const dataL8 = [
+  [-57.00, 20.00, -14.00, -8.00, 0.00, 9.00, 0.00, -4.00, 0.00, -2.00],
+  [469.09, 117.06, -43.01, -16.89, -33.33, 35.19, 15.56, -75.42, 2733.33, -222.00]
+]
+const dataC1 = [
+  [321.15, 233.91, 170.76, 157.08, 156.96, 150.38, 114.21, 113.93, 40.54, 3.46],
+  [2006, 46, 2, 6, -8, 46, 17, -44, 24, -80]
+]
+const dataC2 = [
+  [812.00, 547.00, 212.00, 251.00, 272.00, 315.00, 401.00, 87.00, 85.00, -161.00],
+  [469.09, 117.06, -43.01, -16.89, -33.33, 35.19, 15.56, -75.42, 2733.33, -222.00]
+]
+const dataR1 = [
+  [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
+  [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
+]
+const dataR2 = [
+  [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
+  [2, 4, 10, 2, 7, 6, 6, 7, 5, 2]
+]
+const dataR3 = [
+  [30029.00, 116146.00, 213144.00, 308565.00, 105661.00, 98456.00, 87853.00, 38084.00, 8204.00, -3783.00],
+  [2, 4, 10, 2, 7, 6, 6, 7, 5, 2]
+]
+const dataR4 = [
+  [7, 13, 33, 7, 23, 20, 20, 23, 16, 7],
+  [2, 4, 10, 2, 7, 6, 6, 7, 5, 2]
+]
+const dataR5 = [
+  [11.98, 28.79, 25.07, 23.31, 23.80, 19.69, 15.56, 30.32, 18.67, 11.59],
+  [19.47, 26.54, 37.56, 28.23, 27.61, 25.48, 16.10, 41.23, 12.10, 11.89]
+]
+const dataR6 = [
+  [359, 141, -26, -8, -23, 90, 20, -68, 1769, -221],
+  [-36, 11, 30, 11, 16, 45, 2, 23, -45, -10]
+]
+const dataR7 = [
+  [100, 100, 100, 100, 100, 100, 100, 100, 100]
+]
+const dataR8 = [
+  [100, 100, 100, 100, 100, 100, 100, 100, 100]
+]

+ 200 - 82
manpower/js/index2.js

@@ -325,26 +325,7 @@ let app = new Vue({
               color: '#B889EA',
               width: 2,
             },
-            data: dataL4[0],
-            markLine: {
-              data: [
-                {
-                  name: '管理人员比值核定上限',
-                  yAxis: 15,
-                  lineStyle: {
-                    color: '#fff',
-                  },
-                  label: {
-                    formatter: '{b}',
-                    position: 'middle',
-                    color: '#fff',
-                  },
-                }
-              ],
-              label: {
-                distance: [20, 8],
-              },
-            },
+            data: dataL4[0]
           },
           {
             name: '管理人员数占总人数比值',
@@ -365,6 +346,25 @@ let app = new Vue({
               },
             },
             data: dataL4[1],
+            markLine: {
+              data: [
+                {
+                  name: '管理人员比值核定上限',
+                  yAxis: 15,
+                  lineStyle: {
+                    color: '#fff',
+                  },
+                  label: {
+                    formatter: '{b}',
+                    position: 'middle',
+                    color: '#fff',
+                  },
+                }
+              ],
+              label: {
+                distance: [20, 8],
+              },
+            },
           },
         ],
       }
@@ -373,6 +373,7 @@ let app = new Vue({
       option.legend.show = true
       option.yAxis.push({
         type: 'value',
+        max: 20,
         axisLine: {
           show: false,
         },
@@ -449,7 +450,14 @@ let app = new Vue({
         },
         splitLine: {
           show: false,
-        }
+        },
+        axisLabel: {
+          show: true,
+          formatter: '{value} %',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
       })
       myChart.setOption(option)
     },
@@ -485,10 +493,11 @@ let app = new Vue({
       option.legend.data = ['本部员额数']
       option.legend.show = true
       option.yAxis.push({
-        splitLine: {
+        type: 'value',
+        axisLine: {
           show: false,
         },
-        axisLine: {
+        splitLine: {
           show: false,
         },
       })
@@ -523,7 +532,7 @@ let app = new Vue({
             data: dataL7[0],
           },
           {
-            name: '全员劳动生产率',
+            name: '劳动生产率同比变化',
             type: 'line',
             barWidth: 15,
             yAxisIndex: 1,
@@ -546,24 +555,42 @@ let app = new Vue({
         ],
       }
       option.title.text = '人数变化和全员劳动生产率变化率分析'
-      option.legend.data = ['人数变化', '全员劳动生产率']
+      option.legend.data = ['人数变化', '劳动生产率同比变化']
       option.legend.show = true
-      option.yAxis.push({
-        type: 'value',
-        axisLine: {
-          show: false,
-        },
-        splitLine: {
-          show: false,
-        },
-        axisLabel: {
-          show: true,
-          formatter: '{value} %',
-          textStyle: {
-            color: 'rgba(250,250,250,0.6)',
+      option.yAxis= [
+        {
+          type: 'value',
+          axisLine: {
+            show: false,
+          },
+          splitLine: {
+            show: false,
+          },
+          axisLabel: {
+            show: true,
+            formatter: '{value} %',
+            textStyle: {
+              color: 'rgba(250,250,250,0.6)',
+            },
           },
         },
-      })
+        {
+          type: 'value',
+          axisLine: {
+            show: false,
+          },
+          splitLine: {
+            show: false,
+          },
+          axisLabel: {
+            show: true,
+            formatter: '{value} %',
+            textStyle: {
+              color: 'rgba(250,250,250,0.6)',
+            },
+          },
+        }
+      ]
       myChart.setOption(option)
     },
     initChartL8 () {
@@ -595,7 +622,7 @@ let app = new Vue({
             data: dataL8[0],
           },
           {
-            name: '人工成本利润率',
+            name: '人工成本利润率同比变化',
             type: 'line',
             barWidth: 15,
             yAxisIndex: 1,
@@ -618,24 +645,42 @@ let app = new Vue({
         ],
       }
       option.title.text = '人数变化和人工利润率变化分析'
-      option.legend.data = ['人数变化', '人工成本利润率']
+      option.legend.data = ['人数变化', '人工成本利润率同比变化']
       option.legend.show = true
-      option.yAxis.push({
-        type: 'value',
-        axisLine: {
-          show: false,
-        },
-        splitLine: {
-          show: false,
-        },
-        axisLabel: {
-          show: true,
-          formatter: '{value} %',
-          textStyle: {
-            color: 'rgba(250,250,250,0.6)',
+      option.yAxis= [
+        {
+          type: 'value',
+          axisLine: {
+            show: false,
+          },
+          splitLine: {
+            show: false,
+          },
+          axisLabel: {
+            show: true,
+            formatter: '{value} %',
+            textStyle: {
+              color: 'rgba(250,250,250,0.6)',
+            },
           },
         },
-      })
+        {
+          type: 'value',
+          axisLine: {
+            show: false,
+          },
+          splitLine: {
+            show: false,
+          },
+          axisLabel: {
+            show: true,
+            formatter: '{value} %',
+            textStyle: {
+              color: 'rgba(250,250,250,0.6)',
+            },
+          },
+        }
+      ]
       myChart.setOption(option)
     },
     // 中间图表---------------------------------------------开始
@@ -643,10 +688,9 @@ let app = new Vue({
       let myChart = echarts.init(this.$refs['echartC1'])
       let option = {
         ..._.cloneDeep(this.commonOption),
-
         series: [
           {
-            name: '全员劳动生产率',
+            name: '全员劳动生产率(万/人)',
             type: 'bar',
             barWidth: 12,
             smooth: true, //平滑曲线显示
@@ -666,12 +710,11 @@ 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: dataC1[0],
             markLine: {
               data: [
                 {
-                  name: '省属企业平均水平(万/人)',
+                  name: '省属企业平均水平',
                   yAxis: 50.13,
                   lineStyle: {
                     color: '#fff',
@@ -683,7 +726,7 @@ let app = new Vue({
                   },
                 },
                 {
-                  name: '央企平均水平(万/人)',
+                  name: '央企平均水平',
                   yAxis: 69.4,
                   lineStyle: {
                     color: '#fff',
@@ -718,13 +761,12 @@ let app = new Vue({
                 ]),
               },
             },
-            // data: [50, 40, 60, 20, 45, 30, 60, 100, 45, 40, 50, 20, 60, 80, 45, 70, 50, 40],
             data: dataC1[1],
           },
         ],
       }
       option.title.text = '全员劳动生产率'
-      option.legend.data = ['全员劳动生产率同比', '全员劳动生产率']
+      option.legend.data = ['全员劳动生产率同比', '全员劳动生产率(万/人)']
       option.legend.show = true
       option.yAxis.push({
         type: 'value',
@@ -770,12 +812,11 @@ 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: dataC2[0],
             markLine: {
               data: [
                 {
-                  name: '省属企业平均水平(万/人)',
+                  name: '省属企业平均水平',
                   yAxis: 67.09,
                   lineStyle: {
                     color: '#fff',
@@ -787,7 +828,7 @@ let app = new Vue({
                   },
                 },
                 {
-                  name: '央企平均水平(万/人)',
+                  name: '央企平均水平',
                   yAxis: 81,
                   lineStyle: {
                     color: '#fff',
@@ -822,7 +863,6 @@ let app = new Vue({
                 ]),
               },
             },
-            // data: [50, 40, 60, 20, 45, 30, 60, 100, 45, 40, 50, 20, 60, 80, 45, 70, 50, 40],
             data: dataC2[1]
           },
         ],
@@ -838,6 +878,13 @@ let app = new Vue({
         axisLine: {
           show: false,
         },
+        axisLabel: {
+          show: true,
+          formatter: '{value} %',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
       })
       myChart.setOption(option)
     },
@@ -873,6 +920,7 @@ let app = new Vue({
             name: '招聘需求公告累计招聘人次',
             type: 'bar',
             barWidth: 15,
+            yAxisIndex: 1,
             itemStyle: {
               normal: {
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -889,19 +937,26 @@ let app = new Vue({
             },
             data: dataR1[1],
           },
-
         ],
       }
       option.title.text = '各二级企业招聘需求公告人次情况'
       option.legend.data = ['招聘需求公告次数', '招聘需求公告累计招聘人次']
       option.legend.show = true
       option.yAxis.push({
+        type: 'value',
         splitLine: {
           show: false,
         },
         axisLine: {
           show: false,
         },
+        axisLabel: {
+          show: true,
+          formatter: '{value}',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
       })
       myChart.setOption(option)
     },
@@ -936,6 +991,7 @@ let app = new Vue({
             name: '录用结果公示累计公示人数',
             type: 'bar',
             barWidth: 15,
+            yAxisIndex: 1,
             itemStyle: {
               normal: {
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -958,12 +1014,20 @@ let app = new Vue({
       option.legend.data = ['录用结果公示次数', '录用结果公示累计公示人数']
       option.legend.show = true
       option.yAxis.push({
+        type: 'value',
         splitLine: {
           show: false,
         },
         axisLine: {
           show: false,
         },
+        axisLabel: {
+          show: true,
+          formatter: '{value}',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
       })
       myChart.setOption(option)
     },
@@ -998,6 +1062,7 @@ let app = new Vue({
             name: '2022年累计招聘数',
             type: 'bar',
             barWidth: 15,
+            yAxisIndex: 1,
             itemStyle: {
               normal: {
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -1020,12 +1085,20 @@ let app = new Vue({
       option.legend.data = ['2022年利润(万)', '2022年累计招聘数']
       option.legend.show = true
       option.yAxis.push({
+        type: 'value',
         splitLine: {
           show: false,
         },
         axisLine: {
           show: false,
         },
+        axisLabel: {
+          show: true,
+          formatter: '{value}',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
       })
       myChart.setOption(option)
     },
@@ -1060,6 +1133,7 @@ let app = new Vue({
             name: '2022年累计招聘人数',
             type: 'bar',
             barWidth: 15,
+            yAxisIndex: 1,
             itemStyle: {
               normal: {
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -1082,12 +1156,20 @@ let app = new Vue({
       option.legend.data = ['2022年退出人数', '2022年累计招聘人数']
       option.legend.show = true
       option.yAxis.push({
+        type: 'value',
         splitLine: {
           show: false,
         },
         axisLine: {
           show: false,
         },
+        axisLabel: {
+          show: true,
+          formatter: '{value}',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
       })
       myChart.setOption(option)
     },
@@ -1097,7 +1179,7 @@ let app = new Vue({
         ..._.cloneDeep(this.commonOption),
         series: [
           {
-            name: '在岗职工平均薪酬',
+            name: '去年同期在岗职工平均薪酬',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -1105,7 +1187,7 @@ let app = new Vue({
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   {
                     offset: 0,
-                    color: '#69c0ff',
+                    color: '#6682F5',
                   },
                   {
                     offset: 1,
@@ -1114,18 +1196,19 @@ let app = new Vue({
                 ]),
               },
             },
-            data: dataR5[0],
+            data: dataR5[1],
           },
           {
-            name: '去年同期在岗职工平均薪酬',
+            name: '在岗职工平均薪酬',
             type: 'bar',
             barWidth: 15,
+            yAxisIndex: 1,
             itemStyle: {
               normal: {
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   {
                     offset: 0,
-                    color: '#6682F5',
+                    color: '#69c0ff',
                   },
                   {
                     offset: 1,
@@ -1134,20 +1217,28 @@ let app = new Vue({
                 ]),
               },
             },
-            data: dataR5[1],
-          }
+            data: dataR5[0],
+          },
         ],
       }
       option.title.text = '各二级企业在岗职工平均薪酬'
-      option.legend.data = ['在岗职工平均薪酬', '去年同期在岗职工平均薪酬']
+      option.legend.data = ['去年同期在岗职工平均薪酬', '在岗职工平均薪酬' ]
       option.legend.show = true
       option.yAxis.push({
+        type: 'value',
         splitLine: {
           show: false,
         },
         axisLine: {
           show: false,
         },
+        axisLabel: {
+          show: true,
+          formatter: '{value}',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
       })
       myChart.setOption(option)
     },
@@ -1182,6 +1273,7 @@ let app = new Vue({
             name: '2022年薪酬累计涨幅率',
             type: 'line',
             barWidth: 15,
+            yAxisIndex: 1,
             itemStyle: {
               normal: {
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -1202,14 +1294,40 @@ let app = new Vue({
       }
       option.title.text = '各二级企业月利润与月薪酬变动情况'
       option.legend.data = ['2022年利润累计涨幅率', '2022年薪酬累计涨幅率']
-      option.yAxis.push({
-        splitLine: {
-          show: false,
-        },
-        axisLine: {
-          show: false,
+      option.yAxis = [
+        {
+          type: 'value',
+          splitLine: {
+            show: false,
+          },
+          axisLine: {
+            show: false,
+          },
+          axisLabel: {
+            show: true,
+            formatter: '{value} %',
+            textStyle: {
+              color: 'rgba(250,250,250,0.6)',
+            },
+          },
         },
-      })
+        {
+          type: 'value',
+          splitLine: {
+            show: false,
+          },
+          axisLine: {
+            show: false,
+          },
+          axisLabel: {
+            show: true,
+            formatter: '{value} %',
+            textStyle: {
+              color: 'rgba(250,250,250,0.6)',
+            },
+          },
+        }
+      ]
       myChart.setOption(option)
     },
     initChartR7 () {

+ 27 - 30
manpower/js/index3.js

@@ -66,7 +66,7 @@ let app = new Vue({
           top: '22%',
           right: '5%',
           left: '8%',
-          bottom: '25%',
+          bottom: '26%',
         },
         legend: {
           data: '',
@@ -74,7 +74,7 @@ let app = new Vue({
           right: '5%',
           textStyle: {
             color: 'rgba(250,250,250,0.6)',
-            fontSize: 16,
+            fontSize: 14,
           },
         },
         xAxis: {
@@ -186,7 +186,7 @@ let app = new Vue({
         ..._.cloneDeep(this.commonOption),
         series: [
           {
-            name: '当前各级企业本部机构数',
+            name: '当前各级企业本部机构数',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -207,8 +207,8 @@ let app = new Vue({
           },
         ],
       }
-      option.title.text = '各级企业本部机构数'
-      option.legend.data = ['当前各级企业本部机构数']
+      option.title.text = '各级企业本部机构数'
+      option.legend.data = ['当前各级企业本部机构数']
       option.yAxis.push({
         splitLine: {
           show: false,
@@ -225,7 +225,7 @@ let app = new Vue({
         ..._.cloneDeep(this.commonOption),
         series: [
           {
-            name: '当前各级企业所属架构数',
+            name: '当前各级企业所属架构数',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -246,8 +246,8 @@ let app = new Vue({
           }
         ],
       }
-      option.title.text = '各级企业所属架构数'
-      option.legend.data = ['当前各级企业所属架构数']
+      option.title.text = '各级企业所属架构数'
+      option.legend.data = ['当前各级企业所属架构数']
       option.yAxis.push({
         splitLine: {
           show: false,
@@ -265,7 +265,7 @@ let app = new Vue({
         ..._.cloneDeep(this.commonOption),
         series: [
           {
-            name: '当前部中层管理人数',
+            name: '当前部中层管理人数',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -286,8 +286,8 @@ let app = new Vue({
           },
         ],
       }
-      option.title.text = '各级企业本部中层管理人数'
-      option.legend.data = ['当前部中层管理人数']
+      option.title.text = '各级企业本部中层管理人数'
+      option.legend.data = ['当前部中层管理人数']
       option.yAxis.push({
         type: 'value',
         axisLine: {
@@ -368,7 +368,7 @@ let app = new Vue({
           },
         ],
       }
-      option.title.text = '各级企业管理人员数'
+      option.title.text = '各级企业管理人员数'
       option.legend.data = ['当前管理人员数', '管理人员数占总人数比值']
       option.legend.show = true
       option.yAxis.push({
@@ -395,7 +395,7 @@ let app = new Vue({
         ..._.cloneDeep(this.commonOption),
         series: [
           {
-            name: '各级企业总人数',
+            name: '各级企业总人数',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -439,8 +439,8 @@ let app = new Vue({
           },
         ],
       }
-      option.title.text = '各级企业总人数'
-      option.legend.data = ['各级企业总人数', '去年同期人数变化率']
+      option.title.text = '各级企业总人数'
+      option.legend.data = ['各级企业总人数', '去年同期人数变化率']
       option.legend.show = true
       option.yAxis.push({
         type: 'value',
@@ -481,7 +481,7 @@ let app = new Vue({
           },
         ],
       }
-      option.title.text = '各级企业本部员额数'
+      option.title.text = '各级企业本部员额数'
       option.legend.data = ['本部员额数']
       option.legend.show = true
       option.yAxis.push({
@@ -718,7 +718,6 @@ let app = new Vue({
                 ]),
               },
             },
-            // data: [50, 40, 60, 20, 45, 30, 60, 100, 45, 40, 50, 20, 60, 80, 45, 70, 50, 40],
             data: dataC1[1],
           },
         ],
@@ -770,7 +769,6 @@ 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: dataC2[0],
             markLine: {
               data: [
@@ -822,7 +820,6 @@ let app = new Vue({
                 ]),
               },
             },
-            // data: [50, 40, 60, 20, 45, 30, 60, 100, 45, 40, 50, 20, 60, 80, 45, 70, 50, 40],
             data: dataC2[1]
           },
         ],
@@ -892,7 +889,7 @@ let app = new Vue({
 
         ],
       }
-      option.title.text = '各级企业招聘需求公告人次情况'
+      option.title.text = '各级企业招聘需求公告人次情况'
       option.legend.data = ['招聘需求公告次数', '招聘需求公告累计招聘人次']
       option.legend.show = true
       option.yAxis.push({
@@ -954,7 +951,7 @@ let app = new Vue({
           },
         ],
       }
-      option.title.text = '各级企业录用结果公示人次'
+      option.title.text = '各级企业录用结果公示人次'
       option.legend.data = ['录用结果公示次数', '录用结果公示累计公示人数']
       option.legend.show = true
       option.yAxis.push({
@@ -1016,7 +1013,7 @@ let app = new Vue({
           },
         ],
       }
-      option.title.text = '各级企业年利润与招聘情况分析'
+      option.title.text = '各级企业年利润与招聘情况分析'
       option.legend.data = ['2022年利润(万)', '2022年累计招聘数']
       option.legend.show = true
       option.yAxis.push({
@@ -1078,7 +1075,7 @@ let app = new Vue({
           },
         ],
       }
-      option.title.text = '各级企业"退二进一"完成情况'
+      option.title.text = '各级企业"退二进一"完成情况'
       option.legend.data = ['2022年退出人数', '2022年累计招聘人数']
       option.legend.show = true
       option.yAxis.push({
@@ -1097,7 +1094,7 @@ let app = new Vue({
         ..._.cloneDeep(this.commonOption),
         series: [
           {
-            name: '在岗职工平均薪酬',
+            name: '去年同期在岗职工平均薪酬',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -1117,7 +1114,7 @@ let app = new Vue({
             data: dataR5[0],
           },
           {
-            name: '去年同期在岗职工平均薪酬',
+            name: '在岗职工平均薪酬',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -1138,8 +1135,8 @@ let app = new Vue({
           }
         ],
       }
-      option.title.text = '各级企业在岗职工平均薪酬'
-      option.legend.data = ['在岗职工平均薪酬', '去年同期在岗职工平均薪酬']
+      option.title.text = '各级企业在岗职工平均薪酬'
+      option.legend.data = ['去年同期在岗职工平均薪酬', '在岗职工平均薪酬']
       option.legend.show = true
       option.yAxis.push({
         splitLine: {
@@ -1200,7 +1197,7 @@ let app = new Vue({
           },
         ],
       }
-      option.title.text = '各级企业月利润与月薪酬变动情况'
+      option.title.text = '各级企业月利润与月薪酬变动情况'
       option.legend.data = ['2022年利润累计涨幅率', '2022年薪酬累计涨幅率']
       option.yAxis.push({
         splitLine: {
@@ -1239,7 +1236,7 @@ let app = new Vue({
           },
         ],
       }
-      option.title.text = '各二级企业全员绩效考核'
+      option.title.text = '各三级企业任期制考核'
       // option.legend.data = ['劳动合同签约完成率', '目标值']
       option.yAxis.push({
         splitLine: {
@@ -1278,7 +1275,7 @@ let app = new Vue({
           },
         ],
       }
-      option.title.text = '各二级企业任期制考核'
+      option.title.text = '各三级企业全员绩效考核'
       option.yAxis.push({
         splitLine: {
           show: false,

File diff suppressed because it is too large
+ 1 - 0
manpower/js/index4.js


Some files were not shown because too many files changed in this diff