Ver Fonte

解决弹窗问题

zhbyyy há 1 ano atrás
pai
commit
585486ddb3
2 ficheiros alterados com 15 adições e 6 exclusões
  1. 14 6
      manpower/index.html
  2. 1 0
      manpower/js/index.js

+ 14 - 6
manpower/index.html

@@ -172,7 +172,7 @@
               <span class="text">核心指标监测</span>
               <div>
                 <span class="tip-window" @click.stop="handleShowTip(3,'focus')">关注重点</span>
-                <span class="tip-window" @click.stop="showTip3 = true">智能分析</span>
+                <span class="tip-window" @click.stop="handleShowTip(3,'analysis')">智能分析</span>
               </div>
 
 
@@ -262,26 +262,34 @@
           :src="`./images/logos/logo${index+1}.png`"></img> {{item.name}}</a>
     </div>
 
-    <div class="tip" @click="showTip = false" v-if="showTip">
+    <div class="tip" @click="showTip = false" v-if="showTip && tipNum != 3">
       <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">
+      <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="showTip3 = false" v-if="showTip3">
+    <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>
+    </div>
+    <!-- 核心指标监测关注重点弹窗专属 -->
+    <div class="tip" @click="showTip4 = false" v-if="showTip4">
       <div class="tip-box" style="left:calc( 50% + 1300px )">
         <div class="tip-content">
-          <div class="btm10" v-for="(item,index) in tipData.analysis[3]" :key="index"> {{item}}</div>
+          <div class="btm10" v-for="(item,index) in tipData.focus[3]" :key="index"> {{item}}</div>
         </div>
       </div>
     </div>

+ 1 - 0
manpower/js/index.js

@@ -10,6 +10,7 @@ let app = new Vue({
       showTip: false,
       showTip2: false,
       showTip3: false,
+      showTip4: false,
       tipNum: '',
       tipData: tipData,
       time: '',