二三四级页面修改

manpowerPort/js/index2.js

@@ -227,8 +227,12 @@ let app = new Vue({
           tipData.analysis[0] = res.orgData.area1.intAnalysis.map(item => item.analysis)
           //各二级企业本部机构数
           dataL1[0] = []
+          dataL1[1] = []
+          dataL1[2] = []
           res.orgData.area1.card1.forEach(item => {
             dataL1[0].push(item['ZBPZ0010'])
+            dataL1[1].push(item['ZBPZ0088'])
+            dataL1[2].push(item['ZBPZ0089'])
           })
           // 各二级企业所属架构数
           dataL2[0] = []
@@ -246,11 +250,13 @@ let app = new Vue({
             dataL3[0].push(item['ZBPZ0091'])
           })
           // 各二级企业管理人员数
-          dataL4[0] = []
           dataL4[1] = []
-          res.orgData.area2.card2.forEach(item => {
-            dataL4[0].push(item['ZBPZ0031'])
-            dataL4[1].push(item['ZBPZ0049'])
+          dataL4[0] = []
+          dataL4[2] = []
+          res.orgData.area2.card1.forEach(item => {
+            dataL4[1].push(item['ZBPZ0091'])
+            dataL4[0].push(item['ZBPZ0093'])
+            dataL4[2].push(item['ZBPZ0092'])
           })
 
           // 定员额
@@ -259,18 +265,20 @@ let app = new Vue({
           // 各二级企业总人数
           dataL5[0] = []
           dataL5[1] = []
+          dataL5[2] = []
           res.orgData.area3.card1.forEach(item => {
             dataL5[0].push(item['ZBPZ0006'])
             dataL5[1].push(item['ZBPZ0050'])
+            dataL5[2].push(item['ZBPZ0051'])
           })
           // 各二级企业本部员额数
           dataL6[0] = []
-          dataL6[1] = []
           dataL6[2] = []
+          dataL6[1] = []
           res.orgData.area3.card2.forEach(item => {
             dataL6[0].push(item['ZBPZ0031'])
-            dataL6[1].push(item['ZBPZ0053'])
-            dataL6[2].push(item['ZBPZ0052'])
+            dataL6[2].push(item['ZBPZ0094'])
+            dataL6[1].push(item['ZBPZ0095'])
           })
           // 人数变化和全员劳动生产率变化率分析
           dataL7[0] = []
@@ -687,17 +695,52 @@ let app = new Vue({
       let myChart = echarts.init(this.$refs['echartL3'])
       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,
@@ -706,12 +749,93 @@ let app = new Vue({
                 ]),
               },
             },
-            data: dataL3[0],
+            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,
+                    color: '#082550',
+                  },
+                ]),
+              },
+            },
+            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: {
@@ -998,7 +1122,7 @@ let app = new Vue({
         ],
         series: [
           {
-            name: '当前各二级企业本部员额数',
+            name: '各二级员额数',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -1022,16 +1146,15 @@ let app = new Vue({
             data: dataL6[0],
           },
           {
-            name: '六定改革前各二级企业本部员额数',
+            name: '六定改革前各二级员额数',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
               normal: {
-                barBorderRadius: [10, 10, 0, 0],
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   {
                     offset: 0,
-                    color: '#43ede3',
+                    color: '#5e7ae9',
                   },
                   {
                     offset: 1,
@@ -1043,7 +1166,7 @@ let app = new Vue({
             data: dataL6[2],
           },
           {
-            name: '各二级企业本部员额数核定上限值',
+            name: '各二级员额数核定上限',
             type: 'line',
             yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
             smooth: true, //平滑曲线显示
@@ -1068,7 +1191,7 @@ let app = new Vue({
         ],
       }
       option.title.text = '各二级企业本部员额数'
-      option.legend.data = ['当前各二级企业本部员额数', '六定改革前各二级企业本部员额数','各二级企业本部员额数核定上限值']
+      option.legend.data = ['各二级员额数', '六定改革前各二级员额数', '各二级员额数核定上限']
       option.legend.show = true
       option.yAxis.push({
         splitLine: {

manpowerPort/js/index3.js

@@ -259,7 +259,6 @@ let app = new Vue({
           }
         }
         post('/ierp/kapi/v2/mdnb/mdnb_das/Data/CockpitScreen', value).then(res => {
-          console.log(res, '二级页面数据')
           // res.orgData = res.data[0]
           // 定机构
           // 弹窗
@@ -268,8 +267,12 @@ let app = new Vue({
           tipData.analysis[0] = res.orgData.area1.intAnalysis.map(item => item.analysis)
           //各二级企业本部机构数
           dataL1[0] = []
+          dataL1[1] = []
+          dataL1[2] = []
           res.orgData.area1.card1.forEach(item => {
             dataL1[0].push(item['ZBPZ0010'])
+            dataL1[1].push(item['ZBPZ0088'])
+            dataL1[2].push(item['ZBPZ0089'])
           })
           // 各二级企业所属架构数
           dataL2[0] = []
@@ -287,11 +290,13 @@ let app = new Vue({
             dataL3[0].push(item['ZBPZ0091'])
           })
           // 各二级企业管理人员数
-          dataL4[0] = []
           dataL4[1] = []
-          res.orgData.area2.card2.forEach(item => {
-            dataL4[0].push(item['ZBPZ0031'])
-            dataL4[1].push(item['ZBPZ0049'])
+          dataL4[0] = []
+          dataL4[2] = []
+          res.orgData.area2.card1.forEach(item => {
+            dataL4[1].push(item['ZBPZ0091'])
+            dataL4[0].push(item['ZBPZ0093'])
+            dataL4[2].push(item['ZBPZ0092'])
           })
 
           // 定员额
@@ -300,14 +305,20 @@ let app = new Vue({
           // 各二级企业总人数
           dataL5[0] = []
           dataL5[1] = []
+          dataL5[2] = []
           res.orgData.area3.card1.forEach(item => {
             dataL5[0].push(item['ZBPZ0006'])
             dataL5[1].push(item['ZBPZ0050'])
+            dataL5[2].push(item['ZBPZ0051'])
           })
           // 各二级企业本部员额数
           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] = []
@@ -739,7 +750,7 @@ let app = new Vue({
         ],
         series: [
           {
-            name: '六定改革前各三级企业本部中层管理人数',
+            name: '六定改革前各三级中层管理人数',
             type: 'bar',
             barWidth: 15,
             label: {
@@ -766,7 +777,7 @@ let app = new Vue({
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   {
                     offset: 0,
-                    color: '#69c0ff',
+                    color: '#6480f3',
                   },
                   {
                     offset: 1,
@@ -778,7 +789,7 @@ let app = new Vue({
             data: dataL4[0],
           },
           {
-            name: '当前各三级企业本部中层管理人数',
+            name: '当前各三级中层管理人数',
             type: 'bar',
             barWidth: 15,
             label: {
@@ -802,29 +813,22 @@ let app = new Vue({
             },
             itemStyle: {
               normal: {
-                color: params => {
-                  if (params.value >  dataL4[2][params.dataIndex] || params.value >  dataL4[0][params.dataIndex]) {
-
-                    return 'red'
-                  } else {
-                    return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                      {
-                        offset: 0,
-                        color: '#6480f3',
-                      },
-                      {
-                        offset: 1,
-                        color: '#082550',
-                      },
-                    ])
-                  }
-                },
+                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                  {
+                    offset: 0,
+                    color: '#43ede3',
+                  },
+                  {
+                    offset: 1,
+                    color: '#082550',
+                  },
+                ]),
               },
             },
             data: dataL4[1],
           },
           {
-            name: '各三级企业本部中层管理人数核定上限',
+            name: '各三级中层管理人数核定上限',
             type: 'line',
             // yAxisIndex: 1,
             smooth: true, //平滑曲线显示
@@ -868,7 +872,7 @@ let app = new Vue({
         ],
       }
       option.title.text = '各三级企业本部中层管理人数'
-      option.legend.data = ['六定改革前各三级企业本部中层管理人数', '当前各三级企业本部中层管理人数', '各三级企业本部中层管理人数核定上限']
+      option.legend.data = ['六定改革前各三级中层管理人数', '当前各三级中层管理人数', '各三级中层管理人数核定上限']
       option.legend.show = true
       // option.yAxis.push({
       //   splitLine: {
@@ -993,7 +997,7 @@ let app = new Vue({
         ],
         series: [
           {
-            name: '当前各三级企业本部员额数',
+            name: '各三级员额数',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -1017,16 +1021,15 @@ let app = new Vue({
             data: dataL6[0],
           },
           {
-            name: '六定改革前各三级企业本部员额数',
+            name: '六定改革前各三级员额数',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
               normal: {
-                barBorderRadius: [10, 10, 0, 0],
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   {
                     offset: 0,
-                    color: '#43ede3',
+                    color: '#5e7ae9',
                   },
                   {
                     offset: 1,
@@ -1038,7 +1041,7 @@ let app = new Vue({
             data: dataL6[2],
           },
           {
-            name: '各三级企业本部员额数核定上限值',
+            name: '各三级员额数核定上限',
             type: 'line',
             yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
             smooth: true, //平滑曲线显示

manpowerPort/js/index4.js

@@ -232,7 +232,6 @@ let app = new Vue({
           }
         }
         post('/ierp/kapi/v2/mdnb/mdnb_das/Data/CockpitScreen', value).then(res => {
-          console.log(res, '二级页面数据')
           // res.orgData = res.data[0]
           // 定机构
           // 弹窗
@@ -241,8 +240,12 @@ let app = new Vue({
           tipData.analysis[0] = res.orgData.area1.intAnalysis.map(item => item.analysis)
           //各二级企业本部机构数
           dataL1[0] = []
+          dataL1[1] = []
+          dataL1[2] = []
           res.orgData.area1.card1.forEach(item => {
             dataL1[0].push(item['ZBPZ0010'])
+            dataL1[1].push(item['ZBPZ0088'])
+            dataL1[2].push(item['ZBPZ0089'])
           })
           // 各二级企业所属架构数
           dataL2[0] = []
@@ -260,11 +263,13 @@ let app = new Vue({
             dataL3[0].push(item['ZBPZ0091'])
           })
           // 各二级企业管理人员数
-          dataL4[0] = []
           dataL4[1] = []
-          res.orgData.area2.card2.forEach(item => {
-            dataL4[0].push(item['ZBPZ0031'])
-            dataL4[1].push(item['ZBPZ0049'])
+          dataL4[0] = []
+          dataL4[2] = []
+          res.orgData.area2.card1.forEach(item => {
+            dataL4[1].push(item['ZBPZ0091'])
+            dataL4[0].push(item['ZBPZ0093'])
+            dataL4[2].push(item['ZBPZ0092'])
           })
 
           // 定员额
@@ -273,9 +278,11 @@ let app = new Vue({
           // 各二级企业总人数
           dataL5[0] = []
           dataL5[1] = []
+          dataL5[2] = []
           res.orgData.area3.card1.forEach(item => {
             dataL5[0].push(item['ZBPZ0006'])
             dataL5[1].push(item['ZBPZ0050'])
+            dataL5[2].push(item['ZBPZ0051'])
           })
           // 各二级企业本部员额数
           dataL6[0] = []
@@ -711,7 +718,7 @@ let app = new Vue({
         ],
         series: [
           {
-            name: '六定改革前各四级企业本部中层管理人数',
+            name: '六定改革前各四级中层管理人数',
             type: 'bar',
             barWidth: 15,
             label: {
@@ -738,7 +745,7 @@ let app = new Vue({
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   {
                     offset: 0,
-                    color: '#69c0ff',
+                    color: '#6480f3',
                   },
                   {
                     offset: 1,
@@ -750,7 +757,7 @@ let app = new Vue({
             data: dataL4[0],
           },
           {
-            name: '当前各四级企业本部中层管理人数',
+            name: '当前各四级中层管理人数',
             type: 'bar',
             barWidth: 15,
             label: {
@@ -774,29 +781,22 @@ let app = new Vue({
             },
             itemStyle: {
               normal: {
-                color: params => {
-                  if (params.value >  dataL4[2][params.dataIndex] || params.value >  dataL4[0][params.dataIndex]) {
-
-                    return 'red'
-                  } else {
-                    return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                      {
-                        offset: 0,
-                        color: '#6480f3',
-                      },
-                      {
-                        offset: 1,
-                        color: '#082550',
-                      },
-                    ])
-                  }
-                },
+                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                  {
+                    offset: 0,
+                    color: '#43ede3',
+                  },
+                  {
+                    offset: 1,
+                    color: '#082550',
+                  },
+                ]),
               },
             },
             data: dataL4[1],
           },
           {
-            name: '各四级企业本部中层管理人数核定上限',
+            name: '各四级中层管理人数核定上限',
             type: 'line',
             // yAxisIndex: 1,
             smooth: true, //平滑曲线显示
@@ -840,7 +840,7 @@ let app = new Vue({
         ],
       }
       option.title.text = '各四级企业本部中层管理人数'
-      option.legend.data = ['六定改革前各四级企业本部中层管理人数', '当前各四级企业本部中层管理人数', '各四级企业本部中层管理人数核定上限']
+      option.legend.data = ['六定改革前各四级中层管理人数', '当前各四级中层管理人数', '各四级中层管理人数核定上限']
       option.legend.show = true
       // option.yAxis.push({
       //   splitLine: {
@@ -965,7 +965,7 @@ let app = new Vue({
         ],
         series: [
           {
-            name: '当前各二级企业本部员额数',
+            name: '各四级员额数',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -989,16 +989,15 @@ let app = new Vue({
             data: dataL6[0],
           },
           {
-            name: '六定改革前各二级企业本部员额数',
+            name: '六定改革前各四级员额数',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
               normal: {
-                barBorderRadius: [10, 10, 0, 0],
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   {
                     offset: 0,
-                    color: '#43ede3',
+                    color: '#5e7ae9',
                   },
                   {
                     offset: 1,
@@ -1010,7 +1009,7 @@ let app = new Vue({
             data: dataL6[2],
           },
           {
-            name: '各二级企业本部员额数核定上限值',
+            name: '各四级员额数核定上限',
             type: 'line',
             yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
             smooth: true, //平滑曲线显示
@@ -1034,8 +1033,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: {