Browse Source

人力静态修改

zhbyyy 2 năm trước cách đây
mục cha
commit
1f94c9e4b5

+ 21 - 13
manpower/index2.html

@@ -24,11 +24,11 @@
 </head>
 
 <body>
-  <div id="app" v-cloak>
+  <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>晋能控股</span>
+      <span @click.stop="handleTitleShow('title.png')" style="cursor: pointer;">晋能控股</span>
       <span class="right">{{time}}</span>
     </header>
     <div class="main">
@@ -98,9 +98,9 @@
         </div> -->
         <div class="top" v-if="centerData">
           <div class="box">
-            <!-- <div>
-              <span class="tip-window2" @click.stop="handleShowTip(0,'topThree')">创新的建设模式</span>
-            </div> -->
+            <div>
+              <span class="tip-window2" @click.stop="handleTitleShow('cxdjsms.png')">创新的建设模式</span>
+            </div>
             <div class="box-content">
               <img src="./images/center-top1.png" />
               <div>
@@ -112,9 +112,9 @@
           </div>
 
           <div class="box">
-            <!-- <div>
-              <span class="tip-window2" @click.stop="handleShowTip(1,'topThree')">穿透的全局监测</span>
-            </div> -->
+            <div>
+              <span class="tip-window2" @click.stop="handleTitleShow('ctdqjjc.png')">穿透的全局监测</span>
+            </div>
 
             <div class="box-content">
               <img src="./images/center-top2.png" />
@@ -126,9 +126,9 @@
 
           </div>
           <div class="box">
-            <!-- <div>
-              <span class="tip-window2" @click.stop="handleShowTip(2,'topThree')">领先的数智平台</span>
-            </div> -->
+            <div>
+              <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')" />
@@ -275,13 +275,21 @@
         @click="handleGoPage(item.link)">{{item.name}}</a>
     </div>
 
-    <div class="tip" @click="showTip = false" v-if="showTip">
+    <div class="tip" @click="showTip = false" v-if="false">
       <div class="tip-box">
-        <div class="tip-content">{{tipData[tipNum]}}</div>
+        <div class="tip-content">{{tipData[tipNum]}}{{titleShow}}</div>
         <!-- <div class="btm20">全员劳动生产率从去年前的人均XX万元提升到XX万元;在岗职工平均工资从去年前的人均XX万元提升到XX万元。</div>
         <div>打破工资“大锅饭”,所有盈利企业工资增幅不高于利润增幅。实行薪酬“双挂钩”,省属企业负责人绩效年薪与经营业绩考核结果挂钩后,还要与企业经济效益挂钩。</div> -->
       </div>
     </div>
+    <!--标题弹窗 -->
+    <div class="tip" v-if="titleShow">
+      <div class="tip-box-img">
+        <div class="tip-content-img">
+          <img :src="`./images/pop/${imgPop}`" alt="" style="width:93%;">
+        </div>
+      </div>
+    </div>
   </div>
   <script src="./js/index2.js"></script>
 </body>

+ 19 - 11
manpower/index3.html

@@ -23,11 +23,11 @@
 </head>
 
 <body>
-  <div id="app" v-cloak>
+  <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>山西煤炭运销集团长治有限公司</span>
+      <span @click.stop="handleTitleShow('title.png')" style="cursor: pointer;">山西煤炭运销集团长治有限公司</span>
       <span class="right">{{time}}</span>
     </header>
     <div class="main">
@@ -97,9 +97,9 @@
         </div> -->
         <div class="top" v-if="centerData">
           <div class="box">
-            <!-- <div>
-              <span class="tip-window2" @click.stop="handleShowTip(0,'topThree')">创新的建设模式</span>
-            </div> -->
+            <div>
+              <span class="tip-window2" @click.stop="handleTitleShow('cxdjsms.png')">创新的建设模式</span>
+            </div>
             <div class="box-content">
               <img src="./images/center-top1.png" />
               <div>
@@ -111,9 +111,9 @@
           </div>
 
           <div class="box">
-            <!-- <div>
-              <span class="tip-window2" @click.stop="handleShowTip(1,'topThree')">穿透的全局监测</span>
-            </div> -->
+            <div>
+              <span class="tip-window2" @click.stop="handleTitleShow('ctdqjjc.png')">穿透的全局监测</span>
+            </div>
 
             <div class="box-content">
               <img src="./images/center-top2.png" />
@@ -125,9 +125,9 @@
 
           </div>
           <div class="box">
-            <!-- <div>
-              <span class="tip-window2" @click.stop="handleShowTip(2,'topThree')">领先的数智平台</span>
-            </div> -->
+            <div>
+              <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')" />
@@ -279,6 +279,14 @@
         <div>打破工资“大锅饭”,所有盈利企业工资增幅不高于利润增幅。实行薪酬“双挂钩”,省属企业负责人绩效年薪与经营业绩考核结果挂钩后,还要与企业经济效益挂钩。</div> -->
       </div>
     </div>
+    <!--标题弹窗 -->
+    <div class="tip" v-if="titleShow">
+      <div class="tip-box-img">
+        <div class="tip-content-img">
+          <img :src="`./images/pop/${imgPop}`" alt="" style="width:93%;">
+        </div>
+      </div>
+    </div>
   </div>
   <script src="./js/index3.js"></script>
 </body>

+ 19 - 11
manpower/index4.html

@@ -23,14 +23,14 @@
 </head>
 
 <body>
-  <div id="app" v-cloak>
+  <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>山西三元煤业股份有限公司</span>
+      <span @click.stop="handleTitleShow('title.png')" style="cursor: pointer;">山西三元煤业股份有限公司</span>
       <span class="right">{{time}}</span>
     </header>
     <div class="main">
@@ -100,9 +100,9 @@
         </div> -->
         <div class="top" v-if="centerData">
           <div class="box">
-            <!-- <div>
-              <span class="tip-window2" @click.stop="handleShowTip(0,'topThree')">创新的建设模式</span>
-            </div> -->
+            <div>
+              <span class="tip-window2" @click.stop="handleTitleShow('cxdjsms.png')">创新的建设模式</span>
+            </div>
             <div class="box-content">
               <img src="./images/center-top1.png" />
               <div>
@@ -114,9 +114,9 @@
           </div>
 
           <div class="box">
-            <!-- <div>
-              <span class="tip-window2" @click.stop="handleShowTip(1,'topThree')">穿透的全局监测</span>
-            </div> -->
+            <div>
+              <span class="tip-window2" @click.stop="handleTitleShow('ctdqjjc.png')">穿透的全局监测</span>
+            </div>
 
             <div class="box-content">
               <img src="./images/center-top2.png" />
@@ -128,9 +128,9 @@
 
           </div>
           <div class="box">
-            <!-- <div>
-              <span class="tip-window2" @click.stop="handleShowTip(2,'topThree')">领先的数智平台</span>
-            </div> -->
+            <div>
+              <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')" />
@@ -282,6 +282,14 @@
         <div>打破工资“大锅饭”,所有盈利企业工资增幅不高于利润增幅。实行薪酬“双挂钩”,省属企业负责人绩效年薪与经营业绩考核结果挂钩后,还要与企业经济效益挂钩。</div> -->
       </div>
     </div>
+    <!--标题弹窗 -->
+    <div class="tip" v-if="titleShow">
+      <div class="tip-box-img">
+        <div class="tip-content-img">
+          <img :src="`./images/pop/${imgPop}`" alt="" style="width:93%;">
+        </div>
+      </div>
+    </div>
   </div>
   <script src="./js/index4.js"></script>
 </body>

+ 8 - 0
manpower/index5.html

@@ -285,6 +285,14 @@
         </div>
       </div>
     </div>
+        <!--标题弹窗 -->
+        <div class="tip" v-if="titleShow">
+          <div class="tip-box-img">
+            <div class="tip-content-img">
+              <img :src="`./images/pop/${imgPop}`" alt="" style="width:93%;">
+            </div>
+          </div>
+        </div>
   </div>
 
 

+ 1 - 0
manpower/js/index.js

@@ -298,6 +298,7 @@ let app = new Vue({
       this.tipNum = index
     },
     handleGoPage (url) {
+      console.log(url,'什么情况呢')
       if (url.length) {
         window.location.href = url
       }

+ 17 - 0
manpower/js/index2.js

@@ -4,6 +4,9 @@ let app = new Vue({
   el: '#app',
   data() {
     return {
+      imgPop:'',
+      titleShow: false,
+      showTip2: false,
       twinkle7: [],
       twinkle8: [],
       twinkleR6: [],
@@ -163,6 +166,7 @@ let app = new Vue({
     console.log(this.twinkleR6)
   },
   mounted() {
+    console.log(this.titleShow)
     this.time = formatDate()
     this.timer = setInterval(() => {
       this.time = formatDate()
@@ -196,9 +200,22 @@ let app = new Vue({
     }
   },
   methods: {
+    handleTitleShow (e) {
+      this.imgPop = e
+      this.titleShow = true
+      this.showTip = false
+      this.showTip2 = false
+    },
+    showTipClose () {
+      this.showTip = false
+      this.showTip2 = false
+      this.titleShow = false
+    },
     handleShowTip(index) {
       this.showTip = true
       this.tipNum = index
+      this.titleShow = false
+      this.showTip2 = false
     },
     handleGoPage(url) {
       if (url.length) {

+ 16 - 0
manpower/js/index3.js

@@ -4,6 +4,9 @@ let app = new Vue({
   el: '#app',
   data() {
     return {
+      imgPop:'',
+      titleShow: false,
+      showTip2: false,
       twinkle7: [],
       twinkle8: [],
       twinkleR6: [],
@@ -199,9 +202,22 @@ let app = new Vue({
     }
   },
   methods: {
+    handleTitleShow (e) {
+      this.imgPop = e
+      this.titleShow = true
+      this.showTip = false
+      this.showTip2 = false
+    },
+    showTipClose () {
+      this.showTip = false
+      this.showTip2 = false
+      this.titleShow = false
+    },
     handleShowTip(index) {
       this.showTip = true
       this.tipNum = index
+      this.titleShow = false
+      this.showTip2 = false
     },
     handleGoPage(url) {
       if (url.length) {

+ 20 - 1
manpower/js/index4.js

@@ -4,6 +4,12 @@ let app = new Vue({
   el: '#app',
   data () {
     return {
+      imgPop:'',
+      titleShow: false,
+      showTip2: false,
+      imgPop:'',
+      titleShow: false,
+      showTip2: false,
       twinkle7: [],
       twinkle8: [],
       twinkleR6: [],
@@ -201,9 +207,22 @@ let app = new Vue({
     }
   },
   methods: {
-    handleShowTip (index) {
+    handleTitleShow (e) {
+      this.imgPop = e
+      this.titleShow = true
+      this.showTip = false
+      this.showTip2 = false
+    },
+    showTipClose () {
+      this.showTip = false
+      this.showTip2 = false
+      this.titleShow = false
+    },
+    handleShowTip(index) {
       this.showTip = true
       this.tipNum = index
+      this.titleShow = false
+      this.showTip2 = false
     },
     handleGoPage (url) {
       if (url.length) {

+ 1 - 0
manpower/styles/index.css

@@ -485,6 +485,7 @@ a {
   background-size: 100% 100%;
   /* padding: 100px 60px 50px; */
   padding: 160px 50px 0px 50px ;
+  z-index: 999999999999 !important;
 }
 div::-webkit-scrollbar {
   width: 4px;

+ 23 - 0
manpower/styles/index5.css

@@ -439,3 +439,26 @@ div::-webkit-scrollbar-track {
   border-radius: 50%;
   font-size: 24px;
 }
+.tip-box-img {
+  position: absolute;
+  /* top: 35%;
+  left: 32.5%; */
+  /* width: 35%;
+  height: 30%; */
+  width: 2400px;
+  height: 1250px;
+  top: calc(50% - 640px);
+  left: calc(50% - 1200px);
+  background: url('../images/alert.png') no-repeat center;
+  background-color: #133b65;
+  background-size: 100% 100%;
+  /* padding: 100px 60px 50px; */
+  padding: 160px 50px 0px 50px ;
+  z-index: 999999999999 !important;
+}
+.tip-content-img {
+  height: 95%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}