zhsw_wechat/pages/lijijiaofei/lijijiaofei.js

const app = getApp();
Page({
  data: {
    images: {
      logo: '',
      background: '',
      card: '',
      tzd: "",
      phone: "",
      yl: "",
      jcsfcjtzd: ""
    },
    userInfo: {
      name: app.globalData.currentAccountInfo.username,
      id:  app.globalData.currentAccountInfo.usernumber,
      address: app.globalData.currentAccountInfo.address
    },
    billInfo: {}, // 存储从首页传递过来的账单信息
    quickAmounts: [10, 30, 50, 100, 200, 500],
    waterUsage: {
      lastReading: 2000,
      currentReading: 2050,
      nextReading: 3020,
      usage: 87
    },
    showKeyboard: false,
    selectedAmount: null,
    customAmount: '',
    inputFocus: false,
    zdId:"",
  },
  onLoad(options) {
    const _this=this;
    wx.request({
      url: app.globalData.interfaceUrls.pendingBill + app.globalData.currentAccountInfo.usernumber,
      method: 'POST',
      header: {
        'content-type': 'application/json',
        'token': app.globalData.userWxInfo.token,
        'source': "wc",
        '!SAAS_LOGIN_TOKEN_!': app.globalData.currentAccountInfo.dsKey
      },
      success(res) {
        wx.hideLoading();
        let apiReturnData = res.data;
        _this.setData({
          amount: apiReturnData.data.yj, // 默认实缴金额为应缴金额
          actualAmount: apiReturnData.data.yj, // 设置应缴金额
          balance:  apiReturnData.data.ye,   //余额
          zdId:  apiReturnData.data.zdId  // 对应的账单记录
        });
      },
      fail(error) {
        wx.hideLoading();
        wx.showToast({
          title: '数据加载失败，请稍后再试',
          icon: 'none',
          duration: 2000
        });
      }
    });

    this.setData({
      images: {
        logo:'/static_file/logo.png',
        background:'/static_file/background.png',
        card:'/static_file/card.png',
        tzd:'/static_file/backgrountzdd.png',
        phone:'/static_file/phone.png',
        yl:'/static_file/background.yl',
        jcsfcjtzd:'/static_file/jcsfcjtzd.png',
        kapiantubiao:'/static_file/kapiantubiao.png'

      }
    })
    // 获取状态栏高度
    const systemInfo = wx.getSystemInfoSync();
    this.setData({
      statusBarHeight: systemInfo.statusBarHeight
    });
    this.fetchPaymentData();
  },

  // 选择快捷金额
  selectAmount: function(e) {
    const amount = e.currentTarget.dataset.amount;
    this.setData({
      amount: parseFloat(amount),
      selectedAmount: parseFloat(amount),
      customAmount: '' // 清空自定义金额
    });
  },

  // 立即缴费
  payNow: function() {
    if (this.data.amount <= 0) {
      wx.showToast({
        title: '请输入缴费金额',
        icon: 'none',
        duration: 2000
      });
      return;
    }

    wx.showLoading({
      title: '处理中',
    });
    wx.request({
      url: app.globalData.interfaceUrls.prepayOrder,
      method: 'POST',
      header: {
        'content-type': 'application/json',
        'token': app.globalData.userWxInfo.token,
        'source': "wc",
        '!SAAS_LOGIN_TOKEN_!': app.globalData.currentAccountInfo.dsKey
      },
      data: {
        openId: app.globalData.userWxInfo.openid,
        totalAmount: this.data.amount*100,
        dskey: app.globalData.currentAccountInfo.dsKey
      },
      success: res => {
        debugger
        if(res.data.code === '200'){
          wx.hideLoading();
          console.log('预下单', res);
          let orderNo=res.data.data.orderNo;
          wx.requestPayment({
            timeStamp: res.data.data.paymentSign.timeStamp,
            nonceStr: res.data.data.paymentSign.nonceStr,
            package: res.data.data.paymentSign.packageVal,
            signType: 'RSA',
            paySign: res.data.data.paymentSign.paySign,
            success: res => {
              console.log('支付结果', res);
              this.createWeChatPayMentRecord(orderNo,this.data.amount);
            },
            fail (res) {
              console.log("fail",res);
            },
            complete: () => {
            }
          })
        }else if(res.data.code === '500'){
          // 支付失败处理
          if (res.data.msg && res.data.msg.includes("系统维护中，请稍后缴费")) {
            const parts = res.data.msg.split("|");
            const errorMessage = parts[0]; // "不允许在线缴费" 
            // const payStatus = parts[1];  
            wx.showToast({
              title: errorMessage,
              icon: 'none',  // 不显示图标
              duration: 2000  // 持续2秒
          });
          }
        }
      }
    })
    // 模拟支付
    // setTimeout(() => {
    //   wx.hideLoading();
    //   wx.showToast({
    //     title: '缴费成功',
    //     icon: 'success',
    //     duration: 2000,
    //     success: () => {
    //       // 支付成功后返回首页
    //       setTimeout(() => {
    //         wx.navigateBack();
    //       }, 2000);
    //     }
    //   });
    // }, 1500);
  },

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

  // 切换到首页
  goToHome: function() {
    wx.switchTab({
      url: '/pages/homepage/homepage',
    });
  },

  // 切换到我的页面
  goToMine: function() {
    wx.switchTab({
      url: '/pages/mine/mine',
    });
  },

  // 添加切换水表的方法
  switchMeter: function() {
    wx.navigateTo({
      url: '/pages/switchMeter/switchMeter',
    })
  },

  navigateToHome() {
    wx.switchTab({
      url: '/pages/index/index'
    })
  },

  navigateToMine() {
    wx.switchTab({
      url: '/pages/mine/mine'
    })
  },

  // 显示键盘 - 使用微信内置键盘
  showCustomAmountInput: function() {
    // 使用微信内置的输入框
    wx.showModal({
      title: '请输入金额',
      placeholderText: '请输入缴费金额',
      editable: true,
      success: (res) => {
        if (res.confirm && res.content) {
          // 验证输入是否为有效数字
          const inputAmount = parseFloat(res.content);
          if (!isNaN(inputAmount) && inputAmount > 0) {
            this.setData({
              amount: inputAmount
            });
          } else {
            wx.showToast({
              title: '请输入有效金额',
              icon: 'none'
            });
          }
        }
      }
    });
  },

  // 输入数字
  inputNumber: function(e) {
    const number = e.currentTarget.dataset.number;
    let customAmount = this.data.customAmount;

    // 处理小数点
    if (number === '.' && customAmount.includes('.')) {
      return;
    }

    // 限制小数点后两位
    if (customAmount.includes('.') && customAmount.split('.')[1].length >= 2 && number !== '.') {
      return;
    }

    // 处理首位为0的情况
    if (customAmount === '0' && number !== '.') {
      customAmount = number;
    } else {
      customAmount += number;
    }

    // 更新金额
    this.setData({
      customAmount: customAmount,
      amount: parseFloat(customAmount) || 0
    });
  },

  // 删除数字
  deleteNumber: function() {
    let customAmount = this.data.customAmount;
    if (customAmount.length <= 1) {
      this.setData({
        customAmount: '',
        amount: 0
      });
    } else {
      customAmount = customAmount.substring(0, customAmount.length - 1);
      this.setData({
        customAmount: customAmount,
        amount: parseFloat(customAmount) || 0
      });
    }
  },

  // 确认输入
  confirmInput: function() {
    this.setData({
      showKeyboard: false,
      inputFocus: false
    });
  },

  // 添加自定义金额输入处理函数
  onCustomAmountInput: function(e) {
    let value = e.detail.value;

    // 只允许数字和小数点，且小数点后最多两位
    if (value) {
      // 移除非数字和小数点字符
      value = value.replace(/[^\d.]/g, '');

      // 确保只有一个小数点
      const parts = value.split('.');
      if (parts.length > 2) {
        value = parts[0] + '.' + parts.slice(1).join('');
      }

      // 处理前导零
      if (parts[0]) {
        parts[0] = parts[0].replace(/^0+/, '') || '0';
      }

      // 限制小数点后最多两位
      if (parts.length === 2 && parts[1].length > 2) {
        parts[1] = parts[1].substring(0, 2);
      }

      // 重新组合数字
      value = parts.join('.');
      
      // 限制总长度小于8位（包含小数点）
      if (value.length > 7) {
        value = value.substring(0, 7);
      }
    }

    this.setData({
      customAmount: value,
      selectedAmount: 0, // 清除其他金额选择
      amount: value || '0.00' // 更新显示金额
    });
  },

  // 输入框获得焦点
  onInputFocus: function() {
    this.setData({
      inputFocus: true,
      selectedAmount: null // 取消快捷金额的选中状态
    });
  },

  // 输入框失去焦点
  onInputBlur: function() {
    this.setData({
      inputFocus: false
    });
  },
  // 创建微信付款记录
  createWeChatPayMentRecord:function(orderNo,paymentAmount){
    wx.request({
      url: app.globalData.interfaceUrls.createPaymentRecord,
      method: 'POST',
      header: {
        'content-type': 'application/json',
        'token': app.globalData.userWxInfo.token,
        'source': "wc",
        '!SAAS_LOGIN_TOKEN_!': app.globalData.currentAccountInfo.dsKey
      },
      data: {
        orderNo: orderNo,
        paymentAmount: paymentAmount,
        zdId: this.data.zdId,
        userNumber: app.globalData.currentAccountInfo.usernumber,
        dsKey: app.globalData.currentAccountInfo.dsKey
      },
      success(res) {
        wx.hideLoading();
        wx.navigateTo({
          url: '/pages/jiaofeiSuccess/jiaofeiSuccess',
        });
      },
      fail(error) {
        wx.hideLoading();
        wx.showToast({
          title: '数据加载失败，请稍后再试',
          icon: 'none',
          duration: 2000
        });
      }
    });
  },

  // 从接口获取支付数据
  fetchPaymentData: function() {
    // 这里是模拟数据，实际应用中应该调用真实接口
    // wx.request({
    //   url: 'your-api-endpoint',
    //   success: (res) => {
    //     this.setData({
    //       amountDue: res.data.amountDue,
    //       balance: res.data.balance
    //     });
    //   }
    // });
    
    // this.setData({
    //   amountDue: 150.00,
    //   balance: 200.50
    // });
  },
})