Fuelwx/components/orderItem/orderItem.js

// components/orderItem/orderItem.js
Component({

  /**
   * 组件的属性列表
   */
  properties: {
    order:{
      type:Object,
      value:{
        oilName:'92号汽油',
        nozzleNum:'5',
        volume:'19.9',
        amount:'46.8',
        date:'2024-11-24',
        time:'09:28',
        status:'已授权'
      }
    },
    statusColor:{
      type:Object,
      value:"#88b743"
    },
    countdown:{
      type:String,
      value:"60"
    },
    buttonMessage1:{
      type:String,
      value:"按钮一"
    },
    buttonMessage2:{
      type:String,
      value:"按钮二"
    },
    buttonColor1:{
      type:String,
      value:"#ee333a"
    },
    buttonColor2:{
      type:String,
      value:"#97c276"
    }
  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {
    //第一个按钮的点击事件
    buttonClick1(){
      this.triggerEvent('bottonEvent1',{
        order:this.properties.order,
        event:3 //第一个按钮只会传递取消订单
      })
    },
    //第二个按钮的点击事件
    buttonClick2(){
      /**第二个按钮会是去支付：1和去授权：2两种
       * 当当前订单状态为未支付时，第二个按钮点击就是去支付，event 传递1
       * 当当前订单状态为已失效时，第二个按钮点击就是去重新授权，event 传递2
       */
      var sendEvent = 1;
      if(this.properties.order.status == "已失效") sendEvent = 2
      this.triggerEvent('bottonEvent1',{
        order:this.properties.data.order,
        event:sendEvent
      })
    },
  }
})