userCenterMyCollection.vue 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <template>
  2. <div style="width: 100%;background: #fff;min-height: 700px;color: #666;">
  3. <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);">
  4. {{$t('common.MyCollection')}}
  5. <!-- (<span>{{num}}</span>) -->
  6. </div>
  7. <div>
  8. <!-- <ul style="margin:30px;width: 90%;">
  9. <img src="@/assets/img/noData.png" alt="" style="width: 100%;height: 100%;">
  10. </ul> -->
  11. </div>
  12. <!-- <div style="height:50px;line-height:50px">
  13. <span :class="informationsClass==1?'information2':'information1'" @click="getInformation(1)" class="cursor">收藏的项目</span>
  14. <span :class="informationsClass==2?'information2':'information1'" @click="getInformation(2)" class="cursor">收藏的公司</span>
  15. <span :class="informationsClass==3?'information2':'information1'" @click="getInformation(3)" class="cursor">收藏的会议</span>
  16. <span :class="informationsClass==4?'information2':'information1'" @click="getInformation(4)" class="cursor">收藏的资讯</span>
  17. </div> -->
  18. <!-- <userCenterFavoriteItems v-if="informationsClass==1"></userCenterFavoriteItems>
  19. <userCenterCollectionCompany v-if="informationsClass==2"></userCenterCollectionCompany>
  20. <userCenterCollectionMeeting v-if="informationsClass==3"></userCenterCollectionMeeting> -->
  21. <userCenterCollectionInformation style="margin-left: 20px;"></userCenterCollectionInformation>
  22. </div>
  23. </template>
  24. <script>
  25. // import userCenterFavoriteItems from './userCenterFavoriteItems' // 收藏项目
  26. // import userCenterCollectionCompany from './userCenterCollectionCompany' // 收藏公司
  27. // import userCenterCollectionMeeting from './userCenterCollectionMeeting' // 收藏会议
  28. import userCenterCollectionInformation from './userCenterCollectionInformation' // 收藏资讯
  29. import {get,collectModelStatusByModelIdAndUserId,del} from '@/api/operation/consultMessageInfo'
  30. import {getPortalMyCollecModel} from "@/api/baseContactsInfo"
  31. export default {
  32. name: 'userCenterMyCollection',
  33. components:{
  34. // userCenterFavoriteItems,
  35. // userCenterCollectionCompany,
  36. // userCenterCollectionMeeting,
  37. userCenterCollectionInformation
  38. },
  39. data () {
  40. return {
  41. informationsClass:'1',
  42. dialogVisible: false,
  43. userId:'',
  44. num:0,
  45. }
  46. },
  47. mounted(){
  48. let user = window.localStorage.getItem('user');
  49. var users = JSON.parse(user);
  50. this.userId = users.userId;
  51. this.getCollect()
  52. },
  53. methods:{
  54. getCollect(){
  55. let list = {
  56. modelType:'message',
  57. userId:this.userId,
  58. language:this.$i18n.locale.toUpperCase(),
  59. pageNo:'1'
  60. }
  61. collectModelStatusByModelIdAndUserId(list).then(res=>{
  62. this.num = res.data;
  63. })
  64. },
  65. getInformation(num){
  66. this.informationsClass=num
  67. },
  68. }
  69. }
  70. </script>
  71. <style scoped>
  72. .information1 {
  73. display: inline-block;
  74. width: 123px;
  75. height: 100%;
  76. border:1px solid rgba(228, 228, 228, 1);
  77. text-align: center;
  78. background: #f9f9f9;
  79. color: #999;
  80. }
  81. .information2 {
  82. display: inline-block;
  83. width: 123px;
  84. height: 100%;
  85. border-top:3px solid #2c5589;
  86. text-align: center;
  87. color: #2c5589;
  88. }
  89. .information1:hover {
  90. color: #FF0036;
  91. }
  92. </style>