支付方式 -- 支付宝

liuqimichale
1 parent ae6e7e99
Showing 3 changed files with 48 additions and 17 deletions
src/api/orderPay/orderPay.js
src/components/orderPay.vue
src/components/parkRecord.vue
+import request from '@/utils/request'
+
+export function aliPay(params) {
+  return request({
+    url: '/api/alipay/aliH5Pay',
+    method: 'post',
+    data: params
+  })
+}
+
@@ -22,7 +22,7 @@
       </li>
     </ul>
     <div style="padding: 20px 18px">
-      <div class="toPay">{{clientBrowser}}支付</div>
+      <div class="toPay" @click="toPay">{{clientBrowser}}支付</div>
     </div>
     <p class="tip">
@@ -38,6 +38,7 @@
 </template>
 <script>
+import { aliPay } from '@/api/orderPay/orderPay'
 export default {
   name: 'orderPay',
   data() {
@@ -53,14 +54,33 @@ export default {
   created() {
     this.carWrapBG = this.$route.query.carColor //车牌颜色
     this.carNumber = this.$route.query.carNumber
-    this.arrearageTotalFee = this.$route.query.arrearageTotalFee
-    this.arrearageDiscFee = this.$route.query.arrearageDiscFee
-    this.arrearageActFee = this.$route.query.arrearageActFee
+    this.arrearageTotalFee = this.$route.query.arrearageTotalFee // 应收
+    this.arrearageDiscFee = this.$route.query.arrearageDiscFee // 优惠
+    this.arrearageActFee = this.$route.query.arrearageActFee // 实收
     this.clientBrowser = this.$utils.clientBrowser() //支付方式
-      // arrearageTotalFee: res.arrearageTotalFee,//车牌颜色
-      // arrearageDiscFee: res.arrearageDiscFee,//车牌颜色
-      // arrearageActFee: res.arrearageActFee,//车牌颜色
-      // carNumber: this.carNumber // 车牌
+  },
+  methods:{
+    toPay(){
+      if(this.clientBrowser == '支付宝') {
+        var aliParams = {};
+        aliParams.orderId = orderID;
+        aliParams.carNumber = this.carNumber;
+        aliParams.payType = 1;// 1:支付宝 2：微信 3：银联 10:H5   4微信公众号
+        aliParams.terminalSource = 7;//请求端来源 1： 任你停 2：pda 3：微信公共号 7:H5扫码 10页面支付
+        aliParams.paySrcType = _paySrcType;//101停车支付
+        aliParams.orgId = '10003',
+        aliParams.backType=2,
+          // aliParams.recordArreaInfos = JSON.stringify([{
+          //     "orderId": webAppParams.orderId,
+          //     "orderNotPayFee": _mon * 100,
+          //     "parkId": getQueryString(window.location).parkCode
+          // }]);
+
+        aliParams.recordArreaInfos = JSON.stringify(orderID);
+      }
+
+
+    }
   },
   filters:{
     formateColor(val){
@@ -33,7 +33,7 @@
               </p>
               <p>停车时长：{{ $utils.dateFormat(i.parkDuration)}}</p>
               <div class="out-wrap">
-                <p class="mon-wrap">￥{{(i.totalFee/100).toFixed(2)}}</p>
+                <p class="mon-wrap">￥{{(i.unPayFee/100).toFixed(2)}}</p>
                 <p class="out-btn">出场缴费</p>
               </div>
             </div>
@@ -76,7 +76,7 @@
               </p>
               <p>停车时长：{{ $utils.dateFormat(i.parkDuration)}}</p>
               <div class="out-wrap">
-                <p class="mon-wrap">￥{{(i.totalFee/100).toFixed(2)}}</p>
+                <p class="mon-wrap">￥{{(i.unPayFee/100).toFixed(2)}}</p>
               </div>
             </div>
@@ -206,7 +206,7 @@ export default {
           return item.parkState == '20'
         })
         this.historyList.forEach( i => {
-          this.allMoney += Number(i.totalFee)
+          this.allMoney += Number(i.unPayFee)
         })
         console.log(this.historyList)
@@ -229,13 +229,13 @@ export default {
         }
         me.orderIds.push(i.orderId)
-        me.historyCheckedMon += Number(i.totalFee)
+        me.historyCheckedMon += Number(i.unPayFee)
       }else{ //单个不选中
         let _i = me.orderIds.indexOf(i.orderId)
         me.orderIds.splice(_i,1)
         this.allChecked = false
         me.historyCheckedLen --
-        me.historyCheckedMon -= Number(i.totalFee)
+        me.historyCheckedMon -= Number(i.unPayFee)
       }
@@ -303,15 +303,16 @@ export default {
       historyQuery(jsondata).then(response => {
         console.log(response)
-        let res = response.data.carArrearages
+        let res = response.data.carArrearages[0]
+        console.log(res)
         this.$router.push(
           {
             path:'orderPay',
             query:{
               carColor:0,// 车牌颜色
-              arrearageTotalFee: res.arrearageTotalFee,//车牌颜色
-              arrearageDiscFee: res.arrearageDiscFee,//车牌颜色
-              arrearageActFee: res.arrearageActFee,//车牌颜色
+              arrearageTotalFee: res.arrearageTotalFee,// 应收
+              arrearageDiscFee: res.arrearageDiscFee,// 优惠
+              arrearageActFee: res.arrearageActFee,// 实收
               carNumber: this.carNumber // 车牌
             }
           }