Page({ data: { images: { background: '/static_file/background.png', water: '/static_file/water.png' }, userInfo: { name: '王源', id: '320185452454104', address: '徐州市丰县****楼102室' }, amount: 73.28, //应缴金额 actualAmount: 73.28, balance: 0, // 余额 quickAmounts: [10, 30, 50, 100, 200, 500], waterUsage: { lastReading: 2000, currentReading: 2050, nextReading: 3020, usage: 87 }, showKeyboard: false, selectedAmount: null, customAmount: '', inputFocus: false, address: '', billList: [] }, onLoad: function(options) { // 确保图片资源正确加载 this.setData({ images: { background: '/static_file/background.png', water: '/static_file/water.png' } }); // 获取地址信息 if (options.address) { this.setData({ address: options.address }); } // 获取账单列表 this.getBillList(); }, // 返回上一页 goBack: function() { wx.navigateBack({ delta: 1 }); }, // 从接口获取账单列表数据 getBillList: function() { // 这里应该是从API获取数据,这里用模拟数据 const mockData = [ { billDate: '2025/01/30', billNumber: '250201100235', amount: '73.28', usage: '87', meterReading: '2000-2025', paymentTime: '2025/01/31 14:39', isPaid: false, currentDate: '2025/01/30', currentReading: '2025', lastDate: '2024/12/30', lastReading: '2000', totalAmount: '85.62', discount: '12.34', lateFee: '0', payableAmount: '73.28' }, { billDate: '2024/12/30', billNumber: '250201103521', amount: '127.28', usage: '121', meterReading: '2000-2025', paymentTime: '2025/01/03 09:51', isPaid: true, currentDate: '2024/12/30', currentReading: '2000', lastDate: '2024/11/30', lastReading: '1975', totalAmount: '137.28', discount: '10.00', lateFee: '0', payableAmount: '127.28' }, { billDate: '2024/11/30', billNumber: '250201103521', amount: '127.28', usage: '121', meterReading: '2000-2025', paymentTime: '2024/12/03 09:51', isPaid: true, currentDate: '2024/11/30', currentReading: '1975', lastDate: '2024/10/31', lastReading: '1950', totalAmount: '137.28', discount: '10.00', lateFee: '0', payableAmount: '127.28' }, { billDate: '2024/11/30', billNumber: '250201103521', amount: '127.28', usage: '121', meterReading: '2000-2025', paymentTime: '2024/12/03 09:51', isPaid: true, currentDate: '2024/11/30', currentReading: '1950', lastDate: '2024/10/31', lastReading: '1925', totalAmount: '137.28', discount: '10.00', lateFee: '0', payableAmount: '127.28' }, { billDate: '2024/11/30', billNumber: '250201103521', amount: '127.28', usage: '121', meterReading: '2000-2025', paymentTime: '2024/12/03 09:51', isPaid: true, currentDate: '2024/11/30', currentReading: '1925', lastDate: '2024/10/31', lastReading: '1900', totalAmount: '137.28', discount: '10.00', lateFee: '0', payableAmount: '127.28' }, { billDate: '2024/11/30', billNumber: '250201103521', amount: '127.28', usage: '121', meterReading: '2000-2025', paymentTime: '2024/12/03 09:51', isPaid: true, currentDate: '2024/11/30', currentReading: '1900', lastDate: '2024/10/31', lastReading: '1875', totalAmount: '137.28', discount: '10.00', lateFee: '0', payableAmount: '127.28' } ]; this.setData({ billList: mockData }); }, // 点击开发票按钮 openInvoice: function(e) { const index = e.currentTarget.dataset.index; const bill = this.data.billList[index]; wx.showToast({ title: '开发票功能开发中', icon: 'none' }); }, // 切换到首页 goToHome: function() { wx.switchTab({ url: '/pages/homepage/homepage', }); }, // 切换到我的页面 goToMine: function() { wx.switchTab({ url: '/pages/mine/mine', }); }, navigateToHome() { wx.switchTab({ url: '/pages/index/index' }) }, navigateToMine() { wx.switchTab({ url: '/pages/mine/mine' }) }, // 跳转到账单详情页面 goToBillDetail: function(e) { const bill = e.currentTarget.dataset.bill; wx.navigateTo({ url: '/pages/zhangdanxiangqing/zdxiangqing?billInfo=' + JSON.stringify(bill) }); }, // 获取发票 getInvoice: function(e) { // 阻止事件冒泡,避免触发goToBillDetail e.stopPropagation(); const bill = e.currentTarget.dataset.bill; wx.navigateTo({ url: '/pages/invoice/invoice?billInfo=' + JSON.stringify(bill) }); } })