人力页面新增567

investment/investHomeGroup.html

@@ -325,7 +325,7 @@
               <span class="text">固定资产</span>
             </div>
             <div class="content top-lb">
-              <div v-for="(item,index) in titleList" :key="index"
+              <div v-for="(item,index) in titleList.slice(0,11)" :key="index"
                 class="topCard flex items-center justify-center flex-col  overflow-hidden">
                 <div class="flex items-center justify-center shrink-0"
                   :class="(item.type==1&&item.name)?'titleBackBlue':(item.type==2&&item.name)?'titleBackYellow':''">
@@ -344,20 +344,20 @@
             </div>
             <div class="content top-rb">
               <div class="topCard flex items-center justify-center flex-col  overflow-hidden">
-                <div class="flex items-center justify-center shrink-0 titleBackBlue"><span
-                    class="flex items-center justify-center" style="height:40%;width:33%;font-size: 30px;">前期准备</span>
+                <div class="flex items-center justify-center shrink-0" :class="(titleList[11].type==1)?'titleBackBlue':'titleBackYellow'"><span
+                    class="flex items-center justify-center" style="height:40%;width:33%;font-size: 30px;">{{titleList[12].name}}</span>
                 </div>
-                <span style="color:#1998FF;"><span style="font-size:40px;font-weight: bold;">17</span>个</span>
+                <span style="color:#1998FF;"><span style="font-size:40px;font-weight: bold;">{{titleList[12].number}}</span>个</span>
               </div>
               <div class="topCard flex items-center justify-center flex-col ">
-                <div class="flex items-center justify-center shrink-0 titleBackBlue">
+                <div class="flex items-center justify-center shrink-0">
                 </div>
               </div>
               <div class="topCard flex items-center justify-center flex-col ">
-                <div class="flex items-center justify-center shrink-0 titleBackBlue"><span
-                    class="flex items-center justify-center" style="height:40%;width:33%;font-size: 30px;">工商变更登记</span>
+                <div class="flex items-center justify-center shrink-0" :class="(titleList[13].type==1)?'titleBackBlue':'titleBackYellow'"><span
+                    class="flex items-center justify-center" style="height:40%;width:33%;font-size: 30px;">{{titleList[14].name}}</span>
                 </div>
-                <span style="color:#1998FF;"><span style="font-size:40px;font-weight: bold;">43</span>个</span>
+                <span style="color:#1998FF;"><span style="font-size:40px;font-weight: bold;">{{titleList[14].number}}</span>个</span>
               </div>
             </div>
           </div>

investment/js/investHomeGroup.js

@@ -2,6 +2,7 @@ let app = new Vue({
   el: '#app',
   data () {
     return {
+      yellowCount:0,
       echartR1Fd: true,
       echartR2Fd: true,
       echartR3Fd: true,
@@ -28,7 +29,11 @@ let app = new Vue({
         { name: '', type: 1, number: '' },
         { name: '验收', type: 2, number: '42' },
         { name: '', type: 1, number: '' },
-        { name: '结算', type: 1, number: '33' }
+        { name: '结算', type: 1, number: '33' },
+        { name: '', type: 1, number: '' },
+        { name: '前期准备', type: 1, number: '66' },
+        { name: '', type: 1, number: '' },
+        { name: '工商变更登记', type: 1, number: '77' }
       ],
       centerLeftList: [
         { name: '正偏差', value: '160', value2: '500' },
@@ -76,6 +81,7 @@ let app = new Vue({
     this.time = formatDate()
     this.timer = setInterval(() => {
       this.time = formatDate()
+      this.changeYellow()
     }, 1000)
   },
   beforeDestroy () {
@@ -110,10 +116,22 @@ let app = new Vue({
       this.initChartR3()
       this.initChartR4()
       this.initChartR5()
+      this.changeYellow()
       
     })
   },
   methods: {
+    changeYellow(){
+      this.titleList.forEach((item,index)=>{
+        this.$set(this.titleList[index],'type',1)
+      })
+      this.$set(this.titleList[this.yellowCount],'type',2)
+      if(this.yellowCount == 13){
+        this.yellowCount = 0
+      }else{
+        this.yellowCount++
+      }
+    },
     numFormat (value) {
       if (!value) return '0'
       // var intPart = Number(value).toFixed(0) // 获取整数部分
@@ -4128,7 +4146,7 @@ let app = new Vue({
             itemStyle: itemStyle,
             data: echart2[0],
             symbolSize: function (data) {
-              return Math.sqrt(data[1]) * 4;
+              return Math.sqrt(data[1]) * 9;
             },
           },
           {
@@ -4137,7 +4155,7 @@ let app = new Vue({
             itemStyle: itemStyle,
             data: echart2[1],
             symbolSize: function (data) {
-              return Math.sqrt(data[1]) * 4;
+              return Math.sqrt(data[1]) * 8;
             },
           },
           {
@@ -4146,7 +4164,7 @@ let app = new Vue({
             itemStyle: itemStyle,
             data: echart2[2],
             symbolSize: function (data) {
-              return Math.sqrt(data[1]) * 4;
+              return Math.sqrt(data[1]) * 7;
             },
           }
         ]
@@ -4361,7 +4379,7 @@ let app = new Vue({
       }
       myChart.setOption(option)
       tools.loopShowTooltip(myChart, option, {
-        interval: 2000,
+        interval: 8000,
         loopSeries: true,
       })
     },

investment/styles/investHomeGroup.css

@@ -549,10 +549,6 @@ div {
   gap: 10px;
   padding-bottom: 20px;
 }
-.RightBox .top-rb > .topCard:nth-child(odd) > div:first-child {
-  background: url('../images5/completed.png') no-repeat center;
-  background-size: 95% 95%;
-}
 .RightBox .top-lb > .topCard:nth-child(even) > div:first-child {
   background: url('../images5/completedDot.png') no-repeat center;
   background-size: 100% auto;

manpowerPort/index.html

@@ -140,11 +140,11 @@
                 </div>
                 <div class="flex">
                   <div class="alignCenter" @click.stop="handleTitleShow('ggqzbjgs.png')" style=" cursor: pointer;">
-                    <p style="color:#FBE139">{{centerData.changeInfo[0].value2}}</p>
+                    <p style="color:#FBE139">{{numFormat(centerData.changeInfo[0].value2)}}</p>
                     <p>改革前总部机构平均数</p>
                   </div>
                   <div class="alignCenter">
-                    <p style="color:#17AC76">{{centerData.changeInfo[0].value3}}</p>
+                    <p style="color:#17AC76">{{numFormat(centerData.changeInfo[0].value3)}}</p>
                     <p>改革后总部机构平均数
                     </p>
                   </div>

manpowerPort/index2.html

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

manpowerPort/index2JNKG.html

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

manpowerPort/index3.html

@@ -147,16 +147,16 @@
             </div>
             <div class="content flex" style="padding: 10px;">
               <div class="box-center">
-                <div class="t">
+                <div class="t alignCenter">
                   <p>{{centerData.changeInfo[0].value1}}<span>%</span></p>
                   <p>本部机构压缩率</p>
                 </div>
                 <div class="flex">
-                  <div>
+                  <div class="alignCenter">
                     <p style="color:#FBE139">{{numFormat(centerData.changeInfo[0].value2)}}</p>
                     <p>改革前本部机构平均数</p>
                   </div>
-                  <div>
+                  <div class="alignCenter">
                     <p style="color:#17AC76">{{numFormat(centerData.changeInfo[0].value3)}}</p>
                     <p>改革后本部机构平均数
                     </p>
@@ -180,16 +180,16 @@
                 </div>
               </div> -->
               <div class="box-center">
-                <div>
+                <div class="alignCenter">
                   <p>{{centerData.changeInfo[2].value1}}<span>%</span></p>
                   <p>在册职工压缩率</p>
                 </div>
                 <div class="flex">
-                  <div>
+                  <div class="alignCenter">
                     <p style="color:#FBE139">{{numFormat(centerData.changeInfo[2].value2)}}</p>
                     <p>改革前在册职工数</p>
                   </div>
-                  <div>
+                  <div class="alignCenter">
                     <p style="color:#17AC76"> {{numFormat(centerData.changeInfo[2].value3)}}<span></span></p>
                     <p>在册职工压缩数</p>
                   </div>

manpowerPort/index3MT.html

@@ -147,16 +147,16 @@
             </div>
             <div class="content flex" style="padding: 10px;">
               <div class="box-center">
-                <div class="t">
+                <div class="t alignCenter">
                   <p>{{centerData.changeInfo[0].value1}}<span>%</span></p>
                   <p>本部机构压缩率</p>
                 </div>
                 <div class="flex">
-                  <div>
+                  <div class="alignCenter">
                     <p style="color:#FBE139">{{numFormat(centerData.changeInfo[0].value2)}}</p>
                     <p>改革前本部机构平均数</p>
                   </div>
-                  <div>
+                  <div class="alignCenter">
                     <p style="color:#17AC76">{{numFormat(centerData.changeInfo[0].value3)}}</p>
                     <p>改革后本部机构平均数
                     </p>
@@ -180,16 +180,16 @@
                 </div>
               </div> -->
               <div class="box-center">
-                <div>
+                <div class="alignCenter">
                   <p>{{centerData.changeInfo[2].value1}}<span>%</span></p>
                   <p>在册职工压缩率</p>
                 </div>
                 <div class="flex">
-                  <div>
+                  <div class="alignCenter">
                     <p style="color:#FBE139">{{numFormat(centerData.changeInfo[2].value2)}}</p>
                     <p>改革前在册职工数</p>
                   </div>
-                  <div>
+                  <div class="alignCenter">
                     <p style="color:#17AC76"> {{numFormat(centerData.changeInfo[2].value3)}}<span></span></p>
                     <p>在册职工压缩数</p>
                   </div>

manpowerPort/index4.html

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

manpowerPort/index5.html

@@ -8,39 +8,38 @@
   <!-- 引入样式 -->
   <link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
   <link rel="stylesheet" href="./styles/normalize.css" />
-  <link rel="stylesheet" href="./styles/index5.css" />
+  <link rel="stylesheet" href="./styles/index.css" />
   <!-- 引入js -->
   <script src="./libs/vue@2.7.10.js"></script>
-  <!-- <script src="https://unpkg.com/@jiaminghi/data-view/dist/datav.min.vue.js"></script> -->
   <script src="./libs/echarts.min.js"></script>
   <script src="./libs/datav.min.js"></script>
   <script src="./libs/element-ui@2.15.9.js"></script>
   <script src="./libs/axios.min.js"></script>
   <script src="./libs/lodash.min.js"></script>
   <script src="./js/request.js"></script>
-  <script src="./js/data.js"></script>
-  <script src="./js/zhb.js"></script>
-  <script src="./js/li.js"></script>
-  <script src="./js/fjx.js"></script>
+  <script src="./js/data4.js"></script>
   <script src="./libs/echarts-tooltip-carousel.js"></script>
+  <script src="./js/fjx.js"></script>
 </head>
 
 <body>
   <div id="app" v-cloak @click="showTipClose">
-    <header class="my-header">
-      <span>国有资本数智化平台人力资源系统</span>
+    <header class="my-header" >
+      <span class="left" @click="handleGoBack"><img style="width: 70px;height: 70px;" src="./images/back.png"></img>
+      </span>
+      <!--  -->
+      <span class="left2" @click="handleGoIndex">返回首页</img>
+      </span>
+      <span>{{titleName}}</span>
       <span class="right">{{time}}</span>
     </header>
     <div class="main">
       <div class="left">
         <dv-border-box-8 :dur="10" style="flex: 1;">
           <div class="my-panel">
-            <div class="panel-title flex-between ">
+            <div class="panel-title flex-between">
               <span class="text">定机构</span>
-              <div>
-                <span class="tip-window" @click.stop="handleShowTip(0,'focus')">关注重点</span>
-                <span class="tip-window" @click.stop="handleShowTip(0,'analysis')">智能分析</span>
-              </div>
+              <span class="tip-window" @click.stop="handleShowTip(0)">智能分析</span>
             </div>
             <div class="content flex">
               <div ref="echartL1" style="flex: 1;height: 100%;"></div>
@@ -52,17 +51,11 @@
           <div class="my-panel">
             <div class="panel-title flex-between">
               <span class="text">定职数</span>
-              <div>
-                <span class="tip-window" @click.stop="handleShowTip(1,'focus')">关注重点</span>
-                <span class="tip-window" @click.stop="handleShowTip(1,'analysis')">智能分析</span>
-              </div>
+              <span class="tip-window" @click.stop="handleShowTip(2)">智能分析</span>
             </div>
             <div class="content flex">
-              <!-- <div ref="echartL3" style="flex: 1;height: 100%;"></div> -->
-              <div style="flex: 1;height: 100%; position: relative;">
-                <div ref="echartL4" style="height: 100%; width: 100%;"></div>
-                <div class="icon" @click.stop="handleShowTip2(0)">?</div>
-              </div>
+              <div ref="echartL3" style="flex: 1;height: 100%;"></div>
+              <!-- <div ref="echartL4" style="flex: 1;height: 100%;"></div> -->
             </div>
           </div>
         </dv-border-box-8>
@@ -70,22 +63,19 @@
           <div class="my-panel">
             <div class="panel-title flex-between">
               <span class="text">定员额</span>
-              <div>
-                <span class="tip-window" @click.stop="handleShowTip(2,'focus')">关注重点</span>
-                <span class="tip-window" @click.stop="handleShowTip(2,'analysis')">智能分析</span>
-              </div>
+              <span class="tip-window" @click.stop="handleShowTip(1)">智能分析</span>
             </div>
             <div class="content">
               <!-- <div ref="echartL5" style="flex: 0 0 49.9%;height: 50%;"></div> -->
-              <!-- <div ref="echartL6" style="flex: 0 0 49.9%;height: 50%;"></div> -->
+              <div ref="echartL6" style="height: 100%;width: 100%;"></div>
               <!-- <div ref="echartL7" style="flex: 0 0 49.9%;height: 50%;"></div> -->
-              <div ref="echartL8" style="height: 100%;"></div>
+              <!-- <div ref="echartL8" style="flex: 0 0 49.9%;height: 50%;"></div> -->
             </div>
           </div>
         </dv-border-box-8>
       </div>
       <div class="center">
-        <div class="top" v-if="centerData">
+        <!-- <div class="top" v-if="centerData">
           <div class="box">
             <img src="./images/center-top1.png" />
             <div>
@@ -107,6 +97,49 @@
               <p><i style="color: #69C0FF">{{numFormat(centerData.info.value3)}}</i></p>
             </div>
           </div>
+        </div> -->
+        <div class="top" v-if="centerData">
+          <div class="box">
+            <div>
+              <span class="tip-window2" @click.stop="handleShowTip(0,'topThree')">创新的建设模式</span>
+            </div>
+            <div class="box-content">
+              <img src="./images/center-top1.png" />
+              <div>
+                <p>架构数</p>
+                <p><i style="color: #45DAD1">{{numFormat(centerData.info.value1)}}</i></p>
+              </div>
+            </div>
+
+          </div>
+
+          <div class="box">
+            <div>
+              <span class="tip-window2" @click.stop="handleShowTip(1,'topThree')">穿透的全局监测</span>
+            </div>
+
+            <div class="box-content">
+              <img src="./images/center-top2.png" />
+              <div>
+                <p>岗位数</p>
+                <p><i style="color: #8BA2FF">{{numFormat(centerData.info.value2)}}</i></p>
+              </div>
+            </div>
+
+          </div>
+          <div class="box">
+            <div>
+              <span class="tip-window2" @click.stop="handleShowTip(2,'topThree')">领先的数智平台</span>
+            </div>
+            <div class="box-content">
+              <img src="./images/center-top3.png" style=" cursor: pointer;"
+                @click.stop="handleShowTip(0,'totlePeople')" />
+              <div>
+                <p>总人数</p>
+                <p><i style="color: #69C0FF">{{numFormat(centerData.info.value3)}}</i></p>
+              </div>
+            </div>
+          </div>
         </div>
         <dv-border-box-8 :dur="10">
           <div class="my-panel" v-if="centerData">
@@ -115,23 +148,23 @@
             </div>
             <div class="content flex" style="padding: 10px;">
               <div class="box-center">
-                <div class="t">
+                <div class="t alignCenter">
                   <p>{{centerData.changeInfo[0].value1}}<span>%</span></p>
-                  <p>总部机构压缩率</p>
+                  <p>本部机构压缩率</p>
                 </div>
                 <div class="flex">
-                  <div>
-                    <p style="color:#FBE139">{{centerData.changeInfo[0].value2}}</p>
-                    <p>改革前总部机构平均数</p>
+                  <div class="alignCenter">
+                    <p style="color:#FBE139">{{numFormat(centerData.changeInfo[0].value2)}}</p>
+                    <p>改革前本部机构平均数</p>
                   </div>
-                  <div>
-                    <p style="color:#17AC76">{{centerData.changeInfo[0].value3}}</p>
-                    <p>改革后总部机构平均数
+                  <div class="alignCenter">
+                    <p style="color:#17AC76">{{numFormat(centerData.changeInfo[0].value3)}}</p>
+                    <p>改革后本部机构平均数
                     </p>
                   </div>
                 </div>
               </div>
-              <div class="box-center">
+              <!-- <div class="box-center">
                 <div class="t">
                   <p>{{centerData.changeInfo[1].value1}}<span>%</span></p>
                   <p>中层管理人数压缩率</p>
@@ -146,23 +179,39 @@
                     <p>改革后中层管理人数</p>
                   </div>
                 </div>
-              </div>
+              </div> -->
               <div class="box-center">
-                <div>
+                <div class="alignCenter">
                   <p>{{centerData.changeInfo[2].value1}}<span>%</span></p>
                   <p>在册职工压缩率</p>
                 </div>
                 <div class="flex">
-                  <div>
+                  <div class="alignCenter">
                     <p style="color:#FBE139">{{numFormat(centerData.changeInfo[2].value2)}}</p>
                     <p>改革前在册职工数</p>
                   </div>
-                  <div>
-                    <p style="color:#17AC76">{{centerData.changeInfo[2].value3}}<span>万</span></p>
+                  <div class="alignCenter">
+                    <p style="color:#17AC76">{{numFormat(centerData.changeInfo[2].value3)}}<span></span></p>
                     <p>在册职工压缩数</p>
                   </div>
                 </div>
               </div>
+              <div class="box-center">
+                <div class="t alignCenter">
+                  <p>{{centerData.changeInfo[1].value1}}<span>%</span></p>
+                  <p>在岗职工薪酬增长率</p>
+                </div>
+                <div class="flex">
+                  <div class="alignCenter" @click.stop="handleTitleShow('ggqzgzgpjxc.png')" style=" cursor: pointer;">
+                    <p style="color:#FBE139">{{numFormat(centerData.changeInfo[1].value2)}}<span>万元</span></p>
+                    <p>改革前在岗职工平均薪酬</p>
+                  </div>
+                  <div class="alignCenter">
+                    <p style="color:#17AC76">{{numFormat(centerData.changeInfo[1].value3)}}<span>万元</span></p>
+                    <p>改革后在岗职工平均薪酬</p>
+                  </div>
+                </div>
+              </div>
             </div>
           </div>
         </dv-border-box-8>
@@ -170,18 +219,10 @@
           <div class="my-panel">
             <div class="panel-title flex-between">
               <span class="text">核心指标监测</span>
-              <div>
-                <span class="tip-window" @click.stop="handleShowTip(3,'focus')">关注重点</span>
-                <span class="tip-window" @click.stop="handleShowTip(3,'analysis')">智能分析</span>
-              </div>
-
-
+              <span class="tip-window" @click.stop="handleShowTip(3)">智能分析</span>
             </div>
             <div class="content flex">
-              <div style="flex: 1;height: 100%; position: relative;">
-                <div ref="echartC1" style="flex: 1;height: 100%;"></div>
-                <div class="icon" @click.stop="handleShowTip2(1)">?</div>
-              </div>
+              <div ref="echartC1" style="flex: 1;height: 100%;"></div>
               <div ref="echartC2" style="flex: 1;height: 100%;"></div>
             </div>
           </div>
@@ -196,10 +237,10 @@
                 <p class="s-title main-color">工作台分析</p>
                 <dv-scroll-board :config="storageRecordConfig" class="content" />
               </div>
-              <div class="flex1">
+              <!-- <div class="flex1">
                 <p class="s-title main-color">数据库预警</p>
                 <dv-scroll-board :config="storageRecordConfig2" class="content" />
-              </div>
+              </div> -->
             </div>
           </div>
         </dv-border-box-8>
@@ -210,17 +251,13 @@
           <div class="my-panel">
             <div class="panel-title flex-between">
               <span class="text">定机制</span>
-              <div>
-                <span class="tip-window" @click.stop="handleShowTip(4,'focus')">关注重点</span>
-                <span class="tip-window" @click.stop="handleShowTip(4,'analysis')">智能分析</span>
-              </div>
-
+              <span class="tip-window" @click.stop="handleShowTip(4)">智能分析</span>
             </div>
             <div class="content">
               <!-- <div ref="echartR1" style="flex: 0 0 49.9%;height: 50%;"></div> -->
               <!-- <div ref="echartR2" style="flex: 0 0 49.9%;height: 50%;"></div> -->
               <!-- <div ref="echartR3" style="flex: 0 0 49.9%;height: 50%;"></div> -->
-              <div ref="echartR4" style="width:100;height: 100%;"></div>
+              <div ref="echartR4" style="height: 100%;width: 100%;"></div>
             </div>
           </div>
         </dv-border-box-8>
@@ -228,11 +265,7 @@
           <div class="my-panel">
             <div class="panel-title flex-between">
               <span class="text">定薪酬</span>
-              <div>
-                <span class="tip-window" @click.stop="handleShowTip(5,'focus')">关注重点</span>
-                <span class="tip-window" @click.stop="handleShowTip(5,'analysis')">智能分析</span>
-              </div>
-
+              <span class="tip-window" @click.stop="handleShowTip(5)">智能分析</span>
             </div>
             <div class="content flex">
               <div ref="echartR5" style="flex: 1;height: 100%;"></div>
@@ -244,10 +277,7 @@
           <div class="my-panel">
             <div class="panel-title flex-between">
               <span class="text">定任期</span>
-              <div>
-                <span class="tip-window" @click.stop="handleShowTip(6,'focus')">关注重点</span>
-                <span class="tip-window" @click.stop="handleShowTip(6,'analysis')">智能分析</span>
-              </div>
+              <span class="tip-window" @click.stop="handleShowTip(6)">智能分析</span>
             </div>
             <div class="content flex">
               <div ref="echartR7" style="flex: 1;height: 100%;"></div>
@@ -258,36 +288,26 @@
       </div>
     </div>
     <div class="footer">
-      <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>
+      <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 && tipNum != 3">
+    <div class="tip" @click="showTip = false" v-if="showTip">
       <div class="tip-box">
         <div class="tip-content">
           <div class="btm10" v-for="(item,index) in tipData[tipNum]" :key="index"> {{item}}</div>
         </div>
-      </div>
-    </div>
-    <!-- 问号弹窗 -->
-    <div class="tip" @click="showTip2 = false" v-if="showTip2">
-      <div class="tip-box" style="left:calc( 50% + 1300px )">
-        <div class="tip-content">
-          <div class="btm10" v-for="(item,index) in tipData2[tipNum]" :key="index"> {{item}}</div>
-        </div>
-      </div>
-    </div>
-    <!-- 核心指标监测专属 -->
-    <div class="tip" @click="showTip = false" v-if="showTip && tipNum == 3">
-      <div class="tip-box" style="left:calc( 50% + 1300px )">
-        <div class="tip-content">
-          <div class="btm10" v-for="(item,index) in tipData[tipNum]" :key="index"> {{item}}</div>
-        </div>
+        <!-- <div class="btm20">全员劳动生产率从去年前的人均XX万元提升到XX万元；在岗职工平均工资从去年前的人均XX万元提升到XX万元。</div>
+        <div>打破工资“大锅饭”，所有盈利企业工资增幅不高于利润增幅。实行薪酬“双挂钩”，省属企业负责人绩效年薪与经营业绩考核结果挂钩后，还要与企业经济效益挂钩。</div> -->
       </div>
     </div>
   </div>
-
-
   <script src="./js/index5.js"></script>
 </body>
 

manpowerPort/index6.html

@@ -0,0 +1,314 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <!-- 引入样式 -->
+  <link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
+  <link rel="stylesheet" href="./styles/normalize.css" />
+  <link rel="stylesheet" href="./styles/index.css" />
+  <!-- 引入js -->
+  <script src="./libs/vue@2.7.10.js"></script>
+  <script src="./libs/echarts.min.js"></script>
+  <script src="./libs/datav.min.js"></script>
+  <script src="./libs/element-ui@2.15.9.js"></script>
+  <script src="./libs/axios.min.js"></script>
+  <script src="./libs/lodash.min.js"></script>
+  <script src="./js/request.js"></script>
+  <script src="./js/data4.js"></script>
+  <script src="./libs/echarts-tooltip-carousel.js"></script>
+  <script src="./js/fjx.js"></script>
+</head>
+
+<body>
+  <div id="app" v-cloak @click="showTipClose">
+    <header class="my-header" >
+      <span class="left" @click="handleGoBack"><img style="width: 70px;height: 70px;" src="./images/back.png"></img>
+      </span>
+      <!--  -->
+      <span class="left2" @click="handleGoIndex">返回首页</img>
+      </span>
+      <span>{{titleName}}</span>
+      <span class="right">{{time}}</span>
+    </header>
+    <div class="main">
+      <div class="left">
+        <dv-border-box-8 :dur="10" style="flex: 1;">
+          <div class="my-panel">
+            <div class="panel-title flex-between">
+              <span class="text">定机构</span>
+              <span class="tip-window" @click.stop="handleShowTip(0)">智能分析</span>
+            </div>
+            <div class="content flex">
+              <div ref="echartL1" style="flex: 1;height: 100%;"></div>
+              <!-- <div ref="echartL2" style="flex: 1;height: 100%;"></div> -->
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="11" style="flex: 1;">
+          <div class="my-panel">
+            <div class="panel-title flex-between">
+              <span class="text">定职数</span>
+              <span class="tip-window" @click.stop="handleShowTip(2)">智能分析</span>
+            </div>
+            <div class="content flex">
+              <div ref="echartL3" style="flex: 1;height: 100%;"></div>
+              <!-- <div ref="echartL4" style="flex: 1;height: 100%;"></div> -->
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="12" style="flex: 1;">
+          <div class="my-panel">
+            <div class="panel-title flex-between">
+              <span class="text">定员额</span>
+              <span class="tip-window" @click.stop="handleShowTip(1)">智能分析</span>
+            </div>
+            <div class="content">
+              <!-- <div ref="echartL5" style="flex: 0 0 49.9%;height: 50%;"></div> -->
+              <div ref="echartL6" style="height: 100%;width: 100%;"></div>
+              <!-- <div ref="echartL7" style="flex: 0 0 49.9%;height: 50%;"></div> -->
+              <!-- <div ref="echartL8" style="flex: 0 0 49.9%;height: 50%;"></div> -->
+            </div>
+          </div>
+        </dv-border-box-8>
+      </div>
+      <div class="center">
+        <!-- <div class="top" v-if="centerData">
+          <div class="box">
+            <img src="./images/center-top1.png" />
+            <div>
+              <p>架构数</p>
+              <p><i style="color: #45DAD1">{{numFormat(centerData.info.value1)}}</i></p>
+            </div>
+          </div>
+          <div class="box">
+            <img src="./images/center-top2.png" />
+            <div>
+              <p>岗位数</p>
+              <p><i style="color: #8BA2FF">{{numFormat(centerData.info.value2)}}</i></p>
+            </div>
+          </div>
+          <div class="box">
+            <img src="./images/center-top3.png" />
+            <div>
+              <p>总人数</p>
+              <p><i style="color: #69C0FF">{{numFormat(centerData.info.value3)}}</i></p>
+            </div>
+          </div>
+        </div> -->
+        <div class="top" v-if="centerData">
+          <div class="box">
+            <div>
+              <span class="tip-window2" @click.stop="handleShowTip(0,'topThree')">创新的建设模式</span>
+            </div>
+            <div class="box-content">
+              <img src="./images/center-top1.png" />
+              <div>
+                <p>架构数</p>
+                <p><i style="color: #45DAD1">{{numFormat(centerData.info.value1)}}</i></p>
+              </div>
+            </div>
+
+          </div>
+
+          <div class="box">
+            <div>
+              <span class="tip-window2" @click.stop="handleShowTip(1,'topThree')">穿透的全局监测</span>
+            </div>
+
+            <div class="box-content">
+              <img src="./images/center-top2.png" />
+              <div>
+                <p>岗位数</p>
+                <p><i style="color: #8BA2FF">{{numFormat(centerData.info.value2)}}</i></p>
+              </div>
+            </div>
+
+          </div>
+          <div class="box">
+            <div>
+              <span class="tip-window2" @click.stop="handleShowTip(2,'topThree')">领先的数智平台</span>
+            </div>
+            <div class="box-content">
+              <img src="./images/center-top3.png" style=" cursor: pointer;"
+                @click.stop="handleShowTip(0,'totlePeople')" />
+              <div>
+                <p>总人数</p>
+                <p><i style="color: #69C0FF">{{numFormat(centerData.info.value3)}}</i></p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <dv-border-box-8 :dur="10">
+          <div class="my-panel" v-if="centerData">
+            <div class="panel-title">
+              <span class="text">六定改革成效</span>
+            </div>
+            <div class="content flex" style="padding: 10px;">
+              <div class="box-center">
+                <div class="t alignCenter">
+                  <p>{{centerData.changeInfo[0].value1}}<span>%</span></p>
+                  <p>本部机构压缩率</p>
+                </div>
+                <div class="flex">
+                  <div class="alignCenter">
+                    <p style="color:#FBE139">{{numFormat(centerData.changeInfo[0].value2)}}</p>
+                    <p>改革前本部机构平均数</p>
+                  </div>
+                  <div class="alignCenter">
+                    <p style="color:#17AC76">{{numFormat(centerData.changeInfo[0].value3)}}</p>
+                    <p>改革后本部机构平均数
+                    </p>
+                  </div>
+                </div>
+              </div>
+              <!-- <div class="box-center">
+                <div class="t">
+                  <p>{{centerData.changeInfo[1].value1}}<span>%</span></p>
+                  <p>中层管理人数压缩率</p>
+                </div>
+                <div class="flex">
+                  <div>
+                    <p style="color:#FBE139">{{numFormat(centerData.changeInfo[1].value2)}}</p>
+                    <p>改革前中层管理人数</p>
+                  </div>
+                  <div>
+                    <p style="color:#17AC76">{{numFormat(centerData.changeInfo[1].value3)}}</p>
+                    <p>改革后中层管理人数</p>
+                  </div>
+                </div>
+              </div> -->
+              <div class="box-center">
+                <div class="alignCenter">
+                  <p>{{centerData.changeInfo[2].value1}}<span>%</span></p>
+                  <p>在册职工压缩率</p>
+                </div>
+                <div class="flex">
+                  <div class="alignCenter">
+                    <p style="color:#FBE139">{{numFormat(centerData.changeInfo[2].value2)}}</p>
+                    <p>改革前在册职工数</p>
+                  </div>
+                  <div class="alignCenter">
+                    <p style="color:#17AC76">{{numFormat(centerData.changeInfo[2].value3)}}<span></span></p>
+                    <p>在册职工压缩数</p>
+                  </div>
+                </div>
+              </div>
+              <div class="box-center">
+                <div class="t alignCenter">
+                  <p>{{centerData.changeInfo[1].value1}}<span>%</span></p>
+                  <p>在岗职工薪酬增长率</p>
+                </div>
+                <div class="flex">
+                  <div class="alignCenter" @click.stop="handleTitleShow('ggqzgzgpjxc.png')" style=" cursor: pointer;">
+                    <p style="color:#FBE139">{{numFormat(centerData.changeInfo[1].value2)}}<span>万元</span></p>
+                    <p>改革前在岗职工平均薪酬</p>
+                  </div>
+                  <div class="alignCenter">
+                    <p style="color:#17AC76">{{numFormat(centerData.changeInfo[1].value3)}}<span>万元</span></p>
+                    <p>改革后在岗职工平均薪酬</p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="10">
+          <div class="my-panel">
+            <div class="panel-title flex-between">
+              <span class="text">核心指标监测</span>
+              <span class="tip-window" @click.stop="handleShowTip(3)">智能分析</span>
+            </div>
+            <div class="content flex">
+              <div ref="echartC1" style="flex: 1;height: 100%;"></div>
+              <div ref="echartC2" style="flex: 1;height: 100%;"></div>
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="10">
+          <div class="my-panel">
+            <div class="panel-title">
+              <span class="text">分析预警中心</span>
+            </div>
+            <div class="content yujing">
+              <div class="flex1">
+                <p class="s-title main-color">工作台分析</p>
+                <dv-scroll-board :config="storageRecordConfig" class="content" />
+              </div>
+              <!-- <div class="flex1">
+                <p class="s-title main-color">数据库预警</p>
+                <dv-scroll-board :config="storageRecordConfig2" class="content" />
+              </div> -->
+            </div>
+          </div>
+        </dv-border-box-8>
+
+      </div>
+      <div class="right">
+        <dv-border-box-8 :dur="10" style="flex: 1">
+          <div class="my-panel">
+            <div class="panel-title flex-between">
+              <span class="text">定机制</span>
+              <span class="tip-window" @click.stop="handleShowTip(4)">智能分析</span>
+            </div>
+            <div class="content">
+              <!-- <div ref="echartR1" style="flex: 0 0 49.9%;height: 50%;"></div> -->
+              <!-- <div ref="echartR2" style="flex: 0 0 49.9%;height: 50%;"></div> -->
+              <!-- <div ref="echartR3" style="flex: 0 0 49.9%;height: 50%;"></div> -->
+              <div ref="echartR4" style="height: 100%;width: 100%;"></div>
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="11" style="flex: 1">
+          <div class="my-panel">
+            <div class="panel-title flex-between">
+              <span class="text">定薪酬</span>
+              <span class="tip-window" @click.stop="handleShowTip(5)">智能分析</span>
+            </div>
+            <div class="content flex">
+              <div ref="echartR5" style="flex: 1;height: 100%;"></div>
+              <!-- <div ref="echartR6" style="flex: 1;height: 100%;"></div> -->
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="12" style="flex: 1">
+          <div class="my-panel">
+            <div class="panel-title flex-between">
+              <span class="text">定任期</span>
+              <span class="tip-window" @click.stop="handleShowTip(6)">智能分析</span>
+            </div>
+            <div class="content flex">
+              <div ref="echartR7" style="flex: 1;height: 100%;"></div>
+              <!-- <div ref="echartR8" style="flex: 1;height: 100%;"></div> -->
+            </div>
+          </div>
+        </dv-border-box-8>
+      </div>
+    </div>
+    <div class="footer">
+      <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">
+          <div class="btm10" v-for="(item,index) in tipData[tipNum]" :key="index"> {{item}}</div>
+        </div>
+        <!-- <div class="btm20">全员劳动生产率从去年前的人均XX万元提升到XX万元；在岗职工平均工资从去年前的人均XX万元提升到XX万元。</div>
+        <div>打破工资“大锅饭”，所有盈利企业工资增幅不高于利润增幅。实行薪酬“双挂钩”，省属企业负责人绩效年薪与经营业绩考核结果挂钩后，还要与企业经济效益挂钩。</div> -->
+      </div>
+    </div>
+  </div>
+  <script src="./js/index6.js"></script>
+</body>
+
+</html>

manpowerPort/index7.html

@@ -0,0 +1,314 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <!-- 引入样式 -->
+  <link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
+  <link rel="stylesheet" href="./styles/normalize.css" />
+  <link rel="stylesheet" href="./styles/index.css" />
+  <!-- 引入js -->
+  <script src="./libs/vue@2.7.10.js"></script>
+  <script src="./libs/echarts.min.js"></script>
+  <script src="./libs/datav.min.js"></script>
+  <script src="./libs/element-ui@2.15.9.js"></script>
+  <script src="./libs/axios.min.js"></script>
+  <script src="./libs/lodash.min.js"></script>
+  <script src="./js/request.js"></script>
+  <script src="./js/data4.js"></script>
+  <script src="./libs/echarts-tooltip-carousel.js"></script>
+  <script src="./js/fjx.js"></script>
+</head>
+
+<body>
+  <div id="app" v-cloak @click="showTipClose">
+    <header class="my-header" >
+      <span class="left" @click="handleGoBack"><img style="width: 70px;height: 70px;" src="./images/back.png"></img>
+      </span>
+      <!--  -->
+      <span class="left2" @click="handleGoIndex">返回首页</img>
+      </span>
+      <span>{{titleName}}</span>
+      <span class="right">{{time}}</span>
+    </header>
+    <div class="main">
+      <div class="left">
+        <dv-border-box-8 :dur="10" style="flex: 1;">
+          <div class="my-panel">
+            <div class="panel-title flex-between">
+              <span class="text">定机构</span>
+              <span class="tip-window" @click.stop="handleShowTip(0)">智能分析</span>
+            </div>
+            <div class="content flex">
+              <div ref="echartL1" style="flex: 1;height: 100%;"></div>
+              <!-- <div ref="echartL2" style="flex: 1;height: 100%;"></div> -->
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="11" style="flex: 1;">
+          <div class="my-panel">
+            <div class="panel-title flex-between">
+              <span class="text">定职数</span>
+              <span class="tip-window" @click.stop="handleShowTip(2)">智能分析</span>
+            </div>
+            <div class="content flex">
+              <div ref="echartL3" style="flex: 1;height: 100%;"></div>
+              <!-- <div ref="echartL4" style="flex: 1;height: 100%;"></div> -->
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="12" style="flex: 1;">
+          <div class="my-panel">
+            <div class="panel-title flex-between">
+              <span class="text">定员额</span>
+              <span class="tip-window" @click.stop="handleShowTip(1)">智能分析</span>
+            </div>
+            <div class="content">
+              <!-- <div ref="echartL5" style="flex: 0 0 49.9%;height: 50%;"></div> -->
+              <div ref="echartL6" style="height: 100%;width: 100%;"></div>
+              <!-- <div ref="echartL7" style="flex: 0 0 49.9%;height: 50%;"></div> -->
+              <!-- <div ref="echartL8" style="flex: 0 0 49.9%;height: 50%;"></div> -->
+            </div>
+          </div>
+        </dv-border-box-8>
+      </div>
+      <div class="center">
+        <!-- <div class="top" v-if="centerData">
+          <div class="box">
+            <img src="./images/center-top1.png" />
+            <div>
+              <p>架构数</p>
+              <p><i style="color: #45DAD1">{{numFormat(centerData.info.value1)}}</i></p>
+            </div>
+          </div>
+          <div class="box">
+            <img src="./images/center-top2.png" />
+            <div>
+              <p>岗位数</p>
+              <p><i style="color: #8BA2FF">{{numFormat(centerData.info.value2)}}</i></p>
+            </div>
+          </div>
+          <div class="box">
+            <img src="./images/center-top3.png" />
+            <div>
+              <p>总人数</p>
+              <p><i style="color: #69C0FF">{{numFormat(centerData.info.value3)}}</i></p>
+            </div>
+          </div>
+        </div> -->
+        <div class="top" v-if="centerData">
+          <div class="box">
+            <div>
+              <span class="tip-window2" @click.stop="handleShowTip(0,'topThree')">创新的建设模式</span>
+            </div>
+            <div class="box-content">
+              <img src="./images/center-top1.png" />
+              <div>
+                <p>架构数</p>
+                <p><i style="color: #45DAD1">{{numFormat(centerData.info.value1)}}</i></p>
+              </div>
+            </div>
+
+          </div>
+
+          <div class="box">
+            <div>
+              <span class="tip-window2" @click.stop="handleShowTip(1,'topThree')">穿透的全局监测</span>
+            </div>
+
+            <div class="box-content">
+              <img src="./images/center-top2.png" />
+              <div>
+                <p>岗位数</p>
+                <p><i style="color: #8BA2FF">{{numFormat(centerData.info.value2)}}</i></p>
+              </div>
+            </div>
+
+          </div>
+          <div class="box">
+            <div>
+              <span class="tip-window2" @click.stop="handleShowTip(2,'topThree')">领先的数智平台</span>
+            </div>
+            <div class="box-content">
+              <img src="./images/center-top3.png" style=" cursor: pointer;"
+                @click.stop="handleShowTip(0,'totlePeople')" />
+              <div>
+                <p>总人数</p>
+                <p><i style="color: #69C0FF">{{numFormat(centerData.info.value3)}}</i></p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <dv-border-box-8 :dur="10">
+          <div class="my-panel" v-if="centerData">
+            <div class="panel-title">
+              <span class="text">六定改革成效</span>
+            </div>
+            <div class="content flex" style="padding: 10px;">
+              <div class="box-center">
+                <div class="t alignCenter">
+                  <p>{{centerData.changeInfo[0].value1}}<span>%</span></p>
+                  <p>本部机构压缩率</p>
+                </div>
+                <div class="flex">
+                  <div class="alignCenter">
+                    <p style="color:#FBE139">{{numFormat(centerData.changeInfo[0].value2)}}</p>
+                    <p>改革前本部机构平均数</p>
+                  </div>
+                  <div class="alignCenter">
+                    <p style="color:#17AC76">{{numFormat(centerData.changeInfo[0].value3)}}</p>
+                    <p>改革后本部机构平均数
+                    </p>
+                  </div>
+                </div>
+              </div>
+              <!-- <div class="box-center">
+                <div class="t">
+                  <p>{{centerData.changeInfo[1].value1}}<span>%</span></p>
+                  <p>中层管理人数压缩率</p>
+                </div>
+                <div class="flex">
+                  <div>
+                    <p style="color:#FBE139">{{numFormat(centerData.changeInfo[1].value2)}}</p>
+                    <p>改革前中层管理人数</p>
+                  </div>
+                  <div>
+                    <p style="color:#17AC76">{{numFormat(centerData.changeInfo[1].value3)}}</p>
+                    <p>改革后中层管理人数</p>
+                  </div>
+                </div>
+              </div> -->
+              <div class="box-center">
+                <div class="alignCenter">
+                  <p>{{centerData.changeInfo[2].value1}}<span>%</span></p>
+                  <p>在册职工压缩率</p>
+                </div>
+                <div class="flex">
+                  <div class="alignCenter">
+                    <p style="color:#FBE139">{{numFormat(centerData.changeInfo[2].value2)}}</p>
+                    <p>改革前在册职工数</p>
+                  </div>
+                  <div class="alignCenter">
+                    <p style="color:#17AC76">{{numFormat(centerData.changeInfo[2].value3)}}<span></span></p>
+                    <p>在册职工压缩数</p>
+                  </div>
+                </div>
+              </div>
+              <div class="box-center">
+                <div class="t alignCenter">
+                  <p>{{centerData.changeInfo[1].value1}}<span>%</span></p>
+                  <p>在岗职工薪酬增长率</p>
+                </div>
+                <div class="flex">
+                  <div class="alignCenter" @click.stop="handleTitleShow('ggqzgzgpjxc.png')" style=" cursor: pointer;">
+                    <p style="color:#FBE139">{{numFormat(centerData.changeInfo[1].value2)}}<span>万元</span></p>
+                    <p>改革前在岗职工平均薪酬</p>
+                  </div>
+                  <div class="alignCenter">
+                    <p style="color:#17AC76">{{numFormat(centerData.changeInfo[1].value3)}}<span>万元</span></p>
+                    <p>改革后在岗职工平均薪酬</p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="10">
+          <div class="my-panel">
+            <div class="panel-title flex-between">
+              <span class="text">核心指标监测</span>
+              <span class="tip-window" @click.stop="handleShowTip(3)">智能分析</span>
+            </div>
+            <div class="content flex">
+              <div ref="echartC1" style="flex: 1;height: 100%;"></div>
+              <div ref="echartC2" style="flex: 1;height: 100%;"></div>
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="10">
+          <div class="my-panel">
+            <div class="panel-title">
+              <span class="text">分析预警中心</span>
+            </div>
+            <div class="content yujing">
+              <div class="flex1">
+                <p class="s-title main-color">工作台分析</p>
+                <dv-scroll-board :config="storageRecordConfig" class="content" />
+              </div>
+              <!-- <div class="flex1">
+                <p class="s-title main-color">数据库预警</p>
+                <dv-scroll-board :config="storageRecordConfig2" class="content" />
+              </div> -->
+            </div>
+          </div>
+        </dv-border-box-8>
+
+      </div>
+      <div class="right">
+        <dv-border-box-8 :dur="10" style="flex: 1">
+          <div class="my-panel">
+            <div class="panel-title flex-between">
+              <span class="text">定机制</span>
+              <span class="tip-window" @click.stop="handleShowTip(4)">智能分析</span>
+            </div>
+            <div class="content">
+              <!-- <div ref="echartR1" style="flex: 0 0 49.9%;height: 50%;"></div> -->
+              <!-- <div ref="echartR2" style="flex: 0 0 49.9%;height: 50%;"></div> -->
+              <!-- <div ref="echartR3" style="flex: 0 0 49.9%;height: 50%;"></div> -->
+              <div ref="echartR4" style="height: 100%;width: 100%;"></div>
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="11" style="flex: 1">
+          <div class="my-panel">
+            <div class="panel-title flex-between">
+              <span class="text">定薪酬</span>
+              <span class="tip-window" @click.stop="handleShowTip(5)">智能分析</span>
+            </div>
+            <div class="content flex">
+              <div ref="echartR5" style="flex: 1;height: 100%;"></div>
+              <!-- <div ref="echartR6" style="flex: 1;height: 100%;"></div> -->
+            </div>
+          </div>
+        </dv-border-box-8>
+        <dv-border-box-8 :dur="12" style="flex: 1">
+          <div class="my-panel">
+            <div class="panel-title flex-between">
+              <span class="text">定任期</span>
+              <span class="tip-window" @click.stop="handleShowTip(6)">智能分析</span>
+            </div>
+            <div class="content flex">
+              <div ref="echartR7" style="flex: 1;height: 100%;"></div>
+              <!-- <div ref="echartR8" style="flex: 1;height: 100%;"></div> -->
+            </div>
+          </div>
+        </dv-border-box-8>
+      </div>
+    </div>
+    <div class="footer">
+      <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">
+          <div class="btm10" v-for="(item,index) in tipData[tipNum]" :key="index"> {{item}}</div>
+        </div>
+        <!-- <div class="btm20">全员劳动生产率从去年前的人均XX万元提升到XX万元；在岗职工平均工资从去年前的人均XX万元提升到XX万元。</div>
+        <div>打破工资“大锅饭”，所有盈利企业工资增幅不高于利润增幅。实行薪酬“双挂钩”，省属企业负责人绩效年薪与经营业绩考核结果挂钩后，还要与企业经济效益挂钩。</div> -->
+      </div>
+    </div>
+  </div>
+  <script src="./js/index7.js"></script>
+</body>
+
+</html>

manpowerPort/js/index4.js

@@ -502,10 +502,10 @@ let app = new Vue({
       this.tipNum = index
     },
     handleGoPage (id,name) {
-      // window.location.href = './index4.html?id=' + id + `&access_token=${this.access_token}`
-      this.orgNumber = id
-      this.titleName = name
-      this.getInstitutional()
+      window.location.href = './index5.html?id=' + id + `&access_token=${this.access_token}` + `&name=${name}`
+      // this.orgNumber = id
+      // this.titleName = name
+      // this.getInstitutional()
     },
     handleGoIndex () {
       window.location.href = './index.html'

manpowerPort/styles/index5.css

@@ -1,441 +0,0 @@
-*,
-*:before,
-*:after {
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-}
-html,
-body {
-  min-width: 7640px;
-  font-size: 20px;
-  color: #fff;
-  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, "PingFang SC",
-    "Hiragino Sans GB", Arial, sans-serif;
-    height: 100vh;
-    overflow-y: hidden;
-}
-[v-cloak] {
-  display: none;
-}
-.flex {
-  display: flex;
-}
-.flex-wrap {
-  flex-wrap: wrap;
-}
-.flex1 {
-  flex: 1;
-}
-.flex2 {
-  flex: 2;
-}
-.flex-around {
-  display: flex;
-  justify-content: space-around;
-}
-.flex-between {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.flex-end {
-  display: flex;
-  justify-content: flex-end;
-}
-.flex-column {
-  display: flex;
-  flex-direction: column;
-}
-.flex-align-center {
-  display: flex;
-  align-items: center;
-}
-.text-center {
-  text-align: center;
-}
-.font12 {
-  font-size: 12px;
-}
-.main-color {
-  color: #69c0ff;
-}
-.danger-color {
-  color: #f15450 !important;
-}
-.error-color {
-  color: #ffc704 !important;
-}
-.btm10 {
-  margin-bottom: 10px;
-}
-.btm20 {
-  margin-bottom: 20px;
-}
-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;
-  position: relative;
-  height:100vh;
-  overflow-y: hidden;
-}
-.my-header {
-  position: relative;
-  height: 140px;
-  line-height: 140px;
-  background: url("../images/header-bg2.png") center center no-repeat;
-  background-size: 100% 100%;
-  text-align: center;
-  font-weight: bold;
-  font-size: 60px;
-  font-weight: 600;
-}
-.my-header span {
-  background: linear-gradient(-3deg, #99eeff 0%, #99eeff 30%, #ffffff 91%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-.my-header span.left {
-  position: absolute;
-  left: 100px;
-  height: 50px;
-  top: 40px;
-  font-size: 30px;
-  cursor: pointer;
-}
-.my-header span.left2 {
-  position: absolute;
-  left: 300px;
-  top: 20px;
-  height: 100px;
-  line-height: 100px;
-  display: inline-block;
-  width: 180px;
-  font-size: 36px;
-  cursor: pointer;
-}
-
-.my-header span.right {
-  position: absolute;
-  right: 100px;
-  top: 0px;
-  font-size: 30px;
-}
-.main {
-  padding: 15px 15px 0;
-  display: flex;
-  height: calc(100vh - 280px);
-}
-.left,
-.right {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-.left .my-panel,
-.right .my-panel {
-  height: 100%;
-  overflow: hidden;
-}
-.dv-border-box-8 {
-  margin-bottom: 25px;
-  padding: 15px;
-  box-sizing: border-box;
-}
-.center {
-  flex: 1;
-  margin: 0 20px;
-  display: flex;
-  flex-direction: column;
-}
-.center .my-panel {
-  height: 100%;
-}
-.center .top {
-  display: flex;
-  justify-content: space-between;
-  margin: 0px -10px 20px;
-}
-.center .top .box {
-  flex: 1;
-  padding: 20px 0;
-  background-color: rgba(105, 192, 255, 0.2);
-  display: flex;
-  align-items: center;
-  padding-left: 8%;
-  margin: 0 10px;
-}
-.box > div {
-  margin-left: 30px;
-}
-.box > img {
-  width: 138px;
-}
-.box > div p {
-  font-size: 24px;
-  color: #e4f8ff;
-}
-.box > div i {
-  display: inline-block;
-  font-size: 48px;
-  margin-right: 5px;
-  font-weight: 600;
-  margin-top: 5px;
-}
-.footer {
-  position: relative;
-  padding-bottom: 20px;
-  display: flex;
-  width: 60%;
-  margin: 0 auto;
-}
-.footer a {
-  flex: 1;
-  height: 70px;
-  line-height: 70px;
-  text-align: center;
-  align-items: center;
-  justify-content: center;
-  display: flex;
-  color: #fff;
-  font-weight: 600;
-  font-size: 22px;
-  background: url("../images/footer-item.png") no-repeat;
-  background-size: 100% 100%;
-}
-.footer a img {
-  width: 35px;
-  height: 35px;
-  margin-right: 15px;
-}
-.footer a:hover {
-  background: url("../images/footer-item-checked.png") no-repeat;
-  background-size: 100% 100%;
-  color: #15f7ff;
-}
-.my-panel .content {
-  height: calc(100% - 60px);
-}
-.panel-title {
-  position: relative;
-  height: 60px;
-  line-height: 60px;
-  padding-left: 6%;
-  background: url("../images/title-bg.png") no-repeat;
-  background-size: 100% 100%;
-}
-.panel-title .text {
-  font-size: 32px;
-  font-weight: 600;
-  color: #daf9ff;
-}
-.panel-title .right-opr {
-  position: absolute;
-  right: 0;
-  width: 80px;
-}
-
-.list {
-  flex: 1;
-  padding: 15px;
-}
-.list .list-item {
-  display: flex;
-  align-items: center;
-  margin: 15px 0;
-  border: 1px solid #69c0ff3f;
-  padding: 20px;
-}
-.list .list-item > i {
-  margin-right: 15px;
-  width: 35px;
-  height: 35px;
-  line-height: 35px;
-  text-align: center;
-  background: #69c0ff3f;
-  border-radius: 4px;
-  color: #69c0ff;
-}
-.list-item i.num {
-  font-size: 30px;
-  color: #69c0ff;
-  margin-right: 10px;
-}
-.s-title {
-  text-align: center;
-  font-size: 24px;
-  margin-bottom: 20px;
-  font-weight: 600;
-}
-.yujing {
-  display: flex;
-  padding: 15px 10px 12px;
-}
-.yujing > div {
-  background-color: #05507b4c;
-  margin: 0 15px;
-  padding: 15px 30px;
-  border-radius: 10px;
-}
-.el-progress-bar__outer {
-  background-color: #17436d !important;
-}
-.el-progress__text {
-  color: #f5f7fa;
-}
-.box-center {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  background: url("../images/sex-bg.png") no-repeat center;
-  background-size: 100% 100%;
-  padding: 1.5%;
-  margin: 0 10px;
-}
-.box-center > div {
-  text-align: center;
-  flex: 1;
-  height: 150px;
-}
-.box-center > div.t {
-  background-color: rgb(18 81 128 / 22%);
-  margin-bottom: 20px;
-  padding-top: 1%;
-}
-.box-center > div.flex {
-  margin: 0 -10px;
-}
-.box-center > div.flex > div {
-  flex: 1;
-  margin: 0 10px;
-  padding-top: 1.3%;
-  background-color: rgb(18 81 128 / 22%);
-}
-.box-center > div p:nth-child(1) {
-  font-size: 45px;
-  font-weight: 800;
-  color: #69c0ff;
-  margin-bottom: 15px;
-}
-.box-center > div p:nth-child(2) {
-  font-size: 24px;
-  color: #e4f8ff;
-}
-.box-center > div span {
-  font-size: 24px;
-  margin-left: 10px;
-}
-.dv-scroll-board .header {
-  font-size: 24px !important;
-  font-weight: 600 !important;
-  background-color: rgba(105, 192, 255, 0.1) !important;
-}
-.dv-scroll-board .rows .row-item {
-  font-size: 22px !important;
-}
-.tip-window {
-  margin-right: 50px;
-  margin-top: 10px;
-  color: #69c0ff;
-  display: inline-block;
-  width: 142px;
-  height: 50px;
-  line-height: 50px;
-  text-align: center;
-  background-color: rgba(64, 169, 255, 0.12);
-  border: 2px solid #40a9ff;
-  border-radius: 8px;
-  cursor: pointer;
-}
-.tip {
-  /* position: fixed;
-  background-color: rgba(0, 0, 0, 0.5);
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0; */
-}
-.tip-box {
-  position: absolute;
-  /* top: 35%;
-  left: 32.5%; */
-  /* width: 35%;
-  height: 30%; */
-  width: 1200px;
-  height: 850px;
-  top: calc(50% - 375px);
-  left: calc(50% - 600px);
-  background: url("../images/alert.png") no-repeat center;
-  background-color: #133b65;
-  background-size: 100% 100%;
-  padding: 100px 60px 50px;
-}
-.tip-box > div {
-  font-size: 42px;
-  line-height: 70px;
-}
-.light {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  background-size: 100% 100%;
-}
-.red {
-  background: url("../images/red.png");
-}
-.green {
-  background: url("../images/green.png");
-}
-.yellow {
-  background: url("../images/yellow.png");
-}
-.lightOut {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  align-items: center;
-  justify-content: center;
-}
-.tip-content {
-  height: 95%;
-  overflow: auto;
-  padding-right: 15px;
-  margin-top: 2%;
-}
-div::-webkit-scrollbar {
-  width: 4px;
-}
-div::-webkit-scrollbar-thumb {
-  border-radius: 10px;
-  background: rgba(64, 169, 255, 0.6);
-}
-div::-webkit-scrollbar-track {
-  border-radius: 0;
-  background: rgba(64, 169, 255, 0.3);
-}
-.icon {
-  width: 35px;
-  height: 35px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: bold;
-  position: absolute;
-  top: 8px;
-  left: 400px;
-  background-color: rgba(64, 169, 255, 0.12);
-  border: 2px solid #40a9ff;
-  cursor: pointer;
-  border-radius: 50%;
-  font-size: 24px;
-}