<template>
  <div>
    <div class="header">公告详情</div>
    <div class="title">
      <div>{{data.title}}</div>
      <div class="info">
        <span class="fl">{{data.dept.dept}}</span>
        <span class="fr">{{data.createTime}}</span>
      </div>
    </div>
    <div class="content" v-html="data.content"></div>
    <!-- <div class="txtRight">后勤部</div>
    <div class="txtRight">2018-08-19</div>-->
  </div>
</template>
<script>
export default {
  data() {
    return {
      items: [],
      data: {}
    };
  },
  methods: {
    getData() {
      var that = this;
      that.data =that.$route.params.data;
      console.log(that.data)
    }
  },
  created() {
    this.getData();
  },
  mounted() {}
};
</script>
<style scoped lang='less'>
.header {
  width: 100%;
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  color: #fff;
  font-size: 0.37rem;
  background: linear-gradient(#2e2f32, #414246);
  position: fixed;
  top: 0;
  z-index: 6;
}

.title {
  padding: 0 0.24rem;
  //   height: 0.88rem;
  font-size: 0.36rem;
  margin-top: .88rem;
  div {
    width: 100%;
    line-height: 0.88rem;
    &.info {
      overflow: hidden;
      line-height: 0.45rem;
      border-bottom: 0.01rem rgb(223, 222, 222) solid;
      span {
        color: #999;
        font-size: 0.24rem;
      }
    }
  }
}

.content {
  color: #333;
  font-size: 0.32rem;
  padding: 0.32rem;
  line-height: 0.45rem;
  text-indent: 0.7rem;
  margin-bottom: 0.32rem;
  overflow: hidden;
  .table{
    width: 100% !important;
  }
}
.txtRight {
  color: #333;
  font-size: 0.32rem;
  text-align: right;
  padding-right: 0.32rem;
  line-height: 0.45rem;
}
</style>