<template>
    <div style="width: 100%;background: #fff;min-height: 700px;color: #666;">
        <div style="height: 60px;line-height: 60px;padding-top: 30px;margin-left: 30px;margin-right: 30px; border-bottom: 1px solid rgba(228, 228, 228, 1);">
            {{$t('common.MyCollection')}}
            <!-- （<span>{{num}}</span>） -->
        </div>
        <div>
            <!-- <ul style="margin:30px;width: 90%;">
                <img src="@/assets/img/noData.png" alt="" style="width: 100%;height: 100%;">
            </ul> -->
        </div>
        <!-- <div style="height:50px;line-height:50px">
            <span :class="informationsClass==1?'information2':'information1'" @click="getInformation(1)" class="cursor">收藏的项目</span>
            <span :class="informationsClass==2?'information2':'information1'" @click="getInformation(2)" class="cursor">收藏的公司</span>
            <span :class="informationsClass==3?'information2':'information1'" @click="getInformation(3)" class="cursor">收藏的会议</span>
            <span :class="informationsClass==4?'information2':'information1'" @click="getInformation(4)" class="cursor">收藏的资讯</span>
        </div> -->
        <!-- <userCenterFavoriteItems v-if="informationsClass==1"></userCenterFavoriteItems>
        <userCenterCollectionCompany v-if="informationsClass==2"></userCenterCollectionCompany>
        <userCenterCollectionMeeting v-if="informationsClass==3"></userCenterCollectionMeeting> -->
        <userCenterCollectionInformation style="margin-left: 20px;"></userCenterCollectionInformation>
    </div>
</template>
<script>
    // import userCenterFavoriteItems from './userCenterFavoriteItems' // 收藏项目
    // import userCenterCollectionCompany from './userCenterCollectionCompany'  // 收藏公司
    // import userCenterCollectionMeeting from './userCenterCollectionMeeting'  // 收藏会议
    import userCenterCollectionInformation from './userCenterCollectionInformation'  // 收藏资讯
    import {get,collectModelStatusByModelIdAndUserId,del} from '@/api/operation/consultMessageInfo'
    import {getPortalMyCollecModel} from "@/api/baseContactsInfo"
    export default {
        name: 'userCenterMyCollection',
        components:{
            // userCenterFavoriteItems,
            // userCenterCollectionCompany,
            // userCenterCollectionMeeting,
            userCenterCollectionInformation
        },
        data () {
            return {
                informationsClass:'1',
                dialogVisible: false,
                userId:'',
                num:0,
            }
        },
       
        mounted(){
            let user = window.localStorage.getItem('user'); 
            var users = JSON.parse(user);
            this.userId = users.userId;
            this.getCollect()
        },
        
        methods:{
            getCollect(){
                let list = {
                    modelType:'message',
                    userId:this.userId,
                    language:this.$i18n.locale.toUpperCase(),

                    pageNo:'1'
                }
                collectModelStatusByModelIdAndUserId(list).then(res=>{
                    this.num = res.data;
                })
            },
            getInformation(num){
                this.informationsClass=num
            },
        }
    }
</script>
<style scoped>
    .information1 {
        display: inline-block;
        width: 123px;
        height: 100%;
        border:1px solid rgba(228, 228, 228, 1);
        text-align: center;
        background: #f9f9f9;
        color: #999;
    }
    .information2 {
        display: inline-block;
        width: 123px;
        height: 100%;
        border-top:3px solid #2c5589;
        text-align: center;
        color: #2c5589;
    }
    .information1:hover {
        color: #FF0036;
    }
</style>