政府第三屏

src/views/report/reportIndex.vue

@@ -24,13 +24,16 @@
             <div id="thirdScreen" style="width:100%;height:100%;" v-if="isShowThird">
                 <thirdScreen :isShow="isShowThird" @hidePage="hidePage"></thirdScreen>
             </div>
+            <div id="fifthScreen" style="width:100%;height:100%;" v-if="isShowForth">
+                <forthScreen></forthScreen>
+            </div>
 
         </section>
         <div class="buttonWrap" v-show="isShowPage">
             <p :class="currentScreen==1?'activeP':''" @click="handleToWhich(1)"></p>
             <p :class="currentScreen==2?'activeP':''" @click="handleToWhich(2)"></p>
             <p :class="currentScreen==3?'activeP':''" @click="handleToWhich(3)"></p>
-            <p :class="currentScreen==4?'activeP':''" @click="handleToWhich(4)"></p>
+            <!--<p :class="currentScreen==4?'activeP':''" @click="handleToWhich(4)"></p>-->
         </div>
     </div>
 </template>
@@ -38,12 +41,13 @@
 <script>
     import secondMap from './secondMap';
     import thirdScreen from './thirdScreen';
-
+    import forthScreen from './forthScreen';
     export default {
         name: "reportIndex",
         components:{
             secondMap,
-            thirdScreen
+            thirdScreen,
+            forthScreen
         },
         data(){
             return{
@@ -203,6 +207,7 @@
             border: 1px solid #c9c9c9;
             border-radius: 50%;
             margin: 5px 0;
+            cursor: pointer;
             &.activeP{
                 background: #D8D8D8;
             }