Home Esplora Aiuto
Accedi
kingdee_large_screen
/
pc_kingdee_large_screen
2
0
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Sfoglia il codice sorgente

人力bug修改，新增投资页面

zhbyyy 2 anni fa
parent
b47e0f9ec6
commit
6da82afd2d
15 ha cambiato i file con 692 aggiunte e 351 eliminazioni
Visualizzazione separata Mostra Diff Stats
  1. 38 0
      investment/investHomeGroup.html
  2. 0 20
      investment/js/investHome2.js
  3. 19 0
      investment/js/investHomeGroup.js
  4. 39 0
      investment/styles/investHomeGroup.css
  5. 3 3
      manpowerPort/index2.html
  6. 8 6
      manpowerPort/index3.html
  7. 14 7
      manpowerPort/index4.html
  8. 6 6
      manpowerPort/js/index.js
  9. 25 25
      manpowerPort/js/index2.js
  10. 21 41
      manpowerPort/js/index2JNKG.js
  11. 181 63
      manpowerPort/js/index3.js
  12. 44 43
      manpowerPort/js/index3MT.js
  13. 243 87
      manpowerPort/js/index4.js
  14. 44 43
      manpowerPort/js/index4SY.js
  15. 7 7
      manpowerPort/js/index5.js

+ 38 - 0
investment/investHomeGroup.html
Vedi File 

@@ -0,0 +1,38 @@
 
+<!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/investHomeGroup.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="./js/request.js"></script>
 
+  <script src="./js/data.js"></script>
 
+  <script src="./libs/echarts-tooltip-carousel.js"></script>
 
+  <!-- highchair -->
 
+  <script src="./libs/highcharts.js"></script>
 
+  <script src="./libs/highcharts3d.js"></script>
 
+</head>
 
+
 
+<body>
 
+  <dv-full-screen-container>
 
+    <div id="app" class="w-full h-full">
 
+      <div class="centerBox">111
 
+      </div>
 
+      <div class="leftBox">222</div>
 
+      <div>333</div>
 
+    </div>
 
+  </dv-full-screen-container>
 
+  <script src="./js/investHomeGroup.js"></script>
 
+</body>
 
+
 
+</html>

+ 0 - 20
investment/js/investHome2.js
Vedi File 

@@ -33,25 +33,6 @@ let app = new Vue({
 
         // columnWidth: [100, 550,100],
 
         align: ['center', 'center', 'center'],
 
         data: [
 
-          // ['国际能源', '娄烦县120MW智慧光伏发电项目+10%储能', "6.78亿元 "],
 
-          // ['国际能源', '平朔矿区150MW农光储氢一体化项目', "7.84亿元"],
 
-          // ['汾酒集团', '汾酒2030技改原酒产储能扩建项目（一期）', "91.02亿元 "],
 
-          // ['大地控股', '山西大地控股忻州新店矿业有限公司投资建设年产800万吨精品砂石骨料项目', "8.67亿元 "],
 
-          // ['潞安化工', '分布式光伏发电项目', "2.01亿元 "],
 
-          // ['太重集团', '设立太重（大同）新能源产业投资公司', "0.30亿元 "],
 
-          // ['大地控股', '山西大地宏翔环保科技有限公司电厂固废资源化综合利用建设项目', "3.60亿元 "],
 
-          // ['大地控股', '山西大地海科环保科技有限公司电厂固废资源化综合利用建设项目', "3.11亿元 "],
 
-          // ['汾酒集团', '保健酒园区新增原酒产能项目', "4.98亿元 "],
 
-          // ['汾酒集团', '白玉酒厂改扩建项目', "4.96亿元 "],
 
-          // ['华阳新材', '5GW高效光伏组件制造项目', "4.82亿元 "],
 
-          // ['华新燃气', '吉县—延长输气管道项目（一期工程）', "3.54亿元 "],
 
-          // ['太重集团', '建设液压挖掘机配套油缸项目', "2.60亿元 "],
 
-          // ['华远陆港', '物产集团参股设立项目公司投资建设山西物产万科（太原）综合物流产业园项目', "6.60亿元 "],
 
-          // ['太重集团', '设立昔阳县晶能新能源有限公司', "0.50亿元 "],
 
-          // ['山西建投', '设立山西低碳环保产业集团有限公司', "30.00亿元 "],
 
-          // ['山西建投', '设立山西省太忻经济一体化发展投资集团有限公司', "30.00亿元 "],
 
-          // ['华新燃气', '设立山西华新液化天然气集团有限公司', "3.00亿元 "],
 
-          // ['交控集团', '设立山西交控新能源发展有限公司', "3.00亿元 "],
 
           ['国际能源', '娄烦县120MW智慧光伏发电项目+10%储能', "6.78亿元"],
 
           ['国际能源', '平朔矿区150MW农光储氢一体化项目', "7.84亿元"],
 
           ['汾酒集团', '汾酒2030技改原酒产储能扩建项目（一期）', "91.02亿元"],
 
@@ -3575,7 +3556,6 @@ let app = new Vue({
 
         loopSeries: true,
 
       })
 
     },
 
-
 
     initChartT1 (list, info) {
 
       // let count = 0
 
       // console.log(list, info)

+ 19 - 0
investment/js/investHomeGroup.js
Vedi File 

@@ -0,0 +1,19 @@
 
+let app = new Vue({
 
+  el: '#app',
 
+  data() {
 
+    return {
 
+
 
+      
+    }
 
+  },
 
+  created() {
 
+
 
+  },
 
+  beforeDestroy() {
 
+
 
+  },
 
+  mounted() {
 
+
 
+  },
 
+  methods: {},
 
+})

+ 39 - 0
investment/styles/investHomeGroup.css
Vedi File 

@@ -0,0 +1,39 @@
 
+html,
 
+body {
 
+  width: 7680px;
 
+  height: 2130px;
 
+  font-size: 20px;
 
+  color: #fff;
 
+  font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, 'PingFang SC',
 
+    'Hiragino Sans GB', Arial, sans-serif;
 
+  overflow-y: hidden;
 
+}
 
+*,
 
+*:before,
 
+*:after {
 
+  padding: 0;
 
+  margin: 0;
 
+  box-sizing: border-box;
 
+}
 
+a {
 
+  text-decoration: none;
 
+  cursor: pointer;
 
+}
 
+[v-cloak] {
 
+  display: none;
 
+}
 
+#app {
 
+  background: url('../images/page-bg.png') center center no-repeat;
 
+  background-size: 100% 100%;
 
+  padding-top: 10px;
 
+  width: 100%;
 
+  height: 100%;
 
+  overflow: hidden;
 
+  color: #fff;
 
+  display: grid;
 
+  grid-template-columns: repeat(3, 1fr);
 
+}
 
+#app>div{
 
+  width: 100%;
 
+  height: 100%;
 
+}

+ 3 - 3
manpowerPort/index2.html
Vedi File 

@@ -148,16 +148,16 @@
 
               <div class="box-center">
 
                 <div class="t">
 
                   <p>{{centerData.changeInfo[0].value1}}<span>%</span></p>
 
-                  <p>总部机构压缩率</p>
 
+                  <p>本部机构压缩率</p>
 
                 </div>
 
                 <div class="flex">
 
                   <div>
 
                     <p style="color:#FBE139">{{numFormat(centerData.changeInfo[0].value2)}}</p>
 
-                    <p>改革前总部机构平均数</p>
 
+                    <p>改革前本部机构平均数</p>
 
                   </div>
 
                   <div>
 
                     <p style="color:#17AC76">{{numFormat(centerData.changeInfo[0].value3)}}</p>
 
-                    <p>改革后总部机构平均数
 
+                    <p>改革后本部机构平均数
 
                     </p>
 
                   </div>
 
                 </div>

+ 8 - 6
manpowerPort/index3.html
Vedi File 

@@ -147,16 +147,16 @@
 
               <div class="box-center">
 
                 <div class="t">
 
                   <p>{{centerData.changeInfo[0].value1}}<span>%</span></p>
 
-                  <p>总部机构压缩率</p>
 
+                  <p>本部机构压缩率</p>
 
                 </div>
 
                 <div class="flex">
 
                   <div>
 
                     <p style="color:#FBE139">{{numFormat(centerData.changeInfo[0].value2)}}</p>
 
-                    <p>改革前总部机构平均数</p>
 
+                    <p>改革前本部机构平均数</p>
 
                   </div>
 
                   <div>
 
                     <p style="color:#17AC76">{{numFormat(centerData.changeInfo[0].value3)}}</p>
 
-                    <p>改革后总部机构平均数
 
+                    <p>改革后本部机构平均数
 
                     </p>
 
                   </div>
 
                 </div>
 
@@ -270,13 +270,15 @@
 
     </div>
 
     <div class="footer">
 
       <template v-if="companyList.length>10">
 
-        <a class="item" v-for="(item,index) in companyList.slice(0, 17)" :key="index" @click="handleGoPage(item.id,item.name)">{{item.name}}</a>
 
+        <a class="item" v-for="(item,index) in companyList.slice(start, end)" :key="index"
 
+          @click="handleGoPage(item.id,item.name)">{{item.name}}</a>
 
         <a class="item" @click="change">...</a>
 
       </template>
 
       <template v-else>
 
-        <a class="item" v-for="(item,index) in companyList" :key="index" @click="handleGoPage(item.id,item.name)">{{item.name}}</a>
 
+        <a class="item" v-for="(item,index) in companyList" :key="index"
 
+          @click="handleGoPage(item.id,item.name)">{{item.name}}</a>
 
       </template>
 
-      </div>
 
+    </div>
 
     <div class="tip" @click="showTip = false" v-if="showTip">
 
       <div class="tip-box">
 
         <div class="tip-content">{{tipData[tipNum]}}</div>

+ 14 - 7
manpowerPort/index4.html
Vedi File 

@@ -150,16 +150,16 @@
 
               <div class="box-center">
 
                 <div class="t">
 
                   <p>{{centerData.changeInfo[0].value1}}<span>%</span></p>
 
-                  <p>总部机构压缩率</p>
 
+                  <p>本部机构压缩率</p>
 
                 </div>
 
                 <div class="flex">
 
                   <div>
 
                     <p style="color:#FBE139">{{numFormat(centerData.changeInfo[0].value2)}}</p>
 
-                    <p>改革前总部机构平均数</p>
 
+                    <p>改革前本部机构平均数</p>
 
                   </div>
 
                   <div>
 
                     <p style="color:#17AC76">{{numFormat(centerData.changeInfo[0].value3)}}</p>
 
-                    <p>改革后总部机构平均数
 
+                    <p>改革后本部机构平均数
 
                     </p>
 
                   </div>
 
                 </div>
 
@@ -271,10 +271,17 @@
 
         </dv-border-box-8>
 
       </div>
 
     </div>
 
-    <!-- <div class="footer">
 
-      <a class="item" v-for="(item,index) in companyList" :key="index"
 
-        @click="handleGoPage(item.id)">{{item.name}}</a>
 
-    </div> -->
 
+    <div class="footer">
 
+      <template v-if="companyList.length>10">
 
+        <a class="item" v-for="(item,index) in companyList.slice(start, end)" :key="index"
 
+          @click="handleGoPage(item.id,item.name)">{{item.name}}</a>
 
+        <a class="item" @click="change">...</a>
 
+      </template>
 
+      <template v-else>
 
+        <a class="item" v-for="(item,index) in companyList" :key="index"
 
+          @click="handleGoPage(item.id,item.name)">{{item.name}}</a>
 
+      </template>
 
+    </div>
 
     <div class="tip" @click="showTip = false" v-if="showTip">
 
       <div class="tip-box">
 
         <div class="tip-content">{{tipData[tipNum]}}</div>

+ 6 - 6
manpowerPort/js/index.js
Vedi File 

@@ -1387,7 +1387,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各省属企业总部员额数'
 
-      option.legend.data = ['总部员额数', '六定改革前总部员额数', '总部员额数核定上限']
 
+      option.legend.data = ['六定改革前总部员额数', '总部员额数', '总部员额数核定上限']
 
       option.legend.show = true
 
       option.yAxis.push({
 
         splitLine: {
 
@@ -2083,7 +2083,7 @@ let app = new Vue({
 
             data: dataTemp,
 
           },
 
           {
 
-            name: '招聘需求公告累计招聘人次',
 
+            name: '招聘需求公告累计公开招聘人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -2105,7 +2105,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各省属企业招聘需求公示人次'
 
-      option.legend.data = ['招聘需求公告次数', '招聘需求公告累计招聘人次']
 
+      option.legend.data = ['招聘需求公告次数', '招聘需求公告累计公开招聘人数']
 
       option.legend.show = true
 
       option.tooltip.formatter = function (value) {
 
         return value[0].axisValue + '：' + (value[0].value - 1) + '<br>' + value[1].axisValue + '：' + (value[1].value - 1)
 
@@ -2249,7 +2249,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '2022年利润(万）',
 
+            name: '年利润(万）',
 
             type: 'bar',
 
             barWidth: 15,
 
             label: {
 
@@ -2348,7 +2348,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各省属企业年利润与当年累计招聘人数'
 
-      option.legend.data = ['2022年利润(万）', '2022年招聘人数和2023年当前累计招聘人数之和']
 
+      option.legend.data = ['年利润(万）', '2022年招聘人数和2023年当前累计招聘人数之和']
 
       option.legend.show = true
 
       option.yAxis[0] = {
 
         max: function (value) {
 
@@ -2822,7 +2822,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '任期制契约化完成率',
 
+            name: '任期制契约化考核完成率',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {

+ 25 - 25
manpowerPort/js/index2.js
Vedi File 

@@ -292,7 +292,7 @@ let app = new Vue({
 
             dataL6[2].push(item['ZBPZ0094'])
 
             dataL6[1].push(item['ZBPZ0095'])
 
           })
 
-          // 人数变化和全员劳动生产率变化率分析
 
+          // 人数变化和年利润(万）变化率分析
 
           dataL7[0] = []
 
           dataL7[1] = []
 
           res.orgData.area3.card3.forEach(item => {
 
@@ -365,7 +365,7 @@ let app = new Vue({
 
           res.orgData.area6.card1.forEach(item => {
 
             dataR7[0].push(item['ZBPZ0066'])
 
           })
 
-          // 各二级企业任期制契约化完成率
 
+          // 各二级企业任期制契约化考核完成率
 
           dataR8[0] = []
 
           res.orgData.area6.card2.forEach(item => {
 
             dataR8[0].push(item['ZBPZ0065'])
 
@@ -561,7 +561,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '六个二级企业本部机构数核定上限',
 
+            name: '各二级企业本部机构数核定上限',
 
             type: 'line',
 
             // yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
 
             smooth: true, //平滑曲线显示
 
@@ -636,7 +636,7 @@ let app = new Vue({
 
         // },
 
       }
 
       option.title.text = '本部机构数'
 
-      option.legend.data = ['六定改革前各二级企业本部机构数', '当前各二级企业本部机构数', '六个二级企业本部机构数核定上限']
 
+      option.legend.data = ['六定改革前各二级企业本部机构数', '当前各二级企业本部机构数', '各二级企业本部机构数核定上限']
 
       option.yAxis.push({
 
         splitLine: {
 
           show: false,
 
@@ -724,7 +724,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '六定改革前各二级中层管理人数',
 
+            name: '六定改革前各二级本部中层管理人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             label: {
 
@@ -763,7 +763,7 @@ let app = new Vue({
 
             data: dataL4[0],
 
           },
 
           {
 
-            name: '当前各二级中层管理人数',
 
+            name: '当前各二级本部中层管理人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             label: {
 
@@ -802,7 +802,7 @@ let app = new Vue({
 
             data: dataL4[1],
 
           },
 
           {
 
-            name: '各二级中层管理人数核定上限',
 
+            name: '各二级本部中层管理人数核定上限',
 
             type: 'line',
 
             // yAxisIndex: 1,
 
             smooth: true, //平滑曲线显示
 
@@ -846,7 +846,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各二级企业本部中层管理人数'
 
-      option.legend.data = ['六定改革前各二级中层管理人数', '当前各二级中层管理人数', '各二级中层管理人数核定上限']
 
+      option.legend.data = ['六定改革前各二级本部中层管理人数', '当前各二级本部中层管理人数', '各二级本部中层管理人数核定上限']
 
       option.yAxis.push({
 
         type: 'value',
 
         axisLine: {
 
@@ -1062,7 +1062,7 @@ let app = new Vue({
 
             data: dataL5[0],
 
           },
 
           {
 
-            name: '去年同期人数变化率',
 
+            name: '人数变化率',
 
             type: 'line',
 
             yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
 
             smooth: true, //平滑曲线显示
 
@@ -1087,7 +1087,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各二级企业总人数'
 
-      option.legend.data = ['各二级企业总人数', '去年同期人数变化率']
 
+      option.legend.data = ['各二级企业总人数', '人数变化率']
 
       option.legend.show = true
 
       option.tooltip = {
 
         trigger: 'axis',
 
@@ -1133,7 +1133,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '各二级员额数',
 
+            name: '各二级本部员额数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1157,7 +1157,7 @@ let app = new Vue({
 
             data: dataL6[0],
 
           },
 
           {
 
-            name: '六定改革前各二级员额数',
 
+            name: '六定改革前各二级本部员额数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1177,7 +1177,7 @@ let app = new Vue({
 
             data: dataL6[2],
 
           },
 
           {
 
-            name: '各二级员额数核定上限',
 
+            name: '各二级本部员额数核定上限',
 
             type: 'line',
 
             yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
 
             smooth: true, //平滑曲线显示
 
@@ -1202,7 +1202,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各二级企业本部员额数'
 
-      option.legend.data = ['各二级员额数', '六定改革前各二级员额数', '各二级员额数核定上限']
 
+      option.legend.data = ['各二级本部员额数', '六定改革前各二级本部员额数', '各二级本部员额数核定上限']
 
       option.legend.show = true
 
       option.yAxis.push({
 
         splitLine: {
 
@@ -1247,7 +1247,7 @@ let app = new Vue({
 
             data: dataL7[0],
 
           },
 
           {
 
-            name: '全员劳动生产率同比变化',
 
+            name: '年利润(万）同比变化',
 
             type: 'line',
 
             barWidth: 15,
 
             // yAxisIndex: 1,
 
@@ -1301,8 +1301,8 @@ let app = new Vue({
 
           },
 
         ],
 
       }
 
-      option.title.text = '人数变化和全员劳动生产率变化率分析'
 
-      option.legend.data = ['人数变化', '全员劳动生产率同比变化']
 
+      option.title.text = '人数变化和年利润(万）变化率分析'
 
+      option.legend.data = ['人数变化', '年利润(万）同比变化']
 
       option.legend.show = true
 
       option.tooltip = {
 
         trigger: 'axis',
 
@@ -1582,7 +1582,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各二级企业全员劳动生产率'
 
-      option.legend.data = ['全员劳动生产率同比变化', '全员劳动生产率（万/人）']
 
+      option.legend.data = ['全员劳动生产率（万/人）','全员劳动生产率同比变化']
 
       option.legend.show = true
 
       option.grid.right = '15%'
 
       option.tooltip = {
 
@@ -1718,7 +1718,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各二级企业人工成本利润率'
 
-      option.legend.data = ['人工成本利润率同比变化', '人工成本利润率']
 
+      option.legend.data = ['人工成本利润率','人工成本利润率同比变化']
 
       option.legend.show = true
 
       option.tooltip = {
 
         trigger: 'axis',
 
@@ -1796,7 +1796,7 @@ let app = new Vue({
 
             data: dataR1[0],
 
           },
 
           {
 
-            name: '招聘需求公告累计招聘人次',
 
+            name: '招聘需求公告累计公开招聘人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1818,7 +1818,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各二级企业招聘需求公告人次情况'
 
-      option.legend.data = ['招聘需求公告次数', '招聘需求公告累计招聘人次']
 
+      option.legend.data = ['招聘需求公告次数', '招聘需求公告累计公开招聘人数']
 
       option.legend.show = true
 
       option.yAxis.push({
 
         type: 'value',
 
@@ -1918,7 +1918,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '2022年利润(万）',
 
+            name: '年利润(万）',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1965,7 +1965,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各二级企业年利润与招聘情况分析'
 
-      option.legend.data = ['2022年利润(万）', '2022年累计招聘数']
 
+      option.legend.data = ['年利润(万）', '2022年累计招聘数']
 
       option.legend.show = true
 
       option.yAxis.push({
 
         type: 'value',
 
@@ -2057,7 +2057,7 @@ let app = new Vue({
 
           },
 
         ],
 
       }
 
-      option.title.text = '各省属企业"退二进一"完成情况'
 
+      option.title.text = '各二级企业"退二进一"完成情况'
 
       option.legend.data = ['2022年退出人数和2023年当前累计退出人数之和', '2022年招聘人数和2023年当前累计招聘人数之和']
 
       option.legend.show = true
 
       option.yAxis[0] = {
 
@@ -2404,7 +2404,7 @@ let app = new Vue({
 
           },
 
         ],
 
       }
 
-      option.title.text = '各二级企业任期制契约化完成率'
 
+      option.title.text = '各二级企业任期制契约化考核完成率'
 
       option.tooltip = {
 
         trigger: 'axis',
 
         formatter: '{a0}:{c0}' + '%'

+ 21 - 41
manpowerPort/js/index2JNKG.js
Vedi File 

@@ -367,7 +367,7 @@ let app = new Vue({
 
           res.orgData.area6.card1.forEach(item => {
 
             dataR7[0].push(item['ZBPZ0066'])
 
           })
 
-          // 各二级企业任期制契约化完成率
 
+          // 各二级企业任期制契约化考核完成率
 
           dataR8[0] = []
 
           res.orgData.area6.card2.forEach(item => {
 
             dataR8[0].push(item['ZBPZ0065'])
 
@@ -839,7 +839,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '六定改革前各二级中层管理人数',
 
+            name: '六定改革前各二级本部中层管理人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             label: {
 
@@ -878,7 +878,7 @@ let app = new Vue({
 
             data: dataL4[0],
 
           },
 
           {
 
-            name: '当前各二级中层管理人数',
 
+            name: '当前各二级本部中层管理人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             label: {
 
@@ -917,7 +917,7 @@ let app = new Vue({
 
             data: dataL4[1],
 
           },
 
           {
 
-            name: '各二级中层管理人数核定上限',
 
+            name: '各二级本部中层管理人数核定上限',
 
             type: 'line',
 
             // yAxisIndex: 1,
 
             smooth: true, //平滑曲线显示
 
@@ -961,7 +961,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各二级企业本部中层管理人数'
 
-      option.legend.data = ['六定改革前各二级中层管理人数', '当前各二级中层管理人数', '各二级中层管理人数核定上限']
 
+      option.legend.data = ['六定改革前各二级本部中层管理人数', '当前各二级本部中层管理人数', '各二级本部中层管理人数核定上限']
 
       option.legend.show = true
 
       // option.yAxis.push({
 
       //   splitLine: {
 
@@ -994,26 +994,6 @@ let app = new Vue({
 
           }
 
         ],
 
         series: [
 
-          {
 
-            name: '六定改革前各二级中层管理人数',
 
-            type: 'bar',
 
-            barWidth: 15,
 
-            itemStyle: {
 
-              normal: {
 
-                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
 
-                  {
 
-                    offset: 0,
 
-                    color: '#6480f3',
 
-                  },
 
-                  {
 
-                    offset: 1,
 
-                    color: '#082550',
 
-                  },
 
-                ]),
 
-              },
 
-            },
 
-            data: dataL5[2],
 
-          },
 
           {
 
             name: '各二级企业总人数',
 
             type: 'bar',
 
@@ -1041,7 +1021,7 @@ let app = new Vue({
 
             data: dataL5[0],
 
           },
 
           {
 
-            name: '去年同期人数变化率',
 
+            name: '人数变化率',
 
             type: 'line',
 
             yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
 
             smooth: true, //平滑曲线显示
 
@@ -1066,7 +1046,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各二级企业总人数'
 
-      option.legend.data = ['六定改革前各二级中层管理人数', '各二级企业总人数', '去年同期人数变化率']
 
+      option.legend.data = ['各二级企业总人数', '人数变化率']
 
       option.legend.show = true
 
       option.tooltip = {
 
         trigger: 'axis',
 
@@ -1112,7 +1092,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '各二级员额数',
 
+            name: '各二级本部员额数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1136,7 +1116,7 @@ let app = new Vue({
 
             data: dataL6[0],
 
           },
 
           {
 
-            name: '六定改革前各二级员额数',
 
+            name: '六定改革前各二级本部员额数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1156,7 +1136,7 @@ let app = new Vue({
 
             data: dataL6[2],
 
           },
 
           {
 
-            name: '各二级员额数核定上限',
 
+            name: '各二级本部员额数核定上限',
 
             type: 'line',
 
             yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
 
             smooth: true, //平滑曲线显示
 
@@ -1181,7 +1161,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各二级企业本部员额数'
 
-      option.legend.data = ['各二级员额数', '六定改革前各二级员额数', '各二级员额数核定上限']
 
+      option.legend.data = ['各二级本部员额数', '六定改革前各二级本部员额数', '各二级本部员额数核定上限']
 
       option.legend.show = true
 
       option.yAxis.push({
 
         splitLine: {
 
@@ -1567,7 +1547,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各二级企业全员劳动生产率'
 
-      option.legend.data = ['全员劳动生产率同比变化', '全员劳动生产率（万/人）']
 
+      option.legend.data = ['全员劳动生产率（万/人）','全员劳动生产率同比变化']
 
       option.legend.show = true
 
       option.grid.right = '15%'
 
       option.tooltip = {
 
@@ -1703,7 +1683,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各二级企业人工成本利润率'
 
-      option.legend.data = ['人工成本利润率同比变化', '人工成本利润率']
 
+      option.legend.data = ['人工成本利润率','人工成本利润率同比变化']
 
       option.legend.show = true
 
       option.tooltip = {
 
         trigger: 'axis',
 
@@ -1781,7 +1761,7 @@ let app = new Vue({
 
             data: dataR1[0],
 
           },
 
           {
 
-            name: '招聘需求公告累计招聘人次',
 
+            name: '招聘需求公告累计公开招聘人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1803,7 +1783,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各二级企业招聘需求公示人次'
 
-      option.legend.data = ['招聘需求公告次数', '招聘需求公告累计招聘人次']
 
+      option.legend.data = ['招聘需求公告次数', '招聘需求公告累计公开招聘人数']
 
       option.legend.show = true
 
       option.yAxis.push({
 
         type: 'value',
 
@@ -1903,7 +1883,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '2022年利润(万）',
 
+            name: '年利润(万）',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1950,7 +1930,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各二级企业年利润与当年累计招聘人数'
 
-      option.legend.data = ['2022年利润(万）', '2022年招聘人数和2023年当前累计招聘人数之和']
 
+      option.legend.data = ['年利润(万）', '2022年招聘人数和2023年当前累计招聘人数之和']
 
       option.legend.show = true
 
       option.yAxis.push({
 
         type: 'value',
 
@@ -2124,7 +2104,7 @@ let app = new Vue({
 
         color: ['#69c0ff'],
 
         series: [
 
           {
 
-            name: '各二级月利润总额同期变化率',
 
+            name: '各二级企业月利润总额同期变化率',
 
             type: 'line',
 
             smooth: true, //平滑曲线显示
 
             showAllSymbol: true, //显示所有图形。
 
@@ -2167,7 +2147,7 @@ let app = new Vue({
 
           },
 
 
           {
 
-            name: '各二级月薪酬总额同期变化率',
 
+            name: '各二级企业月薪酬总额同期变化率',
 
             type: 'line',
 
             smooth: true, //平滑曲线显示
 
             showAllSymbol: true, //显示所有图形。
 
@@ -2244,7 +2224,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各二级企业利润与薪酬变动情况'
 
-      option.legend.data = ['各二级月利润总额同期变化率', '各二级月薪酬总额同期变化率']
 
+      option.legend.data = ['各二级企业月利润总额同期变化率', '各二级企业月薪酬总额同期变化率']
 
       option.tooltip.formatter = '{a0}：{c0}' + '%' + '<br/>' + '{a1}：{c1}' + '%'
 
       option.yAxis[0].axisLabel.formatter = '{value} %'
 
       myChart.setOption(option)
 
@@ -2336,7 +2316,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '任期制考核管理',
 
+            name: '任期制契约化考核完成率',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {

+ 181 - 63
manpowerPort/js/index3.js
Vedi File 

@@ -8,13 +8,13 @@ let app = new Vue({
 
       end: 9,
 
       touch: true,
 
       timeCommon: '',
 
-      echartC1:{
 
-        national:'',
 
-        province:''
 
+      echartC1: {
 
+        national: '',
 
+        province: ''
 
       },
 
-      echartC2:{
 
-        national:'',
 
-        province:''
 
+      echartC2: {
 
+        national: '',
 
+        province: ''
 
       },
 
       titleName: '',
 
       twinkle7: [],
 
@@ -64,27 +64,6 @@ let app = new Vue({
 
       this.time = formatDate()
 
     }, 1000)
 
     this.centerData = data
 
-    // 左侧图表
 
-    this.initChartL1()
 
-    // this.initChartL2()
 
-    this.initChartL3()
 
-    // this.initChartL4()
 
-    // this.initChartL5()
 
-    this.initChartL6()
 
-    // this.initChartL7()
 
-    // this.initChartL8()
 
-    // 中间图表
 
-    this.initChartC1()
 
-    this.initChartC2()
 
-    // 右侧图表
 
-    // this.initChartR1()
 
-    // this.initChartR2()
 
-    // this.initChartR3()
 
-    this.initChartR4()
 
-    this.initChartR5()
 
-    // this.initChartR6()
 
-    this.initChartR7()
 
-    // this.initChartR8()
 
   },
 
   beforeDestroy () {
 
     clearInterval(this.timer);
 
@@ -215,6 +194,29 @@ let app = new Vue({
 
       }
 
       this.commonOption = a
 
     },
 
+    generateEcharts () {
 
+      // 左侧图表
 
+      this.initChartL1()
 
+      // this.initChartL2()
 
+      this.initChartL3()
 
+      // this.initChartL4()
 
+      // this.initChartL5()
 
+      this.initChartL6()
 
+      // this.initChartL7()
 
+      // this.initChartL8()
 
+      // 中间图表
 
+      this.initChartC1()
 
+      this.initChartC2()
 
+      // 右侧图表
 
+      // this.initChartR1()
 
+      // this.initChartR2()
 
+      // this.initChartR3()
 
+      this.initChartR4()
 
+      this.initChartR5()
 
+      // this.initChartR6()
 
+      this.initChartR7()
 
+      // this.initChartR8()
 
+    },
 
     // 获取地址栏参数
 
     getUrlParams (id) {
 
       let url = window.location.href
 
@@ -261,6 +263,7 @@ let app = new Vue({
 
       });
 
     },
 
     getData () {
 
+      let that = this
 
       return new Promise((resolve, err) => {
 
         let value = {
 
           access_token: this.access_token,
 
@@ -270,7 +273,7 @@ let app = new Vue({
 
           }
 
         }
 
         post('/ierp/kapi/v2/mdnb/mdnb_das/Data/CockpitScreen', value).then(res => {
 
-          // res.orgData = res.data[0]
 
+          res.orgData = res.data[0]
 
           // 定机构
 
           // 弹窗
 
           // return
 
@@ -404,7 +407,7 @@ let app = new Vue({
 
           res.orgData.area6.card1.forEach(item => {
 
             dataR7[0].push(item['ZBPZ0066'])
 
           })
 
-          // 各二级企业任期制契约化完成率
 
+          // 各二级企业任期制契约化考核完成率
 
           dataR8[0] = []
 
           res.orgData.area6.card2.forEach(item => {
 
             dataR8[0].push(item['ZBPZ0065'])
 
@@ -538,7 +541,7 @@ let app = new Vue({
 
       let myChart = echarts.init(this.$refs['echartL1'])
 
       let option = {
 
         ..._.cloneDeep(this.commonOption),
 
-                color: [
 
+        color: [
 
           {
 
             x: 0,
 
             y: 0,
 
@@ -700,20 +703,93 @@ let app = new Vue({
 
     },
 
     initChartL3 () {
 
       let myChart = echarts.init(this.$refs['echartL3'])
 
-      console.log(this.commonOption, "this.commonOption")
 
       let option = {
 
         ..._.cloneDeep(this.commonOption),
 
+        color: [
 
+          {
 
+            x: 0,
 
+            y: 0,
 
+            x2: 0,
 
+            y2: 1,
 
+            colorStops: [{
 
+              offset: 0,
 
+              color: '#6480f3',
 
+            },
 
+            {
 
+              offset: 1,
 
+              color: '#082550',
 
+            },],
 
+          }
 
+        ],
 
         series: [
 
           {
 
-            name: '当前总部中层管理人数',
 
+            name: '六定改革前各三级本部中层管理人数',
 
             type: 'bar',
 
             barWidth: 15,
 
+            label: {
 
+              normal: {
 
+                show: true,
 
+                position: 'top',
 
+                textStyle: {
 
+                  color: '#69c0ff',
 
+                  fontStyle: 'normal',
 
+                  textAlign: 'left',
 
+                  fontSize: 16,
 
+                },
 
+                formatter: function (data) {
 
+                  if (data.name == '云时代') {
 
+                    return data.value
 
+                  } else {
 
+                    return ''
 
+                  }
 
+                }
 
+              }
 
+            },
 
             itemStyle: {
 
               normal: {
 
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
 
                   {
 
                     offset: 0,
 
-                    color: '#5e7ae9',
 
+                    color: '#6480f3',
 
+                  },
 
+                  {
 
+                    offset: 1,
 
+                    color: '#082550',
 
+                  },
 
+                ]),
 
+              },
 
+            },
 
+            data: dataL4[0],
 
+          },
 
+          {
 
+            name: '当前各三级本部中层管理人数',
 
+            type: 'bar',
 
+            barWidth: 15,
 
+            label: {
 
+              normal: {
 
+                show: true,
 
+                position: 'top',
 
+                textStyle: {
 
+                  color: '#6480f3',
 
+                  fontStyle: 'normal',
 
+                  textAlign: 'left',
 
+                  fontSize: 16,
 
+                },
 
+                formatter: function (data) {
 
+                  if (data.name == '云时代') {
 
+                    return data.value
 
+                  } else {
 
+                    return ''
 
+                  }
 
+                }
 
+              }
 
+            },
 
+            itemStyle: {
 
+              normal: {
 
+                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
 
+                  {
 
+                    offset: 0,
 
+                    color: '#43ede3',
 
                   },
 
                   {
 
                     offset: 1,
 
@@ -722,12 +798,54 @@ let app = new Vue({
 
                 ]),
 
               },
 
             },
 
-            data: dataL3[0],
 
+            data: dataL4[1],
 
+          },
 
+          {
 
+            name: '各三级本部中层管理人数核定上限',
 
+            type: 'line',
 
+            // yAxisIndex: 1,
 
+            smooth: true, //平滑曲线显示
 
+            showAllSymbol: true, //显示所有图形。
 
+            symbol: 'circle', //标记的图形为实心圆
 
+            symbolSize: 8, //标记的大小
 
+            smooth: false,
 
+            label: {
 
+              normal: {
 
+                show: true,
 
+                position: 'top',
 
+                textStyle: {
 
+                  color: '#fbe138',
 
+                  fontStyle: 'normal',
 
+                  textAlign: 'left',
 
+                  fontSize: 16,
 
+                },
 
+                formatter: function (data) {
 
+                  if (data.name == '云时代') {
 
+                    return data.value
 
+                  } else {
 
+                    return ''
 
+                  }
 
+                }
 
+              }
 
+            },
 
+            itemStyle: {
 
+              //折线拐点标志的样式
 
+              color: '#fbe138',
 
+              borderColor: '#fbe138',
 
+              width: 2,
 
+              shadowColor: '#fbe138',
 
+              shadowBlur: 4,
 
+            },
 
+            lineStyle: {
 
+              color: '#fbe138',
 
+              width: 2,
 
+            },
 
+            data: dataL4[2],
 
           },
 
         ],
 
       }
 
       option.title.text = '各三级企业本部中层管理人数'
 
-      option.legend.data = ['当前总部中层管理人数']
 
+      option.legend.data = ['六定改革前各三级本部中层管理人数', '当前各三级本部中层管理人数', '各三级本部中层管理人数核定上限']
 
       option.yAxis.push({
 
         type: 'value',
 
         axisLine: {
 
@@ -761,7 +879,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '六定改革前各三级中层管理人数',
 
+            name: '六定改革前各三级本部中层管理人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             label: {
 
@@ -800,7 +918,7 @@ let app = new Vue({
 
             data: dataL4[0],
 
           },
 
           {
 
-            name: '当前各三级中层管理人数',
 
+            name: '当前各三级本部中层管理人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             label: {
 
@@ -839,7 +957,7 @@ let app = new Vue({
 
             data: dataL4[1],
 
           },
 
           {
 
-            name: '各三级中层管理人数核定上限',
 
+            name: '各三级本部中层管理人数核定上限',
 
             type: 'line',
 
             // yAxisIndex: 1,
 
             smooth: true, //平滑曲线显示
 
@@ -883,7 +1001,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各三级企业本部中层管理人数'
 
-      option.legend.data = ['六定改革前各三级中层管理人数', '当前各三级中层管理人数', '各三级中层管理人数核定上限']
 
+      option.legend.data = ['六定改革前各三级本部中层管理人数', '当前各三级本部中层管理人数', '各三级本部中层管理人数核定上限']
 
       option.legend.show = true
 
       // option.yAxis.push({
 
       //   splitLine: {
 
@@ -937,7 +1055,7 @@ let app = new Vue({
 
             data: dataL5[0],
 
           },
 
           {
 
-            name: '去年同期人数变化率',
 
+            name: '人数变化率',
 
             type: 'line',
 
             yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
 
             smooth: true, //平滑曲线显示
 
@@ -962,7 +1080,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各三级企业总人数'
 
-      option.legend.data = ['各三级企业总人数', '去年同期人数变化率']
 
+      option.legend.data = ['各三级企业总人数', '人数变化率']
 
       option.legend.show = true
 
       option.tooltip = {
 
         trigger: 'axis',
 
@@ -1008,7 +1126,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '各三级员额数',
 
+            name: '各三级企业本部员额数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1032,7 +1150,7 @@ let app = new Vue({
 
             data: dataL6[0],
 
           },
 
           {
 
-            name: '六定改革前各三级员额数',
 
+            name: '六定改革前各三级企业本部员额数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1052,7 +1170,7 @@ let app = new Vue({
 
             data: dataL6[2],
 
           },
 
           {
 
-            name: '各三级员额数核定上限',
 
+            name: '各三级企业本部员额数核定上限',
 
             type: 'line',
 
             yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
 
             smooth: true, //平滑曲线显示
 
@@ -1077,7 +1195,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各三级企业本部员额数'
 
-      option.legend.data = ['当前各三级企业本部员额数', '六定改革前各三级企业本部员额数','各三级企业本部员额数核定上限值']
 
+      option.legend.data = ['各三级企业本部员额数', '六定改革前各三级企业本部员额数', '各三级企业本部员额数核定上限']
 
       option.legend.show = true
 
       option.yAxis.push({
 
         splitLine: {
 
@@ -1438,7 +1556,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各三级企业全员劳动生产率'
 
-      option.legend.data = ['全员劳动生产率同比变化', '全员劳动生产率（万/人）']
 
+      option.legend.data = ['全员劳动生产率（万/人）', '全员劳动生产率同比变化']
 
       option.legend.show = true
 
       option.grid.right = '15%'
 
       option.tooltip = {
 
@@ -1574,7 +1692,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各三级企业人工成本利润率'
 
-      option.legend.data = ['人工成本利润率同比变化', '人工成本利润率']
 
+      option.legend.data = ['人工成本利润率', '人工成本利润率同比变化']
 
       option.legend.show = true
 
       option.tooltip = {
 
         trigger: 'axis',
 
@@ -1652,7 +1770,7 @@ let app = new Vue({
 
             data: dataR1[0],
 
           },
 
           {
 
-            name: '招聘需求公告累计招聘人次',
 
+            name: '招聘需求公告累计公开招聘人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1675,7 +1793,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各三级企业招聘需求公告人次情况'
 
-      option.legend.data = ['招聘需求公告次数', '招聘需求公告累计招聘人次']
 
+      option.legend.data = ['招聘需求公告次数', '招聘需求公告累计公开招聘人数']
 
       option.legend.show = true
 
       option.yAxis.push({
 
         splitLine: {
 
@@ -1762,19 +1880,19 @@ let app = new Vue({
 
             y: 0,
 
             x2: 0,
 
             y2: 1,
 
-            colorStops: [         {
 
-                      offset: 0,
 
-                      color: '#45DAD1',
 
-                    },
 
-                    {
 
-                      offset: 1,
 
-                      color: '#082550',
 
-                    },],
 
+            colorStops: [{
 
+              offset: 0,
 
+              color: '#45DAD1',
 
+            },
 
+            {
 
+              offset: 1,
 
+              color: '#082550',
 
+            },],
 
           }
 
         ],
 
         series: [
 
           {
 
-            name: '2022年利润(万）',
 
+            name: '年利润(万）',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1821,7 +1939,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各三级企业年利润与招聘情况分析'
 
-      option.legend.data = ['2022年利润(万）', '2022年累计招聘数']
 
+      option.legend.data = ['年利润(万）', '2022年累计招聘数']
 
       option.legend.show = true
 
       option.yAxis[0].max = function (value) {
 
         if (Math.abs(value.max) > Math.abs(value.min)) {
 
@@ -1953,7 +2071,7 @@ let app = new Vue({
 
                 color: params => {
 
                   if (dataR4[0][params.dataIndex] / 2 < params.value) {
 
                     return 'red'
 
-                  } 
+                  }
 
                   else {
 
                     return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
 
                       {
 
@@ -2244,7 +2362,7 @@ let app = new Vue({
 
                 color: params => {
 
                   if (params.value < 50) {
 
                     return 'yellow'
 
-                  } 
+                  }
 
                   else {
 
                     return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
 
                       {
 
@@ -2301,7 +2419,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '任期制契约化完成率',
 
+            name: '任期制契约化考核完成率',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -2322,7 +2440,7 @@ let app = new Vue({
 
           },
 
         ],
 
       }
 
-      option.title.text = '各三级企业任期制契约化完成率'
 
+      option.title.text = '各三级企业任期制契约化考核完成率'
 
       option.tooltip = {
 
         trigger: 'axis',
 
         formatter: '{a0}:{c0}' + '%'

+ 44 - 43
manpowerPort/js/index3MT.js
Vedi File 

@@ -63,27 +63,6 @@ let app = new Vue({
 
       this.time = formatDate()
 
     }, 1000)
 
     this.centerData = data
 
-    // 左侧图表
 
-    this.initChartL1()
 
-    this.initChartL2()
 
-    this.initChartL3()
 
-    this.initChartL4()
 
-    this.initChartL5()
 
-    this.initChartL6()
 
-    this.initChartL7()
 
-    this.initChartL8()
 
-    // 中间图表
 
-    this.initChartC1()
 
-    this.initChartC2()
 
-    // 右侧图表
 
-    this.initChartR1()
 
-    this.initChartR2()
 
-    this.initChartR3()
 
-    this.initChartR4()
 
-    this.initChartR5()
 
-    this.initChartR6()
 
-    this.initChartR7()
 
-    this.initChartR8()
 
   },
 
   beforeDestroy () {
 
     clearInterval(this.timer);
 
@@ -214,6 +193,29 @@ let app = new Vue({
 
       }
 
       this.commonOption = a
 
     },
 
+    generateEcharts(){
 
+          // 左侧图表
 
+    this.initChartL1()
 
+    this.initChartL2()
 
+    this.initChartL3()
 
+    this.initChartL4()
 
+    this.initChartL5()
 
+    this.initChartL6()
 
+    this.initChartL7()
 
+    this.initChartL8()
 
+    // 中间图表
 
+    this.initChartC1()
 
+    this.initChartC2()
 
+    // 右侧图表
 
+    this.initChartR1()
 
+    this.initChartR2()
 
+    this.initChartR3()
 
+    this.initChartR4()
 
+    this.initChartR5()
 
+    this.initChartR6()
 
+    this.initChartR7()
 
+    this.initChartR8()
 
+    },
 
     // 获取地址栏参数
 
     getUrlParams (id) {
 
       let url = window.location.href
 
@@ -269,8 +271,7 @@ let app = new Vue({
 
           }
 
         }
 
         post('/ierp/kapi/v2/mdnb/mdnb_das/Data/CockpitScreen', value).then(res => {
 
-          console.log(res, '二级页面数据')
 
-          // res.orgData = res.data[0]
 
+          res.orgData = res.data[0]
 
           // 定机构
 
           // 弹窗
 
           // return
 
@@ -404,7 +405,7 @@ let app = new Vue({
 
           res.orgData.area6.card1.forEach(item => {
 
             dataR7[0].push(item['ZBPZ0066'])
 
           })
 
-          // 各二级企业任期制契约化完成率
 
+          // 各二级企业任期制契约化考核完成率
 
           dataR8[0] = []
 
           res.orgData.area6.card2.forEach(item => {
 
             dataR8[0].push(item['ZBPZ0065'])
 
@@ -826,7 +827,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '六定改革前各三级中层管理人数',
 
+            name: '六定改革前各三级本部中层管理人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             label: {
 
@@ -872,7 +873,7 @@ let app = new Vue({
 
             data: dataL4[0],
 
           },
 
           {
 
-            name: '当前各三级中层管理人数',
 
+            name: '当前各三级本部中层管理人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             label: {
 
@@ -911,7 +912,7 @@ let app = new Vue({
 
             data: dataL4[1],
 
           },
 
           {
 
-            name: '各三级中层管理人数核定上限',
 
+            name: '各三级本部中层管理人数核定上限',
 
             type: 'line',
 
             // yAxisIndex: 1,
 
             smooth: true, //平滑曲线显示
 
@@ -955,7 +956,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各三级企业本部中层管理人数'
 
-      option.legend.data = ['六定改革前各三级中层管理人数', '当前各三级中层管理人数', '各三级中层管理人数核定上限']
 
+      option.legend.data = ['六定改革前各三级本部中层管理人数', '当前各三级本部中层管理人数', '各三级本部中层管理人数核定上限']
 
       option.legend.show = true
 
       // option.yAxis.push({
 
       //   splitLine: {
 
@@ -1015,7 +1016,7 @@ let app = new Vue({
 
             data: dataL5[0],
 
           },
 
           {
 
-            name: '去年同期人数变化率',
 
+            name: '人数变化率',
 
             type: 'line',
 
             yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
 
             smooth: true, //平滑曲线显示
 
@@ -1040,7 +1041,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各三级企业总人数'
 
-      option.legend.data = ['各三级企业总人数', '去年同期人数变化率']
 
+      option.legend.data = ['各三级企业总人数', '人数变化率']
 
       option.legend.show = true
 
       option.tooltip = {
 
         trigger: 'axis',
 
@@ -1086,7 +1087,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '各三级员额数',
 
+            name: '各三级本部员额数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1110,7 +1111,7 @@ let app = new Vue({
 
             data: dataL6[0],
 
           },
 
           {
 
-            name: '六定改革前各三级员额数',
 
+            name: '六定改革前各三级本部员额数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1130,7 +1131,7 @@ let app = new Vue({
 
             data: dataL6[2],
 
           },
 
           {
 
-            name: '各三级员额数核定上限',
 
+            name: '各三级本部员额数核定上限',
 
             type: 'line',
 
             yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
 
             smooth: true, //平滑曲线显示
 
@@ -1155,7 +1156,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各三级企业本部员额数'
 
-      option.legend.data = ['各三级员额数', '六定改革前各三级员额数', '各三级员额数核定上限']
 
+      option.legend.data = ['各三级本部员额数', '六定改革前各三级本部员额数', '各三级本部员额数核定上限']
 
       option.legend.show = true
 
       option.yAxis.push({
 
         splitLine: {
 
@@ -1522,7 +1523,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各三级全员劳动生产率'
 
-      option.legend.data = ['全员劳动生产率同比变化', '全员劳动生产率（万/人）']
 
+      option.legend.data = ['全员劳动生产率（万/人）','全员劳动生产率同比变化']
 
       option.legend.show = true
 
       option.grid.right = '15%'
 
       option.tooltip = {
 
@@ -1658,7 +1659,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各三级人工成本利润率'
 
-      option.legend.data = ['人工成本利润率同比变化', '人工成本利润率']
 
+      option.legend.data = ['人工成本利润率','人工成本利润率同比变化']
 
       option.legend.show = true
 
       option.tooltip = {
 
         trigger: 'axis',
 
@@ -1736,7 +1737,7 @@ let app = new Vue({
 
             data: dataR1[0],
 
           },
 
           {
 
-            name: '招聘需求公告累计招聘人次',
 
+            name: '招聘需求公告累计公开招聘人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1759,7 +1760,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各三级企业招聘招聘需求公示人次'
 
-      option.legend.data = ['招聘需求公告次数', '招聘需求公告累计招聘人次']
 
+      option.legend.data = ['招聘需求公告次数', '招聘需求公告累计公开招聘人数']
 
       option.legend.show = true
 
       option.yAxis.push({
 
         splitLine: {
 
@@ -1858,7 +1859,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '2022年利润(万）',
 
+            name: '年利润(万）',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1905,7 +1906,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各三级企业年利润与当年累计招聘人数'
 
-      option.legend.data = ['2022年利润(万）', '2022年招聘人数和2023年当前累计招聘人数之和']
 
+      option.legend.data = ['年利润(万）', '2022年招聘人数和2023年当前累计招聘人数之和']
 
       option.legend.show = true
 
       option.yAxis[0].max = function (value) {
 
         if (Math.abs(value.max) > Math.abs(value.min)) {
 
@@ -2137,7 +2138,7 @@ let app = new Vue({
 
         color: ['#69c0ff'],
 
         series: [
 
           {
 
-            name: '各三级月利润总额同期变化率',
 
+            name: '各三级企业月利润总额同期变化率',
 
             type: 'line',
 
             smooth: true, //平滑曲线显示
 
             showAllSymbol: true, //显示所有图形。
 
@@ -2180,7 +2181,7 @@ let app = new Vue({
 
           },
 
 
           {
 
-            name: '各三级月薪酬总额同期变化率',
 
+            name: '各三级企业月薪酬总额同期变化率',
 
             type: 'line',
 
             smooth: true, //平滑曲线显示
 
             showAllSymbol: true, //显示所有图形。
 
@@ -2257,7 +2258,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各三级企业利润与薪酬变动情况'
 
-      option.legend.data = ['各三级月利润总额同期变化率', '各三级月薪酬总额同期变化率']
 
+      option.legend.data = ['各三级企业月利润总额同期变化率', '各三级企业月薪酬总额同期变化率']
 
       option.tooltip.formatter = '{a0}：{c0}' + '%' + '<br/>' + '{a1}：{c1}' + '%'
 
       option.yAxis[0].axisLabel.formatter = '{value} %'
 
       myChart.setOption(option)

+ 243 - 87
manpowerPort/js/index4.js
Vedi File 

@@ -4,15 +4,17 @@ let app = new Vue({
 
   el: '#app',
 
   data () {
 
     return {
 
+      start: 0,
 
+      end: 9,
 
       touch: true,
 
       timeCommon: '',
 
-      echartC1:{
 
-        national:'',
 
-        province:''
 
+      echartC1: {
 
+        national: '',
 
+        province: ''
 
       },
 
-      echartC2:{
 
-        national:'',
 
-        province:''
 
+      echartC2: {
 
+        national: '',
 
+        province: ''
 
       },
 
       titleName: '',
 
       twinkle7: [],
 
@@ -60,33 +62,21 @@ let app = new Vue({
 
       this.time = formatDate()
 
     }, 1000)
 
     this.centerData = data
 
-    // 左侧图表
 
-    this.initChartL1()
 
-    // this.initChartL2()
 
-    this.initChartL3()
 
-    // this.initChartL4()
 
-    // this.initChartL5()
 
-    this.initChartL6()
 
-    // this.initChartL7()
 
-    // this.initChartL8()
 
-    // 中间图表
 
-    this.initChartC1()
 
-    this.initChartC2()
 
-    // 右侧图表
 
-    // this.initChartR1()
 
-    // this.initChartR2()
 
-    // this.initChartR3()
 
-    this.initChartR4()
 
-    this.initChartR5()
 
-    // this.initChartR6()
 
-    this.initChartR7()
 
-    // this.initChartR8()
 
   },
 
   beforeDestroy () {
 
     clearInterval(this.timer);
 
     clearInterval(this.timeCommon);
 
   },
 
   methods: {
 
+    change () {
 
+      if (this.end < this.companyList.length) {
 
+        this.start += 9
 
+        this.end += 9
 
+      } else {
 
+        this.start = 0
 
+        this.end = 9
 
+      }
 
+    },
 
     judgeCarousel () {
 
       let a = {
 
         title: {
 
@@ -219,8 +209,52 @@ let app = new Vue({
 
       this.access_token = obj.access_token
 
       this.orgNumber = obj.id
 
       this.titleName = decodeURIComponent(obj.name)
 
-      this.getData()
 
-      this.judgeCarousel()
 
+      // this.getData()
 
+      this.getInstitutional()
 
+    },
 
+    // 获取组织机构
 
+    getInstitutional () {
 
+      return new Promise((resolve, err) => {
 
+        let value = {
 
+          access_token: this.access_token,
 
+          "Data": {
 
+            "paramType": "ORG",
 
+            "orgNumber": this.orgNumber
 
+            // "orgNumber": '1494979736584079360'
 
+          }
 
+        }
 
+        post('/ierp/kapi/v2/mdnb/mdnb_das/Data/CockpitScreen', value).then(res => {
 
+          this.companyList = res.data.map(item => {
 
+            return { name: item.orgName, id: item.orgNumber }
 
+          })
 
+          this.getData()
 
+          this.judgeCarousel()
 
+          resolve(1);
 
+        })
 
+      });
 
+    },
 
+    generateEcharts () {
 
+      // 左侧图表
 
+      this.initChartL1()
 
+      // this.initChartL2()
 
+      this.initChartL3()
 
+      // this.initChartL4()
 
+      // this.initChartL5()
 
+      this.initChartL6()
 
+      // this.initChartL7()
 
+      // this.initChartL8()
 
+      // 中间图表
 
+      this.initChartC1()
 
+      this.initChartC2()
 
+      // 右侧图表
 
+      // this.initChartR1()
 
+      // this.initChartR2()
 
+      // this.initChartR3()
 
+      this.initChartR4()
 
+      this.initChartR5()
 
+      // this.initChartR6()
 
+      this.initChartR7()
 
+      // this.initChartR8()
 
     },
 
     getData () {
 
       return new Promise((resolve, err) => {
 
@@ -232,7 +266,7 @@ let app = new Vue({
 
           }
 
         }
 
         post('/ierp/kapi/v2/mdnb/mdnb_das/Data/CockpitScreen', value).then(res => {
 
-          // res.orgData = res.data[0]
 
+          res.orgData = res.data[0]
 
           // 定机构
 
           // 弹窗
 
           // return
 
@@ -286,8 +320,12 @@ let app = new Vue({
 
           })
 
           // 各二级企业本部员额数
 
           dataL6[0] = []
 
+          dataL6[2] = []
 
+          dataL6[1] = []
 
           res.orgData.area3.card2.forEach(item => {
 
             dataL6[0].push(item['ZBPZ0031'])
 
+            dataL6[2].push(item['ZBPZ0094'])
 
+            dataL6[1].push(item['ZBPZ0095'])
 
           })
 
           // 人数变化和全员劳动生产率变化率分析
 
           dataL7[0] = []
 
@@ -362,7 +400,7 @@ let app = new Vue({
 
           res.orgData.area6.card1.forEach(item => {
 
             dataR7[0].push(item['ZBPZ0066'])
 
           })
 
-          // 各二级企业任期制契约化完成率
 
+          // 各二级企业任期制契约化考核完成率
 
           dataR8[0] = []
 
           res.orgData.area6.card2.forEach(item => {
 
             dataR8[0].push(item['ZBPZ0065'])
 
@@ -462,8 +500,11 @@ let app = new Vue({
 
       this.showTip = true
 
       this.tipNum = index
 
     },
 
-    handleGoPage (url) {
 
-      window.location.href = './index4.html?id=' + id + `&access_token=${this.access_token}`
 
+    handleGoPage (id,name) {
 
+      // window.location.href = './index4.html?id=' + id + `&access_token=${this.access_token}`
 
+      this.orgNumber = id
 
+      this.titleName = name
 
+      this.getInstitutional()
 
     },
 
     handleGoIndex () {
 
       window.location.href = './index.html'
 
@@ -513,7 +554,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '六个四级企业本部机构数核定上限',
 
+            name: '六个企业本部机构数核定上限',
 
             type: 'line',
 
             // yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
 
             smooth: true, //平滑曲线显示
 
@@ -536,7 +577,7 @@ let app = new Vue({
 
             data: dataL1[2],
 
           },
 
           {
 
-            name: '六定改革前各四级企业本部机构数',
 
+            name: '六定改革前各企业本部机构数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -556,7 +597,7 @@ let app = new Vue({
 
             data: dataL1[0],
 
           },
 
           {
 
-            name: '当前各四级企业本部机构数',
 
+            name: '当前各企业本部机构数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -589,7 +630,7 @@ let app = new Vue({
 
       }
 
 
       option.title.text = '本部机构数'
 
-      option.legend.data = ['六定改革前各四级企业本部机构数', '当前各四级企业本部机构数', '六个四级企业本部机构数核定上限']
 
+      option.legend.data = ['六定改革前各企业本部机构数', '当前各企业本部机构数', '六个企业本部机构数核定上限']
 
       option.yAxis.push({
 
         splitLine: {
 
           show: false,
 
@@ -622,7 +663,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '当前各四级企业所属架构数',
 
+            name: '当前各企业所属架构数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -643,8 +684,8 @@ let app = new Vue({
 
           }
 
         ],
 
       }
 
-      option.title.text = '各四级企业所属架构数'
 
-      option.legend.data = ['当前各四级企业所属架构数']
 
+      option.title.text = '各企业所属架构数'
 
+      option.legend.data = ['当前各企业所属架构数']
 
       option.yAxis.push({
 
         splitLine: {
 
           show: false,
 
@@ -657,20 +698,93 @@ let app = new Vue({
 
     },
 
     initChartL3 () {
 
       let myChart = echarts.init(this.$refs['echartL3'])
 
-      console.log(this.commonOption, "this.commonOption")
 
       let option = {
 
         ..._.cloneDeep(this.commonOption),
 
+        color: [
 
+          {
 
+            x: 0,
 
+            y: 0,
 
+            x2: 0,
 
+            y2: 1,
 
+            colorStops: [{
 
+              offset: 0,
 
+              color: '#6480f3',
 
+            },
 
+            {
 
+              offset: 1,
 
+              color: '#082550',
 
+            },],
 
+          }
 
+        ],
 
         series: [
 
           {
 
-            name: '当前本部中层管理人数',
 
+            name: '六定改革前各本部中层管理人数',
 
             type: 'bar',
 
             barWidth: 15,
 
+            label: {
 
+              normal: {
 
+                show: true,
 
+                position: 'top',
 
+                textStyle: {
 
+                  color: '#69c0ff',
 
+                  fontStyle: 'normal',
 
+                  textAlign: 'left',
 
+                  fontSize: 16,
 
+                },
 
+                formatter: function (data) {
 
+                  if (data.name == '云时代') {
 
+                    return data.value
 
+                  } else {
 
+                    return ''
 
+                  }
 
+                }
 
+              }
 
+            },
 
             itemStyle: {
 
               normal: {
 
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
 
                   {
 
                     offset: 0,
 
-                    color: '#5e7ae9',
 
+                    color: '#6480f3',
 
+                  },
 
+                  {
 
+                    offset: 1,
 
+                    color: '#082550',
 
+                  },
 
+                ]),
 
+              },
 
+            },
 
+            data: dataL4[0],
 
+          },
 
+          {
 
+            name: '当前各本部中层管理人数',
 
+            type: 'bar',
 
+            barWidth: 15,
 
+            label: {
 
+              normal: {
 
+                show: true,
 
+                position: 'top',
 
+                textStyle: {
 
+                  color: '#6480f3',
 
+                  fontStyle: 'normal',
 
+                  textAlign: 'left',
 
+                  fontSize: 16,
 
+                },
 
+                formatter: function (data) {
 
+                  if (data.name == '云时代') {
 
+                    return data.value
 
+                  } else {
 
+                    return ''
 
+                  }
 
+                }
 
+              }
 
+            },
 
+            itemStyle: {
 
+              normal: {
 
+                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
 
+                  {
 
+                    offset: 0,
 
+                    color: '#43ede3',
 
                   },
 
                   {
 
                     offset: 1,
 
@@ -679,12 +793,54 @@ let app = new Vue({
 
                 ]),
 
               },
 
             },
 
-            data: dataL3[0],
 
+            data: dataL4[1],
 
+          },
 
+          {
 
+            name: '各本部中层管理人数核定上限',
 
+            type: 'line',
 
+            // yAxisIndex: 1,
 
+            smooth: true, //平滑曲线显示
 
+            showAllSymbol: true, //显示所有图形。
 
+            symbol: 'circle', //标记的图形为实心圆
 
+            symbolSize: 8, //标记的大小
 
+            smooth: false,
 
+            label: {
 
+              normal: {
 
+                show: true,
 
+                position: 'top',
 
+                textStyle: {
 
+                  color: '#fbe138',
 
+                  fontStyle: 'normal',
 
+                  textAlign: 'left',
 
+                  fontSize: 16,
 
+                },
 
+                formatter: function (data) {
 
+                  if (data.name == '云时代') {
 
+                    return data.value
 
+                  } else {
 
+                    return ''
 
+                  }
 
+                }
 
+              }
 
+            },
 
+            itemStyle: {
 
+              //折线拐点标志的样式
 
+              color: '#fbe138',
 
+              borderColor: '#fbe138',
 
+              width: 2,
 
+              shadowColor: '#fbe138',
 
+              shadowBlur: 4,
 
+            },
 
+            lineStyle: {
 
+              color: '#fbe138',
 
+              width: 2,
 
+            },
 
+            data: dataL4[2],
 
           },
 
         ],
 
       }
 
-      option.title.text = '各四级企业本部中层管理人数'
 
-      option.legend.data = ['当前本部中层管理人数']
 
+      option.title.text = '各企业本部中层管理人数'
 
+      option.legend.data = ['六定改革前各本部中层管理人数', '当前各本部中层管理人数', '各本部中层管理人数核定上限']
 
       option.yAxis.push({
 
         type: 'value',
 
         axisLine: {
 
@@ -718,7 +874,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '六定改革前各四级中层管理人数',
 
+            name: '六定改革前各本部中层管理人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             label: {
 
@@ -757,7 +913,7 @@ let app = new Vue({
 
             data: dataL4[0],
 
           },
 
           {
 
-            name: '当前各四级中层管理人数',
 
+            name: '当前各本部中层管理人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             label: {
 
@@ -796,7 +952,7 @@ let app = new Vue({
 
             data: dataL4[1],
 
           },
 
           {
 
-            name: '各四级中层管理人数核定上限',
 
+            name: '各本部中层管理人数核定上限',
 
             type: 'line',
 
             // yAxisIndex: 1,
 
             smooth: true, //平滑曲线显示
 
@@ -839,8 +995,8 @@ let app = new Vue({
 
           },
 
         ],
 
       }
 
-      option.title.text = '各四级企业本部中层管理人数'
 
-      option.legend.data = ['六定改革前各四级中层管理人数', '当前各四级中层管理人数', '各四级中层管理人数核定上限']
 
+      option.title.text = '各企业本部中层管理人数'
 
+      option.legend.data = ['六定改革前各本部中层管理人数', '当前各本部中层管理人数', '各本部中层管理人数核定上限']
 
       option.legend.show = true
 
       // option.yAxis.push({
 
       //   splitLine: {
 
@@ -874,7 +1030,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '各四级企业总人数',
 
+            name: '各企业总人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -894,7 +1050,7 @@ let app = new Vue({
 
             data: dataL5[0],
 
           },
 
           {
 
-            name: '去年同期人数变化率',
 
+            name: '人数变化率',
 
             type: 'line',
 
             yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
 
             smooth: true, //平滑曲线显示
 
@@ -918,8 +1074,8 @@ let app = new Vue({
 
           },
 
         ],
 
       }
 
-      option.title.text = '各四级企业总人数'
 
-      option.legend.data = ['各四级企业总人数', '去年同期人数变化率']
 
+      option.title.text = '各企业总人数'
 
+      option.legend.data = ['各企业总人数', '人数变化率']
 
       option.legend.show = true
 
       option.tooltip = {
 
         trigger: 'axis',
 
@@ -965,7 +1121,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '各四级员额数',
 
+            name: '各企业本部员额数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -989,7 +1145,7 @@ let app = new Vue({
 
             data: dataL6[0],
 
           },
 
           {
 
-            name: '六定改革前各四级员额数',
 
+            name: '六定改革前各企业本部员额数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1009,7 +1165,7 @@ let app = new Vue({
 
             data: dataL6[2],
 
           },
 
           {
 
-            name: '各四级员额数核定上限',
 
+            name: '各企业本部员额数核定上限值',
 
             type: 'line',
 
             yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
 
             smooth: true, //平滑曲线显示
 
@@ -1033,8 +1189,8 @@ let app = new Vue({
 
           },
 
         ],
 
       }
 
-      option.title.text = '各四级企业本部员额数'
 
-      option.legend.data = ['当前各四级企业本部员额数', '六定改革前各四级企业本部员额数','各四级企业本部员额数核定上限值']
 
+      option.title.text = '各企业本部员额数'
 
+      option.legend.data = ['各企业本部员额数', '六定改革前各企业本部员额数', '各企业本部员额数核定上限值']
 
       option.legend.show = true
 
       option.yAxis.push({
 
         splitLine: {
 
@@ -1395,8 +1551,8 @@ let app = new Vue({
 
           },
 
         ],
 
       }
 
-      option.title.text = '各四级全员劳动生产率'
 
-      option.legend.data = ['全员劳动生产率同比变化', '全员劳动生产率（万/人）']
 
+      option.title.text = '各全员劳动生产率'
 
+      option.legend.data = ['全员劳动生产率（万/人）', '全员劳动生产率同比变化']
 
       option.legend.show = true
 
       option.grid.right = '15%'
 
       option.tooltip = {
 
@@ -1531,8 +1687,8 @@ let app = new Vue({
 
           },
 
         ],
 
       }
 
-      option.title.text = '各四级人工成本利润率'
 
-      option.legend.data = ['人工成本利润率同比变化', '人工成本利润率']
 
+      option.title.text = '各人工成本利润率'
 
+      option.legend.data = ['人工成本利润率', '人工成本利润率同比变化']
 
       option.legend.show = true
 
       option.tooltip = {
 
         trigger: 'axis',
 
@@ -1610,7 +1766,7 @@ let app = new Vue({
 
             data: dataR1[0],
 
           },
 
           {
 
-            name: '招聘需求公告累计招聘人次',
 
+            name: '招聘需求公告累计公开招聘人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1632,8 +1788,8 @@ let app = new Vue({
 
 
         ],
 
       }
 
-      option.title.text = '各四级企业招聘需求公告人次情况'
 
-      option.legend.data = ['招聘需求公告次数', '招聘需求公告累计招聘人次']
 
+      option.title.text = '各企业招聘需求公告人次情况'
 
+      option.legend.data = ['招聘需求公告次数', '招聘需求公告累计公开招聘人数']
 
       option.legend.show = true
 
       option.yAxis.push({
 
         splitLine: {
 
@@ -1694,7 +1850,7 @@ let app = new Vue({
 
           },
 
         ],
 
       }
 
-      option.title.text = '各四级企业录用结果公示人次'
 
+      option.title.text = '各企业录用结果公示人次'
 
       option.legend.data = ['录用结果公示次数', '录用结果公示累计公示人数']
 
       option.legend.show = true
 
       option.yAxis.push({
 
@@ -1719,19 +1875,19 @@ let app = new Vue({
 
             y: 0,
 
             x2: 0,
 
             y2: 1,
 
-            colorStops: [         {
 
-                      offset: 0,
 
-                      color: '#45DAD1',
 
-                    },
 
-                    {
 
-                      offset: 1,
 
-                      color: '#082550',
 
-                    },],
 
+            colorStops: [{
 
+              offset: 0,
 
+              color: '#45DAD1',
 
+            },
 
+            {
 
+              offset: 1,
 
+              color: '#082550',
 
+            },],
 
           }
 
         ],
 
         series: [
 
           {
 
-            name: '2022年利润(万）',
 
+            name: '年利润(万）',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1777,8 +1933,8 @@ let app = new Vue({
 
           },
 
         ],
 
       }
 
-      option.title.text = '各四级企业年利润与招聘情况分析'
 
-      option.legend.data = ['2022年利润(万）', '2022年累计招聘数']
 
+      option.title.text = '各企业年利润与招聘情况分析'
 
+      option.legend.data = ['年利润(万）', '2022年累计招聘数']
 
       option.legend.show = true
 
       option.yAxis[0].max = function (value) {
 
         if (Math.abs(value.max) > Math.abs(value.min)) {
 
@@ -1878,7 +2034,7 @@ let app = new Vue({
 
                 color: params => {
 
                   if (dataR4[0][params.dataIndex] / 2 < params.value) {
 
                     return 'red'
 
-                  } 
+                  }
 
                   else {
 
                     return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
 
                       {
 
@@ -1898,7 +2054,7 @@ let app = new Vue({
 
           },
 
         ],
 
       }
 
-      option.title.text = '各省属企业"退二进一"完成情况'
 
+      option.title.text = '各企业"退二进一"完成情况'
 
       option.legend.data = ['2022年退出人数和2023年当前累计退出人数之和', '2022年招聘人数和2023年当前累计招聘人数之和']
 
       option.legend.show = true
 
       option.yAxis[0] = {
 
@@ -1974,7 +2130,7 @@ let app = new Vue({
 
           }
 
         ],
 
       }
 
-      option.title.text = '各四级企业在岗职工平均薪酬'
 
+      option.title.text = '各企业在岗职工平均薪酬'
 
       option.legend.data = ['在岗职工平均薪酬', '去年同期在岗职工平均薪酬']
 
       option.legend.show = true
 
       option.yAxis.push({
 
@@ -2072,7 +2228,7 @@ let app = new Vue({
 
         ],
 
       }
 
 
-      option.title.text = '各四级企业利润与薪酬变动情况'
 
+      option.title.text = '各企业利润与薪酬变动情况'
 
       option.legend.data = ['2022年利润累计涨幅率', '2022年薪酬累计涨幅率']
 
       option.tooltip = {
 
         trigger: 'axis',
 
@@ -2174,7 +2330,7 @@ let app = new Vue({
 
                 color: params => {
 
                   if (params.value < 50) {
 
                     return 'yellow'
 
-                  } 
+                  }
 
                   else {
 
                     return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
 
                       {
 
@@ -2194,7 +2350,7 @@ let app = new Vue({
 
           },
 
         ],
 
       }
 
-      option.title.text = '各四级企业全员绩效考核'
 
+      option.title.text = '各企业全员绩效考核'
 
       // option.legend.data = ['劳动合同签约完成率', '目标值']
 
       option.tooltip = {
 
         trigger: 'axis',
 
@@ -2231,7 +2387,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '任期制契约化完成率',
 
+            name: '任期制契约化考核完成率',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -2252,7 +2408,7 @@ let app = new Vue({
 
           },
 
         ],
 
       }
 
-      option.title.text = '各四级企业任期制契约化完成率'
 
+      option.title.text = '各企业任期制契约化考核完成率'
 
       option.tooltip = {
 
         trigger: 'axis',
 
         formatter: '{a0}:{c0}' + '%'

+ 44 - 43
manpowerPort/js/index4SY.js
Vedi File 

@@ -60,27 +60,6 @@ let app = new Vue({
 
       this.time = formatDate()
 
     }, 1000)
 
     this.centerData = data
 
-    // 左侧图表
 
-    this.initChartL1()
 
-    this.initChartL2()
 
-    this.initChartL3()
 
-    this.initChartL4()
 
-    this.initChartL5()
 
-    this.initChartL6()
 
-    this.initChartL7()
 
-    this.initChartL8()
 
-    // 中间图表
 
-    this.initChartC1()
 
-    this.initChartC2()
 
-    // 右侧图表
 
-    this.initChartR1()
 
-    this.initChartR2()
 
-    this.initChartR3()
 
-    this.initChartR4()
 
-    this.initChartR5()
 
-    this.initChartR6()
 
-    this.initChartR7()
 
-    this.initChartR8()
 
   },
 
   beforeDestroy () {
 
     clearInterval(this.timer);
 
@@ -221,6 +200,29 @@ let app = new Vue({
 
       this.titleName = decodeURIComponent(obj.name)
 
       this.getData()
 
     },
 
+    generateEcharts () {
 
+      // 左侧图表
 
+      this.initChartL1()
 
+      this.initChartL2()
 
+      this.initChartL3()
 
+      this.initChartL4()
 
+      this.initChartL5()
 
+      this.initChartL6()
 
+      this.initChartL7()
 
+      this.initChartL8()
 
+      // 中间图表
 
+      this.initChartC1()
 
+      this.initChartC2()
 
+      // 右侧图表
 
+      this.initChartR1()
 
+      this.initChartR2()
 
+      this.initChartR3()
 
+      this.initChartR4()
 
+      this.initChartR5()
 
+      this.initChartR6()
 
+      this.initChartR7()
 
+      this.initChartR8()
 
+    },
 
     getData () {
 
       return new Promise((resolve, err) => {
 
         let value = {
 
@@ -231,8 +233,7 @@ let app = new Vue({
 
           }
 
         }
 
         post('/ierp/kapi/v2/mdnb/mdnb_das/Data/CockpitScreen', value).then(res => {
 
-          console.log(res, '二级页面数据')
 
-          // res.orgData = res.data[0]
 
+          res.orgData = res.data[0]
 
           // 定机构
 
           // 弹窗
 
           // return
 
@@ -365,7 +366,7 @@ let app = new Vue({
 
           res.orgData.area6.card1.forEach(item => {
 
             dataR7[0].push(item['ZBPZ0066'])
 
           })
 
-          // 各二级企业任期制契约化完成率
 
+          // 各二级企业任期制契约化考核完成率
 
           dataR8[0] = []
 
           res.orgData.area6.card2.forEach(item => {
 
             dataR8[0].push(item['ZBPZ0065'])
 
@@ -790,7 +791,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '六定改革前各四级中层管理人数',
 
+            name: '六定改革前各四级本部中层管理人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             label: {
 
@@ -836,7 +837,7 @@ let app = new Vue({
 
             data: dataL4[0],
 
           },
 
           {
 
-            name: '当前各四级中层管理人数',
 
+            name: '当前各四级本部中层管理人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             label: {
 
@@ -875,7 +876,7 @@ let app = new Vue({
 
             data: dataL4[1],
 
           },
 
           {
 
-            name: '各四级中层管理人数核定上限',
 
+            name: '各四级本部中层管理人数核定上限',
 
             type: 'line',
 
             // yAxisIndex: 1,
 
             smooth: true, //平滑曲线显示
 
@@ -919,7 +920,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各四级企业本部中层管理人数'
 
-      option.legend.data = ['六定改革前各四级中层管理人数', '当前各四级中层管理人数', '各四级中层管理人数核定上限']
 
+      option.legend.data = ['六定改革前各四级本部中层管理人数', '当前各四级本部中层管理人数', '各四级本部中层管理人数核定上限']
 
       option.legend.show = true
 
       // option.yAxis.push({
 
       //   splitLine: {
 
@@ -980,7 +981,7 @@ let app = new Vue({
 
             data: dataL5[0],
 
           },
 
           {
 
-            name: '去年同期人数变化率',
 
+            name: '人数变化率',
 
             type: 'line',
 
             yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
 
             smooth: true, //平滑曲线显示
 
@@ -1005,7 +1006,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各四级企业总人数'
 
-      option.legend.data = ['各四级企业总人数', '去年同期人数变化率']
 
+      option.legend.data = ['各四级企业总人数', '人数变化率']
 
       option.legend.show = true
 
       option.tooltip = {
 
         trigger: 'axis',
 
@@ -1051,7 +1052,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '各四级员额数',
 
+            name: '各四级本部员额数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1075,7 +1076,7 @@ let app = new Vue({
 
             data: dataL6[0],
 
           },
 
           {
 
-            name: '六定改革前各四级员额数',
 
+            name: '六定改革前各四级本部员额数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1095,7 +1096,7 @@ let app = new Vue({
 
             data: dataL6[2],
 
           },
 
           {
 
-            name: '各四级员额数核定上限',
 
+            name: '各四级本部员额数核定上限',
 
             type: 'line',
 
             yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
 
             smooth: true, //平滑曲线显示
 
@@ -1120,7 +1121,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各四级企业本部员额数'
 
-      option.legend.data = ['各四级员额数', '六定改革前各四级员额数', '各四级员额数核定上限']
 
+      option.legend.data = ['各四级本部员额数', '六定改革前各四级本部员额数', '各四级本部员额数核定上限']
 
       option.legend.show = true
 
       option.yAxis.push({
 
         splitLine: {
 
@@ -1488,7 +1489,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各四级全员劳动生产率'
 
-      option.legend.data = ['全员劳动生产率同比变化', '全员劳动生产率（万/人）']
 
+      option.legend.data = ['全员劳动生产率（万/人）', '全员劳动生产率同比变化']
 
       option.legend.show = true
 
       option.grid.right = '15%'
 
       option.tooltip = {
 
@@ -1624,7 +1625,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各四级人工成本利润率'
 
-      option.legend.data = ['人工成本利润率同比变化', '人工成本利润率']
 
+      option.legend.data = ['人工成本利润率', '人工成本利润率同比变化']
 
       option.legend.show = true
 
       option.tooltip = {
 
         trigger: 'axis',
 
@@ -1702,7 +1703,7 @@ let app = new Vue({
 
             data: dataR1[0],
 
           },
 
           {
 
-            name: '招聘需求公告累计招聘人次',
 
+            name: '招聘需求公告累计公开招聘人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1725,7 +1726,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各四级企业招聘招聘需求公示人次'
 
-      option.legend.data = ['招聘需求公告次数', '招聘需求公告累计招聘人次']
 
+      option.legend.data = ['招聘需求公告次数', '招聘需求公告累计公开招聘人数']
 
       option.legend.show = true
 
       option.yAxis.push({
 
         splitLine: {
 
@@ -1823,7 +1824,7 @@ let app = new Vue({
 
         ],
 
         series: [
 
           {
 
-            name: '2022年利润(万）',
 
+            name: '年利润(万）',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1870,7 +1871,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各四级企业年利润与当年累计招聘人数'
 
-      option.legend.data = ['2022年利润(万）', '2022年招聘人数和2023年当前累计招聘人数之和']
 
+      option.legend.data = ['年利润(万）', '2022年招聘人数和2023年当前累计招聘人数之和']
 
       option.legend.show = true
 
       option.yAxis[0].max = function (value) {
 
         if (Math.abs(value.max) > Math.abs(value.min)) {
 
@@ -2070,7 +2071,7 @@ let app = new Vue({
 
         color: ['#69c0ff'],
 
         series: [
 
           {
 
-            name: '各四级月利润总额同期变化率',
 
+            name: '各四级企业月利润总额同期变化率',
 
             type: 'line',
 
             smooth: true, //平滑曲线显示
 
             showAllSymbol: true, //显示所有图形。
 
@@ -2113,7 +2114,7 @@ let app = new Vue({
 
           },
 
 
           {
 
-            name: '各四级月薪酬总额同期变化率',
 
+            name: '各四级企业月薪酬总额同期变化率',
 
             type: 'line',
 
             smooth: true, //平滑曲线显示
 
             showAllSymbol: true, //显示所有图形。
 
@@ -2190,7 +2191,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各四级企业利润与薪酬变动情况'
 
-      option.legend.data = ['各四级月利润总额同期变化率', '各四级月薪酬总额同期变化率']
 
+      option.legend.data = ['各四级企业月利润总额同期变化率', '各四级企业月薪酬总额同期变化率']
 
       option.tooltip.formatter = '{a0}：{c0}' + '%' + '<br/>' + '{a1}：{c1}' + '%'
 
       option.yAxis[0].axisLabel.formatter = '{value} %'
 
       myChart.setOption(option)

+ 7 - 7
manpowerPort/js/index5.js
Vedi File 

@@ -737,7 +737,7 @@ let app = new Vue({
 
             data: dataL5[0],
 
           },
 
           {
 
-            name: '去年同期人数变化率',
 
+            name: '人数变化率',
 
             type: 'line',
 
             yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
 
             smooth: true, //平滑曲线显示
 
@@ -782,7 +782,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各省属企业总人数'
 
-      option.legend.data = ['各省属企业总人数', '去年同期人数变化率']
 
+      option.legend.data = ['各省属企业总人数', '人数变化率']
 
       option.legend.show = true
 
       option.yAxis[0] = {
 
         type: 'value',
 
@@ -1604,7 +1604,7 @@ let app = new Vue({
 
             data: dataTemp,
 
           },
 
           {
 
-            name: '招聘需求公告累计招聘人次',
 
+            name: '招聘需求公告累计公开招聘人数',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {
 
@@ -1626,7 +1626,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各省属企业招聘需求公示人次'
 
-      option.legend.data = ['招聘需求公告次数', '招聘需求公告累计招聘人次']
 
+      option.legend.data = ['招聘需求公告次数', '招聘需求公告累计公开招聘人数']
 
       option.legend.show = true
 
       option.tooltip.formatter = function (value) {
 
         return value[0].axisValue + '：' + (value[0].value - 1) + '<br>' + value[1].axisValue + '：' + (value[1].value - 1)
 
@@ -1755,7 +1755,7 @@ let app = new Vue({
 
         color: ['#45DAD1'],
 
         series: [
 
           {
 
-            name: '2022年利润(万）',
 
+            name: '年利润(万）',
 
             type: 'bar',
 
             barWidth: 15,
 
             label: {
 
@@ -1854,7 +1854,7 @@ let app = new Vue({
 
         ],
 
       }
 
       option.title.text = '各省属企业年利润与当年累计招聘人数'
 
-      option.legend.data = ['2022年利润(万）', '2022年累计招聘数']
 
+      option.legend.data = ['年利润(万）', '2022年累计招聘数']
 
       option.legend.show = true
 
       option.yAxis[0] = {
 
         max: function (value) {
 
@@ -2264,7 +2264,7 @@ let app = new Vue({
 
         ..._.cloneDeep(this.commonOption),
 
         series: [
 
           {
 
-            name: '任期制契约化完成率',
 
+            name: '任期制契约化考核完成率',
 
             type: 'bar',
 
             barWidth: 15,
 
             itemStyle: {