// pages/topics/attract/index.js
import {
  TopicModel
} from '../../../models/topic'
let topicModel = new TopicModel()
Component({
  /**
   * 组件的属性列表
   */
  properties: {},

  /**
   * 组件的初始数据
   */
  data: {
    //促招引的列表
    oceanList: [],
    spaceList: [],
  },
  attached: function () {
    this.fetchAttractList()
  },
  /**
   * 组件的方法列表
   */
  methods: {
    //促招引
    fetchAttractList() {
      var th = this;
      var page = 1;
      var pageSize = 3
      topicModel.getAttractList('sc-hyrcfnzx', page, pageSize, res => {
        console.log('海洋人才赋能中心-->', res)
        const datas = res.list
        let tempDatas = []
        datas.forEach(item => {
          tempDatas.push({
            id: item.id,
            title: item.title,
            image: item.titlePic,
            showTop: item.isTop == 1 ? true : false,
            time: item.createTime,
            readed: item.isRead == 0 ? false : true,
            type: item.type
          })
        })
        th.setData({
          oceanList: tempDatas,
        })
      })
      topicModel.getAttractList('sc-ztkj', page, pageSize, res => {
        console.log('折腾空间-->', res)
        const datas = res.list
        let tempDatas = []
        datas.forEach(item => {
          tempDatas.push({
            id: item.id,
            title: item.title,
            image: item.titlePic,
            showTop: item.isTop == 1 ? true : false,
            time: item.createTime,
            readed: item.isRead == 0 ? false : true,
            type: item.type
          })
        })
        th.setData({
          spaceList: tempDatas,
        })
      })
    },
    //海洋人才赋能中心详情
    clickListItem(e) {
      const {
        id,
        index,
        type
      } = e.detail
      this.setData({
        [`oceanList[${index}].readed`]: true
      })
      //type 文章/活动标识0-文章,1-活动
      if (type == 0) {
        this.goOceanDetail(id)
      } else {
        this.gotoActivityPage(id)
      }
    },
    goOceanDetail(id) {
      wx.navigateTo({
        url: `/pages/topics/attract/oceanDetail/index?id=${id}`,
      })
    },
    //活动  1
    gotoActivityPage(id) {
      wx.navigateTo({
        url: `/pages/topics/activity/activityDetail/index?activityId=${id}`,
      })
    },
    //海洋人才赋能中心更多
    goOceanMore() {
      wx.navigateTo({
        url: `/pages/topics/attract/ocean/index`,

      })
    },
    //折腾空间中心详情
    clickListItemSpace(e) {
      //console.log(e.detail)
      const {
        id,
        index,
        type
      } = e.detail
      this.setData({
        [`spaceList[${index}].readed`]: true
      })
      //type 文章/活动标识0-文章,1-活动
      if (type == 0) {
        this.goSpacenDetail(id)
      } else {
        this.gotoActivityPage(id)
      }
    },
    goSpacenDetail(id) {
      wx.navigateTo({
        url: `/pages/topics/attract/spaceDetail/index?id=${id}`,
      })
    },
    //折腾空间中心更多
    goSpaceMore() {
      wx.navigateTo({
        url: `/pages/topics/attract/space/index`,
      })
    },
  }
})