wxappb2b/GuangZuan/miniprogram/pages/home/home.ts

// pages/home/home.ts

import services from "../../services/index"
import { queryImageConfigs, queryNotice } from "../../services/api/common/index"
import { homeData } from "../../services/api/orders/index"
import { loginid, userid } from "../../services/utils"
import Toast from "../../miniprogram_npm/@vant/weapp/toast/toast"

Page({

  /**
   * 页面的初始数据
   */
  data: {
    /// 底部安全区域
    safeBottom: getApp().globalData.safeBottom,
    /// 窗口高度
    windowHeight: getApp().globalData.windowHeight,
    /// banner轮播图
    banners: [''],
    /// 功能菜单
    menus: [{id: 1, icon: '', title: '钻石搜索', path: '/mHome/pages/search/search'}, 
            {id: 2, icon: '', title: '挂牌大厅', path: 'pages/trade/trade'}, 
            {id: 3, icon: '', title: '钻石首饰', path: '/mHome/pages/jewelry/jewelry'}, 
            {id: 4, icon: '', title: '出境检测', path: '/mHome/pages/inspection/list/list'}, 
            {id: 5, icon: '', title: '保税服务', path: '/mHome/pages/bond/list/list'}],
    /// 统计
    statistics: [{id: 1, title: '出售中', value: 0}, 
                 {id: 2, title: '求购中', value: 0}, 
                 {id: 3, title: '已购买', value: 0}, 
                 {id: 4, title: '已出售', value: 0}, 
                 {id: 5, title: '今日汇率', value: 0}],
    /// 首页数据
    homedata: [0, 0, 0, 0, 0],
    /// 公告消息
    notice: {},
    /// 公告系XO
    msgs: [{}]
  },

  /**
   * 获取首页轮播图数据
   */
  queryImageConfigs() {
    /// 获取首页轮播图数据
    queryImageConfigs({
      data: { imageType: 1 },
      success:(res) => {
        /// 数据设置
        this.setData({
          banners: res.data.map(item => {
             return (services.config.openApiUrl+item.imagepath).replace('./uploadFile', '/uploadFile')
          })
        })
      },
      fail:(emsg) => {
        console.log('首页数据获取失败，原因：'+emsg)
      },
      complete:() => {}
    })
  },

  /**
   * 获取首页数据信息
   */
  homeData() {
    /// 获取新闻首页数据
    homeData({
      data: { userid: userid() },
      success:(res) => {
        /// 数据设置
        var array = [res.data.transactionssold, 
                     res.data.transactioninpurchase, 
                     res.data.purchasedtransactions, 
                     res.data.transactionsonsale, 
                     wx.getStorageSync('LoginQuery').exchangeRateConfigs[0].exchangerate]
        this.setData({ homedata: array })
      },
      fail:(emsg) => {
        console.log('首页数据获取失败，原因：'+emsg)
      },
      complete:() => {}
    })
  },

  /**
   * 查询通知公告消息
   */
  queryNotice(){
    /// loading
    Toast.loading({ message: '请求中.....' })
    /// 发送查询请求
    queryNotice({
      data: {
        loginID: loginid()
      },
      success:(res) => {
        /// 数据为空
        if (res.code != 200) {
          Toast('公告消息请求失败，原因：'+res.msg)
          return
        }
        /// 加载成功 数据复制
        this.setData({ 
          notice: res.data[0],
          msgs: res.data
        })
      },
      fail: (emsg) => {
        /// 加载失败
        Toast('公告消息请求失败，原因：'+emsg)
      },
      complete: () => {
        /// 清除Toast
        Toast.clear()
      }
    })
  },

  /**
   * 跳转公告消息页面方法
   */
  goToMsg() {
    wx.navigateTo({
      url: '/mHome/pages/msg/msglist/msglist'
    })
  },

  /// 进入公告消息详情页
  goToMsgDetail(r: any) {
    let jsonStr = JSON.stringify(this.data.msgs[r.currentTarget.id])
    wx.navigateTo({
      url: '/mHome/pages/msg/msgdetail/msgdetail?id='+jsonStr
    })
  },

  /// onGirdClick
  onGirdClick(e: any) {
    switch (e.target.id) {
      case "挂牌大厅":
        wx.switchTab({
          url: '/pages/trade/trade'
        })
        break;
      default:
        break;
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    /// 获取新闻首页数据
    this.homeData()
    /// 查询新闻资讯
    this.queryNotice()
    /// 查询轮播图数据
    this.queryImageConfigs()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    this.getTabBar().init()
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})