Colorful-childhood/pages/details/details.js

// pages/details/details.js
import httpRequestApi from '../../utils/APIRequest';
import util from '../../utils/util';
Page({
  /**
   * 页面的初始数据
   */
  data: {
    anthologyHide: true,
    detailsHide: true,
    hide: true,
    str: '',
    summary: '',
    courseWareList: [],
    courseId: '',
    favoritesFlag: false,
    title: '',
    iconImg: '',
    postsList: [],
    dateArr: []
  },
  //点击收藏
  favorites: function () {
    this.setData({
      favoritesFlag: !this.data.favoritesFlag
    })
    httpRequestApi.getDetailsFavorites({
      targetCode: this.data.courseId,
      title: this.data.title,
      iconImg: this.data.iconImg
    }).success((res)=>{
      console.log(res);

    })
    
  },

  //点击出现选集
  commentAnthology: function () {
    this.setData({
      anthologyHide: !this.data.anthologyHide
    })
  },

  //出现详情页
  commentDetails: function () {
    this.setData({
      detailsHide: !this.data.detailsHide
    })
  },

  //点击评论
  pinglun: function () {
    this.setData({
      hide: !this.data.hide
    })
  },
  //点击取消
  no: function () {
    this.setData({
      hide: !this.data.hide,
      str: ''
    })
  },
  //点击确定评论
  yes: function () {
    if(this.data.str === '') {
      wx.showModal({
        title: '提示',
        content: '请输入内容'
      })
      return false;
    }
    httpRequestApi.getDetailsPosts({
      columnId: this.data.courseId,
      columnNames: this.data.title,
      detailDesc: this.data.str
    }).success((res)=>{
      if(res.data.success){
        wx.showToast({
          title: '评论成功'
        })
        this.setData({
          hide: !this.data.hide,
          str: ''
        })
        //获取评论列表
        this.getPostsList(this.data.courseId);
      }
    })    
  },   
  //获取输入值
  focus: function ({detail}) {
    this.setData({
      str: detail.value
    })
  }, 

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    const courseId = options.id;
    httpRequestApi.getCourseDetails(courseId).success((res)=>{
      console.log('课程详情', res);
      const data = res.data.data;
      this.setData({
        favoritesFlag: data.isFavorites,
        title: data.course.title,
        iconImg: data.course.iconImg,
        courseId,
        summary: data.course.summary,
        courseWareList: data.courseWareList
      })
    })
    //获取评论列表
    this.getPostsList(courseId);
  },
  //获取评论列表
  getPostsList: function (courseId) {
    httpRequestApi.getPostsList({
      courseId,
      pageNo: 1,
      pageSize: 10
    }).success((res)=>{
      console.log('评论列表', res);
      const dateArr = [];
      res.data.data.list.forEach(item => {
        dateArr.push(util.formatTime(new Date(item.gmtCreated)));
      });
      this.setData({
        postsList: res.data.data.list,
        dateArr
      })
    })
  },

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

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  },

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

  },

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

  },

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

  },

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

  },

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

  }
})