zhsw_wechat/pages/tousujianyiList/tousujianyiList.js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    noticeList: [
      {
        id: 1,
        title: '关于小区健身器材维修的建议关于小区健身器材维修的建议关于小区健身器材维修的建议',
        content: '建议对小区内的健身器材进行定期维护和检修',
        contact: '张三',
        phone: '13800138000',
        date: '2024-03-15',
        hasAttachment: true,
        attachments: [
          '/static_file/background.png',
          '/static_file/card.png'
        ],
        isReplied: true,
        replyTime: '2025-3-12 12:10',
        replyContent: '建议增加线上开票功能，线下开票太麻烦了'
      },
      {
        id: 2,
        title: '关于增设充电桩的投诉',
        content: '小区电动车充电设施不足，希望能够增加充电桩',
        contact: '李四',
        phone: '13900139000',
        date: '2024-03-14',
        hasAttachment: false,
        attachments: [],
        isReplied: false,
        replyTime: '',
        replyContent: ''
      },
      {
        id: 3,
        title: '物业服务态度问题反馈',
        content: '反映部分物业人员服务态度需要改进',
        contact: '王五',
        phone: '13700137000',
        date: '2024-03-13',
        hasAttachment: true,
        attachments: [
          '/static_file/add.png'
        ],
        isReplied: true,
        replyTime: '2025-3-10 09:30',
        replyContent: '已经对相关人员进行培训，感谢您的反馈'
      }
    ],
    imageList: [], // 存储图片路径的数组
    showCustomPreview: false, // 是否显示自定义预览
    currentPreviewImages: [], // 当前预览的图片数组
    currentPreviewIndex: 0 // 当前预览的图片索引
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.getNoticeList()
  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },

  // 获取列表数据
  getNoticeList() {
    // wx.request({
    //   url: 'YOUR_API_URL',
    //   success: (res) => {
    //     this.setData({
    //       noticeList: res.data
    //     })
    //   }
    // })
  },

  previewImage: function(e) {
    // 获取当前点击项的id
    const id = e.currentTarget.dataset.id;
    // 根据id找到对应的投诉建议项
    const item = this.data.noticeList.find(item => item.id === id);
    // 确保有附件
    if (item && item.hasAttachment && item.attachments.length > 0) {
      this.setData({
        showCustomPreview: true,
        currentPreviewImages: item.attachments,
        currentPreviewIndex: 0
      });
    } else {
      console.log('没有找到附件或附件为空');
    }
  },

  // 关闭预览
  closePreview: function() {
    this.setData({
      showCustomPreview: false
    });
  },

  // 切换预览图片
  changePreviewImage: function(e) {
    const direction = e.currentTarget.dataset.direction;
    let newIndex = this.data.currentPreviewIndex;
    
    if (direction === 'prev') {
      newIndex = newIndex > 0 ? newIndex - 1 : this.data.currentPreviewImages.length - 1;
    } else {
      newIndex = newIndex < this.data.currentPreviewImages.length - 1 ? newIndex + 1 : 0;
    }
    
    this.setData({
      currentPreviewIndex: newIndex
    });
  },

  // 防止点击图片内容时关闭预览
  preventBubble: function() {
    return;
  },

  // 跳转到详情页
  goToDetail(e) {
    const id = e.currentTarget.dataset.id
    const item = this.data.noticeList.find(item => item.id === id);
    
    if (item.isReplied) {
      // 如果已回复，跳转到预览页面
      wx.navigateTo({
        url: `/pages/tousujianyi/tousujianyi?id=${id}&mode=preview`
      })
    } else {
      // 如果未回复，跳转到普通详情页
      wx.navigateTo({
        url: `/pages/tousujianyiDetail/tousujianyiDetail?id=${id}`
      })
    }
  },

  // 跳转到表单页
  goToForm() {
    wx.navigateTo({
      url: '/pages/tousujianyi/tousujianyi'
    })
  },

  // 返回上一页
  goBack() {
    wx.navigateBack()
  },

  // 假设您从服务器获取数据的函数
  getDataFromServer: function() {
    // 示例：从服务器获取数据
    wx.request({
      url: 'your_api_url',
      success: (res) => {
        // 假设返回的数据中包含图片数组
        const images = res.data.images || [];
        this.setData({
          imageList: images
        });
      }
    });
  }
})