FuWai_WebUI_V6/fuwaiCallCen.../src/views/dashboard/components/appAds.vue

<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="/schedule/manage">
      <el-dropdown-item>
        <i class="el-icon-more"/>查看更多
      </el-dropdown-item>
    </router-link>
  </el-card>
</template>

<script>
import { getSchedule } from '@/api/customer/customerInfoHY'
export default {
  name: 'AllNotice',
  props: {
    height: {
      type: String,
      default: '170px'
    }
  },
  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获取当天到期的客户信息
      }
      getSchedule(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.content
              })
            })
          }
        }
      })
    }
  }
}
</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 10px 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;
		}
		.inlineBlock{
			line-height: 20px;
			font-size: 12px
		}
	}
</style>