jy/src/web/staticres/common-module/messageCenter/js/detail.js

var vm = new Vue({
  el: '#detailed',
  delimiters: ['{', '}'],
  data () {
    return {
      tit: '',
      imgSrcs: [
        {title: '活动优惠', url:'huodong'},
        {title: '服务通知', url:'fuwu'},{title: '订阅消息', url:'dingyue'},
        {title: '项目动态', url:'xiangmu'},{title: '企业动态', url:'qiye'},
        {title: '分析报告', url:'fenxi'},{title: '系统通知', url:'xitong'}
      ],
      lists: [],
      tabsList: {
        offset: 1,
        pageSize: 20,
        totals: 0,
        loading: true,
        finished: false
      }
    }
  },
  created() {
    let indx = getQueryString('type')
    let nums = getQueryString('num')
    if (nums != 0) {
      this.setRead(indx)
    }
    setTimeout(() => {
      let wxType = getType()
      if (!wxType) {
        checkMsgCount(true, 0)
      }
    }, 300)
    this.tit = this.imgSrcs[indx - 1].title
    document.title = this.imgSrcs[indx - 1].title
  },
  mounted () {
    iosBackRefresh()
  },
  updated() {
    let el = document.getElementById('descri')
    el.scrollTop = el.scrollHeight
  },
  methods: {
    platType() {
      let wxType = getType()
      if (wxType) {
        return 3
      } else {
        return 2
      }
    },
    // 点击分类修改分类下的消息为已读
    setRead(val) {
      const _this = this
      $.ajax({
        type:'POST',
        url:'/jymessageCenter/setReadStatus',
        data: {
          msgType: val
        },
        success:function () {}
      })
    },
    appMesg(type) {
      const _this = this
      $.ajax({
        type: 'GET',
        url: '/jymessageCenter/appClickMessage',
        data: {
          msgType: type,
          platform: _this.platType(),
          offset: this.tabsList.offset,
          pageSize: this.tabsList.pageSize
        },
        success:function () {}
      })
    },
    // 消息详情
    msgData() {
      const _this = this
      this.appMesg(getQueryString('type'))
      $.ajax({
        type: 'POST',
        url: '/jymessageCenter/messageList',
        data: {
          needFilter: 0,
          msgType: getQueryString('type'),
          isRead: '-1',
          offset: this.tabsList.offset,
          pageSize: this.tabsList.pageSize
        },
        success: function (r) {
          if (r && r.status == 1) {
            _this.tabsList.offset++
            if (_this.tabsList.offset === 1) {
              if (r.data.total || r.data.total === 0) {
                _this.tabsList.total = r.data.total
              } else {
                _this.tabsList.finished = true
              }
            }
            if (Array.isArray(r.data.list) && r.data.list.length !== 0) {
              setTimeout(() => {
                r.data.list.map(function (v) {
                  _this.lists.unshift({
                    id: v.id,
                    msg_type: v.msg_type,
                    title: v.title,
                    content: v.content,
                    createtime: v.createtime,
                    link: v.link,
                    url: v.url
                  })
                })
              }, 200)
            } else {
              _this.tabsList.finished = true
            }
    
            // _this.tabsList.loading = false
            if (_this.tabsList.total !== -1 && _this.tabsList.total <= _this.lists.length) {
              _this.tabsList.finished = true
            }
          }
        }
      })
    },
    msgClick(url) {
      let wxType = getType()
      let appType = androidOrIOS()
      if (wxType) {
        if (url.weChatUrl) {
          location.href = url.weChatUrl
        } else {
          return
        }
      } else {
        if (appType == 'android') {
          if (url.androidUrl) {
            location.href = url.androidUrl
          } else {
            return
          }
        } else {
          if (url.iosUrl) {
            location.href = url.iosUrl
          } else {
            return
          }
        }
      }
    }
  }
})