Sfoglia il codice sorgente

所有页面添加分析

unknown 1 anno fa
parent
commit
d3effcabef
6 ha cambiato i file con 136 aggiunte e 62 eliminazioni
  1. 17 4
      manpower/index2.html
  2. 16 4
      manpower/index3.html
  3. 16 4
      manpower/index4.html
  4. 29 16
      manpower/js/index2.js
  5. 29 17
      manpower/js/index3.js
  6. 29 17
      manpower/js/index4.js

+ 17 - 4
manpower/index2.html

@@ -20,6 +20,7 @@
   <script src="./js/request.js"></script>
   <script src="./js/data2.js"></script>
   <script src="./libs/echarts-tooltip-carousel.js"></script>
+  <script src="./js/fjx.js"></script>
 </head>
 
 <body>
@@ -34,8 +35,9 @@
       <div class="left">
         <dv-border-box-8 :dur="10" style="flex: 1;">
           <div class="my-panel">
-            <div class="panel-title">
+            <div class="panel-title  flex-between">
               <span class="text">定机构</span>
+              <span class="tip-window" @click="handleShowTip(0)">智能分析</span>
             </div>
             <div class="content flex">
               <div ref="echartL1" style="flex: 1;height: 100%;"></div>
@@ -56,8 +58,9 @@
         </dv-border-box-8>
         <dv-border-box-8 :dur="12" style="flex: 2;">
           <div class="my-panel">
-            <div class="panel-title">
+            <div class="panel-title flex-between">
               <span class="text">定员额</span>
+              <span class="tip-window" @click="handleShowTip(1)">智能分析</span>
             </div>
             <div class="content flex flex-wrap">
               <div ref="echartL5" style="flex: 0 0 49.9%;height: 50%;"></div>
@@ -152,8 +155,9 @@
         </dv-border-box-8>
         <dv-border-box-8 :dur="10">
           <div class="my-panel">
-            <div class="panel-title">
+            <div class="panel-title flex-between">
               <span class="text">核心指标监测</span>
+              <span class="tip-window" @click="handleShowTip(2)">智能分析</span>
             </div>
             <div class="content flex">
               <div ref="echartC1" style="flex: 1;height: 100%;"></div>
@@ -196,8 +200,9 @@
         </dv-border-box-8>
         <dv-border-box-8 :dur="11" style="flex: 1">
           <div class="my-panel">
-            <div class="panel-title">
+            <div class="panel-title flex-between">
               <span class="text">定薪酬</span>
+              <span class="tip-window" @click="handleShowTip(3)">智能分析</span>
             </div>
             <div class="content flex">
               <div ref="echartR5" style="flex: 1;height: 100%;"></div>
@@ -222,6 +227,14 @@
       <a class="item" v-for="(item,index) in companyListTitle" :key="index"
         @click="handleGoPage(item.link)">{{item.name}}</a>
     </div>
+
+    <div class="tip" @click="showTip = false" v-if="showTip">
+      <div class="tip-box">
+        <div class="tip-content">{{tipData[tipNum]}}</div>
+        <!-- <div class="btm20">全员劳动生产率从去年前的人均XX万元提升到XX万元;在岗职工平均工资从去年前的人均XX万元提升到XX万元。</div>
+        <div>打破工资“大锅饭”,所有盈利企业工资增幅不高于利润增幅。实行薪酬“双挂钩”,省属企业负责人绩效年薪与经营业绩考核结果挂钩后,还要与企业经济效益挂钩。</div> -->
+      </div>
+    </div>
   </div>
   <script src="./js/index2.js"></script>
 </body>

+ 16 - 4
manpower/index3.html

@@ -19,6 +19,7 @@
   <script src="./js/request.js"></script>
   <script src="./js/data3.js"></script>
   <script src="./libs/echarts-tooltip-carousel.js"></script>
+  <script src="./js/fjx.js"></script>
 </head>
 
 <body>
@@ -33,8 +34,9 @@
       <div class="left">
         <dv-border-box-8 :dur="10" style="flex: 1;">
           <div class="my-panel">
-            <div class="panel-title">
+            <div class="panel-title flex-between">
               <span class="text">定机构</span>
+              <span class="tip-window" @click="handleShowTip(1)">智能分析</span>
             </div>
             <div class="content flex">
               <div ref="echartL1" style="flex: 1;height: 100%;"></div>
@@ -55,8 +57,9 @@
         </dv-border-box-8>
         <dv-border-box-8 :dur="12" style="flex: 2;">
           <div class="my-panel">
-            <div class="panel-title">
+            <div class="panel-title flex-between">
               <span class="text">定员额</span>
+              <span class="tip-window" @click="handleShowTip(2)">智能分析</span>
             </div>
             <div class="content flex flex-wrap">
               <div ref="echartL5" style="flex: 0 0 49.9%;height: 50%;"></div>
@@ -151,8 +154,9 @@
         </dv-border-box-8>
         <dv-border-box-8 :dur="10">
           <div class="my-panel">
-            <div class="panel-title">
+            <div class="panel-title flex-between">
               <span class="text">核心指标监测</span>
+              <span class="tip-window" @click="handleShowTip(3)">智能分析</span>
             </div>
             <div class="content flex">
               <div ref="echartC1" style="flex: 1;height: 100%;"></div>
@@ -195,8 +199,9 @@
         </dv-border-box-8>
         <dv-border-box-8 :dur="11" style="flex: 1">
           <div class="my-panel">
-            <div class="panel-title">
+            <div class="panel-title flex-between">
               <span class="text">定薪酬</span>
+              <span class="tip-window" @click="handleShowTip(0)">智能分析</span>
             </div>
             <div class="content flex">
               <div ref="echartR5" style="flex: 1;height: 100%;"></div>
@@ -221,6 +226,13 @@
       <a class="item" v-for="(item,index) in companyListTitle" :key="index"
         @click="handleGoPage(item.link)">{{item.name}}</a>
     </div>
+    <div class="tip" @click="showTip = false" v-if="showTip">
+      <div class="tip-box">
+        <div class="tip-content">{{tipData[tipNum]}}</div>
+        <!-- <div class="btm20">全员劳动生产率从去年前的人均XX万元提升到XX万元;在岗职工平均工资从去年前的人均XX万元提升到XX万元。</div>
+        <div>打破工资“大锅饭”,所有盈利企业工资增幅不高于利润增幅。实行薪酬“双挂钩”,省属企业负责人绩效年薪与经营业绩考核结果挂钩后,还要与企业经济效益挂钩。</div> -->
+      </div>
+    </div>
   </div>
   <script src="./js/index3.js"></script>
 </body>

+ 16 - 4
manpower/index4.html

@@ -19,6 +19,7 @@
   <script src="./js/request.js"></script>
   <script src="./js/data4.js"></script>
   <script src="./libs/echarts-tooltip-carousel.js"></script>
+  <script src="./js/fjx.js"></script>
 </head>
 
 <body>
@@ -33,8 +34,9 @@
       <div class="left">
         <dv-border-box-8 :dur="10" style="flex: 1;">
           <div class="my-panel">
-            <div class="panel-title">
+            <div class="panel-title flex-between">
               <span class="text">定机构</span>
+              <span class="tip-window" @click="handleShowTip(0)">智能分析</span>
             </div>
             <div class="content flex">
               <div ref="echartL1" style="flex: 1;height: 100%;"></div>
@@ -55,8 +57,9 @@
         </dv-border-box-8>
         <dv-border-box-8 :dur="12" style="flex: 2;">
           <div class="my-panel">
-            <div class="panel-title">
+            <div class="panel-title flex-between">
               <span class="text">定员额</span>
+              <span class="tip-window" @click="handleShowTip(1)">智能分析</span>
             </div>
             <div class="content flex flex-wrap">
               <div ref="echartL5" style="flex: 0 0 49.9%;height: 50%;"></div>
@@ -151,8 +154,9 @@
         </dv-border-box-8>
         <dv-border-box-8 :dur="10">
           <div class="my-panel">
-            <div class="panel-title">
+            <div class="panel-title flex-between">
               <span class="text">核心指标监测</span>
+              <span class="tip-window" @click="handleShowTip(2)">智能分析</span>
             </div>
             <div class="content flex">
               <div ref="echartC1" style="flex: 1;height: 100%;"></div>
@@ -195,8 +199,9 @@
         </dv-border-box-8>
         <dv-border-box-8 :dur="11" style="flex: 1">
           <div class="my-panel">
-            <div class="panel-title">
+            <div class="panel-title flex-between">
               <span class="text">定薪酬</span>
+              <span class="tip-window" @click="handleShowTip(3)">智能分析</span>
             </div>
             <div class="content flex">
               <div ref="echartR5" style="flex: 1;height: 100%;"></div>
@@ -221,6 +226,13 @@
       <a class="item" v-for="(item,index) in companyList" :key="index"
         @click="handleGoPage(item.link)">{{item.name}}</a>
     </div>
+    <div class="tip" @click="showTip = false" v-if="showTip">
+      <div class="tip-box">
+        <div class="tip-content">{{tipData[tipNum]}}</div>
+        <!-- <div class="btm20">全员劳动生产率从去年前的人均XX万元提升到XX万元;在岗职工平均工资从去年前的人均XX万元提升到XX万元。</div>
+        <div>打破工资“大锅饭”,所有盈利企业工资增幅不高于利润增幅。实行薪酬“双挂钩”,省属企业负责人绩效年薪与经营业绩考核结果挂钩后,还要与企业经济效益挂钩。</div> -->
+      </div>
+    </div>
   </div>
   <script src="./js/index4.js"></script>
 </body>

+ 29 - 16
manpower/js/index2.js

@@ -4,6 +4,8 @@ let app = new Vue({
   el: '#app',
   data () {
     return {
+      showTip: false,
+      tipNum: '',
       time: '',
       year: '2022',
       config1: {
@@ -162,6 +164,10 @@ let app = new Vue({
     }
   },
   methods: {
+    handleShowTip(index) {
+      this.showTip = true
+      this.tipNum = index
+    },
     handleGoPage (url) {
       if (url.length) {
         window.location.href = url
@@ -1398,14 +1404,17 @@ let app = new Vue({
       }
       option.title.text = '各二级企业全员绩效考核'
       // option.legend.data = ['劳动合同签约完成率', '目标值']
-      option.yAxis.push({
-        splitLine: {
-          show: false,
-        },
-        axisLine: {
-          show: false,
-        },
-      })
+      option.tooltip = {
+        trigger: 'axis',
+        formatter: '{a0}:{c0}' + '%'
+      },
+      option.yAxis[0].axisLabel = {
+        show: true,
+          formatter: '{value} %',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+      }
       myChart.setOption(option)
     },
     initChartR8 () {
@@ -1436,14 +1445,18 @@ let app = new Vue({
         ],
       }
       option.title.text = '各二级企业任期制契约化完成率'
-      option.yAxis.push({
-        splitLine: {
-          show: false,
-        },
-        axisLine: {
-          show: false,
-        },
-      })
+      option.tooltip = {
+        trigger: 'axis',
+        formatter: '{a0}:{c0}' + '%'
+      },
+      option.yAxis[0].axisLabel = {
+        show: true,
+          formatter: '{value} %',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+      }
+
       myChart.setOption(option)
     },
   },

+ 29 - 17
manpower/js/index3.js

@@ -4,6 +4,8 @@ let app = new Vue({
   el: '#app',
   data () {
     return {
+      showTip: false,
+      tipNum: '',
       time: '',
       year: '2022',
       config1: {
@@ -162,6 +164,10 @@ let app = new Vue({
     }
   },
   methods: {
+    handleShowTip(index) {
+      this.showTip = true
+      this.tipNum = index
+    },
     handleGoPage (url) {
       if (url.length) {
         window.location.href = url
@@ -914,7 +920,7 @@ let app = new Vue({
       option.legend.show = true
       option.tooltip = {
         trigger: 'axis',
-        formatter: '{a0}:{c0}' + '<br/>' + '{a1}:{c1}' + '%'
+        formatter: '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
       }
       option.grid.right = '15%'
       option.yAxis = [
@@ -1424,14 +1430,17 @@ let app = new Vue({
       }
       option.title.text = '各三级企业全员绩效考核 '
       // option.legend.data = ['劳动合同签约完成率', '目标值']
-      option.yAxis.push({
-        splitLine: {
-          show: false,
-        },
-        axisLine: {
-          show: false,
-        },
-      })
+      option.tooltip = {
+        trigger: 'axis',
+        formatter: '{a0}:{c0}' + '%'
+      }
+      option.yAxis[0].axisLabel = {
+        show: true,
+          formatter: '{value} %',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+      }
       myChart.setOption(option)
     },
     initChartR8 () {
@@ -1462,14 +1471,17 @@ let app = new Vue({
         ],
       }
       option.title.text = '各三级企业任期制契约化完成率'
-      option.yAxis.push({
-        splitLine: {
-          show: false,
-        },
-        axisLine: {
-          show: false,
-        },
-      })
+      option.tooltip = {
+        trigger: 'axis',
+        formatter: '{a0}:{c0}' + '%'
+      }
+      option.yAxis[0].axisLabel = {
+        show: true,
+          formatter: '{value} %',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+      }
       myChart.setOption(option)
     },
   },

+ 29 - 17
manpower/js/index4.js

@@ -4,6 +4,8 @@ let app = new Vue({
   el: '#app',
   data () {
     return {
+      showTip: false,
+      tipNum: '',
       time: '',
       year: '2022',
       config1: {
@@ -161,6 +163,10 @@ let app = new Vue({
     }
   },
   methods: {
+    handleShowTip(index) {
+      this.showTip = true
+      this.tipNum = index
+    },
     handleGoPage (url) {
       if (url.length) {
         window.location.href = url
@@ -914,7 +920,7 @@ let app = new Vue({
       option.legend.show = true
       option.tooltip = {
         trigger: 'axis',
-        formatter: '{a0}:{c0}' + '<br/>' + '{a1}:{c1}' + '%'
+        formatter: '{a0}:{c0}'+ '%' + '<br/>' + '{a1}:{c1}' + '%'
       }
       option.grid.right = '15%'
       option.yAxis = [
@@ -1406,14 +1412,17 @@ let app = new Vue({
       }
       option.title.text = '各四级企业全员绩效考核'
       // option.legend.data = ['劳动合同签约完成率', '目标值']
-      option.yAxis.push({
-        splitLine: {
-          show: false,
-        },
-        axisLine: {
-          show: false,
-        },
-      })
+      option.tooltip = {
+        trigger: 'axis',
+        formatter: '{a0}:{c0}' + '%'
+      }
+      option.yAxis[0].axisLabel = {
+        show: true,
+          formatter: '{value} %',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+      }
       myChart.setOption(option)
     },
     initChartR8 () {
@@ -1444,14 +1453,17 @@ let app = new Vue({
         ],
       }
       option.title.text = '各四级企业任期制契约化完成率'
-      option.yAxis.push({
-        splitLine: {
-          show: false,
-        },
-        axisLine: {
-          show: false,
-        },
-      })
+      option.tooltip = {
+        trigger: 'axis',
+        formatter: '{a0}:{c0}' + '%'
+      }
+      option.yAxis[0].axisLabel = {
+        show: true,
+          formatter: '{value} %',
+          textStyle: {
+            color: 'rgba(250,250,250,0.6)',
+          },
+      }
       myChart.setOption(option)
     },
   },