homepage.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. Page({
  2. data: {
  3. images: {
  4. logo: '',
  5. background: '',
  6. card: '',
  7. tzd: "",
  8. phone: "",
  9. yl: "",
  10. jcsfcjtzd: ""
  11. },
  12. // 用户信息
  13. userInfo: {
  14. name: '王源',
  15. accountNumber: '32018545245104',
  16. address: '徐州市丰县****楼102室'
  17. },
  18. // 账单信息
  19. billInfo: {
  20. totalAmount: 73.28, // 总计应缴
  21. waterUsage: 0, // 用水量
  22. balance: 0 // 账户余额
  23. },
  24. // 功能按钮配置
  25. functionList: [
  26. {
  27. icon: '/static_file/ckys.png',
  28. text: '查看用水',
  29. // url: '/pages/waterUsage/waterUsage'
  30. },
  31. {
  32. icon: '/static_file/zdlb.png',
  33. text: '账单列表',
  34. url: '/pages/zhangdanlist/zhangdanlist'
  35. },
  36. {
  37. icon: '/static_file/yjfk.png',
  38. text: '意见反馈',
  39. // url: '/pages/feedback/feedback'
  40. },
  41. {
  42. icon: '/static_file/tzgg.png',
  43. text: '通知公告',
  44. // url: '/pages/notice/notice'
  45. },
  46. {
  47. icon: '/static_file/yhbx.png',
  48. text: '用户报修',
  49. url: '/pages/baoxiudj/baoxiudj'
  50. }
  51. ],
  52. // 活动信息
  53. activity: {
  54. title: '净水器活动',
  55. subtitle: '预留入口',
  56. imageUrl: '/static_file/background.png'
  57. }
  58. },
  59. onLoad() {
  60. // 页面加载时可以调用获取数据的方法
  61. this.getUserInfo()
  62. this.getBillInfo()
  63. this.setData({
  64. images: {
  65. logo:'/static_file/logo.png',
  66. background:'/static_file/background.png',
  67. card:'/static_file/card.png',
  68. tzd:'/static_file/backgrountzdd.png',
  69. phone:'/static_file/phone.png',
  70. yl:'/static_file/background.yl',
  71. jcsfcjtzd:'/static_file/jcsfcjtzd.png',
  72. kapiantubiao:'/static_file/kapiantubiao.png'
  73. }
  74. })
  75. },
  76. // 获取用户信息
  77. getUserInfo() {
  78. },
  79. // 获取账单信息
  80. getBillInfo() {
  81. },
  82. // 切换水表
  83. handleSwitchMeter() {
  84. wx.navigateTo({
  85. // url: '/pages/meterList/meterList'
  86. })
  87. },
  88. // 充值缴费
  89. handlePayment() {
  90. wx.navigateTo({
  91. // url: '/pages/payment/payment'
  92. })
  93. },
  94. // 功能按钮点击事件
  95. handleFunctionClick(e) {
  96. const index = e.currentTarget.dataset.index
  97. const item = this.data.functionList[index]
  98. if (item && item.url) {
  99. wx.navigateTo({
  100. url: item.url,
  101. fail: function(err) {
  102. console.error('页面跳转失败:', err)
  103. wx.showToast({
  104. title: '功能开发中',
  105. icon: 'none',
  106. duration: 2000
  107. })
  108. }
  109. })
  110. } else {
  111. wx.showToast({
  112. title: '功能开发中',
  113. icon: 'none',
  114. duration: 2000
  115. })
  116. }
  117. },
  118. // 查看账单列表
  119. handleViewBill() {
  120. wx.navigateTo({
  121. // url: '/pages/billList/billList'
  122. })
  123. },
  124. // 查看更多活动
  125. handleMoreActivity() {
  126. wx.navigateTo({
  127. // url: '/pages/activityList/activityList'
  128. })
  129. },
  130. // 跳转到立即缴费页面
  131. goToPayment: function() {
  132. wx.navigateTo({
  133. url: '/pages/lijijiaofei/lijijiaofei',
  134. })
  135. }
  136. })