template-parking-h5/src/pages/parkingFeeV2/mixins/parkingFeeDetail.js

import { mapState } from 'vuex';
import uni from '@/utils/uniHooks';
import {
  toLogin,
  backLbsHome,
  getPlatform,
  isAlipay,
} from '@/utils';
import {debounce, } from 'lodash'
import { Dialog, Toast } from 'vant';
import { ordersAndPrepay } from '@/api/parking';
import store from "@/store";
// import newMemberPoints from '@/components/newMemberPoints/index.vue'
import newMemberPointsItem from '@/components/newMemberPoints/item.vue'
import kipTheme from "@/kui/theme/theme";

export default {
  name: 'parkingFeeDetail',
  components: { newMemberPointsItem },
  data() {
    this.toPay = debounce(this.toPay, 5000, {
      leading: true,
      trailing: false
    })
    return {
      hasDiscount: false,
      parkFee: {},
      refreshTime: 180, // 停车场重置费用倒计时3分钟
      // 微服务接口字段
      isShowDescription: true, // 缴费说明true:显示全部 false:显示部分
      btnLoading: false,
      isPay: false,
      popup: false,
      msData: {},
      orderTimeEvent: null,
      orderTime: null,
      // 关闭倒计时
      isShowCountDown: true
    };
  },
  beforeRouteLeave(to, from, next) {
    // 设置下一个路由的 meta
    if (/index|home/.test(to.name)) {
      // 不在缓存列表中，从cachedViews缓存列表中移除
      this.$store.commit('cachedViews/DEL_CACHED_VIEW', from);
    }
    next();
  },
  async created() {
    // console.log('如果本地不存在', this.$route.query);
    const {fromPage = '', format = '', unlicensed = ''} = this.$route.query
    // licensedVehicle
    // format
    /*  unlicensed: unlicensedVehicle(无牌车), licensedVehicle(有牌车)
     *  format: success, fail
     *  fromPage: 'parkingFeeDetail' 
     */
    if(fromPage && format && unlicensed && !this.$store.state.pageHistory?.parkingFeeDetailPaystatus) {
      this.$store.commit('setPageHistory', {
        parkingFeeDetailPaystatus: 1
      })
      const query = {
        ...this.$route.query,
      }
      query.fromPage = ''
      query.format = ''
      query.unlicensed = ''
      // 无牌车失败跳转
      // 有牌车失败跳转
      if (format === 'success') {
        // 无牌车成功跳转, 有牌车成功跳转
        this.$router.replace({
          // path: 'parkingFeeSuccess?vehicleNo=' + this.$route.query.vehicleNo,
          path: this.getPagePath(),
          query: {
            ...this.$route.query,
          }
        });
        return
      }
      // 如果失败的话，刷新当前页面，则不做任何处理
      if(format === 'fail') {
        await Dialog.alert({
          title: '提示',
          message: '支付失败',
          confirmButtonColor: '#333',
        })
        // await this.pageInit();
        // return
      }
    }
    // 如果本地不存在
    // setTimeout(() => {
    //   uni.setNavigationBarTitle({
    //     title: '停车支付',
    //   });
    // }, 300);
    // setTimeout(() => {
    //   window?.toWXSendMsg({
    //     type: 'uni_func',
    //     funcName: 'setNavigationBarColor',
    //     options: {
    //       frontColor: '#000000',
    //       backgroundColor: '#FBFCFF',
    //     },
    //   });
    // }, 500)
    setTimeout(async () => {
      // 如果从小程序来的用户已经登录。但是本地的 member 数据是空的，则从后端重新获取，如果获取失败则提示用户
      if(this.isLogin === 'haveLoggedIn' && (this.isNoLogin || !this.member?.vipcode)) {
        const res = await this.$store.dispatch('memberInit',{
          unionId: this.$store.state.sourceId,
          openid:  this.$store.state.openid,
          isError: true
        })
        if(res) {
          backLbsHome()
          return;
        }
      }
     await this.pageInit();
    }, 300)
  },
  mounted() {
    // this.reloadPage()
    // console.log(7878, this.$route)
  },
  computed: {
    ...mapState({
      orderDetail: (state) => state.order.orderDetail,
      discountDesc: (state) => state.order.discountDesc,
      enableNewMemberPoints: (state) => state.order.enableNewMemberPoints,
      enablePoints: (state) => state.order.enablePoints,
      integralDesc: (state) => state.order.integralDesc,
      enableCoupon: (state) => state.order.enableCoupon,
      maxOneDayCoupons: (state) => state.order.maxOneDayCoupons,
      coupons: (state) => state.order.coupons,
      couponDesc: (state) => state.order.couponDesc,
      enablePaperCoupons: (state) => state.order.enablePaperCoupons,
      custTypeId: (state) => state.custTypeId,
      usingTotalDiscount: (state) => state.order.usingTotalDiscount,
      actualPayFee: (state) => state.order.actualPayFee,
      available: (state) => state.order.available,
      member: (state) => state.member,
      maxPointsTime: (state) => state.order.maxPointsTime,
      pointsTime: (state) => state.order.pointsTime,
      pointsPerHour: (state) => state.order.pointsPerHour,
      usePoints: (state) => state.order.usePoints,
      usePointsTime: (state) => state.order.usePointsTime,
      enableConsume: (state) => state.order.enableConsume,
      memberLevelDiscount: (state) => state.order.memberLevelDiscount,
      unitAmount: (state) => state.order.unitAmount,
      unlicensedInfo: state => state.unlicensedInfo,
      endlessLoop: (state) => state.endlessLoop,
      appId: state => state.appId,
      source: state => state.source,
      parkMallCode: (state) => state.order.parkMallCode,
      isLogin: (state) => state.isLogin,
      mallId: (state) => state.mallId,
    }),
    isNoLogin() {
      return JSON.stringify(this.member) === '{}' || !this.member
    },
    // 支付按钮状态
    payBtnDisabled() {
      // 当存在待支付金额 或者 用户登陆
      return !this.orderDetail?.parkingRecord?.totalFeeInYuan || (JSON.stringify(this.member) !== '{}' && !this.orderDetail.parkInfo);
    },
    // integralDesc() {
    //   if (this.pointsTime > 0) {
    //     // 深圳特殊处理(单位:金额)
    //     if (this.orderDetail.parkInfo.parkMallCode === 5 || this.orderDetail.parkInfo.parkMallCode === 999) {
    //       return `已选择兑换${this.pointsTime}元`;
    //     }
    //     return `已选择兑换${this.pointsTime}小时`;
    //   }
    //   if (this.bonusCopy < this.integral) {
    //     return `${this.integral}积分可停车1小时`;
    //   }
    //   if (this.orderDetail.parkInfo.parkMallCode === 3 && app.globalData.member?.currnentintegral >= this.integral && !this.bonus) {
    //     return `今日已达上限`;
    //   }
    //   return `${this.available}积分可减免`;
    // },
  },
  filters: {
    parkingTime(val) {
      const days = parseInt(val / 60 / 24)
      const hours = parseInt((val / 60) % 24)
      const minutes = parseInt(val % 60)
      if (days > 0) {
        return `${days}天 ${hours}小时 ${minutes}分钟`
      }
      if (hours > 0) {
        return `${hours}小时 ${minutes}分钟`
      }
      return `${minutes}分钟`
    },
  },
  methods: {
    // 刷新管理
    reloadPage() {
      setTimeout(() => {
        const fullPath = window.location.href.indexOf('parkingFeePaperCoupon') > -1 ? '/parkingFeeDetail/' : this.$route.fullPath
        window?.toWXSendMsg({
          type: 'nowRoute',
          options: {
            fullPath: fullPath
          },
        });
        window.subscribe('reload',(  ) => {
          // 如果是纸质券页面，发起的扫码动作，不做任何刷新动作
          if (window.location.href.indexOf('parkingFeePaperCoupon') > -1) {
            this.reloadPage()
            return
          }
          // 如果当前路由不是支付页面，则回退到当前页面再刷新页面
          if(this.$route.name !== 'parkingFeeDetail') {
            this.$router.back()
          }
          setTimeout(() => {
            window.location.reload();
          }, 100)
        });
      }, 700)
    },
    goPay(){
      // 北京特殊处理
      if(this.parkMallCode === 3 && this.usingTotalDiscount) {
        this.$dialog.alert({
          confirmButtonColor: kipTheme[this.theme].primaryColor,
          title: '提示',
          message: '请确认是否使用优惠，确认后无法返还!',
          showCancelButton: true
        }) .then(() => {
          // on confirm
          this.toPay()
        })
        .catch(() => {
          // on cancel
        });  
        return
      }
      this.toPay();
    },
    // 前往支付
    async toPay() {
      // if (!isAlipayClient) {
      //   // 判断微信小程序与 h5 是否正常通信
      //   const isReload = await theCommunicationBetweenWechatAndH5IsNormal()
      //   if(!isReload) {
      //     uni.setStorageSync('isReload', 1)
      //     window.location.reload()
      //     return
      //   }  
      // }
      if (this.btnLoading) return
      this.btnLoading = true
      setTimeout(() => {
        if ( this.btnLoading && !this.isPay && this.parkMallCode !== 3) {
          const toast1 = Toast({
            message: '网络连接失败，请重试',
            duration: 3000,
            onClose: () => {
              this.clearOrderTimeEvent()
              this.$router.replace({
                // path: 'parkingFeeSuccess?carno=' + this.parkInfo.carno,
                path: 'home',
                query: {
                  ...this.$route.query,
                }
              });
            }
          });
          this.btnLoading = false
        }
      }, 10000)
      const { parkingRecord, discountInfo = {}, parkingRule = {}, parkInfo = {}} = this.orderDetail;
      const { coupons = [], points = [], memberGrade = [], paperCoupons = [], consume = [], newMemberPoints= {} } = discountInfo
      const { hourPrice } = parkingRule
      try {
        const params = {
          // vehicleNo: '', // 车牌号
          // points
          payChannel: isAlipay() ? 'MINI_PROGRAM' : 'OFFICIAL_ACCOUNT',
          payOption: isAlipay() ? 'ALIPAY' : 'WECHATPAY',
          parkingRecord: {
            ...parkingRecord,
            vehicleNo: parkingRecord.vehicleNo,
            enterTime: parkingRecord.enterTime,
            serviceMin: parkingRecord.serviceMin,
            totalFee: parkingRecord.totalFeeInYuan, //应缴
            actualPayFee: this.actualPayFee, //应付金额
          },
          discountInfo: {
            usingTotalDiscount: discountInfo?.usingTotalDiscount || 0, //优惠金额"
            actualUsedDiscount: discountInfo?.usingTotalDiscount || 0, //实际优惠金额
          },
        };
        // 会员等级减免
        if ( memberGrade?.length && memberGrade[0].discountFee > 0 && memberGrade[0].hasOwnProperty('selected')? memberGrade[0]?.selected : memberGrade[0]?.defaultSelected) {
          const selected = memberGrade[0].hasOwnProperty('selected') ? memberGrade[0].selected : memberGrade[0].defaultSelected;
          let discountTime = 0
          let discountFee = 0
          if(selected) {
            discountTime = memberGrade[0].hasOwnProperty('discountTime') ? memberGrade[0].discountTime : memberGrade[0].defaultDiscountTime;
            discountFee = memberGrade[0].hasOwnProperty('discountFee') ? memberGrade[0].discountFee : discountTime * hourPrice;
          }
          params.discountInfo.memberLevel = {
            "discountTime": discountTime * 60, // 小时转成分钟
            "discountFee": discountFee,
            "memberGrade": memberGrade[0].memberGrade
          }
        }
        // 消费减免
        if ( consume?.length && consume[0].discountFee > 0 && consume[0].hasOwnProperty('selected')? consume[0]?.selected : consume[0]?.defaultSelected) {
          const { redeemSalesAmount, defaultDiscountTime, couponCodes = ''} = consume[0]
          const selected = consume[0].hasOwnProperty('selected') ? consume[0].selected : consume[0].defaultSelected;
          let discountTime = 0
          let discountFee = 0
          if(selected) {
            discountFee = consume[0].hasOwnProperty('discountFee') ? consume[0].discountFee : memberGrade[0].defaultDiscountTime * hourPrice;
            discountTime = discountFee / hourPrice * 60;
          }
          params.discountInfo.consume = {
            ...consume[0],
            "defaultSelected": selected,
            "discountTime": discountTime,
            "discountFee": discountFee,
            // 杭州，沈阳，天津，福州，重新计算 redeemSalesAmount
            "redeemSalesAmount": ([2,4,6,8].indexOf(this.parkMallCode) > -1) ? (redeemSalesAmount / defaultDiscountTime) * ( discountFee / hourPrice) : redeemSalesAmount
          }
          // 浦东，重新计算 couponCodes
          if( this.parkMallCode == 1 && couponCodes) {
            params.discountInfo.consume.couponCodes = couponCodes.split('#').slice(0,discountFee / hourPrice).toString().replace(/,/g, '#')
          }
        }
        
        // 积分
        if (points?.length && points[0].discountFee > 0) {
          // 15 兑换 5元
          const { pointsPerUnit, unitAmount, discountFee, available } = points[0]
          params.discountInfo.points = {
            "discountTime": discountFee / hourPrice * 60,
            "discountFee": discountFee,
            "discountPoints": discountFee / hourPrice * pointsPerUnit
          }
        }
        // 新会员积分
        if (newMemberPoints?.discountFee && newMemberPoints?.discountFee) {
          const { pointsPerUnit, unitAmount, discountFee, available } = newMemberPoints
          params.discountInfo.newMemberPoints = {
            "discountTime": discountFee / hourPrice * 60,
            "discountFee": discountFee,
            "discountPoints": discountFee / hourPrice * pointsPerUnit
          }
        }
        // 优惠券
        if (coupons?.length) {
          const selectedCoupons = coupons.filter(elm => {
            const selected = elm.hasOwnProperty('selected') ? elm.selected : elm.defaultSelected;
            return selected
          }).map(elm => {
            elm.discountTime = elm.discountFee / hourPrice * 60
            return elm
          })
          if (selectedCoupons.length) {
            params.discountInfo.coupons = selectedCoupons
          }
        }
        // 纸质优惠券
        if ( paperCoupons?.length ) {
            params.discountInfo.paperCoupons = paperCoupons.filter(elm => {
              if ( !elm.discountFee ) {
                return false
              }
              return {
                ...elm,
                "discountFee": elm.discountFee,
                // discountTime: elm.discountFee / hourPrice * 60
              }
            })
         }
        console.log('下单时的参数', params);
        const unlicensed = parkingRecord.vehicleNo.indexOf('临') > -1; // true: 临时车牌；false：燃油车牌
        const res = await ordersAndPrepay({
          params, unlicensed,
          buildingId: parkInfo.buildingId
        });
        if (res?.paymentType === 'NO_FEE_PAY') {
          this.btnLoading = false;
          this.isPay = false
          this.clearOrderTimeEvent()
          this.$router.replace({
            path: this.getPagePath(),
            query:{
              ...this.$route.query,
            }
          });
          // 支付成功
          return
        }
        // 如果是北京的ETCP 微信版
        // if (this.isBKC() && !isAlipay()) {
        // 如果是北京的ETCP 微信支付宝通用版
        if (this.isBKC()) {
          wx.miniProgram.navigateTo({
            url: `/pages/package-parkingFee/etcpPayment?token=${encodeURIComponent(
              res.token + '$'
            )}&syncId=${encodeURIComponent(
              res.syncId + '$'
            )}&CarNumber=${encodeURIComponent(
              res.vehicleNo + '$'
            )}`,
          });
          this.$router.back()
          return
        }
        if(res?.sessionId) {
          this.kerryPayment(res.sessionId, {unlicensed});
          return
        }
        // 如果接口返回异常，重置当前页面数据
        this.reCreateParkOrder()
      } catch (err) {
        // 网络异常返回首页
        if(err ==='ERR_NETWORK') {
          setTimeout(() => {
            this.clearOrderTimeEvent()
            this.$router.replace({
              // path: 'parkingFeeSuccess?carno=' + this.parkInfo.carno,
              path: 'home',
              query:{
                ...this.$route.query,
              }
            });  
          }, 2900)
        } else {
          // 如果接口返回异常，重置当前页面数据
          console.log('err::::', err)
          if (err.code !=='NO_FEE_NEED_TO_PAY') {
            this.reCreateParkOrder(err.langMessage)
          } else if(['ETCP_RECORD_COUPON_FAILED', 'ETCP_COUPON_CONFIG_EXCEPTION', 'ETCP_COUPON_INSUFFICIENT_STOCK', 'ETCP_RECORD_COUPON_FAILED', 'ETCP_PUSH_DISCOUNT_FAILED', 'WRONG_AMOUNT'].indexOf(err.code) > -1) {
            this.reCreateParkOrder(err.langMessage)
          } else {
            Dialog.alert({
              title: '提示',
              message: '当前无需缴费',
              confirmButtonColor: '#333',
            }).then(() => {
              this.$router.replace({
                // path: 'parkingFeeSuccess?carno=' + this.parkInfo.carno,
                path: 'home',
                query: {
                  ...this.$route.query,
                }
              }); 
              // this.createParkOrder();
            });
          }
          this.btnLoading = false
          this.isPay = false
        }
        console.log(err);
      }
    },
    isBKC() {
      const lbsList = ['8a8884e77cc9e70a017cca4003590008','8a8485067ce4da2d017ce555e9b20000','8aaa80b47c784020017c78b205ba0023']
      return lbsList.indexOf(this.mallId) > -1
    },
    kerryPayment(session = '', payParams) {
      if(!session) return 
      const platform = getPlatform();
      // console.log('platform:::', platform)
      let appId = uni.getStorageSync('appid');
      // let openId = uni.getStorageSync('openid') || this.openid;
      let openId = this.$store.state.openid;
      if (platform === 'miniprogram') {
        // appId = 'wx92c3e55fbef6b2af';
        // appId = 'wxd830fe4d1e04988e';
        appId = this.appId;
      }
      // 如果 openId 丢失的话，提示用户回到首页重新进入
      if (openId && openId === 'undefined' || !openId || !appId || appId === 'undefined') {
        toLogin()
        return
      }
      // console.log('支付宝::', isAlipay())
      const params = {
        region: 'cn',
        payChannel: isAlipay() ? 'MINI_PROGRAM' : 'OFFICIAL_ACCOUNT',
        // payChannel: 'MOBILE_WEB',

        payOption: isAlipay() ? 'ALIPAY' : 'WECHATPAY',
        appId: appId,
        // openId: 'oudWQ5SCDElfn-IQH6eBR5JesOz4', // 下的appid： wxd830fe4d1e04988e
        openId,
      };
      // console.log(1854, params);
      this.$md(params);
      // let path = `/profileApi/payment/v1/services/session/${session}/transactions`;
      let path = `${window.profileApi}/payment/v1/services/session/${session}/transactions`;
      this.$request({
        url: path,
        data: params,
        method: 'POST',
        header: JSON.parse(uni.getStorageSync('handleUser')),
      })
        .then(async (res) => {
          // this.Toastloading.clear();
          // console.log(1795, res);
          if (res.data?.code == '000000') {
            const prepayJson = res.data.data.params;
            // console.log('prepayJson::', res.data)
            // const platform = getPlatform();
            this.isPay = true
            // TODO: h5环境判断
            // if (platform === 'micromessenger') {
              // const weixinH5PayRes = await this.weixinH5Pay(prepayJson);
              // // 微信支付完成，判断结果
              // // console.log(1784, weixinH5PayRes);
              // //  errMsg: 'requestPayment:ok'
              // if (weixinH5PayRes?.errMsg === 'requestPayment:ok') {
              //   this.btnLoading = false
              //   this.isPay = false
              //   this.clearOrderTimeEvent()
              //   this.$store.commit('cachedViews/DEL_CACHED_VIEW', {
              //     name: 'parkingFeeDetail',
              //   });
              //   this.$router.replace({
              //     // path: 'parkingFeeSuccess?carno=' + this.parkInfo.carno,
              //     path: this.getPagePath(),
              //     query: {...this.$route.query}
              //   });
              // } else {
              //   this.reCreateParkOrder();
              // }
            // } else {
              let options = {}
              // if (isAlipay()) {
              //   options = {
              //     provider: 'alipay',
              //     orderInfo: prepayJson.trade_no,
              //   }
              // } else {
                options = {
                  provider: 'wxpay',
                  timeStamp: prepayJson.timeStamp,
                  nonceStr: prepayJson.nonceStr,
                  package: prepayJson.package,
                  signType: prepayJson.signType,
                  paySign: prepayJson.paySign,
                }
              // }
              // console.log(430, options)
              const data = {
                ...options,
                unlicensed: payParams.unlicensed,
                vehicleNo: this.$route.query.vehicleNo,
              };
              const timeStamp = data.timeStamp + '$';
              const nonceStr = data.nonceStr + '$';
              const packageStr = data.package + '$';
              const signType = data.signType + '$';
              const paySign = data.paySign + '$';
              const vehicleNo = this.orderDetail.parkingRecord.vehicleNo + '$';
              const unlicensed = this.orderDetail.unlicensed ? 'unlicensedVehicle' + '$': 'licensedVehicle'  + '$';
              // console.log(486, this.orderDetail);
              // return
              wx.miniProgram.redirectTo({
                url: `/pages/package-parkingFee/payment?timeStamp=${encodeURIComponent(
                  timeStamp
                )}&nonceStr=${encodeURIComponent(
                  nonceStr
                )}&package=${encodeURIComponent(
                  packageStr
                )}&signType=${encodeURIComponent(
                  signType
                )}&paySign=${encodeURIComponent(paySign)}&activityRecordId=${
                  res.signUpRecordId
                }&orderNo=${res.orderNo}&unlicensed=${
                  unlicensed
                }&vehicleNo=${
                  vehicleNo
                }`,
              });
              // return
              // window?.toWXSendMsg({
              //   type: 'nowRoute',
              //   options: {
              //     fullPath: '1'
              //   },
              // });
              // window.toWXSendMsg({
              //   type: 'openWxPay',
              //   options: options,
              // });
              // window.subscribe('wxPayOver', (options) => {
              //   if(isAlipayClient) {
              //     options.wxPayOver = options.options.wxPayOver 
              //   }
              //   // this.Toastloading.clear();
              //   // console.log('微信支付结束之后的返回参数', options);
              //   // T-ODO: 在 qa 新发版前，只提示支付成功的信息(已处理成功信息)
              //   if (options?.wxPayOver === 'fail') {
              //     console.log('支付失败');
              //     this.reCreateParkOrder();
              //   } else {
              //     this.btnLoading = false;
              //     this.isPay = false
              //     this.clearOrderTimeEvent()
              //     this.$router.replace({
              //       // path: 'parkingFeeSuccess?vehicleNo=' + this.$route.query.vehicleNo,
              //       path: this.getPagePath(),
              //       query:{
              //         ...this.$route.query,
              //       }
              //     });
              //   }
              // });
            // }
          } else {
            this.reCreateParkOrder();
          }
        })
        .catch((err) => {
          if(err.code === "ERR_NETWORK") {
            this.btnLoading = true;
            uni.showToast({ title: '网络连接失败，请重试', duration: 3000, icon: 'fail' });
            setTimeout(() => {
              this.clearOrderTimeEvent()
              this.$router.replace({
                // path: 'parkingFeeSuccess?carno=' + this.parkInfo.carno,
                path: 'home',
                query:{
                  ...this.$route.query,
                }
              });
            }, 2900)
            return
          }
          this.reCreateParkOrder();
        });
    },
    // 支付失败后返还优惠券
    failedParkOrder() {
      // this.Toastloading.clear();
      const param = {
        orderno: this.parkInfo.orderno,
      };
      this.$md(param);
      uni
        .request({
          url: this.$baseURL + 'api/1.0/park/failedParkOrder',
          data: param,
          method: 'POST',
          header: JSON.parse(uni.getStorageSync('handleUser')),
        })
        .then((res) => {
          this.reCreateParkOrder();
        })
        .catch((err) => {
          this.reCreateParkOrder();
        });
    },
    // 支付失败弹框 重新创建订单
    reCreateParkOrder(msg = '支付失败') {
      // console.log('支付失败弹框 重新创建订单');
      Dialog.alert({
        title: '提示',
        message: msg || '支付失败',
        // confirmButtonColor: '#333',
        confirmButtonColor: kipTheme[this.theme].primaryColor,
      }).then(() => {
        this.$refs.countDown.reset(); // 停车场重置费用倒计时3分钟
        this.$store.dispatch('order/orderInit', {
          gateId: this.$route.query?.gateId,
          vehicleNo: this.$route.query?.vehicleNo,
          endlessLoop: this.endlessLoop,
          callback: (res) => {
            this.orderInitCallBack(res)
          },
        })
        this.btnLoading = false;
        this.isPay = false
        // this.createParkOrder();
      });
      // uni.showModal({
      //   showCancel: false,
      //   title: '提示',
      //   content: '支付失败',
      //   complete: (r) => {
      //     this.createParkOrder();
      //   },
      // });
    },
    // 初始化
    async pageInit() {
      // console.log(247, checkOutResponse);
      // this.msData.detail = checkOutResponse
      // 停车优惠
      // this.discounts(this.msData.detail)
      // 积分减免
      // 优惠券
      // 纸质优惠券
      // 优惠金额
      // 应付金额
      // this.$store.commit('order/SET_ORDER_DETAIL', checkOutResponse);
      try {
        console.log('无牌车扫码出场', this.unlicensedInfo, this.endlessLoop);
        this.btnLoading = false
        this.isPay = false
        // return
        this.$store.dispatch('order/orderInit', {
          vehicleNo: this.$route.query.vehicleNo,
          gateId: this.$route.query?.gateId,
          endlessLoop: this.endlessLoop,
          callback: (res) => {
            this.orderInitCallBack(res)
          },
          enquiryFarePolling: () => {
            this.orderTimeEvent = setInterval(() => {
              if(!this.orderTime) {
                this.orderTime = new Date().getTime()
              }
              const nowTime = new Date().getTime()
              if(nowTime - this.orderTime >= 2.8 * 60 * 1000) {
                if(this.$route.name !== 'parkingFeeDetail') {
                  this.$router.back()
                }
                setTimeout(() => {
                  this.orderTime = new Date().getTime()
                  this.resetCountDown()
                }, 250)
              }
              // console.log(509, (nowTime - this.orderTime) / 1000);
            }, 1100);
          }
        });
        setTimeout(() => {
          this.$store.dispatch('clearUnlicensed');
        }, 1200);
      } catch (err) {
        // console.log('查询车辆是否在场的报错信息?', err, err.code === "INTERNAL_SERVER_ERROR");
        // 如果网络异常（这里是因为订单页面存在空白场景，才需要单独处理报错交互）
        if (err.code === "INTERNAL_SERVER_ERROR") {
          this.clearOrderTimeEvent()
          this.$router.back()
        }
      }
    },
    // 停车优惠
    discounts() {
      // totalFee 为零的时候不做跳转
      if (this.orderDetail.parkingRecord.totalFeeInYuan === 0) return;
      if (!this.enableConsume && !this.memberLevelDiscount && this.orderDetail.parkInfo.parkMallCode !== 2) {
        return Toast({
          message: '暂无可用优惠',
        });
      }
      if( this.discountDesc !== '暂无可用优惠') {
        this.$router.push({
          path: 'parkingFeeDiscounts',
        });
      }
    },
    setColor() {
      window?.toWXSendMsg({
        type: 'uni_func',
        funcName: 'setNavigationBarColor',
        options: {
          frontColor: '#000000',
          backgroundColor: '#2151C5',
        },
      });
      // uni.setNavigationBarColor({
      //   frontColor: '#000000',
      //   backgroundColor: '#FAFBFF',
      // });
    },
    // 是否展示优惠信息
    // isShowDiscounts(params) {
    //   console.log(277, params?.parkingRule?.enableCoupon);
    //   return params?.parkingRule?.enableCoupon
    // },
    //
    // 计算优惠信息
    discountssss(params) {
      // console.log(275, params);
      // console.log(275, params.discountInfo);
      // console.log(275, params.discountInfo.consume);
      return 1;
    },
    coupon() {
      // 前海电子券上限提示逻辑补充
      if(this.couponDesc == '当日优惠已达上限，不可用') {
        return
      }
      // 杭州电子券上限提示逻辑补充
      if(this.couponDesc == '优惠券已达当日使用上限，不可用') {
        return
      }
      // totalFee 为零的时候不做跳转
      if (this.orderDetail.parkingRecord.totalFeeInYuan === 0) return;
      // 如果没有电子券的话，提示用户
      if (this.coupons.length === 0 && this.source !== 'KIP') {
        uni.showToast({
          title: '暂无可使用的优惠券，请前往积分商城兑换优惠券'
        })
        return
      }
      this.$router.push({
        path: 'parkingFeeCoupon',
      });
    },
    paperCoupon() {
      if(!this.actualPayFee) {
        Toast('当前无需追加优惠')
        return;
      }
      // totalFee 为零的时候不做跳转
      if (this.orderDetail.parkingRecord.totalFeeInYuan === 0) return;
      this.$router.push({
        path: 'parkingFeePaperCoupon',
        query:{
          vehicleNo: this.$route.query.vehicleNo
        }
      });
    },
    duration() { },
    couponCount() { },
    // 重置倒计时
    resetCountDown() {
      this.$refs?.countDown?.reset();
      Dialog.close();
      this.btnLoading = false;
      this.isPay = false;
      this.popup = false;
      this.$store.dispatch('order/orderInit', {
        gateId: this.$route.query?.gateId,
        vehicleNo: this.$route.query?.vehicleNo,
        endlessLoop: this.endlessLoop,
        callback: (res) => {
          this.orderInitCallBack(res)
        },
      })
      // 重新创建订单
      // this.createParkOrder();
    },
    //缴费说明隐藏显示
    togglePayinstruction() {
      this.isShowDescription = !this.isShowDescription;
    },
    // 积分修改框
    showPointsMathPopup() {
      // totalFee 为零的时候不做跳转
      if (this.orderDetail.parkingRecord.totalFeeInYuan === 0) return;
      if(this.integralDesc === '暂无可用积分'){
        return
      }
      if(this.integralDesc === '今日积分已达上限'){
        return
      }
      this.popup = true;
    },
    cancelPointsMathPopup() {
      this.$store.dispatch('order/cancelPointsMath', () => {
        this.popup = false;
      });
    },
    savePointsMathPopup() {
      this.$store.dispatch('order/savePointsMath', () => {
        this.popup = false;
      });
    },
    // 获取成功缴费之后前往的页面
    getPagePath() {
      const { vehicleNo = '', unlicensed = '' } = this.$route.query
      // unlicensed: unlicensedVehicle(无牌车), licensedVehicle(有牌车)
      let pagePath = 'parkingFeeSuccess?vehicleNo=' + this.$route.query.vehicleNo
      // console.log('临时车流程', this.endlessLoop);
      if (vehicleNo.indexOf('临') > -1 && unlicensed === 'unlicensedVehicle') {
        pagePath = 'parkingFeeMsg?type=pay'
      }
      return pagePath
    },
    pointsMathCallback({type, message}) {
      // console.log(465, type);
      Toast({
        message: message,
        icon: 'none',
      });
    },
    // 
    setDescription() {
      if ( this?.orderDetail?.parkInfo?.ruleDescription?.length > 0 ) {
        return this?.orderDetail?.parkInfo?.ruleDescription;
      }
      if ( this?.orderDetail?.parkInfo?.description?.length > 0 ) {
        let reg = /[;；]/g;
        return this.orderDetail.parkInfo.description.replace(reg, '\r\n').replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>');  
      } 
       return ''
    },
    clearOrderTimeEvent() {
      if(this.orderTimeEvent) {
        clearInterval(this.orderTimeEvent);
        this.orderTime = null
      }  
    },
    orderInitCallBack(res) {
      console.log('orderInitCallBack', res);
      try {
        setTimeout(() => {
          this.$store.dispatch('clearUnlicensed');
        }, 700);
        // 如果 无牌车扫码出场扫码 无需缴费，直接展示无需缴费页面
        if(/unlicensedOut/.test(res.code) && res?.unlicensed) {
          this.clearOrderTimeEvent()
          // console.log('818', {
          //   type: 'pay',
          //   ...this.$route.query,
          // });
          console.log('822822822822822', this.$route.query);
          this.$router.replace({
            path: 'parkingFeeMsg',
            query: {
              ...this.$route.query,
              type: 'pay',
            }
          });
          return
        }
        // 如果是无需缴费的话,提示用户无需缴费
        if (res?.orderDetail?.parkingRecord?.totalFee <= 0) {
          this.$store.dispatch('order/orderInitRule', res.orderDetail);
            setTimeout(() => {
              // 暂停倒计时
              this.$refs.countDown.pause()
              // 隐藏倒计时组件
              this.isShowCountDown = false
              Dialog.alert({
                message: '当前无需缴费',
                showConfirmButton: false,
                confirmButtonColor: '#333',
              }).then(() => {
                this.clearOrderTimeEvent()
                this.$router.back()
              });
              setTimeout(() => {
                this.clearOrderTimeEvent()
                this.$router.back()
              }, 3300);
            }, 300)
          return
        }
        if ( /CAR_NOT_FOUND|INOUT_FAILED/.test(res.code) ) {
          setTimeout(() => {
            this.clearOrderTimeEvent()
            this.$router.replace({
              path: 'parkingFeeMsg',
              query: {
                ...this.$route.query,
                type: 'outFail'
              }
            })  
          }, 300)
          return;
        }
        if (/NOT_FOUND|PARKING_RECORD_NOT_FOUND/.test(res.code)) {
          // 当前车辆没有查到账单
          this.clearOrderTimeEvent()
          setTimeout(() => {
            this.$router.replace({
              path: 'parkingFeePayment',
              query: {
                ...this.$route.query,
                msg: res.langMessage,
                vehicleNo: this.$route.query.vehicleNo,
              },
            });
          }, 300)
          return
        }
        if (/LOCAL_PARK_ERROR|INTERNAL_SERVER_ERROR|VALIDATION_FAILED|PLEASE_SCAN_QRCODE/g.test(res.code)) {
          setTimeout(() => {
            this.clearOrderTimeEvent()
            this.$router.back()
          }, 3000)
        }
        Toast({
          message: res.message,
          icon: 'none',
        });
      } catch (err) {
      console.log('查费接口返回异常', err);
      
      }
    }
  },
  destroyed() {
    this.clearOrderTimeEvent()
  }
};