|
|
@@ -28,7 +28,7 @@
|
|
|
<body>
|
|
|
<div id="app" v-cloak @click="showTipClose">
|
|
|
<header class="my-header">
|
|
|
- <span @click.stop="handleTitleShow()" style="cursor: pointer;">国有资本数智化平台人力资源系统</span>
|
|
|
+ <span @click.stop="handleTitleShow('title.png')" style="cursor: pointer;">国有资本数智化平台人力资源系统</span>
|
|
|
<span class="right">{{time}}</span>
|
|
|
</header>
|
|
|
<div class="main">
|
|
|
@@ -88,7 +88,7 @@
|
|
|
<div class="top" v-if="centerData">
|
|
|
<div class="box">
|
|
|
<div>
|
|
|
- <span class="tip-window2" @click.stop="handleShowTip(0,'topThree')">创新的建设模式</span>
|
|
|
+ <span class="tip-window2" @click.stop="handleTitleShow('cxdjsms.png')">创新的建设模式</span>
|
|
|
</div>
|
|
|
<div class="box-content">
|
|
|
<img src="./images/center-top1.png" />
|
|
|
@@ -102,7 +102,7 @@
|
|
|
|
|
|
<div class="box">
|
|
|
<div>
|
|
|
- <span class="tip-window2" @click.stop="handleShowTip(1,'topThree')">穿透的全局监测</span>
|
|
|
+ <span class="tip-window2" @click.stop="handleTitleShow('ctdqjjc.png')">穿透的全局监测</span>
|
|
|
</div>
|
|
|
|
|
|
<div class="box-content">
|
|
|
@@ -116,12 +116,11 @@
|
|
|
</div>
|
|
|
<div class="box">
|
|
|
<div>
|
|
|
- <span class="tip-window2" @click.stop="handleShowTip(2,'topThree')">领先的数智平台</span>
|
|
|
+ <span class="tip-window2" @click.stop="handleTitleShow('lxdszpt.png')">领先的数智平台</span>
|
|
|
</div>
|
|
|
<div class="box-content">
|
|
|
- <img src="./images/center-top3.png" style=" cursor: pointer;"
|
|
|
- @click.stop="handleShowTip(0,'totlePeople')" />
|
|
|
- <div>
|
|
|
+ <img src="./images/center-top3.png" @click.stop="handleTitleShow('zrs.png')" style=" cursor: pointer;"/>
|
|
|
+ <div @click.stop="handleTitleShow('zrs.png')" style=" cursor: pointer;">
|
|
|
<p>总人数</p>
|
|
|
<p><i style="color: #69C0FF">{{numFormat(centerData.info.value3)}}</i></p>
|
|
|
</div>
|
|
|
@@ -140,9 +139,9 @@
|
|
|
<p>总部机构压缩率</p>
|
|
|
</div>
|
|
|
<div class="flex">
|
|
|
- <div class="alignCenter">
|
|
|
+ <div class="alignCenter" @click.stop="handleTitleShow('ggqzbjgs.png')" style=" cursor: pointer;">
|
|
|
<p style="color:#FBE139">{{centerData.changeInfo[0].value2}}</p>
|
|
|
- <p style=" cursor: pointer;" @click.stop="handleShowTip(0,'beforeReform')">改革前总部机构平均数</p>
|
|
|
+ <p>改革前总部机构平均数</p>
|
|
|
</div>
|
|
|
<div class="alignCenter">
|
|
|
<p style="color:#17AC76">{{centerData.changeInfo[0].value3}}</p>
|
|
|
@@ -173,9 +172,9 @@
|
|
|
<p>在册职工压缩率</p>
|
|
|
</div>
|
|
|
<div class="flex">
|
|
|
- <div class="alignCenter">
|
|
|
+ <div class="alignCenter" @click.stop="handleTitleShow('ggqzczg.png')" style=" cursor: pointer;">
|
|
|
<p style="color:#FBE139">{{numFormat(centerData.changeInfo[2].value2)}}</p>
|
|
|
- <p style=" cursor: pointer;" @click.stop="handleShowTip(0,'reformRegistered')">改革前在册职工数</p>
|
|
|
+ <p>改革前在册职工数</p>
|
|
|
</div>
|
|
|
<div class="alignCenter">
|
|
|
<p style="color:#17AC76">{{centerData.changeInfo[2].value3}}<span>万</span></p>
|
|
|
@@ -189,9 +188,9 @@
|
|
|
<p>在岗职工薪酬增长率</p>
|
|
|
</div>
|
|
|
<div class="flex">
|
|
|
- <div class="alignCenter">
|
|
|
+ <div class="alignCenter" @click.stop="handleTitleShow('ggqzgzgpjxc.png')" style=" cursor: pointer;">
|
|
|
<p style="color:#FBE139">{{numFormat(centerData.changeInfo[1].value2)}}<span>万元</span></p>
|
|
|
- <p style=" cursor: pointer;" @click.stop="handleShowTip(0,'reforAveRemuneration')">改革前在岗职工平均薪酬</p>
|
|
|
+ <p>改革前在岗职工平均薪酬</p>
|
|
|
</div>
|
|
|
<div class="alignCenter">
|
|
|
<p style="color:#17AC76">{{numFormat(centerData.changeInfo[1].value3)}}<span>万元</span></p>
|
|
|
@@ -296,7 +295,8 @@
|
|
|
</div>
|
|
|
<div class="footer">
|
|
|
<!-- <a class="item" v-for="(item,index) in companyList.slice(0, 8)" :key="index" -->
|
|
|
- <a class="item" v-for="(item,index) in companyList" style="display: flex;align-items: center;justify-content: center;" :key="index"
|
|
|
+ <a class="item" v-for="(item,index) in companyList"
|
|
|
+ style="display: flex;align-items: center;justify-content: center;" :key="index"
|
|
|
@click="handleGoPage(item.id,item.name)"><img :src="`./images/logos/${item.orgLogoNum}.png`"></img>
|
|
|
{{item.name}}</a>
|
|
|
<!-- <div style="font-weight: bold;display: flex;align-items: center;flex-shrink: 0;position: absolute;right: -20px;bottom: 30%;" v-if="companyList.length>8"><span>. . .</span>
|
|
|
@@ -328,20 +328,12 @@
|
|
|
</div>
|
|
|
<!--标题弹窗 -->
|
|
|
<div class="tip" v-if="titleShow">
|
|
|
- <div class="tip-box">
|
|
|
- <div class="tip-content">
|
|
|
- <div class="btm10" v-for="(item,index) in titleData" :key="index"> {{item}}</div>
|
|
|
+ <div class="tip-box-img">
|
|
|
+ <div class="tip-content-img">
|
|
|
+ <img :src="`./images/pop/${imgPop}`" alt="" style="width:93%;">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 定薪酬加粗弹窗 -->
|
|
|
- <!-- <div class="tip" v-if="paymentShow">
|
|
|
- <div class="tip-box">
|
|
|
- <div class="tip-content">
|
|
|
- <div class="btm10">{{tipData.focus[5][0]}}<span style="font-weight: bold;">{{tipData.focus[5][1]}}</span></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
</div>
|
|
|
|
|
|
|
zhbyyy
