Blame view

src/views/parkPay/coupon.vue 6.62 KB
6e9a3492   刘淇   江阴支付
1
  <template>
04d41f2e   刘淇   领取优惠券
2
    <div v-show="loadFlag">
92e91fa6   刘淇   江阴领取优惠券调接口
3
      <img :src="imgurl" alt="" style="margin: 10px auto;width: 64px;height: 64px;">
eae77c58   刘淇   江阴领取优惠券
4
      <div style="padding: 10px 30px 50px">
331018f3   刘淇   江阴领取优惠券调接口
5
        <p>尊敬的车主您好:{{ tipText }}</p>
eae77c58   刘淇   江阴领取优惠券
6
      </div>
6e9a3492   刘淇   江阴支付
7
      <div style="padding: 0 20px">
04d41f2e   刘淇   领取优惠券
8
        <mt-button size="large" type="primary" @click="toPay" style="margin-bottom: 20px;" v-show="payFlag">去查询停车费用
331018f3   刘淇   江阴领取优惠券调接口
9
        </mt-button>
6e9a3492   刘淇   江阴支付
10
11
12
        <mt-button size="large" type="danger" @click="toBackPage">返回</mt-button>
      </div>
  
eae77c58   刘淇   江阴领取优惠券
13
    </div>
6e9a3492   刘淇   江阴支付
14
15
16
  </template>
  
  <script>
eae77c58   刘淇   江阴领取优惠券
17
18
  
  
331018f3   刘淇   江阴领取优惠券调接口
19
20
21
22
23
24
  import {
    scanCouponQR,
    queryParkingRecordPageByCarNumbers,
    appApplyParkOut,
    parkingQuery
  } from '@/api/couponPay/couponPay.js'
eae77c58   刘淇   江阴领取优惠券
25
  
6e9a3492   刘淇   江阴支付
26
27
  export default {
    name: "coupon",
eae77c58   刘淇   江阴领取优惠券
28
29
    data() {
      return {
04d41f2e   刘淇   领取优惠券
30
        imgurl: require('../../assets/images/successIcon.png'),
eae77c58   刘淇   江阴领取优惠券
31
32
        successiconUrl: require('../../assets/images/successIcon.png'),
        loseiconUrl: require('../../assets/images/loseIcon.png'),
92e91fa6   刘淇   江阴领取优惠券调接口
33
34
        carNum: '',
        carNumberColor: '',
331018f3   刘淇   江阴领取优惠券调接口
35
36
37
38
        parkingData: [],
        carType: '',
        codeType: '',
        tipText: '',
7e244ba4   刘淇   领取优惠券
39
        payFlag: true,
70987522   刘淇   领取优惠券
40
        couponsType:1,// 1:按次优惠,2:按时优惠,3:折扣优惠(打折),4:满减优惠'
04d41f2e   刘淇   领取优惠券
41
42
        cardRuleName:'',
        loadFlag:false,
6e9a3492   刘淇   江阴支付
43
44
      }
    },
eae77c58   刘淇   江阴领取优惠券
45
    created() {
92e91fa6   刘淇   江阴领取优惠券调接口
46
47
48
      this.carNum = this.$route.query.carNumber
      this.carType = this.$route.query.carType
      this.codeType = this.$route.query.codeType
331018f3   刘淇   江阴领取优惠券调接口
49
      this.cardRelParkNo = this.$route.query.cardRelParkNo
eae77c58   刘淇   江阴领取优惠券
50
51
52
53
54
55
56
57
      // this.carNum = this.$route.query.carNumber  // 获取车牌号
      // this.carNumberColor = this.$route.query.carNumberColor  // 获取颜色   0:蓝牌;1:黄牌;2:白牌;3:黑牌;4:绿色
      // this.currentTabActive = this.$route.query.parkFlag ? this.$route.query.parkFlag : 0
      // console.log(this.currentTabActive)
      // console.log(this.carNumber)
      this.scanCouponQR()
    },
    methods: {
331018f3   刘淇   江阴领取优惠券调接口
58
59
60
61
      scanCouponQR() {
  
        let url = process.env.VUE_APP_API;
        console.log(url)
eae77c58   刘淇   江阴领取优惠券
62
63
64
65
66
67
        var salt = this.$utils.myCommonSalt(32);
        var jsondata = {
          app_id: this.$utils.myVarAppid,
          deviceInfo: this.$utils.myDeviceInfo,
          salt: salt,
          sign_type: "md5",
331018f3   刘淇   江阴领取优惠券调接口
68
69
70
71
          carType: '2',
          codeType: this.codeType,
          cardRelParkNo: this.cardRelParkNo,
          key: this.$route.query.key,
eae77c58   刘淇   江阴领取优惠券
72
73
74
          carNum: this.carNum,
          // carNumberColor: this.carNumberColor,
          orgId: this.$utils.myOrgId,
331018f3   刘淇   江阴领取优惠券调接口
75
          terminalSource: '7',
eae77c58   刘淇   江阴领取优惠券
76
77
78
          // token:'e2c1e43722dd43a5b7e268001b39e6f0'
        }
        jsondata.sign = this.$utils.signObject(jsondata)
7e244ba4   刘淇   领取优惠券
79
        console.log(jsondata)
331018f3   刘淇   江阴领取优惠券调接口
80
        scanCouponQR(url,jsondata).then(response => {
eae77c58   刘淇   江阴领取优惠券
81
          console.log(response)
331018f3   刘淇   江阴领取优惠券调接口
82
83
  
          if (response.code == 0) {
92e91fa6   刘淇   江阴领取优惠券调接口
84
85
            this.payFlag = true
            this.imgurl = this.successiconUrl
331018f3   刘淇   江阴领取优惠券调接口
86
            this.tipText = '领取优惠券成功'
04d41f2e   刘淇   领取优惠券
87
            this.cardRuleName = response.data.cardRuleName
70987522   刘淇   领取优惠券
88
89
            this.couponsType = response.data.cardType
            console.log(this.couponsType)
331018f3   刘淇   江阴领取优惠券调接口
90
          } else {
70987522   刘淇   领取优惠券
91
            this.payFlag = false
92e91fa6   刘淇   江阴领取优惠券调接口
92
            this.imgurl = this.loseiconUrl
331018f3   刘淇   江阴领取优惠券调接口
93
            this.tipText = response.message
92e91fa6   刘淇   江阴领取优惠券调接口
94
          }
04d41f2e   刘淇   领取优惠券
95
96
97
          setTimeout(() => {
            this.loadFlag = true
          }, 300);
70987522   刘淇   领取优惠券
98
  
331018f3   刘淇   江阴领取优惠券调接口
99
          // this.tipText =
eae77c58   刘淇   江阴领取优惠券
100
101
102
        })
      },
      toPay() {
92e91fa6   刘淇   江阴领取优惠券调接口
103
104
105
106
        this.parkRecordList()
        // this.$router.push({
        //   path: 'couponPay'
        // })
6e9a3492   刘淇   江阴支付
107
      },
eae77c58   刘淇   江阴领取优惠券
108
      toBackPage() {
6e9a3492   刘淇   江阴支付
109
        this.$router.back()
92e91fa6   刘淇   江阴领取优惠券调接口
110
111
      },
      parkRecordList() {  // 获取停车记录数据
331018f3   刘淇   江阴领取优惠券调接口
112
        let url = process.env.VUE_APP_PAYAPI;
92e91fa6   刘淇   江阴领取优惠券调接口
113
114
115
116
117
118
119
120
121
        var salt = this.$utils.myCommonSalt(32);
        var jsondata = {
          app_id: this.$utils.myVarAppid,
          deviceInfo: this.$utils.myDeviceInfo,
          salt: salt,
          sign_type: "md5",
          pageNum: '1',
          pageSize: '1000',
          parkState: '10',
70987522   刘淇   领取优惠券
122
          terminalSource: '7',
92e91fa6   刘淇   江阴领取优惠券调接口
123
124
125
126
127
128
129
130
          // parkState:'10',
          carNumber: this.carNum,
          // carNumberColor: '1',
          orgId: this.$utils.myOrgId,
  
        }
        jsondata.sign = this.$utils.signObject(jsondata)
  
7e244ba4   刘淇   领取优惠券
131
  
92e91fa6   刘淇   江阴领取优惠券调接口
132
133
        // jsondata.sign = md5sign
        console.log('停车记录传参  ' + JSON.stringify(jsondata));
331018f3   刘淇   江阴领取优惠券调接口
134
        queryParkingRecordPageByCarNumbers(url,jsondata).then(response => {
92e91fa6   刘淇   江阴领取优惠券调接口
135
136
137
138
139
140
141
142
143
144
145
146
          console.log(response)
          // this.parkList = response.data.dataList
  
          this.parkingData = response.data.dataList.filter(item => {
            return item.parkState == '10'
          })
          console.log(this.parkingData)
          this.toPayCurrent(this.parkingData)
  
        })
      },
      toPayCurrent(i) { // 缴纳本次在停费用
331018f3   刘淇   江阴领取优惠券调接口
147
        let url = process.env.VUE_APP_PAYAPI;
92e91fa6   刘淇   江阴领取优惠券调接口
148
149
150
151
152
153
154
155
        var salt = this.$utils.myCommonSalt(32);
        var params = {
          app_id: this.$utils.myVarAppid,
          deviceInfo: this.$utils.myDeviceInfo,
          salt: salt,
          sign_type: "md5",
          orderId: i[0].orderId,
          payOrderType: '101',
70987522   刘淇   领取优惠券
156
          terminalSource: '7',
92e91fa6   刘淇   江阴领取优惠券调接口
157
158
        }
        params.sign = this.$utils.signObject(params)
331018f3   刘淇   江阴领取优惠券调接口
159
        appApplyParkOut(url,params).then(response => {
92e91fa6   刘淇   江阴领取优惠券调接口
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
          console.log(response)
  
          if (response.code == '5005') {
            var salt = this.$utils.myCommonSalt(32);
            var jsondata = {
              app_id: this.$utils.myVarAppid,
              deviceInfo: this.$utils.myDeviceInfo,
              salt: salt,
              sign_type: "md5",
              payType: this.$utils.clientBrowsePayType(),
              appId: this.$utils.myVxAppId,
              orderId: i[0].orderId,
              terminalSource: '7',
              parkCode: i[0].parkCode,
              carNumber: this.carNum,
            }
            jsondata.sign = this.$utils.signObject(jsondata)
331018f3   刘淇   江阴领取优惠券调接口
177
            parkingQuery(url,jsondata).then(result => {
92e91fa6   刘淇   江阴领取优惠券调接口
178
179
180
181
              console.log(result)
              let res = result.data
              let _dis = res.discountFee
              let discountFee = _dis.slice(1, _dis.length - 1)
331018f3   刘淇   江阴领取优惠券调接口
182
183
184
185
186
187
188
189
190
191
192
193
194
              sessionStorage.setItem('couponPark', JSON.stringify(result.data))
              this.$router.push(
                {
                  path: 'couponPay',
                  query: {
                    carColor: this.carColor,// 车牌颜色
                    arrearageTotalFee: res.orderTotalFee,// 应收
                    arrearageDiscFee: discountFee * 100,// 优惠
                    arrearageActFee: res.orderFee,// 实收
                    carNumber: this.carNumber, // 车牌
                    paySrcType: 101, //支付的类型   101 是本次   103是历史欠费
                    ordeID: i.orderId, //支付的订单号
                    appOrderTimeout: res.appOrderTimeout, // 超时描述
70987522   刘淇   领取优惠券
195
                    couponsType:this.couponsType
92e91fa6   刘淇   江阴领取优惠券调接口
196
                  }
331018f3   刘淇   江阴领取优惠券调接口
197
198
                }
              )
92e91fa6   刘淇   江阴领取优惠券调接口
199
200
            })
  
331018f3   刘淇   江阴领取优惠券调接口
201
202
          } else {
            //$('.dialog-out').show()
04d41f2e   刘淇   领取优惠券
203
            this.$msgbox('提示', '成功领取'+this.cardRuleName+',离场时自动抵扣')
331018f3   刘淇   江阴领取优惠券调接口
204
          }
92e91fa6   刘淇   江阴领取优惠券调接口
205
206
207
208
  
        })
  
      },
6e9a3492   刘淇   江阴支付
209
210
211
212
213
214
215
    }
  };
  </script>
  
  <style scoped>
  
  </style>