<template>
    <div>
        <div class="map-con" style="overflow:auto;">
            <ul>
                <li v-for="item in noticeList">
                    <br>
                    <div @click="noticeInfo(item.noticeId)" style="cursor:pointer;display:inline-block;margin-left: 20px">{{item.noticeTitle}}</div>
                    <div style="float: right;margin-right: 20px">{{item.createTime}}</div>
                    <br>
                </li>
            </ul>
        </div>
    </div>
</template>
<script>
import Preview from "./Preview.vue";
export default{
    components:{

    },
    data(){
        return{
            noticeList: [],
        }
    },
    computed:{

    },
    created:function(){
        $store.dispatch("GetHomeNoticeList").then(response => {
            this.noticeList = response.dataResult;
        });
        this.$emit("SetTitle", this.$t("module.systemNotice.systemNotice"))
    },
    beforeMount:function(){

    },
    mounted:function(){

    },
    beforeDestroy:function(){

    },
    destroyed:function(){

    },
    methods:{
        noticeInfo(obj){
            new this.$pageModal(
                Preview,
                {
                    props: {
                        noticeId: obj
                    }
                },
                (data) => {

                }
            )
        },
    },
    watch:{

    },
    directives:{

    }
}
</script>
