wechat-pilelog/components/parking-order/parking-order.js

// components/parking-order.js
Component({

  /**
   * 组件的属性列表
   */
  properties: {
    occupyOrder:{
      type: Array,
      value: [] 
    },
    showPopup:{
      type: Boolean,
      value: false 
    }
  },
  lifetimes:{
    attached(){
      console.log("加载占位中订单组件");
      // this.loadOccupyOrder();
      // 页面加载时显示弹窗
      let isLogin = wx.getStorageSync('isLogin');
      if (isLogin) {
        this.loadOccupyOrder().then(data => {
           this.fetchData();
        })
        .catch(error => {
          console.error("数据加载失败", error);
        });
        
      }
    },
    detached: function() {
      // 在组件实例被从页面节点树移除时执行
      this.stopPolling();
    },
  },
  pageLifetimes:{
    // 组件所在页面的生命周期函数
    show: function () {
      if (this.data.pollingInterval) {
          this.stopPolling();
      }
  
      const executePolling = () => {
          console.log("执行定时器");
          this.loadOccupyOrder().then(data => {
              console.log("hhhh", data);
              if (data.code === 500) {
                  // 无占位费订单
                  this.stopPolling();
                  return;
              }
              this.fetchData();
          });
      };
  
      // 立即执行一次
      executePolling();
  
      // 设置定时器
      this.data.pollingInterval = setInterval(executePolling, 30000);
  },
     hide: function() {
      // 页面被隐藏
      this.stopPolling();
    },
  },
  /**
   * 组件的初始数据
   */
  data: {
    showPopup: false,
    occupyFeeOrderList:[],
    pollingInterval: null, // 定时器,
    costCycleFee:0
  },

  /**
   * 组件的方法列表
   */
  methods: {
 fetchData() {
  let that = this;
  let occupyFeeOrder = that.data.occupyFeeOrderList[0];
  console.log("occupyFeeOrder",occupyFeeOrder);
  // 如果 occupyFeeOrder 不存在，直接返回
  if (!occupyFeeOrder) {
      console.warn("occupyFeeOrder 不存在，跳过本次轮询");
      return;
  }
  wx.request({
      url: 'https://jqcs.pjnes.com/cloud/occupyfee/evcs/occupyfee/template',
      data: occupyFeeOrder.orderId,
      method: 'POST',
      success(res) {
          that.calculate(occupyFeeOrder, res.data);
      }
  });
},
  calculate(occupyFeeOrder,data) {
    // let { occupyBeginTime ="" ,occupyTime =""} = occupyFeeOrder;
      // 将时间字符串转换为 Date 对象
      // occupyBeginTime = new Date(occupyBeginTime.replace(/-/g, "/")); // 替换为兼容 iOS 的格式
  
      // let currentTime = new Date();

      // 计算时间差(分)
      // let minutesDifference = Math.floor((currentTime - occupyBeginTime) / (1000 * 60));
      let minutesDifference = data.params.occupyTime;
      let freeTime = Number(data.freeTime) || 0;
      console.log("免费时长：",freeTime);
      console.log("封顶费用:", data.maxFee);
      console.log("data:", data);
      console.log("分钟:", minutesDifference);
      if (minutesDifference >= freeTime +1) { 
        let cycle =((Math.floor(minutesDifference / data.costCycle))* data.costCycleFee).toFixed(2)
        let max = data.maxFee
        if (cycle <= max || max == null ) {
          console.log("未达到最大时长",cycle);
          // let Nocycle = Math.floor(minutesDifference / data.costCycle)
          // occupyFeeOrder.occupyFee = (Nocycle * data.costCycleFee).toFixed(2);
          occupyFeeOrder.occupyFee = cycle
          occupyFeeOrder.occupyTime = minutesDifference;
        } else {
          console.log("达到最大时长");
          // let cycle = Math.floor(data.maxFee / data.costCycle)
          // occupyFeeOrder.occupyFee = (cycle * data.costCycleFee).toFixed(2);
          occupyFeeOrder.occupyFee = data.maxFee
          occupyFeeOrder.occupyTime =minutesDifference;
        }
      } else {
        console.log("处于免费时长");
        occupyFeeOrder.occupyFee = 0.00;
        occupyFeeOrder.occupyTime = minutesDifference;
      }
      
      console.log("触发定时器",occupyFeeOrder);
      // 根据返回的结果去调用微服务查询模版信息接口，根据模版信息 重新动态计算占位费模版
      this.setData({
        "occupyFeeOrderList[0]": occupyFeeOrder 
      });
  },

  // Stop polling
  stopPolling: function() {
    if (this.data.pollingInterval) {
      console.log('清除占位中定时器');
      clearInterval(this.data.pollingInterval);
      this.data.pollingInterval = null;
    }
  },
  loadOccupyOrder() {
    let that = this;
    return new Promise((resolve, reject) => {
      wx.request({
        url: getApp().globalData.postHeadAgreement + '/restapi/wechat/queryOccupyFeeOrder',
        data: {
          userId: wx.getStorageSync('userInfo').userId,
          searchIndex: 2,
          pagenum: this.data.pagenum++,
          pagesize: 10,
        },
        method: 'POST',
        success(res) {
          console.log("占位费", res);
          if (res.data.result) {
            let { rows: occupyFeeOrderList } = res.data.result;
            that.setData({
              occupyFeeOrderList: occupyFeeOrderList,
            });
            resolve(res.data.result);
          } else {
            resolve(res.data);
          }
        },
        fail(err) {
          reject(err);
        }
      });
    });
  },
    handleConfirm() {
      // 点击确认按钮
      this.setData({
        showPopup: false
      });
    },
  
    handleContact() {
      // 联系客服
      // wx.makePhoneCall({
      //   phoneNumber: '4009608068' // 替换为实际的客服电话
      // });
      wx.showModal({
        title: '提示',
        confirmColor: '#00AADD',
        confirmText: '联系客服', 
        content: '若对当前占位费订单有疑问，请拨打客服电话4009608068，工作时间：08:00-17:00',
        complete: (res) => {
          // 可以在这里添加回调逻辑
          if (res.confirm) {
            wx.makePhoneCall({
              phoneNumber: '4009608068' // 替换为实际的客服电话
            });
            console.log('用户点击了确认按钮');
          }else{
            console.log('用户点击了取消按钮');
          }
        }
      });
    },
  }
})