引导位弹框移到首页头部

src/assets/styles/portal-index.scss

@@ -456,7 +456,7 @@
       margin: 0px 5%;
   }
     .portal-content {
-      // margin: 26px 87px 0px 87px;
+      margin: 26px 87px 0px 87px;
       // width: 100%;
       .breadcrumb-nav {
           margin-bottom: 15px;

src/components/Portal/guideBox.vue

@@ -2,9 +2,11 @@
 	<el-dialog
       :close-on-click-modal="false"
       :visible.sync="guideCollection"
+      :append-to-body="true" 
       top="90px"
-      width="1088px">
+      width="900px">
       <div class="gui-box">
+        <span class="close-right" @click="guideCollection = false"><i style="font-size: 28px;color: #999;" class="el-icon-close"></i></span>
          <div class="gui-box-left">
             <dl>
               <dt class="left-title">新功能查看</dt>
@@ -124,6 +126,13 @@
         display: flex;
         border-radius: 10px;
         box-sizing: border-box;
+        position: relative;
+        .close-right{
+            position: absolute;
+            right:-136px;
+            top:45px;
+        }
+        
         ::v-deep .swiper-wrapper{
             padding-bottom: 60px;
         }
@@ -148,7 +157,8 @@
         .gui-box-left{
           padding-top: 90px;
           width: 190px;
-          background: #387DF7;
+        //   background: #387DF7;
+          background: url('/images/homeWu/guide-bg.png') no-repeat 101% / 101%;
           border-radius: 10px 0 0 10px;
           .left-title{
             width: 190px;
@@ -173,7 +183,7 @@
           flex: 1;
           width: 100%;
           background: #e6effb;
-          padding: 74px 100px 64px 100px;
+          padding: 74px 0 64px 0;
           border-radius:0 10px 10px 0;
           text-align: center;
           .gui-text{

src/components/Portal/interestCollection.vue

@@ -2,6 +2,7 @@
 	<el-dialog
       :close-on-click-modal="false"
       :visible.sync="interestCollection"
+      :append-to-body="true" 
       width="967px">
       <div style="margin-top:65px">
         <div class="interest" v-for="(sys,index) in sysTypeListMap" :key="sys.id">

src/components/PortalHeader.vue

@@ -117,12 +117,16 @@
           </div>
         </div>
     </div>
+    <interest-Collection></interest-Collection>
+    <guide-box></guide-box>
   </div>
 </template>
 <script>
 import { mapGetters, mapActions } from 'vuex';
 import apiMessage from '@/api/system/message.js';
 import apiBoeCourse from '@/api/boe/course.js';
+import InterestCollection from '@/components/Portal/interestCollection.vue'
+import GuideBox from '@/components/Portal/guideBox.vue'
 import {
   userAvatarText
 } from "@/utils/tools.js";
@@ -141,7 +145,7 @@ export default {
       default: 0,
     }
   },
-
+  components:{InterestCollection,GuideBox},
   computed: {
     ...mapGetters(['userInfo', 'userMsg','identity']),
 

src/layout/components/TopNav/Index.vue

@@ -99,8 +99,7 @@
            </map>
         </div>
     </el-dialog>
-    <interest-Collection></interest-Collection>
+   
-    <guide-box></guide-box>
   </div>
 </template>