<template>
  <!--  全部公告  -->
  <el-card :body-style="{ padding: '0' }" :style="{height:height}" shadow="hover" class="all_notice">
    <h4 class="title">全部公告</h4>
    <ul class="lists">
      <li v-for="item of notices" :key="item.id" class="item">
        【足力健老人鞋】{{ item.content }}
      </li>
    </ul>
    <router-link class="inlineBlock" to="/notice/manage">
      <el-dropdown-item>
        <i class="el-icon-more"/>查看更多
      </el-dropdown-item>
    </router-link>
  </el-card>
</template>

<script>
// import { getNotice } from '@/api/customer/customerInfoHY'
export default {
  name: 'AllNotice',
  props: {
    height: {
      type: String,
      default: '320px'
    }
  },
  data() {
    return {
      notices: [
        // { id: 0, content: '【足力健老人鞋】5月20日呼叫中心6.0版本试运营上线，轻装上阵轻装上阵轻装上阵…' },
        // { id: 1, content: '【足力健老人鞋】5月20日呼叫中心6.0版本试运营上线，轻装上阵…' },
        // { id: 2, content: '【足力健老人鞋】5月20日呼叫中心6.0版本试运营上线，轻装上阵…' },
        // { id: 3, content: '【足力健老人鞋】5月20日呼叫中心6.0版本试运营上线，轻装上阵…' },
        // { id: 4, content: '【足力健老人鞋】5月20日呼叫中心6.0版本试运营上线，轻装上阵…' },
        // { id: 5, content: '【足力健老人鞋】5月20日呼叫中心6.0版本试运营上线，轻装上阵…' }
      ]
    }
  },
  created() {
    this.getList()
  },
  methods: {
    // 项目到期的消息
    getList() {
      this.loading = true
      const params = {
        daykind: 0 // 传值0时获取到期前一月的客户信息，传值1获取当天到期的客户信息
      }
      // getNotice(params).then(res => {
      //   this.loading = false
      //   if (res.state.toLowerCase() === 'success') {
      //     if (res.data.rows && res.data.rows.length) {
      //       this.notices = []
      //       res.data.rows.forEach(item => {
      //         this.notices.unshift({
      //           content: item.title
      //         })
      //       })
      //     }
      //   }
      // })
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
	.all_notice {
		position: relative;
		width: 100%;
		.title {
			height: 40px;
			line-height: 40px;
			padding: 0 0 0 10px;
			margin: 0;
			background-color: #f5f5f6;
			color: #666666;
			font-size: 14px;
			font-weight: 500;
		}
		.lists{
			margin: 0;
			padding: 15px 20px 20px 20px;
			list-style: none;
			overflow: hidden;
			height: 90px;
			.item{
				color: #666666;
				font-size: 12px;
				line-height: 26px;
				width: 100%;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
		}
		.btn_more{
			position: absolute;
			left: 24px;
			bottom: 8px;
		}
	}
</style>
