<template>
  <view id="notice" class="page">
    <view class="padding text-lg">
      <u-parse v-if="ready&&contentType == 1" :imageProp="{ domain: apiRoot }" :content="content"></u-parse>
	  <iframe v-if="ready&&contentType == 2" style="width: 100%;height: calc(100vh - 150px);" :src="CONFIG('webHost')+'/Utility/ListContentView?keyValue='+keyValue" frameborder="0"></iframe>
    </view>
    <view class="padding-sm text-grey notice-info">
      <view class="text-right">本页内容发布于 {{ time }}</view>
      <view class="text-right">{{ date }}</view>
    </view>
  </view>
</template>

<script>
import moment from 'moment'

export default {
  data() {
    return {
      ready: false,
      content: '',
      time: '',
      date: '',
	  contentType:'',
	  keyValue:'',
    }
  },

  async onLoad() {
    await this.init()
  },

  methods: {
    async init() {
      this.LOADING('加载中…')
      const noticeItem = this.GET_PARAM()
	  this.keyValue = noticeItem.f_id
	  if(noticeItem.f_category){
		  this.contentType = 2
	  }else{
		  this.contentType = 1
	  }
	  console.log(noticeItem)
      this.content = this.CONVERT_HTML(noticeItem.f_content)
      this.time = moment(noticeItem.f_time).format('HH : mm')
      this.date = moment(noticeItem.f_time).format('YYYY年 M月 D日')
      this.SET_TITLE(noticeItem.f_title)

      this.ready = true
      this.HIDE_LOADING()
	  let _postData = {
	  	newsId: noticeItem.f_id,
	  }
	  this.HTTP_POST('learun/news/newsRead',_postData, '加载数据时出错');
    }
  }
}
</script>
