efunbox-schedule-miniApps/pages/art/art.js

// pages/art/art.js
const app = getApp()
const util = require('../../utils/util.js');
const APIClient = require('../../utils/APIClient.js');
const login = require('../../utils/loginSchedule.js');
/**
 * productionData 分项data
 * questionsData 疑问data
 * courseData 科目信息
 * num1 分享得值
 * num2 科目得值
 * position 定位id值
 * questionsdian 点的显示
 * list 更改后时间的值
 * lessonListHeight 定义高度
 * previewHeight 定义高度
 * productionMore和questionsMore展开是否显示
 * strategy 更改<br>
 * 其他的页面组件就看这个就行了 基本上都是都是一样的
 */

Page({
  data: {
    productionData: {},
    questionsData: {},
    courseData: {},
    num1: 0,
    num2: 0,
    position: '',
    questionsdian: '',
    list: [],
    lessonListHeight: '',
    previewHeight: '',
    productionMore: '',
    questionsMore: '',
    wxObjectives: [],
    shareImgSrc: ''
  },

  /* 区分答疑和分享 */
  distinction: function(type, columnId, pageNo, pageSize, success) {
    login.getOpenidSessionKey(function(res) {
      //console.log(res.data.data.uid);
      APIClient.getProductionSchedule({
        uid: res.data.data.uid
      }, {
        "type": type,
        "category": columnId,
        "pageNo": pageNo,
        "pageSize": pageSize
      }).success(success)
    }, function() {
      wx.showModal({
        title: '提示',
        content: '需要获取您的公开信息（昵称、头像等），请从小程序列表删除小学王者班后再次扫码进入，允许授权后可正常使用',
        showCancel: false,
        success: function (res) {
          if (res.confirm) {
            console.log('用户点击确定')
          } else if (res.cancel) {
            console.log('用户点击取消')
          }
        }
      })
    });
  },
  /*点击加载更多*/
  onMyEvent: function(e){
    let type = e.currentTarget.dataset.type;
    const columnId = util.column('6').columnId;
    if(type == 1) {
      this.data.num1++
      this.setData({
        num1: this.data.num1
      })
      this.distinction(type, columnId, 1, 5*this.data.num1, res => {
        if(res.data.success) {
          console.log(res.data.data)
          this.setData({
            questionsData: res.data.data,
          }) 
          if(res.data.data) {
            this.setData({
              questionsdian: util.replyNo(res.data.data.list)
            })
            if(5*this.data.num1 > res.data.data.totalSize) {
              this.setData({
                questionsMore: ''
              })
            }
          }    
        }
      });
    }
    
    if(type == 2) {
      this.data.num2++
      this.setData({
        num: this.data.num2
      })
      this.distinction(type, columnId, 1, 5*this.data.num2, res => {
        if(res.data.success) {
          console.log(res.data.data)
          this.setData({
            productionData: res.data.data,
          }) 
          if(5*this.data.num2 > res.data.data.totalSize) {
            this.setData({
              productionMore: ''
            })
          }
        }
      });
    }
  },

  /*点击定位*/
  location: function (e) {
    const position = e.currentTarget.dataset.id;
    console.log(position)
    this.setData({
      position: position
    })
  },



  onLoad: function (options) {
    const columnId = util.column('6').columnId;
    /* 分享 */
    this.distinction(2, columnId, 1, 2, res => {
      if(res.data.success) {
        console.log(res.data.data)
        this.setData({
          productionData: res.data.data
        })
        if(res.data.data) {
          if(res.data.data.totalSize > 2) {
            this.setData({
              productionMore: true
            })
          }
        }
      }
    });
    /* 答疑 */
    this.distinction(1, columnId, 1, 2, res => {
      if(res.data.success) {
        console.log(res.data.data)
        this.setData({
          questionsData: res.data.data
        })
        if(res.data.data) {
          this.setData({
            questionsdian: util.replyNo(res.data.data.list)
          })  
          if(res.data.data.totalSize > 2) {
            this.setData({
              questionsMore: true
            })
          }
        }
      }
    });
    /*科目信息*/
    login.getOpenidSessionKey((res) => {
      APIClient.getEachSchedule({
        uid: res.data.data.uid
      }, {
        "category": 6
      }).success((res) => {
        const lessonListLength = res.data.data.lessonPage.list.length;
        const previewLength = util.preview(res.data.data.lessonPage.list).length;
        console.log(res)
        if(lessonListLength > 4) {
          this.setData({
            lessonListHeight: 280
          })
        }
        if(previewLength > 4){
          this.setData({
            previewHeight: 280
          })
        } 
        this.setData({
          courseData: res.data.data,
          list: util.studyPageTime(res.data.data.lessonPage.list),
          wxObjectives: util.strategy(res.data.data.weekCourseConfig.wxObjectives)
        })
      })
    }, function() {
      wx.showModal({
        title: '提示',
        content: '需要获取您的公开信息（昵称、头像等），请从小程序列表删除小学王者班后再次扫码进入，允许授权后可正常使用',
        showCancel: false,
        success: function (res) {
          if (res.confirm) {
            console.log('用户点击确定')
          } else if (res.cancel) {
            console.log('用户点击取消')
          }
        }
      })
    });
    
  },

  onShow: function () {
    //2. canvas绘制文字和图片
    const ctx = wx.createCanvasContext('myCanvas');
    var imgPath = '../image/bg_1.png'
    ctx.setFillStyle('red')
    ctx.fillRect(10, 10, 150, 75)

    ctx.drawImage(imgPath, 30, 10, 60, 60);

    ctx.setFontSize(12)
    ctx.setFillStyle('#6F6F6F')
    ctx.fillText('妖妖灵', 10, 10)
    ctx.draw();
  },
  keep: function () {
    wx.canvasToTempFilePath({
      x: 0,
      y: 0,
      width: 600,
      height: 800,
      destWidth: 600,
      destHeight:800,
      canvasId: 'myCanvas',
      success: (res) => {
          console.log('canvas'+res.tempFilePath);
          this.setData({
              shareImgSrc : res.tempFilePath
          })

      },
      fail:function (res) {
          console.log(res)
      }
    })

    wx.saveImageToPhotosAlbum({
      filePath:this.data.shareImgSrc,
      success(res) {
          wx.showModal({
              title: '存图成功',
              content: '图片成功保存到相册了，去发朋友圈',
              showCancel:false,
              confirmText:'好哒',
              confirmColor:'#72B9C3',
              success: function(res) {
                  if (res.confirm) {
                      console.log('用户点击确定');
                  }
                  //that.hideShareImg()
              }
          })
      }
    })
  },
  /* 转发*/
  onShareAppMessage: function (ops) {
    if (ops.from === 'button') {
      // 来自页面内转发按钮
      console.log(ops.target)
    }
    const postId = ops.target.dataset.postid;
    return {
      title: '小学王者班',
      path: `pages/transmit/transmit?ind=7&postId=${postId}`,
      success: function (res) {
        // 转发成功
        console.log("转发成功:" + JSON.stringify(res));
      },
      fail: function (res) {
        // 转发失败
        console.log("转发失败:" + JSON.stringify(res));
      }
    }
  },
})