增加公告

src/components/Gonggao.vue

@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <el-dialog width="520px" :close-on-press-escape="false" :close-on-click-modal="false"  class="medalbox"  :visible.sync="showGonggao"  :append-to-body="true" >
+        <div class="jinian-medal-img" :style="`background: url(${webBaseUrl}/images/gonggao/dlg_bg.png) no-repeat;`">
+           <div style="text-align: left;padding:180px 70px 100px 60px; width: 500px;">
+             <div style="color: #333333;font-size: 26px;padding: 30px 0px;text-align: center;">最新公告</div>
+             <div style="color: #333333;font-size: 18px;height: 150px;">
+               为了保障信息安全，为您提供更优质的服务，学习平台计划在2022年11月8日晚24点-11月9日早6点进行服务器升级，
+               在此期间，您无法登录学习，给您带来不便，还请谅解，感谢您的理解与支持。
+             </div>
+           </div>
+        </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  export default{
+    data() {
+      return {
+        showGonggao:false
+      };
+    },
+    mounted() {
+       let now=new Date();
+       let min=new Date(2022,10,7,14,0,0);
+       let max=new Date(2022,10,9,6,0,0);
+       //console.log(now,min,max);
+       //console.log(now.getTime(),min.getTime(),max.getTime());
+       if(now.getTime()>min.getTime() && now.getTime()<max.getTime()){
+         //console.log('open')
+         this.showGonggao=true;
+       }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+
+  .jinian-medal-img{
+    text-align: center;
+    padding-top: 10px;
+  }
+  .medalbox {
+    background: transparent !important;
+    ::v-deep .el-dialog{
+      background: transparent !important;
+      box-shadow:none !important;
+      .el-dialog__header{
+         display: none !important;
+      }
+      .el-dialog__body{
+        //  width: 320px !important;
+        //  height: 420px !important;
+        background: transparent !important;
+      }
+    }
+  }
+</style>

src/components/PortalHeader.vue

@@ -44,14 +44,14 @@
                 </el-dropdown-menu>
               </el-dropdown>
             </div>
-            
+
-         
+
             <div class="top-nav" :style="{color:textColor}" :class="current == 'follow' ? activeNav : ''">
               <router-link to="/follow">我的关注
                 <div :class="current == 'follow' ? 'nav-bottbor' : ''"></div>
               </router-link>
             </div>
-        
+
           </div>
         </div>
         <div class="portal-top-right">
@@ -124,11 +124,13 @@
           </div>
         </div>
     </div>
+    <gonggao></gonggao>
   </div>
 </template>
 <script>
 import { mapGetters, mapActions } from 'vuex';
 import apiMessage from '@/api/system/message.js';
+import gonggao from '@/components/Gonggao.vue';
 import apiBoeCourse from '@/api/boe/course.js';
 import {userAvatarText} from "@/utils/tools.js";
 export default {
@@ -151,7 +153,7 @@ export default {
     }
   },
 
-  // components:{InterestCollection,GuideBox},  // 注释兴趣爱好弹窗显示
+  components:{gonggao},
   computed: {
     ...mapGetters(['userInfo', 'userMsg','identity']),
 
@@ -167,6 +169,7 @@ export default {
   },
   data() {
     return {
+      showGonggao:true,
       fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
       findType: '1',
       keyword: '',

src/layout/components/TopNav/Index.vue

@@ -118,7 +118,7 @@
            </map>
         </div>
     </el-dialog>
-
+    <gonggao></gonggao>
   </div>
 </template>
 
@@ -128,8 +128,9 @@ import desk from '@/api/console.js';
 import Cookies from 'vue-cookies';
 import InterestCollection from '@/components/Portal/interestCollection.vue'
 import GuideBox from '@/components/Portal/guideBox.vue'
+import gonggao from '@/components/Gonggao.vue';
 export default {
-  components:{InterestCollection,GuideBox},
+  components:{InterestCollection,GuideBox,gonggao},
   data() {
     return {
       isTiao:false,

src/views/Index.vue

@@ -174,7 +174,7 @@
                   <img :src="getPic(cindex)" alt="">
                 </span>
                 <span class="portal-title-desc index-one-line-ellipsis title-line-ellipsis" style="font-size: 14px;color: #04243C;">{{ item.name }}</span>
-                  
+
                 <div class="list-active">
                   <div class="list-content">
                     <div class="list-img">
@@ -448,6 +448,7 @@
            </div>
         </div>
     </el-dialog>
+
   </div>
 </template>
 
@@ -1148,18 +1149,18 @@
 }
 .medalbox {
   background: transparent !important;
- ::v-deep .el-dialog{
+  ::v-deep .el-dialog{
-   background: transparent !important;
-   box-shadow:none !important;
-   .el-dialog__header{
-     display: none !important;
-   }
-   .el-dialog__body{
-    //  width: 320px !important;
-    //  height: 420px !important;
     background: transparent !important;
-   }
+    box-shadow:none !important;
-}
+    .el-dialog__header{
+       display: none !important;
+    }
+    .el-dialog__body{
+      //  width: 320px !important;
+      //  height: 420px !important;
+      background: transparent !important;
+    }
+  }
 }