Просмотр исходного кода

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

unknown 1 год назад
Родитель
Сommit
069042cdfb
9 измененных файлов с 737 добавлено и 276 удалено
  1. 1 1
      manpower/index.html
  2. 196 181
      manpower/index2.html
  3. 226 0
      manpower/index3.html
  4. 2 2
      manpower/js/data.js
  5. 70 23
      manpower/js/data2.js
  6. 101 0
      manpower/js/data3.js
  7. 140 69
      manpower/js/index.js
  8. 0 0
      manpower/js/index2.js
  9. 1 0
      manpower/js/index3.js

+ 1 - 1
manpower/index.html

@@ -28,7 +28,7 @@
   <div id="app">
     <header class="my-header">
       <span>数智人力&nbsp;&nbsp;智慧山西</span>
-      <span class="right">2023-1-16 10:23:00</span>
+      <span class="right">{{time}}</span>
     </header>
     <div class="main">
       <div class="left">

+ 196 - 181
manpower/index2.html

@@ -1,211 +1,226 @@
 <!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="https://unpkg.com/@jiaminghi/data-view/dist/datav.min.vue.js"></script>
-    <script src="./libs/echarts.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/data2.js"></script>
-  </head>
-  <body>
-    <div id="app">
-      <header class="my-header">
-        <span>智能控股</span>
-        <span class="right">2023-1-16 10:23:00</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>
+
+<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="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>
+  <script src="./libs/axios.min.js"></script>
+  <script src="./libs/lodash.min.js"></script>
+  <script src="./js/request.js"></script>
+  <script src="./js/data2.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>
-          </dv-border-box-8>
-          <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="echartL2" style="flex: 1;height: 100%;"></div>
-              </div>
+            <div class="content flex">
+              <div ref="echartL1" style="flex: 1;height: 100%;"></div>
+              <div ref="echartL2" style="flex: 1;height: 100%;"></div>
             </div>
-          </dv-border-box-8>
-          <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="echartL3" 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>
-          </dv-border-box-8>
-        </div>
-        <div class="center" style="flex: 1.5">
-          <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 class="content flex">
+              <div ref="echartL3" style="flex: 1;height: 100%;"></div>
+              <div ref="echartL4" style="flex: 1;height: 100%;"></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>
+        </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="box">
-              <img src="./images/center-top3.png"/>
-              <div>
-                <p>总人数</p>
-                <p><i style="color: #69C0FF">{{numFormat(centerData.info.value3)}}</i></p>
-              </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 :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>
+        </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 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>
+                    <p style="color:#17AC76">{{centerData.changeInfo[0].value3}}</p>
+                    <p>改革后总部机构平均数
+                    </p>
                   </div>
                 </div>
-                <div class="box-center">
-                  <div class="t">
-                    <p>{{centerData.changeInfo[1].value1}}<span>%</span></p>
-                    <p>中层管理人数压缩率</p>
+              </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 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>
+                    <p style="color:#17AC76">{{numFormat(centerData.changeInfo[1].value3)}}</p>
+                    <p>改革后中层管理人数</p>
                   </div>
                 </div>
-                <div class="box-center">
+              </div>
+              <div class="box-center">
+                <div>
+                  <p>{{centerData.changeInfo[2].value1}}<span>%</span></p>
+                  <p>在册职工压缩率</p>
+                </div>
+                <div class="flex">
                   <div>
-                     <p>{{centerData.changeInfo[2].value1}}<span>%</span></p>
-                    <p>在册职工压缩率</p>
+                    <p style="color:#FBE139">{{numFormat(centerData.changeInfo[2].value2)}}</p>
+                    <p>改革前在册职工数</p>
                   </div>
-                  <div class="flex">
-                    <div>
-                       <p>{{numFormat(centerData.changeInfo[2].value2)}}</p>
-                      <p>改革前在册职工数</p>
-                    </div>
-                    <div>
-                      <p>{{centerData.changeInfo[2].value3}}<span>万</span></p>
-                      <p>在册职工压缩数</p>
-                    </div>
+                  <div>
+                    <p style="color:#17AC76">{{centerData.changeInfo[2].value3}}<span>万</span></p>
+                    <p>在册职工压缩数</p>
                   </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>
-          </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 class="content flex">
+              <div ref="echartC1" style="flex: 1;height: 100%;"></div>
+              <div ref="echartC2" style="flex: 1;height: 100%;"></div>
             </div>
-          </dv-border-box-8>
-         
-        </div>
-        <div class="right">
-          <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="echartR1" 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>
-          </dv-border-box-8>
-          <dv-border-box-8 :dur="10" style="flex: 1">
-            <div class="my-panel">
-              <div class="panel-title">
-                <span class="text">定薪酬</span>
+            <div class="content yujing">
+              <div class="flex1">
+                <p class="s-title main-color">工作台分析</p>
+                <dv-scroll-board :config="storageRecordConfig" class="content" />
               </div>
-              <div class="content flex">
-                <div ref="echartR2" style="flex: 1;height: 100%;"></div>
+              <div class="flex1">
+                <p class="s-title main-color">数据库预警</p>
+                <dv-scroll-board :config="storageRecordConfig2" class="content" />
               </div>
             </div>
-          </dv-border-box-8>
-          <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="echartR3" style="flex: 1;height: 100%;"></div>
-              </div>
-            </div>  
-          </dv-border-box-8>
-        </div>
+          </div>
+        </dv-border-box-8>
+
       </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 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>
-    <script src="./js/index2.js"></script>
-  </body>
-</html>
+    <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/index2.js"></script>
+</body>
+
+</html>

+ 226 - 0
manpower/index3.html

@@ -0,0 +1,226 @@
+<!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="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>
+  <script src="./libs/axios.min.js"></script>
+  <script src="./libs/lodash.min.js"></script>
+  <script src="./js/request.js"></script>
+  <script src="./js/data3.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/index3.js"></script>
+</body>
+
+</html>

+ 2 - 2
manpower/js/data.js

@@ -69,10 +69,10 @@ const dataL6 = [
   [400, 400, 400, 400, 200, 180, 50, 200, 200, 177, 170, 120, 200, 330, 80, 186, 100, 150],
 ]
 const dataL7 = [
-  [55.05, 46.82, 52.82, 61.2, 38.48, 30.64, 117.48, 27.09, 28.7, 14.27, 25.92, 12.6, 44.66, 138.83, 56.38, 26.42, 21.58, 17.18],
+  [-1, -5, -24, 2, 5, -4, -13, -5, -3, 2, -2, -3, 5, 1, 14, -1, 490, 23],
   [34.0, 17.0, 23.0, 26, 2, 7, 2896, 24.0, 15.0, -33.0, 10.0, -38.0, 12.0, 43.0, -7.0, 6.0, 56.0, 121.0],
 ]
 const dataL8 = [
-  [80.16, 58.04, 115, 48.61, 26.9, 24.16, -8.02, 44.94, 17.05, -54.75, 25.66, -75.02, 67.99, 324.15, 149.79, 44.86, -142.59, 5.82],
+  [-1, -5, -24, 2, 5, -4, -13, -5, -3, 2, -2, -3, 5, 1, 14, -1, 490, 23],
   [145.0, 88.0, 58.0, 70, 8, 33, 98, 21.0, 24.0, -470.0, 69.0, -185.0, 19.0, 33.0, -4.0, 27.0, 76.0, 107.0],
 ]

+ 70 - 23
manpower/js/data2.js

@@ -1,4 +1,6 @@
 const companyList = [
+  { name: '山西煤炭运销集团忻州有限公司' },
+  { name: '山西煤炭运销集团长治有限公司' },
   { name: '晋能控股电力集团有限公司' },
   { name: '中国太原煤炭交易中心有限公司' },
   { name: '晋能控股装备制造集团有限公司' },
@@ -9,46 +11,91 @@ const companyList = [
 ]
 const data = {
   info: {
-    value1: '5808',
-    value2: '444094',
-    value3: '860527',
+    value1: '1708',
+    value2: '99386',
+    value3: '352494',
   },
   changeInfo: [
     {
-      value1: '50.30',
-      value2: '25',
-      value3: '15',
+      value1: '39',
+      value2: '34',
+      value3: '21',
     },
     {
-      value1: '31.00',
-      value2: '15695',
-      value3: '10756',
+      value1: '25',
+      value2: '6278',
+      value3: '4372',
     },
     {
-      value1: '11',
-      value2: '950527',
-      value3: '9',
+      value1: '352494',
+      value2: '42299',
+      value3: '12',
     },
   ],
 }
 const dataL1 = [
-  [18, 21, 14, 21, 13, 14, 6, 13, 13, 14, 14, 12, 15, 16, 12, 15, 10, 19],
-  [18, 21, 14, 21, 13, 14, 6, 13, 13, 14, 14, 12, 15, 16, 12, 15, 10, 19],
-  [21, 21, 21, 21, 13, 13, 6, 13, 13, 14, 14, 12, 15, 15, 12, 15, 12, 13],
+  [33, 29, 16, 14, 16, 12, 15, 12, 17]
 ]
 const dataL2 = [
-  [16, 8, 12, 10, 11, 1, 0, 8, 8, 0, 7, 0, 5, 10, 0, 0, 0, 6],
-  [11, 10, 6, 10, 12, 0, 0, 5, 0, 5, 7, 0, 4, 0, 0, 0, 0, 10],
+  [30, 52, 287, 12, 297, 9, 42, 57, 83]
 ]
 const dataL3 = [
-  [15732, 29724, 4936, 9821, 2116, 763, 218, 1472, 661, 400, 3497, 265, 3066, 1205, 155, 1311, 22, 93],
-  [9.5, 8.43, 9.13, 9.11, 8.96, 8.99, 8.97, 8.99, 9.0, 9.0, 9.1, 8.2, 8.8, 9.1, 8, 8.8, 7.3, 8.8],
+  [60, 104, 32, 28, 32, 24, 30, 24, 34]
 ]
 const dataL4 = [
-  [142, 189, 58, 59, 39, 32, 12, 36, 66, 36, 72, 41, 28, 161, 63, 10, 69, 28],
-  [109, 65, 42, 44, 36, 34, 8, 62, 45, 28, 51, 98, 40, 30, 20, 99, 51, 24],
+  [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]
 ]
 const dataL5 = [
-  [173826, 352494, 54039, 108985, 23512, 8484, 2430, 16357, 7351, 4452, 38863, 3242, 35183, 13285, 1937, 14733, 302, 1052],
-  [-1, -5, -24, 2, 5, -4, -13, -5, -3, 2, -2, -3, 5, 1, 14, -1, 490, 23],
+  [3081, 11480, 12134, 494, 57555, 3818, 8219, 271, 93960],
+  [9, 11, 0, 3, -4, -3, -2, 9, -9]
 ]
+const dataL6 = [
+  [269, 697, 232, 139, 300, 100, 149, 60, 344]
+]
+const dataL7 = [
+  [9, 11, 0, 3, -4, -3, -2, 9, -9],
+  [61, -12, 54, 127, 24, 2, 27, -8, 7]
+]
+const dataL8 = [
+  [9, 11, 0, 3, -4, -3, -2, 9, -9],
+  [105, 323, 182, 1769.00, 43.00, -30, 686, -33, 78]
+]
+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]
+]
+const dataC2 = [
+  [305, 8, 120.00, 79, 72, 415, 15, 571, 40],
+  [105, 323, 182, 1769.00, 43.00, -30, 686, -33, 78]
+]
+const dataR1 = [
+  [1, 1, 1, 1, 1, 1, 1, 1, 1],
+  [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]
+]
+const dataR3 = [
+  [258327, 4015, 1393496, 7404, 1330867, 621047, 20622, 31010, 926504],
+  [19, 62, 70, 3, 347, 23, 50, 2, 566]
+]
+const dataR4 = [
+  [69, 192, 210, 10, 1143, 76, 164, 5, 1865],
+  [19, 62, 70, 3, 347, 23, 50, 2, 566]
+]
+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]
+]
+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]
+]
+const dataR7 = [
+  [100, 100, 100, 100, 100, 100, 100, 100, 100]
+]
+const dataR8 = [
+  [100, 100, 100, 100, 100, 100, 100, 100, 100]
+]

+ 101 - 0
manpower/js/data3.js

@@ -0,0 +1,101 @@
+const companyList = [
+  { name: '山西煤炭运销集团三元石窟煤业有限公司' },
+  { name: '山西煤炭运销集团长治有限公司' },
+  { name: '晋能控股电力集团有限公司' },
+  { name: '中国太原煤炭交易中心有限公司' },
+  { name: '晋能控股装备制造集团有限公司' },
+  { name: '晋能控股山西煤业集团有限公司' },
+  { name: '晋能控股山西电力股份有限公司' },
+  { name: '晋控电力山西新能源有限公司' },
+  { name: '晋能控股煤业集团有限公司' }
+]
+const data = {
+  info: {
+    value1: '1708',
+    value2: '99386',
+    value3: '352494',
+  },
+  changeInfo: [
+    {
+      value1: '39',
+      value2: '34',
+      value3: '21',
+    },
+    {
+      value1: '25',
+      value2: '6278',
+      value3: '4372',
+    },
+    {
+      value1: '352494',
+      value2: '42299',
+      value3: '12',
+    },
+  ],
+}
+const dataL1 = [
+  [33, 29, 16, 14, 16, 12, 15, 12, 17]
+]
+const dataL2 = [
+  [30, 52, 287, 12, 297, 9, 42, 57, 83]
+]
+const dataL3 = [
+  [60, 104, 32, 28, 32, 24, 30, 24, 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]
+]
+const dataL5 = [
+  [3081, 11480, 12134, 494, 57555, 3818, 8219, 271, 93960],
+  [9, 11, 0, 3, -4, -3, -2, 9, -9]
+]
+const dataL6 = [
+  [269, 697, 232, 139, 300, 100, 149, 60, 344]
+]
+const dataL7 = [
+  [9, 11, 0, 3, -4, -3, -2, 9, -9],
+  [61, -12, 54, 127, 24, 2, 27, -8, 7]
+]
+const dataL8 = [
+  [9, 11, 0, 3, -4, -3, -2, 9, -9],
+  [105, 323, 182, 1769.00, 43.00, -30, 686, -33, 78]
+]
+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]
+]
+const dataC2 = [
+  [305, 8, 120.00, 79, 72, 415, 15, 571, 40],
+  [105, 323, 182, 1769.00, 43.00, -30, 686, -33, 78]
+]
+const dataR1 = [
+  [1, 1, 1, 1, 1, 1, 1, 1, 1],
+  [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]
+]
+const dataR3 = [
+  [258327, 4015, 1393496, 7404, 1330867, 621047, 20622, 31010, 926504],
+  [19, 62, 70, 3, 347, 23, 50, 2, 566]
+]
+const dataR4 = [
+  [69, 192, 210, 10, 1143, 76, 164, 5, 1865],
+  [19, 62, 70, 3, 347, 23, 50, 2, 566]
+]
+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]
+]
+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]
+]
+const dataR7 = [
+  [100, 100, 100, 100, 100, 100, 100, 100, 100]
+]
+const dataR8 = [
+  [100, 100, 100, 100, 100, 100, 100, 100, 100]
+]

+ 140 - 69
manpower/js/index.js

@@ -4,6 +4,7 @@ let app = new Vue({
   el: '#app',
   data () {
     return {
+      time: '',
       year: '2022',
       config1: {
         number: [100],
@@ -79,7 +80,7 @@ let app = new Vue({
         xAxis: {
           data: companyList.map(item => item.name),
           axisLine: {
-            show: true, //隐藏X轴轴线
+            show: false, //隐藏X轴轴线
             lineStyle: {
               color: '#005094',
               width: 1,
@@ -352,7 +353,7 @@ let app = new Vue({
           {
             name: '管理人员数占总人数比值',
             type: 'line',
-            yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
+            yAxisIndex: 1, 
             smooth: true, //平滑曲线显示
             showAllSymbol: true, //显示所有图形。
             symbol: 'circle', //标记的图形为实心圆
@@ -370,14 +371,55 @@ let app = new Vue({
               color: '#fbe138',
               width: 2,
             },
+            markLine: {
+              data: [
+                {
+                  name: '固定参考线',
+                  yAxis: 15,
+                  lineStyle: {
+                    color: '#fff',
+                  },
+                  label: {
+                    formatter: '{b}',
+                    position: 'middle',
+                    color: '#fff',
+                    fontSize: 16
+                  },
+                },
+              ],
+              label: {
+                distance: [20, 8],
+              },
+            },
             data: dataL3[1],
           },
         ],
       }
       option.title.text = '各省属企业管理人员数'
       option.legend.data = ['当前管理人员数', '管理人员数占总人数比值']
+      option.yAxis[0] = {
+        type: 'log',
+        min:1,
+        logBase:10,
+        axisLine: {
+          show: false,
+        },
+        splitLine: {
+          show: false,
+        },
+        axisLabel: {
+          show: true,
+          formatter: function(value) {
+            return value === 1 ? 0 : value
+          },
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
+      }
       option.yAxis.push({
         type: 'value',
+        max: 15,
         axisLine: {
           show: false,
         },
@@ -400,7 +442,7 @@ let app = new Vue({
         ..._.cloneDeep(this.commonOption),
         series: [
           {
-            name: '六定改革前总部中层管理人数核定上限',
+            name: '六定改革前总部中层管理人数',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -420,7 +462,7 @@ let app = new Vue({
             data: dataL4[0],
           },
           {
-            name: '当前总部中层管理人数核定上限',
+            name: '当前总部中层管理人数',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -442,7 +484,7 @@ let app = new Vue({
         ],
       }
       option.title.text = '各省属企业总部中层管理人数'
-      option.legend.data = ['六定改革前总部中层管理人数核定上限', '当前总部中层管理人数核定上限']
+      option.legend.data = ['六定改革前总部中层管理人数', '当前总部中层管理人数']
       option.legend.show = true
       option.yAxis.push({
         splitLine: {
@@ -507,6 +549,26 @@ let app = new Vue({
       option.title.text = '各省属企业总人数'
       option.legend.data = ['各省属企业总人数', '去年同期人数变化率']
       option.legend.show = true
+      option.yAxis[0] = {
+        type: 'log',
+        min: 1,
+        logBase: 10,
+        axisLine: {
+          show: false,
+        },
+        splitLine: {
+          show: false,
+        },
+        axisLabel: {
+          show: true,
+          formatter: function(value) {
+            return value === 1 ? 0 : value
+          },
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
+      }
       option.yAxis.push({
         type: 'value',
         axisLine: {
@@ -592,7 +654,7 @@ let app = new Vue({
         ..._.cloneDeep(this.commonOption),
         series: [
           {
-            name: '当前全员劳动生产率(万/人)',
+            name: '人数变化',
             type: 'line',
             barWidth: 15,
             itemStyle: {
@@ -609,13 +671,10 @@ let app = new Vue({
                 ]),
               },
             },
-            markLine: {
-              data: [{ type: 'average', name: 'Avg' }],
-            },
             data: dataL7[0],
           },
           {
-            name: '劳动生产率同比变化',
+            name: '全员劳动生产率',
             type: 'line',
             barWidth: 15,
             yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
@@ -633,44 +692,14 @@ let app = new Vue({
                 ]),
               },
             },
-            markLine: {
-              data: [
-                // {
-                //   name: '省属企业平均水平(万/人)',
-                //   yAxis: 50.13,
-                //   lineStyle: {
-                //     color: '#fff',
-                //   },
-                //   label: {
-                //     formatter: '{b}',
-                //     position: 'middle',
-                //     color: '#fff',
-                //   },
-                // },
-                // {
-                //   name: '央企平均水平(万/人)',
-                //   yAxis: 69.4,
-                //   lineStyle: {
-                //     color: '#fff',
-                //   },
-                //   label: {
-                //     formatter: '{b}',
-                //     position: 'middle',
-                //     color: '#fff',
-                //   },
-                // },
-              ],
-              label: {
-                distance: [20, 8],
-              },
-            },
             data: dataL7[1],
           },
         ],
       }
-      option.title.text = '各省属企业全员劳动生产率'
-      option.legend.data = ['当前全员劳动生产率(万/人)', '劳动生产率同比变化']
+      option.title.text = '人数变化和全员劳动生产率变化分析'
+      option.legend.data = ['人数变化', '全员劳动生产率']
       option.legend.show = true
+      // option.yAxis[0].axisLabel.formatter = '{value} %',
       option.yAxis.push({
         type: 'value',
         axisLine: {
@@ -735,17 +764,11 @@ let app = new Vue({
           },
         ],
       }
-      option.title.text = '各省属企业人工成本利润率'
-      option.legend.data = ['当前人工成本利润率', '人工成本利润率同比变化']
+      option.title.text = '人数变化和人工成本利润率变化分析'
+      option.legend.data = ['人数变化','人工成本利润率']
       option.legend.show = true
-      option.yAxis.push({
-        splitLine: {
-          show: false,
-        },
-        axisLine: {
-          show: false,
-        },
-      })
+      option.yAxis[0].axisLabel.formatter = '{value} %',
+      console.log(option)
       myChart.setOption(option)
     },
     // 中间图表---------------------------------------------开始
@@ -1006,14 +1029,26 @@ let app = new Vue({
       option.title.text = '当前各省属企业招聘需求公示人次'
       option.legend.data = ['招聘需求公告次数', '招聘需求公告累计招聘人次']
       option.legend.show = true
-      option.yAxis.push({
-        splitLine: {
+      option.yAxis[0] = {
+        type: 'log',
+        min: 1,
+        logBase: 10,
+        axisLine: {
           show: false,
         },
-        axisLine: {
+        splitLine: {
           show: false,
         },
-      })
+        axisLabel: {
+          show: true,
+          formatter: function(value) {
+            return value === 1 ? 0 : value
+          },
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
+      }
       myChart.setOption(option)
     },
     initChartR2 () {
@@ -1069,14 +1104,26 @@ let app = new Vue({
       option.title.text = '当前各省属企业录用结果公示人次'
       option.legend.data = ['录用结果公示次数', '录用结果公示累计公示人数']
       option.legend.show = true
-      option.yAxis.push({
-        splitLine: {
+      option.yAxis[0] = {
+        type: 'log',
+        min: 1,
+        logBase: 10,
+        axisLine: {
           show: false,
         },
-        axisLine: {
+        splitLine: {
           show: false,
         },
-      })
+        axisLabel: {
+          show: true,
+          formatter: function(value) {
+            return value === 1 ? 0 : value
+          },
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
+      }
       myChart.setOption(option)
     },
     initChartR3 () {
@@ -1131,14 +1178,26 @@ let app = new Vue({
       option.title.text = '各省属企业年利润与"当年"招聘人数'
       option.legend.data = ['2022年利润(万)', '2022年累计招聘数']
       option.legend.show = true
-      option.yAxis.push({
-        splitLine: {
+      option.yAxis[0] = {
+        type: 'log',
+        min: 1,
+        logBase: 10,
+        axisLine: {
           show: false,
         },
-        axisLine: {
+        splitLine: {
           show: false,
         },
-      })
+        axisLabel: {
+          show: true,
+          formatter: function(value) {
+            return value === 1 ? 0 : value
+          },
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
+      }
       myChart.setOption(option)
     },
     initChartR4 () {
@@ -1193,14 +1252,26 @@ let app = new Vue({
       option.title.text = '各省属企业"退二进一"完成情况'
       option.legend.data = ['2022年退出人数', '2022年累计招聘人数']
       option.legend.show = true
-      option.yAxis.push({
-        splitLine: {
+      option.yAxis[0] = {
+        type: 'log',
+        min: 1,
+        logBase: 10,
+        axisLine: {
           show: false,
         },
-        axisLine: {
+        splitLine: {
           show: false,
         },
-      })
+        axisLabel: {
+          show: true,
+          formatter: function(value) {
+            return value === 1 ? 0 : value
+          },
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+        },
+      }
       myChart.setOption(option)
     },
     initChartR5 () {

Разница между файлами не показана из-за своего большого размера
+ 0 - 0
manpower/js/index2.js


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
manpower/js/index3.js


Некоторые файлы не были показаны из-за большого количества измененных файлов