reader/pages/chat/index.js

import {
  getMsgDet,
  sendMsg,
  getNewMsgDet
} from "~/api/message"
import {
  createStoreBindings
} from 'mobx-miniprogram-bindings'
import {
  store
} from '~/store/index'
let interval = null
const app = getApp()
Page({
  data: {
    targetUid: '',
    value: '',
    list: [],
    pageNo: 1,
    totalNo: 1,
    scrollTop: 0,
    triggered: false,
    isIos: app.globalData.isIOS,
    uid: wx.getStorageSync('uid')
  },
  onLoad(options) {
    console.log(options);
    wx.setNavigationBarTitle({
      title: options.title,
    })
    this.setData({
      targetUid: options.uid
    })
    this.storeBindings = createStoreBindings(this, {
      store,
      fields: {
        userInfo: 'userInfo'
      },
    })
    this.storeBindings.updateStoreBindings()
    this.getMsgDet()
    this.getNewMsgDet()
    this.interval = setInterval(() => {
      this.getNewMsgDet()
    }, 5000)
  },
  async getMsgDet() {
    let pageNo = this.data.pageNo
    if (this.data.totalNo < pageNo) {
      return this.setData({
        triggered: false,
      })
    }
    let data = await getMsgDet({
      senderUid: this.data.targetUid,
      pageNo,
      pageSize: 10
    })

    let {
      list,
      totalNo
    } = data
    this.setData({
      list: [...list, ...this.data.list],
      totalNo,
      pageNo: totalNo >= pageNo ? ++pageNo : pageNo,
      triggered: false,
    })
    console.log('就列表', data);
  },
  async getNewMsgDet() {
    let res = await getNewMsgDet({
      senderUid: this.data.targetUid,
    })
    let newList = [...this.data.list, ...res]
    this.setData({
      list: newList,
      scrollTop: 100000
    })
  },
  async sendReply() {
    if (!this.data.value) {
      return
    }
    await sendMsg({
      content: this.data.value,
      type: '1',
      receiverUid: this.data.targetUid
    })
    this.setData({
      value: '',
      scrollTop: 3000
    })
    this.getNewMsgDet()
  },
  chooseImage() {
    wx.chooseImage({
      count: 1, // 可选择的图片数量
      sizeType: ['compressed'], // 压缩图片
      sourceType: ['album', 'camera'], // 来源：相册或相机
      success: (res) => {
        // 将选择的图片上传到服务器
        console.log(res);
        this.uploadImage(res.tempFilePaths[0]);
      }
    })
  },
  uploadImage(imagePath) {
    wx.uploadFile({
      url: 'https://reader-api.ai160.com/file/upload',
      filePath: imagePath,
      name: '朗读录音',
      header: {
        uid: wx.getStorageSync('uid')
      },
      success: async (res) => {
        await sendMsg({
          content: JSON.parse(res.data).data,
          type: '2',
          receiverUid: this.data.targetUid
        })
        this.getNewMsgDet()
      }
    })
  },
  bindKeyInput(e) {
    this.setData({
      value: e.detail.value
    })
  },
  jumpUserInfo({
    currentTarget
  }) {
    wx.navigateTo({
      url: `/pages/personal/index?uid=${currentTarget.dataset.uid}&type=user`,
    })
  },
})