<template>
  <div v-loading="loading" class="topNotice">
    <div class="header">
      <h5 class="title">公告消息</h5>
    </div>
    <el-scrollbar wrap-class="scrollbar-wrapper">
      <ul v-if="proNoticeDatas.length" class="content">
        <li v-for="(item, index) in proNoticeDatas" :key="index" class="proitem">
          <h5 class="proname">
            标题：{{ item.project_name }}
          </h5>
          <span class="orderendtime">
            发布时间：{{ item.orderendtime }}
          </span>
        </li>
      </ul>
      <div v-else class="nomsg">
        没有新公告消息
      </div>
    </el-scrollbar>
    <div class="footer_menu">
      <router-link class="inlineBlock" to="/notice/manage">
        <el-dropdown-item>
          <i class="el-icon-more"/>更多公告信息
        </el-dropdown-item>
      </router-link>
    </div>
  </div>
</template>

<script>

// import { getNotice, getSchedule } from '@/api/customer/customerInfoHY'
import { getFileTranserLists } from '@/api/memberManagement/memberList'
export default {
  name: 'TopNotice',
  data() {
    return {
      loading: false,
      proNoticeDatas: [],
      proScheduleDatas: []
    }
  },
  created() {
    this.getList()
  },
  methods: {
    // 项目到期的消息
    getList() {
      console.log(11)
      this.loading = true
      const params = {
        daykind: 0 // 传值0时获取到期前一月的客户信息，传值1获取当天到期的客户信息
      }
      //转移消息提醒
      getFileTranserLists().then(res=>{
        if (res.state.toLowerCase() === 'success') {
          if(res.rows.Rows && res.rows.Rows.length){
            window.localStorage.setItem('num',res.rows.Rows.length)
          }
        }
      })
      // getNotice(params).then(res => {
      //   this.loading = false
      //   if (res.state.toLowerCase() === 'success') {
      //     if (res.data.rows && res.data.rows.length) {
      //       this.proNoticeDatas = []
      //       res.data.rows.forEach(item => {
      //         this.proNoticeDatas.unshift({
      //           project_name: item.title,
      //           orderendtime: item.createon
      //         })
      //       })
      //       this.$notify({
      //         title: '公告消息提醒',
      //         message: `您有${this.proNoticeDatas.length}个公告消息！`,
      //         type: 'warning',
      //         duration: 0,
      //         position: 'bottom-right'
      //       })
      //       // 修改父组件的值
      //       this.$emit('getTopNoticeNums', {
      //         num: this.proNoticeDatas.length > 99 ? '99+' : this.proNoticeDatas.length // 顶部消息数量
      //       })
      //     }
      //   }
      // })
      // getSchedule(params).then(res => {
      //   this.loading = false
      //   if (res.state.toLowerCase() === 'success') {
      //     if (res.data.rows && res.data.rows.length) {
      //       this.proScheduleDatas = []
      //       res.data.rows.forEach(item => {
      //         this.proScheduleDatas.unshift({
      //           project_name: item.content,
      //           orderendtime: item.createtime
      //         })
      //       })
      //       this.$notify({
      //         title: '日程消息提醒',
      //         message: `您有${this.proScheduleDatas.length}个日程消息！`,
      //         type: 'warning',
      //         duration: 0,
      //         position: 'bottom-right'

      //       })
      //       // 修改父组件的值
      //       this.$emit('getTopScheduleNums', {
      //         num: this.proScheduleDatas.length > 99 ? '99+' : this.proScheduleDatas.length // 顶部消息数量
      //       })
      //     }
      //   }
      // })
    },
  },
  mounted() {
    this.timer=setInterval(()=>{
      //获取转移新消息
      getFileTranserLists().then(res=>{
        if(res.rows.Rows && res.rows.Rows.length){
          var a =window.localStorage.getItem('num')
          if(res.rows.Rows.length > a){
            window.localStorage.setItem('num',res.rows.Rows.length)
            this.transerLists = []
            res.rows.Rows.slice(-(res.rows.Rows.length - a)).forEach(item=>{
              this.transerLists.unshift({
                id:item.F_ID,
                content:item.F_Notice
              })
            })
            this.$notify({
              title:'转移消息提醒',
              message:`您有${this.transerLists.length}个转移消息`,
              type:'warning',
              duration:0,
              position:'bottom-right'
            })
          }
          }
      })
    },60000)
  },
}
</script>

<style rel="stylesheet/scss" lang="scss">
  .topNoticePop{
    padding: 0;
    .topNotice{
      .scrollbar-wrapper {
        max-height: 488px;
      }
      .footer_menu{
        .el-dropdown-menu__item{
          padding: 20px;
          line-height: 20px;
        }
      }
    }
  }
</style>

<style rel="stylesheet/scss" lang="scss" scoped>
.topNoticePop{
  .topNotice{
    .header{
      padding: 20px;
      background-color: #fff;
      border-bottom: 1px solid #e4eaec;
      .title{
        margin: 0;
        color: #37474f;
        font-weight: 400;
        font-size: 1em;
        text-shadow: rgba(0,0,0,.05) 0 0 1px;
      }
    }
    .content{
      list-style: none;
      padding: 0 20px;
      margin: 0;
      .proitem{
        border-bottom: 1px solid #e4eaec;
        &:last-child{
          border-bottom: none;
        }
        padding: 10px 0;
        .proname{
          margin: 0;
          padding: 0;
          font-weight: 400;
          font-size: 14px;
        }
        .orderendtime{
          font-size: 12px;
        }
      }
    }
    .nomsg{
      min-height: 270px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .footer_menu{
      background-color: #f3f7f9;
      border-top: 1px solid #e4eaec;
    }
  }
}

</style>
