Browse Source

修改四级页面

unknown 1 year ago
parent
commit
7e441314be

+ 1 - 1
manpower/index.html

@@ -223,7 +223,7 @@
       </div>
     </div>
     <div class="footer">
-      <a class="item" v-for="(item,index) in companyList" :key="index"><img
+      <a class="item" v-for="(item,index) in companyList" :key="index" @click="handleGoPage(item.link)"><img
           :src="`./images/logos/logo${index+1}.png`"></img> {{item.name}}</a>
     </div>
 

+ 1 - 0
manpower/index2.html

@@ -24,6 +24,7 @@
 <body>
   <div id="app">
     <header class="my-header">
+      <span class="left">返回</span>
       <span>晋能控股</span>
       <span class="right">{{time}}</span>
     </header>

+ 1 - 1
manpower/index4.html

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

+ 1 - 1
manpower/js/data.js

@@ -1,6 +1,6 @@
 const companyList = [
   { name: '山西焦煤' },
-  { name: '晋能控股' },
+  { name: '晋能控股', link: './index2.html' },
   { name: '华阳新材' },
   { name: '潞安化工' },
   { name: '华新燃气' },

+ 3 - 3
manpower/js/data4.js

@@ -26,9 +26,9 @@ const data = {
       value3: '156',
     },
     {
-      value1: '2413',
-      value2: '703',
-      value3: '29.13',
+      value1: '29.13',
+      value2: '2413',
+      value3: '703',
     },
   ],
 }

+ 3 - 1
manpower/js/index.js

@@ -167,7 +167,9 @@ let app = new Vue({
       this.showTip = true
       this.tipNum = index
     },
-
+    handleGoPage(url){
+      window.location.href = url
+    },
     numFormat (value) {
       if (!value) return '0'
       var intPart = Number(value).toFixed(0) // 获取整数部分

+ 27 - 26
manpower/js/index4.js

@@ -265,7 +265,7 @@ let app = new Vue({
         ..._.cloneDeep(this.commonOption),
         series: [
           {
-            name: '当前部中层管理人数',
+            name: '当前部中层管理人数',
             type: 'bar',
             barWidth: 15,
             itemStyle: {
@@ -326,25 +326,6 @@ let app = new Vue({
               width: 2,
             },
             data: dataL4[0],
-            markLine: {
-              data: [
-                {
-                  name: '管理人员比值核定上限',
-                  yAxis: 15,
-                  lineStyle: {
-                    color: '#fff',
-                  },
-                  label: {
-                    formatter: '{b}',
-                    position: 'middle',
-                    color: '#fff',
-                  },
-                }
-              ],
-              label: {
-                distance: [20, 8],
-              },
-            },
           },
           {
             name: '管理人员数占总人数比值',
@@ -365,6 +346,25 @@ let app = new Vue({
               },
             },
             data: dataL4[1],
+            markLine: {
+              data: [
+                {
+                  name: '管理人员比值核定上限',
+                  yAxis: 15,
+                  lineStyle: {
+                    color: '#fff',
+                  },
+                  label: {
+                    formatter: '{b}',
+                    position: 'middle',
+                    color: '#fff',
+                  },
+                }
+              ],
+              label: {
+                distance: [20, 8],
+              },
+            },
           },
         ],
       }
@@ -372,6 +372,7 @@ let app = new Vue({
       option.legend.data = ['当前管理人员数', '管理人员数占总人数比值']
       option.legend.show = true
       option.yAxis.push({
+        max: 20,
         type: 'value',
         axisLine: {
           show: false,
@@ -653,7 +654,7 @@ let app = new Vue({
 
         series: [
           {
-            name: '全员劳动生产率',
+            name: '全员劳动生产率(万/人)',
             type: 'bar',
             barWidth: 12,
             smooth: true, //平滑曲线显示
@@ -678,7 +679,7 @@ let app = new Vue({
             markLine: {
               data: [
                 {
-                  name: '省属企业平均水平(万/人)',
+                  name: '省属企业平均水平',
                   yAxis: 50.13,
                   lineStyle: {
                     color: '#fff',
@@ -690,7 +691,7 @@ let app = new Vue({
                   },
                 },
                 {
-                  name: '央企平均水平(万/人)',
+                  name: '央企平均水平',
                   yAxis: 69.4,
                   lineStyle: {
                     color: '#fff',
@@ -730,7 +731,7 @@ let app = new Vue({
         ],
       }
       option.title.text = '全员劳动生产率'
-      option.legend.data = ['全员劳动生产率同比', '全员劳动生产率']
+      option.legend.data = ['全员劳动生产率同比', '全员劳动生产率(万/人)']
       option.legend.show = true
       option.yAxis.push({
         type: 'value',
@@ -780,7 +781,7 @@ let app = new Vue({
             markLine: {
               data: [
                 {
-                  name: '省属企业平均水平(万/人)',
+                  name: '省属企业平均水平',
                   yAxis: 67.09,
                   lineStyle: {
                     color: '#fff',
@@ -792,7 +793,7 @@ let app = new Vue({
                   },
                 },
                 {
-                  name: '央企平均水平(万/人)',
+                  name: '央企平均水平',
                   yAxis: 81,
                   lineStyle: {
                     color: '#fff',

+ 6 - 0
manpower/styles/index.css

@@ -97,6 +97,12 @@ a {
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
+.my-header span.left {
+  position: absolute;
+  left: 100px;
+  top: 0px;
+  font-size: 30px;
+}
 .my-header span.right {
   position: absolute;
   right: 100px;