reader/pages/index/index.js

//index.js
//获取应用实例
// 获取授权登录

import {
  getOpenidSessionKey
} from '../../utils/httpUtil';
// 不用获取授权登录
import {
  getOpenidNoLogin
} from '../../utils/httpUtilNoLogin';
import {
  formatDate
} from '../../utils/util';

const app = getApp()

import {
  hotInit
} from '../../component/hot/hot';
import {
  groupInit
} from '../../component/group/group';
import {
  myInit
} from '../../component/my/my';
import httpRequestApi from '../../utils/APIClient';
import httputil from '../../utils/httpUtil';
import {
  GetQueryString
} from '../../utils/util';

Page({
  data: {
    tab: [{
        name: '我的',
        templates: 'my',
      }, {
        name: '推荐',
        templates: 'recommend',
      },
      {
        name: '关注',
        templates: 'follow',
      },
      {
        name: '资源',
        templates: 'courses',
      }
    ],
    winH: 568,
    statusBarHeight: getApp().globalData.statusBarHeight,
    myIndex: 0,
    followData: [],
    recommendPageNo: 1,
    recommendPageSize: 3,
    recommendTotalNo: 1,
    myData: {},
    templates: '',
    title: 'index中的title',
    jurisdictionFlag: true,
    hotInput: '12345',
    mineSettingInfo: '528',
    hide: true,
    ifHaveMore: true,
    indexSignDialog: false,
    indexMissionDialog: false,
    unfinishedCount: 0,
    videoList: [],
    nextMargin: '400rpx', // 视频下边距
    commentShow: false,
    commentList: [],
    commentNum: 0,
    followPageNo: 1,
    followPageSize: 3,
    coursePageNo: 1,
    coursesData: [],
    updateId: 0, // 刷新id
    statusbarobj: {
      isshowbtn: true, //是否显示按钮
      title: "小学语文朗读配音", //标题
    },
    grade: wx.getStorageSync('grade'),
    noMoreWork: false, // 没有更多作品 已经到底了
    upgradeHide: true,
    gradeActivity: '',
    helpPayHide: true,
    tipsType: '',
    helpPayImg: '',
    tipsImg: '',
    payPrice: '',
    iphoneType: '',
    isVip: null,
    isIos: null
  },
  jurisdiction: function () {
    //隐藏弹框
    this.setData({
      hide: !this.data.hide
    })
    //登录页信息
    this.updateData(0)
  },
  // 隐藏升级弹窗
  hideUpgrade() {
    this.setData({
      upgradeHide: true
    })
  },
  //tab点击
  switcher: function ({
    currentTarget
  }) {
    if (currentTarget.dataset.index === this.data.myIndex) return;
    this.updateData(currentTarget.dataset.index);
  },
  // 根据index 更新template
  updateData: function (index) {
    let myIndex = parseInt(index);
    this.setData({
      myIndex,
      noMoreWork: false
    });
    // 获取推荐列表
    if (myIndex == 0) {
      this.setData({
        recommendPageNo: 1,
        videoList: [],
        isSwiper: false
      }, () => {
        // 转为异步
        setTimeout(() => {
          this.getHotRecommend(this.uid);
        }, 0)
      })
      return;
    }

    /* 关注和我的需要登陆后查看 */

    if (!this.data.isLogin) {
      wx.navigateTo({
        url: `../../pages/login/login?index=${myIndex}`
      });
      return;
    }

    console.log('继续')
    // 刷新关注列表
    if (myIndex == 1) {
      this.setData({
        videoList: [],
        isSwiper: false,
        followPageNo: 1
      }, () => {
        this.getFollowData()
      })
      return;
    }
    // 刷新资源
    if (myIndex == 2) {
      this.setData({
        videoList: [],
        coursesData: [],
        templates: 'courses',
        coursePageNo: 1
      }, () => {
        this.getCoursesList();
      })
      return;
    }
    // 刷新我的
    if (myIndex == 3) {
      this.setData({
        videoList: [],
        templates: 'my',
        isSwiper: false
      }, () => {
        myInit(this);
      })
      return;
    }


  },
  showPage: function () {
    let options = this.data.options;
    console.log('this.data.workId', this.data.workId)
    if (this.data.workId) {
      // 需要在推荐第一个上插入一条分享或者刚朗读完数据
      let id = this.data.workId;
      this.setData({
        workId: null,
        myIndex: 0,
        videoList: [],
        isSwiper: false,
        recommendTotalNo: 1
      })
      httpRequestApi.getClassDetail(id).success(res => {
        console.log('有一条数据', res)
        let tempList = [];
        tempList.push(res.data.data);
        this.setData({
          videoList: [],
          isSwiper: false,
          recommendTotalNo: 1
        }, () => {
          this.formatWorksList(tempList, true);
          this.getHotRecommend(this.uid);
        })
      })
    } else {
      console.log('没有分享')
      if (options && options.index) {
        this.updateData(options.index)
      } else {
        console.log('又加载一边')
        this.updateData(0)
      }
    }



    setTimeout(() => {
      if (wx.getStorageSync('uid')) {
        httpRequestApi.userLoginRecord().success(res => {
          if (res.data.data && res.data.data.length !== 0) {
            // 有数据弹签到
            if (this.data.unfinishedCount > 0) {
              this.setData({
                indexSignDialog: true
              })
            }

          } else {
            // 没数据弹任务
            let oldDay = wx.getStorageSync('oldDay');
            let newDate = new Date();
            let day = newDate.getDate() < 10 ? '0' + newDate.getDate() : newDate.getDate()
            let timeStep = (newDate.getMonth() + 1).toString() + day
            if (oldDay) {
              let temp = parseInt(timeStep) - parseInt(oldDay)
              if (temp > 0) {
                wx.setStorageSync('oldDay', timeStep);
                this.setData({
                  indexMissionDialog: true
                })
              }
            } else {
              wx.setStorageSync('oldDay', timeStep);
              this.setData({
                indexMissionDialog: true
              })
            }
          }
        })
      }
    }, 2800)
  },
  onLoad: function (options) {
    this.setData({
      isIos: app.globalData.isIOS
    })
    console.log('onload', options);
    if (options.scene) {
      // this.setData({
      //   workId: options.scene
      // })
      let optionsStr = decodeURIComponent(options.scene);
      let optionsArr = optionsStr.split('&');
      // 暂时这样写
      if (optionsArr[0].split("=")[0] === "type") {
        console.log('我是团购分享')
        options.type = optionsArr[0].split("=")[1];
        options.sid = optionsArr[1].split("=")[1];
      } else {
        options.readId = optionsArr[0];
        options.activity = optionsArr[1];
      }

      console.log('整理后options', options)
    }
    if (options.readId) {
      this.setData({
        workId: options.readId
      })
    }
    /**
     * 活动统计
     */
    if (options.activity) {
      console.log('统计')
      httpRequestApi.shareAddHotAmount(options.readId).success(res => {
        console.log(res)
      })
    }
    /**团购弹窗时间紧逻辑越写越乱功能越加越多 */
    this.setData({
      iphoneType: options.type || ''
    })
    getOpenidNoLogin((res) => {
      console.log('getOpenidNoLogin', res)
      /**获取权限和订单信息 */
      // 获取商品信息
      httpRequestApi.getProductActivity().success(res => {
        wx.setStorageSync('price', res.data.data.price / 100)
        wx.setStorageSync('productId', res.data.data.id)
        if (options.type && options.type === 'iphone') {
          this.setData({
            payPrice: res.data.data.price / 100
          })
        }
      }).fail(error => {
        console.log(error)
      })
      // 获取用户权限
      this.getHelpAuth()
      if (!res.data.data.grade) {
        // 没有年级的老用户
        if (res.data.data.wechatName) {
          this.setData({
            isGradeShow: true,
            options,
            isLogin: true,
            oldUser: true
          })
          return;
        }
        this.setData({
          isGradeShow: true,
          options,
          isLogin: false,
          workId: options.scene ? options.scene : options.readId ? options.readId : undefined
        })
        return
      } else {
        if (res.data.data.wechatName) {
          this.setData({
            isLogin: true
          }, () => {
            this.showPage();
          })
        } else {
          console.log('游客未登录有年纪')
          this.showPage();
        }
      }
      // 登录或注册完成 展示页面
    }, (error) => {
      console.log('获取失败', error)
    });



    this.uid = wx.getStorageSync('uid');
    if (options.sid) {
      httpRequestApi.getUserRec(options.sid).success(res => {
        options.uid = res.data.data;
        this.shareGetPage(options)
      })
    } else {
      this.shareGetPage(options)
    }
    // if (!this.uid || !grade) {
    //   this.setData({
    //     isGradeShow: true,
    //     options
    //   })
    //   console.log('没有uid 也不是游客，需要去授权')
    //   return;
    // }
    wx.getSystemInfo({
      success: (res) => {
        console.log('系统', res)

        console.log('nextMargin', res.pixelRatio)
        console.log('windowHeight', res.windowHeight)
        console.log('windowWidth', res.windowWidth)
        // let ratio = res.pixelRatio;
        let ratio = (res.screenHeight / res.screenWidth) * 1.1;
        console.log('比例系数', ratio)
        let winH = res.windowHeight * ratio;
        let x1 = 465 * ratio;
        let x2 = 603 * ratio;
        let minusNumber = (winH * x1) / x2;
        let nextMargin = parseInt(winH - minusNumber);
        app.globalData.nextMargin = nextMargin;

        this.setData({
          winH: winH,
          devicePixelRatio: res.pixelRatio,
          nextMargin: nextMargin + 'rpx'

        });

      }
    });
  },
  // 封装分享方法之后跳到页面方法
  shareGetPage(options) {
    console.log(this.uid, options.uid, this.uid !== options.uid)
    if (options.type && options.type === 'iphone' && !app.globalData.isIOS && this.uid !== options.uid) {
      this.setData({
        helpPayHide: false,
        tipsType: 'helpPay',
        helpPayImg: 'http://reader-wx.ai160.com/images/reader/pay/buy.png',
      })
    }
    if (options.type && options.type === 'ios' && this.uid !== options.uid) {
      this.setData({
        helpPayHide: false,
        tipsType: 'helpPay',
        helpPayImg: 'http://reader-wx.ai160.com/images/reader/pay/help.png',
      })
      console.log(options.uid)
    }
    const recOsType = options.type === 'iphone' ? 'ANDROID' : (options.type === 'ios' && 'IOS');
    if (options.type && options.uid) {
      httpRequestApi.settingUserInfo({
        rec_uid: options.uid,
        recOsType,
      }).success(res => {
        console.log(res)
      })
    }
  },
  onShow: function () {
    let grade = wx.getStorageSync('grade');
    this.setData({
      gradeActivity: grade
    })
    if (this.data.myIndex === 3) {
      this.getUserWorksInfo(1)
      this.getHelpAuth()
    }
    wx.setNavigationBarTitle({
      title: '小学语文朗读配音'
    })
    if (this.data.fromLoginIndex) {
      console.log('页面返回页面返回', this.data.fromLoginIndex)
      let index = this.data.fromLoginIndex;
      let userInfo = wx.getStorageSync('user');
      this.setData({
        fromLoginIndex: null,
        isLogin: userInfo.wechatName ? true : false
      }, () => {
        this.updateData(0)
      })
    }
    if (this.data.fromReading) {
      this.setData({
        fromReading: false
      })
      this.updateData(3)
    }
    // 刷新课程资源的收藏数等
    if (this.data.myIndex === 2) {
      this.refreshCourseAmount()
    }
    this.setData({
      shareImg: '',
      shareId: ''
    })
  },

  onHide: function () {
    const str = 'hotData.inputFocus'
    this.setData({
      [str]: false
    });
  },
  /* 两个接口维护同一个数组，手动的结束后添加算法的 */
  // 推荐页信息 获取消息和手动推荐内容
  // 获取热门作品 算法出来的
  getHotRecommend: function () {
    let grade = wx.getStorageSync('grade')
    let pageNo = this.data.recommendPageNo;
    let pageSize = this.data.recommendPageSize;
    httpRequestApi.getHotRecommendSecond(grade, pageNo, pageSize).success(res => {
      console.log(res)
      const recommendRes = res.data.data.list;
      if (recommendRes.length <= 0) {
        this.setData({
          noMoreWork: true
        })
        return
      };
      // const recommendWorks = [];
      this.formatWorksList(recommendRes);
    })
  },
  // 组装list
  formatWorksList(list, notSet) {
    // const tempList = [];
    console.log('列表长度列表长度', list.length)
    if (list.length < 3 || list.length === 0) {
      this.setData({
        noMoreWork: true
      })
    }
    list.forEach((item, index) => {
      /* if (index === list.length - 2 && list.length > 2) {
        console.log('设置当前id', item.id)
        this.setData({
          updateId: item.userRead.id
        })
      } */
      const temp = {};
      temp.title = item.userRead.title;
      temp.summary = item.userRead.summary;
      temp.img = item.userRead.iconImg;
      temp.plays = item.userRead.playAmount ? item.userRead.playAmount : 0;
      temp.likes = item.userRead.likeAmount ? item.userRead.likeAmount : 0;
      temp.commentAmount = item.userRead.commentAmount ? item.userRead.commentAmount : 0;
      temp.shareAmount = item.userRead.shareAmount;
      temp.favoritesAmount = item.userRead.favoritesAmount;
      temp.classId = item.userRead.exampleId ? item.userRead.exampleId : 1605097720036046;
      temp.time = formatDate(item.userRead.gmtCreated, 3);
      temp.avatar = item.user.avatar;
      temp.profession = item.user.profession;
      temp.uid = item.user.uid;
      temp.markPath = item.userRead.markPath ? item.userRead.markPath : item.userRead.videoPath;
      temp.url = item.userRead.videoPath ? item.userRead.videoPath : item.userRead.originVideo;
      temp.id = item.userRead.id;
      temp.type = item.userRead.type;
      temp.nickName = item.user.wechatName;
      temp.isLike = item.isLike;
      temp.isFans = item.isFans ? true : item.user.uid === this.uid ? true : false;
      temp.isFavorite = item.isFavorites;
      temp.isEfun = item.user.profession === '官方' ? true : false;
      temp.hasTag = item.userRead.tag && item.userRead.tag !== 'EXAMPLE' ? true : false;
      temp.tagUrl = item.userRead.tag ? item.userRead.tag === 'HOT' ? '../../static/index/hot_tag.png' : '../../static/index/new_tag.png' : ''
      temp.status = item.userRead.status;
      temp.coverImg = item.userRead.coverImg;
      temp.shareImg = item.userRead.shareImg;
      temp.grade = item.userRead.grade;
      temp.videoShow = false;
      item.isActivity && (temp.activity = true);
      this.data.videoList.push(temp);
      // tempList.push(temp);
    });
    console.log('当前list', this.data.videoList)
    // if (!notSet) {
    this.setData({
      videoList: this.data.videoList
    })
    // }

  },
  // 获取用户信息
  getUserWorksInfo: function (flag) {
    if (flag) {
      httpRequestApi.getUserWorksInfo().success(res => {
        const userInfo = this.formatGrade(res.data.data.user);
        const str = 'myData.userInfo.wechatName';
        const avatarStr = 'myData.userInfo.avatar';
        const gradeTextStr = 'myData.userInfo.gradeText';
        this.setData({
          [str]: userInfo.wechatName,
          [avatarStr]: userInfo.avatar,
          [gradeTextStr]: userInfo.gradeText
        })
      })
      return;
    }
    httpRequestApi.getUserWorksInfo().success(res => {
      this.data.myData.user = res.data.data;
      httpRequestApi.userIntoPage('pages/index/index', '首页我的').success((res) => {})
      if (res.data.data.myRead) {
        res.data.data.myRead.gmtCreated = formatDate(this.data.myData.user.myRead.gmtCreated, 4)
      }
      res.data.data.user = this.formatGrade(res.data.data.user);
      this.setData({
        // myData: res.data.data,
        ['myData.user']: res.data.data,
        ['myData.userInfo']: res.data.data.user,
        ['myData.isIOS']: app.globalData.isIOS
      }, () => {
        this.getMyRead()
      });
    }).fail(error => {
      console.log(error)
    })
  },
  formatGrade(userInfo) {
    switch (userInfo.grade) {
      case 'PRESCHOOL':
        userInfo.gradeText = '学前班'
        break;
      case 'PRIMARY_FIRST_GRADE':
        userInfo.gradeText = '一年级'
        break;
      case 'PRIMARY_SECOND_GRADE':
        userInfo.gradeText = '二年级'
        break;
      case 'PRIMARY_THREE_GRADE':
        userInfo.gradeText = '三年级'
        break;
      case 'PRIMARY_SENIOR_GRADE':
        userInfo.gradeText = '四年级';
        break;
    }
    return userInfo;
  },
  videoChange: function (e) {
    if (e.detail.activeId === this.data.updateId) {
      console.log('应该刷新')
      if (this.data.myIndex === 1) {
        this.setData({
          followPageNo: this.data.followPageNo + 1
        }, () => {
          this.getFollowData()
        })
      }
      if (this.data.myIndex === 0) {
        console.log('首页加载第二页')
        this.setData({
          recommendPageNo: this.data.recommendPageNo + 1
        }, () => {
          this.getHotRecommend()
        })
      }
    }


  },
  // 触底加载
  onReachBottom: function () {
    if (this.data.myIndex === 2) {
      this.setData({
        coursePageNo: this.data.coursePageNo + 1
      }, () => {
        this.getCoursesList()
      })
    }
    if (this.data.myIndex === 1) {
      this.setData({
        followPageNo: this.data.followPageNo + 1
      }, () => {
        this.getFollowData()
      })
    }
    if (this.data.myIndex === 0) {
      console.log('首页加载第二页')
      this.setData({
        recommendPageNo: this.data.recommendPageNo + 1
      }, () => {
        this.getHotRecommend()
      })
    }

    // // 当前在推荐页面 加载推荐
    // if (this.data.myIndex === 1) {
    //   console.log(this.data.recommendPageNo)
    //   console.log(this.data.recommendTotalNo)
    //   this.setData({
    //     recommendPageNo: this.data.recommendPageNo + 1
    //   })
    //   if (this.data.recommendPageNo <= this.data.recommendTotalNo) {
    //     this.getHotRecommendSecond(this.uid, this.data.recommendPageNo, 3);

    //   } else {
    //     console.log('没有更多')
    //   }
    // }

  },
  onPullDownRefresh: function () {
    //当前在团购页下拉加载
    this.updateData(this.data.myIndex)
    wx.showNavigationBarLoading() //在标题栏中显示加载
    //模拟加载
    setTimeout(function () {
      wx.hideNavigationBarLoading() //完成停止加载
      wx.stopPullDownRefresh() //停止下拉刷新
    }, 1000);
  },
  goToMessage: function () {
    wx.navigateTo({
      url: `../../pages/social/insideMessage/insideMessage`
    });
    const str = 'hotData.unReadMessageNum';
    this.setData({
      [str]: 0
    })
  },
  toMyCollage: function (e) {
    if (app.globalData.isIOS) {
      wx.navigateTo({
        url: `../../pages/groupPage/my-group/my-group?title=我的助力`
      });
    } else {
      wx.navigateTo({
        url: `../../pages/groupPage/my-group/my-group?title=我的拼团`
      });
    }

  },
  toMyCourse: function () {
    wx.navigateTo({
      url: `../../pages/user/mycourse/mycourse?title=我的课程`
    });
  },
  goToFlower: function () {
    wx.navigateTo({
      url: `../../pages/social/littleFlower/littleFlower`
    });
  },
  signInBtn: function (e) {
    this.setData({
      indexSignDialog: false
    })
    console.log(e.detail.formId)
    httpRequestApi.postFormId(e.detail.formId).success(res => {
      console.log(res)
    })
    this.goToFlower();
  },
  missionBtn: function () {
    this.setData({
      indexMissionDialog: false
    })
    this.goToFlower();
  },
  getUserAuth: function () {
    httpRequestApi.getUserAuth().success(res => {
      console.log(res)
      const str = 'myData.isVIP'
      if (res.data.data) {
        this.setData({
          [str]: true
        })
      } else {
        this.setData({
          [str]: false
        })
      }
    })
  },
  delHideMyWork: function () {
    this.getMyRead()
  },
  // 获取我的朗读
  getMyRead: function () {
    httpRequestApi.myRead().success(res => {
      console.log(123123, res)
      console.log('mydata', this.data.myData)
      const myList = res.data.data;
      if (myList.length === 0) {
        this.setData({
          videoList: []
        })
        return
      }
      // this.formatWorksList(myList)
      // const recommendWorks = [];
      const myWorks = [];
      myList.forEach(item => {
        const temp = {};
        temp.title = item.userRead.title;
        temp.summary = item.userRead.summary;
        temp.img = item.userRead.iconImg;
        temp.plays = item.userRead.playAmount ? item.userRead.playAmount : 0;
        temp.likes = item.userRead.likeAmount ? item.userRead.likeAmount : 0;
        temp.commentAmount = item.userRead.commentAmount ? item.userRead.commentAmount : 0;
        temp.shareAmount = item.userRead.shareAmount;
        temp.favoritesAmount = item.userRead.favoritesAmount;
        temp.classId = item.userRead.exampleId ? item.userRead.exampleId : 1605097720036046;
        temp.time = formatDate(item.userRead.gmtCreated, 3);
        temp.avatar = item.user.avatar;
        temp.profession = item.user.profession;
        temp.uid = item.user.uid;
        temp.markPath = item.userRead.markPath ? item.userRead.markPath : item.userRead.videoPath;
        temp.url = item.userRead.videoPath ? item.userRead.videoPath : item.userRead.originVideo;
        temp.id = item.userRead.id;
        temp.type = item.userRead.type;
        temp.nickName = item.user.wechatName;
        temp.isLike = item.isLike;
        temp.isFavorite = item.isFavorites;
        temp.showMyBtn = true;
        temp.nickName = this.data.myData.userInfo.wechatName;
        temp.status = item.userRead.status;
        temp.ifCheck = item.userRead.status === 'CHECK' ? true : false;
        temp.coverImg = item.userRead.coverImg;
        temp.grade = item.userRead.grade
        temp.isFans = true;
        temp.videoShow = false;
        temp.shareImg = item.userRead.shareImg;
        item.isActivity && (temp.activity = true);
        myWorks.push(temp);
      });
      console.log('myWorks', myWorks)
      if (this.data.myIndex === 3) {
        this.setData({
          videoList: myWorks,
          noMoreWork: true
        })
      }
    })
  },
  // 评论区点击
  commentTap: function (e) {
    console.log('点击评论区', e)
    if (e.target.dataset.type === 'blank') {
      if (this.data.commentShow && this.data.commentId) {
        httpRequestApi.getClassDetail(this.data.commentId).success(res => {
          console.log('评论回显', res.data.data.userRead.commentAmount)
          let str = `videoList[${this.data.commentIndex}].commentAmount`;
          this.setData({
            [str]: res.data.data.userRead.commentAmount
          })
        })
      }
      this.setData({
        commentShow: false
      })
    }
  },
  touchMove: function (e) {
    return
  },
  // 打开评论
  openComment: function (e) {
    //
    console.log('id', e.detail.activeId)
    console.log('id', e)
    this.setData({
      commentShow: !this.data.commentShow,
      commentId: e.detail.activeId,
      commentIndex: e.detail.activeIndex
      // commentList: []
    });
    // this.getReply(e.detail.activeId);
  },
  // 获取评论信息
  getReply: function (columnId) {
    debugger
    // let columnId = this.data.id;
    console.log(123123123, columnId)
    // let pageNo = this.data.pageNo;
    // let pageSize = this.data.pageSize;
    httpRequestApi.getReply(this.uid, columnId, 1, 10).success((res) => {
      console.log('reply', res)
      const commentList = res.data.data.list;
      const commentNum = res.data.data.totalSize;
      console.log('评论数量', commentNum)
      commentList.forEach((item) => {
        const temp = {};
        temp.nickName = item.user.wechatName;
        temp.avatar = item.user.avatar;
        temp.uid = item.user.uid;
        temp.text = item.detailDesc;
        temp.id = item.id;
        temp.replyCount = item.replyCount;
        temp.time = formatDate(item.gmtCreated, 3);
        temp.likes = item.postsAttributeInfo.favors || 0;
        temp.isLike = item.isLike;
        temp.replyList = item.replyVOList;
        this.data.commentList.push(temp);
      });
      this.setData({
        commentList: this.data.commentList,
        commentNum: commentNum
      })
    });
  },
  // 发布回复
  sendReply: function (e) {
    console.log('triger', e.detail.content);
    let data = {
      columnId: this.data.commentId,
      colunmNames: 'what',
      detailDesc: e.detail.content,
      // productId: this.data.productId
    }
    httpRequestApi.postReply(this.uid, data).success(res => {
      console.log(res)
      this.setData({
        pageNo: 1,
        commentList: []
      }, () => {
        this.getReply(this.data.commentId);
      })
    });
  },
  gradeTap: function () {
    // console.log("组件回调，返回上一页");
    this.setData({
      isGradeShow: true
    })
  },
  onShareAppMessage: function (res) {
    console.log('onShareAppMessage>>>>>>>>>>>>')
    console.log('this.data', this.data)
    if (res.from === 'button') {
      return {
        title: '请欣赏我的课文朗读作品，点赞+评论。',
        path: `/pages/index/index?readId=${this.data.shareId}&activity=${this.data.ifTapActivity}`,
        imageUrl: this.data.shareImg
      }
    } else {
      return {
        title: '课文朗读，从未如此有趣。',
        path: '/pages/index/index',
      }
    }
  },
  openShare: function (e) {
    console.log('点击分享', e)
    this.setData({
      shareTitle: e.detail.currentTarget.dataset.title,
      shareId: e.detail.currentTarget.dataset.id,
      shareImg: e.detail.currentTarget.dataset.shareimg,
      goToShare: true,
      ifTapActivity: e.detail.currentTarget.dataset.activity
    })
  },
  // 修改年级
  changeGrade: function (e) {
    const grade = e.target.dataset.code;

    wx.setStorageSync('grade', grade)
    this.setData({
      isGradeShow: false,
      grade
    })
    if (this.data.oldUser) {
      let data = {
        grade: e.target.dataset.code
      };
      httpRequestApi.settingUserInfo(data).success(res => {

      })
      return;
    };
    getOpenidNoLogin((res) => {
      console.log('getOpenidNoLogin', res)
      // 登录或注册完成 展示页面
      if (res.data.data.wechatName) {
        this.setData({
          isLogin: true
        })
      } else {
        this.setData({
          isLogin: false
        })
      }
      this.showPage()
    }, (error) => {
      console.log('获取失败')
      wx.setStorageSync('userSourseType', 'normal')
      this.setData({
        hide: !this.data.hide
      })
    }, grade);
  },

  getFollowData: function () {
    httpRequestApi.getFollowWorks(this.data.followPageNo, this.data.followPageSize).success(res => {
      if (res.data.data.totalSize === 0) {
        this.setData({
          videoList: [],
          noFollow: true
        })
        console.log('没有关注人或关注的人没有发过作品')
        return
      } else {
        this.setData({
          noFollow: false
        })
      }

      console.log('关注列表', res)
      const followData = res.data.data.list;
      // const videoList = [];
      this.formatWorksList(followData);
    });
  },
  // 点击用户头像区域
  headTapHandler: function (e) {
    console.log('点击头像', e)
    let tapId = e.detail.activeId;
    // 点击头像既关注 测试
    httpRequestApi.followUser(this.uid, tapId).success(res => {
      console.log(res)
    })
  },
  getCoursesList: function () {
    const grade = wx.getStorageSync('grade');
    const data = {
      pageNo: this.data.coursePageNo,
      pageSize: 6,
      grade,
      type: 'EXAMPLE'
    };
    console.log('资源', data)
    httpRequestApi.getClassRead(data).success(res => {
      console.log('资源', this.data.coursesData)
      this.setData({
        coursesData: this.data.coursesData.concat(res.data.data.list),
        noMoreWork: res.data.data.list.length <= 0 ? true : false
      }, () => {
        console.log(this.data.coursesData)
      })
    })
  },
  goToReading: function (e) {
    console.log('去朗读', e)
    const id = e.detail.activeId ? e.detail.activeId : e.currentTarget.dataset.id;
    const index = e.currentTarget.dataset.index;
    this.setData({
      goToCoursesId: id,
      goToCoursesIndex: index
    })
    wx.navigateTo({
      url: `../../pages/reading/reading?id=${id}`
    });
  },
  refreshCourseAmount() {
    console.log(this.data.goToCoursesId)
    console.log(this.data.goToCoursesIndex)
    if (this.data.goToCoursesId && (this.data.goToCoursesIndex || this.data.goToCoursesIndex === 0)) {
      httpRequestApi.getClassDetail(this.data.goToCoursesId).success(res => {
        console.log('刷新', res.data.data.userRead)
        let likeStr = `coursesData[${this.data.goToCoursesIndex}].userRead.likeAmount`;
        let commentStr = `coursesData[${this.data.goToCoursesIndex}].userRead.commentAmount`;
        let playStr = `coursesData[${this.data.goToCoursesIndex}].userRead.playAmount`;
        let shareStr = `coursesData[${this.data.goToCoursesIndex}].userRead.shareAmount`;
        let collectStr = `coursesData[${this.data.goToCoursesIndex}].userRead.collectAmount`;
        console.log(1, this.data.coursesData[this.data.goToCoursesIndex].userRead.likeAmount)
        console.log(2, res.data.data.userRead.likeAmount)
        this.setData({
          [likeStr]: res.data.data.userRead.likeAmount,
          [commentStr]: res.data.data.userRead.commentAmount,
          [playStr]: res.data.data.userRead.playAmount,
          [shareStr]: res.data.data.userRead.shareAmount,
          [collectStr]: res.data.data.userRead.collectAmount,
        }, () => {
          console.log(111222333, this.data.coursesData[this.data.goToCoursesIndex])
        })
      })
    }
  },
  courseCollectTap: function collectClass(e) {
    console.log('收藏按钮', e);
    const data = {
      targetCode: e.target.dataset.id ? e.target.dataset.id : e.currentTarget.dataset.id,
      favoritesType: e.target.dataset.type ? e.target.dataset.type : e.currentTarget.dataset.type
    }
    const index = e.target.dataset.index ? e.target.dataset.index : e.currentTarget.dataset.index;
    let str = `coursesData[${index}].isFavorites`
    httpRequestApi.collectClass(data).success((res) => {
      console.log('this.data.coursesData[index]', this.data.coursesData[index])
      this.setData({
        [str]: !this.data.coursesData[index].isFavorites
      })
    });
  },
  coursesOpenShare: function coursesOpenShare(e) {
    const obj = e.currentTarget.dataset
    console.log('分享', obj)
    console.log('分享', e)
    if (1) {
      this.shareDialog = this.selectComponent("#share-dialog");
      const data = {
        avatar: obj.avatar,
        author: obj.author,
        iconImg: obj.iconImg,
        title: obj.title,
        path: `pages/index/index`,
        scene: obj.id,
        productId: 1
        // tip: this.data.tip,
      }
      // console.log(data)
      this.setData({
        noScroll: 'noScroll',
        shareTitle: obj.title,
        shareId: obj.id,
        shareImg: obj.shareimg
      })
      this.shareDialog.share(data);
    }
  },
  collectTap: function (e) {
    const index = e.detail.index;
    let str = `videoList[${index}].isFavorite`;
    let str2 = `videoList[${index}].favoritesAmount`;
    let favoritesAmount = e.detail.isCollect ? this.data.videoList[index].favoritesAmount + 1 : this.data.videoList[index].favoritesAmount - 1
    this.setData({
      [str]: e.detail.isCollect,
      [str2]: favoritesAmount
    })
  },
  likeTap: function (e) {
    console.log('点赞', e)
    const index = e.detail.index;
    let likeStr = `videoList[${index}].isLike`;
    let likeNumStr = `videoList[${index}].likes`;
    this.setData({
      [likeStr]: true,
      [likeNumStr]: this.data.videoList[index].likes + 1
    })
    // this.flowerAnimationHandler()
  },
  flowerAnimationHandler: function () {
    this.flowerBox = this.selectComponent("#flower-box");
    console.log('this.flower', this.flowerBox)
    this.flowerBox.comeOut();
  },
  addShareAmount: function (e) {
    console.log('+++++1', e)
    let str = `videoList[${e.detail.index}].shareAmount`;
    this.setData({
      [str]: this.data.videoList[e.detail.index].shareAmount + 1
    })
  },
  /**
   * 跳转到活动页
   */
  goToActivity() {
    httpRequestApi.postActEvent('BANNER').success(res => {
      console.log('活动banner', res)
    })
    // wx.navigateTo({
    //   url: `../activity/index/index`
    //   // url: `../activity/rule/rule`
    // });
    wx.navigateTo({
      url: `../activity/goodList/goodList`
    });
  },
  /**
   * banner点击
   */
  bannerTap() {
    if (!this.data.isLogin) {
      wx.navigateTo({
        url: `../../pages/login/login?index=0`
      });
      return;
    }
    if (this.data.isIos || this.data.isVip) {
      this.myPlase();
    } else {
      this.messageAuth();
    }
  },
  /**活动改版 */
  myPlase() {
    if (!wx.getStorageSync('message')) {
      wx.requestSubscribeMessage({
        tmplIds: ['KJ0YtcAacJNSXDBsE27JXqoaFrcJ1-N6Jcu85yTtQuY',
          '-2ZZpWFoyKvAtX1HwEIQLQ92LnN8cryamB94LqLGo98'
        ],
        success: (res) => {
          console.log(res)
          if (res['KJ0YtcAacJNSXDBsE27JXqoaFrcJ1-N6Jcu85yTtQuY'] === 'reject') {
            console.log('用户不同意订阅')
            // 用户不同意订阅
            wx.setStorageSync('message', false)
          } else if (res['KJ0YtcAacJNSXDBsE27JXqoaFrcJ1-N6Jcu85yTtQuY'] === 'accept') {
            console.log('订阅成功')
            // 用户点击统一订阅
            wx.setStorageSync('message', true)
          }
          wx.navigateTo({
            url: `../vipActivity/vipActivity`
          });
        },
        fail: () => {
          wx.navigateTo({
            url: `../vipActivity/vipActivity`
          });
        }
      })
    } else {
      wx.navigateTo({
        url: `../vipActivity/vipActivity`
      });
    }


  },
  // 弹窗提示
  helpPayHideEvent() {
    this.setData({
      helpPayHide: !this.data.helpPayHide
    })
  },
  // 支付或者助力
  payAndHelp() {
    if (!this.data.isLogin) {
      wx.navigateTo({
        url: `../../pages/login/login?index=0`
      });
      return;
    }
    if (this.data.iphoneType === 'ios') {
      httpRequestApi.postUserHelp().success(res => {
        console.log(res)
        if (res.data.data) {
          this.setData({
            tipsType: 'tips',
            tipsImg: 'http://reader-wx.ai160.com/images/reader/pay/help_success.png'
          })
        } else {
          this.setData({
            tipsType: 'tips',
            tipsImg: 'http://reader-wx.ai160.com/images/reader/pay/helped.png'
          })
        }
      })
    } else {
      // 去支付需要获取权限
      this.messageAuth();
    }

  },
  // 去产品页
  goToPruduct() {
    wx.navigateTo({
      url: `../product/product?price=${this.data.myData.price}`
    });
  },
  // 授权
  messageAuth() {
    if (!wx.getStorageSync('message')) {
      wx.requestSubscribeMessage({
        tmplIds: ['KJ0YtcAacJNSXDBsE27JXqoaFrcJ1-N6Jcu85yTtQuY',
          '-2ZZpWFoyKvAtX1HwEIQLQ92LnN8cryamB94LqLGo98'
        ],
        success: (res) => {
          console.log(res)
          if (res['KJ0YtcAacJNSXDBsE27JXqoaFrcJ1-N6Jcu85yTtQuY'] === 'reject') {
            console.log('用户不同意订阅')
            wx.setStorageSync('message', false)
          } else if (res['KJ0YtcAacJNSXDBsE27JXqoaFrcJ1-N6Jcu85yTtQuY'] === 'accept') {
            console.log('订阅成功')
            wx.setStorageSync('message', true)
          }
          this.order();
        },
        fail: () => {
          this.order();
        }
      })
    } else {
      this.order();
    }
  },
  // 支付
  order() {
    // 渠道id
    const productId = wx.getStorageSync('productId');
    httpRequestApi.createOrder(productId).success(res => {
      console.log(res.data.data.package);
      const timeStamp = res.data.data.timeStamp;
      const nonceStr = res.data.data.nonceStr;
      const packages = res.data.data.package;
      const paySign = res.data.data.sign;
      wx.requestPayment({
        timeStamp,
        nonceStr,
        package: packages,
        signType: 'MD5',
        paySign,
        success: (res) => {
          if (this.data.iphoneType === 'iphone') {
            this.setData({
              tipsType: 'tips',
              tipsImg: 'http://reader-wx.ai160.com/images/reader/pay/success.png'
            })
          }
          httpRequestApi.getAuthActivity().success(res => {
            if (!res.data.data) {
              wx.setStorageSync('vip', false)
              wx.setStorageSync('date', '')
            } else {
              wx.setStorageSync('vip', true)
              wx.setStorageSync('date', res.data.data)
              this.setData({
                ['myData.isVIP']: true,
                ['myData.date']: res.data.data
              })
              this.showGift();
            }
          }).fail(error => {
            console.log(error)
          })
        },
        fail(res) {}
      })
    })
  },
  // 助力或者支付提示
  tips() {
    console.log('支付完了')
    this.setData({
      helpPayHide: true
    })
    this.updateData("2");
  },
  // 购买成功告诉首页显示邀请有礼
  showGift() {
    console.log('通知')
    this.setData({
      isVip: true
    })
  },
  // 首页获取权限
  getHelpAuth() {
    httpRequestApi.getAuthActivity().success(res => {
      if (!res.data.data) {
        wx.setStorageSync('vip', false)
        wx.setStorageSync('date', '')
        this.setData({
          isVip: false
        })
      } else {
        wx.setStorageSync('vip', true)
        wx.setStorageSync('date', res.data.data)
        this.setData({
          isVip: true
        })
      }
    }).fail(error => {
      console.log(error)
    })
  }
})