Home Explore Help
Sign In
kingdee_large_screen
/
pc_kingdee_large_screen
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

调整二级页面展示

l1448442195@163.com 1 year ago
parent
a82aa47050
commit
09be8294bb
9 changed files with 607 additions and 166 deletions
Unified View Show Diff Stats
  1. 1 1
      manpower/index2.html
  2. 2 3
      manpower/index3.html
  3. 225 0
      manpower/index4.html
  4. 3 3
      manpower/js/data2.js
  5. 48 47
      manpower/js/data3.js
  6. 100 0
      manpower/js/data4.js
  7. 200 82
      manpower/js/index2.js
  8. 27 30
      manpower/js/index3.js
  9. 1 0
      manpower/js/index4.js

+ 1 - 1
manpower/index2.html
View File 

@@ -139,7 +139,7 @@
 
                     <p>改革前在册职工数</p>
 
                     <p>改革前在册职工数</p>
 
                   </div>
 
                   </div>
 
                   <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>
 
                     <p>在册职工压缩数</p>
 
                   </div>
 
                   </div>
 
                 </div>
 
                 </div>

+ 2 - 3
manpower/index3.html
View File 

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

+ 225 - 0
manpower/index4.html
View File 

@@ -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
View File 

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

+ 48 - 47
manpower/js/data3.js
View File 

@@ -1,97 +1,98 @@
 
 const companyList = [
 
 const companyList = [
 
   { name: '山西煤炭运销集团三元石窟煤业有限公司' },
 
   { name: '山西煤炭运销集团三元石窟煤业有限公司' },
 
-  { name: '山西煤炭运销集团长治有限公司' },
 
-  { name: '晋能控股电力集团有限公司' },
 
-  { name: '中国太原煤炭交易中心有限公司' },
 
-  { name: '晋能控股装备制造集团有限公司' },
 
-  { name: '晋能控股山西煤业集团有限公司' },
 
-  { name: '晋能控股山西电力股份有限公司' },
 
-  { name: '晋控电力山西新能源有限公司' },
 
-  { name: '晋能控股煤业集团有限公司' }
 
+  { name: '山西三元福达煤业有限公司' },
 
+  { name: '山西三元煤业股份有限公司' },
 
+  { name: '长治市聚通能源发展有限公司' },
 
+  { name: '长治三元中能煤业有限公司' },
 
+  { name: '山西马堡煤业有限公司' },
 
+  { name: '山西长治郊区三元南耀小常煤业有限公司' },
 
+  { name: '山西长治王庄煤业有限责任公司' },
 
+  { name: '山西煤炭运销集团三元古韩荆宝煤业有限公司' },
 
+  { name: '长治县三元王庄华泰水泥有限公司' }
 
 ]
 
 ]
 
 const data = {
 
 const data = {
 
   info: {
 
   info: {
 
-    value1: '1708',
 
-    value2: '99386',
 
-    value3: '352494',
 
+    value1: '52',
 
+    value2: '3823',
 
+    value3: '11480',
 
   },
 
   },
 
   changeInfo: [
 
   changeInfo: [
 
     {
 
     {
 
       value1: '39',
 
       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 = [
 
 const dataL1 = [
 
-  [33, 29, 16, 14, 16, 12, 15, 12, 17]
 
+  [17, 27, 47, 4, 36, 43, 33, 36, 34, 17]
 
 ]
 
 ]
 
 const dataL2 = [
 
 const dataL2 = [
 
-  [30, 52, 287, 12, 297, 9, 42, 57, 83]
 
+  [1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
 
 ]
 
 ]
 
 const dataL3 = [
 
 const dataL3 = [
 
-  [60, 104, 32, 28, 32, 24, 30, 24, 34]
 
+  [34, 54, 94, 8, 72, 86, 66, 72, 68, 34]
 
 ]
 
 ]
 
 const dataL4 = [
 
 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 = [
 
 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 = [
 
 const dataL6 = [
 
-  [269, 697, 232, 139, 300, 100, 149, 60, 344]
 
+  [323, 647, 1710, 344, 1156, 944, 1070, 1191, 775, 254]
 
 ]
 
 ]
 
 const dataL7 = [
 
 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 = [
 
 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 = [
 
 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 = [
 
 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 = [
 
 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 = [
 
 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 = [
 
 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 = [
 
 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 = [
 
 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 = [
 
 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 = [
 
 const dataR7 = [
 
   [100, 100, 100, 100, 100, 100, 100, 100, 100]
 
   [100, 100, 100, 100, 100, 100, 100, 100, 100]

+ 100 - 0
manpower/js/data4.js
View File 

@@ -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
View File 

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

+ 27 - 30
manpower/js/index3.js
View File 

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