对接接口

2021-11-03 21:02:22 +08:00
parent 411ecf4c05
commit c5c2f661a0
71 changed files with 5436 additions and 145 deletions
@@ -0,0 +1,121 @@
+<template>
+    <div class="pay">
+        <div class="topbar" ref="topbar">
+            <van-nav-bar left-arrow v-if="$route.meta.showNavBar" :title="$route.meta.title" @click-left="$router.back()" :style="{backgroundColor: $route.meta.navBarBackgroundColor}" />
+        </div>
+        <div class="pay-info">
+            <h1 class="amount"><b>￥</b>{{query.amount}}</h1>
+            <div class="order-info">
+                <h3 class="title">{{query.title}}</h3>
+                <p class="desc">{{query.subTitle}}</p>
+            </div>
+
+            <div class="pay-type">
+                <p class="label">支付方式</p>
+                <van-radio-group v-model="payType">
+                    <van-cell-group>
+                        <van-cell title="微信" clickable @click="radio = '1'" icon="wechat">
+                            <template #icon>
+                                <img style="width: 40px" src="@/assets/img/wechat.jpg" alt="">
+                            </template>
+                            <template #right-icon>
+                                <van-radio name="1" />
+                            </template>
+                        </van-cell>
+                    </van-cell-group>
+                </van-radio-group>
+            </div>
+            
+            <div class="pay-button-container">
+                <van-button block type="primary" round class="pay-button" @click="onCreatePayOrder">确认支付</van-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import { createFriendlyDayOrder, createBrickDayOrder, createCommonOrder } from '@/api';
+
+export default {
+    components: {
+    },
+    data(){
+        return {
+            query: this.$route.query,
+            payType: 0
+        }
+    },
+    methods: {
+        async onCreatePayOrder(){
+            // 创建日行一善支付订单
+            if(this.query.goods_type === '-1'){
+                const request = {
+                    ...this.query,
+
+                }
+                return createFriendlyDayOrder(request)
+            }
+            // 创建填砖加瓦订单
+            if(this.query.goods_type === '-2'){
+                const request = {
+                    ...this.query,
+
+                }
+                return createBrickDayOrder(request)
+                 
+            }
+
+            const request = {
+                ...this.query
+            }
+
+            createCommonOrder(request)
+
+        }
+    }
+}
+</script>
+
+<style lang="scss">
+.pay{
+    .pay-info{
+        padding-top: 2rem;
+        .amount{
+            b{
+                font-size: .5rem;
+                color: rgb(236, 188, 98);
+                padding-right: .1rem;
+            }
+            text-align: center;
+            font-size: 1.07rem;
+            color: rgb(255, 140, 8);
+            font-weight: bold;
+        }
+        .order-info{
+            margin-top: 1rem;
+            padding: .4rem;
+            .title{
+                font-size: .4rem;
+                font-weight: bold;
+            }
+            .desc{
+                padding-top: .3rem;
+                color: #666;
+                font-size: .35rem;
+            }
+        }
+        .pay-type{
+            padding: .4rem;
+            margin-top: .6rem;
+            .label{
+                font-size: .4rem;
+                font-weight: bold;
+                margin-bottom: .3rem;
+            }
+        }
+        .pay-button-container{
+            padding: .4rem;
+        }
+    }
+}
+</style>