<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;font-weight: 700;">最新公告</div>
             <div style="color: #333333;font-size: 18px;height: 150px;">
               为了保障信息安全，为您提供更优质的服务，学习平台计划在2022年11月9日0点-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,9,0,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>
