<template>
  <sail-page type="loading-view" title="业务消息" isHead>
    <div slot="content">
      <emptyPageCard :isEmptyType="businessList.length===0?'message':'normal'"/>
        <div class="copyright">
        	<div class="copyright__theme">
        		<h1 class="copyright__theme_header" v-if="businessList.length!==0">{{Date.now() | accurateTime}}</h1>
        		<div class="copyright__theme_text">
                <newsStatus v-for="(item, index) in businessList" :key="index" :data="item"/>
        		</div>
        	</div>
        </div>
    </div>
  </sail-page>
</template>

<script>

import sailPage from "@/components/sail-page.vue";
import newsStatus from "@/common/widget/newsStatus.vue";
import { mapState } from "vuex";
import emptyPageCard from "@/common/widget/emptyPageCard.vue";
export default {
  components: {
    sailPage,
    newsStatus,
    emptyPageCard
  },
  computed: {
    ...mapState({
      businessList: state => state.messageModule.businessList,
    })
  },
  asyncData({store, route}) {
    let id = route.params.id;
    return store.dispatch("messageModule/businessFindPage").then(res => {
         
    });
  },
  data: function(){
    return {

    }; 
  },
  methods: {
      
  }
};
</script>
<style lang="less">
  
</style>
<style lang="less" scoped>
  .copyright {
  	.copyright__theme {
		width: 340px;
		font-size: 14px;
    margin: auto;
		.copyright__theme_header {
			margin-top: 10px;
			margin-bottom: 10px;
		}
  	}
  }
</style>