添加支付广告

src/api/index.js

@@ -170,7 +170,11 @@ const hasLogin = () => service.get('/api/has-login');
 // 查询
 const getMeritTypes = () => service.get('/api/order/get-merit-types');
 
+// 支付广告
+const getPayAdv = () => service.get('/api/ad/ad-pay')
+
 export {
+    getPayAdv,
     getMeritTypes,
     getDynamicDataByGoodsId,
     hasLogin,

src/pages/home.vue

@@ -5,7 +5,7 @@
             <div class="swiper">
                 <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
                     <van-swipe-item v-for="(banner, index) in data.banner_data" :key="index">
-                        <img :src="banner.cover" alt="" />
+                        <img :src="banner.cover" alt="" @click="onLocationTo(banner)"/>
                     </van-swipe-item>
                 </van-swipe>
             </div>
@@ -83,6 +83,11 @@ export default {
         this.getTempleIndex();
     },
     methods: {
+        onLocationTo({url}){
+            if(url){
+                location.href = url;
+            }
+        },
         mescrollInit(mescroll){
             this.mescroll = mescroll;
         },

src/pages/pay/index.vue

@@ -3,6 +3,9 @@
         <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="adv" v-if="adv">
+            <img :src="adv.cover"  alt="">
+        </div>
         <div class="pay-info">
             <h1 class="amount"><b>￥</b>{{query.amount}}</h1>
             <div class="order-info">
@@ -34,10 +37,10 @@
                     </van-cell-group>
                 </van-radio-group>
             </div>
-            
+
             <div class="pay-button-container">
-                <van-button v-if="query.order_id" block type="primary" round class="pay-button" @click="onContinuePayOrder">确认支付</van-button>
+                <van-button v-if="query.order_id" block type="primary" round class="pay-button" @click="onContinuePayOrder">确认支付到寺院对公账户</van-button>
-                <van-button v-else block type="primary" round class="pay-button" @click="onCreatePayOrder">确认支付</van-button>
+                <van-button v-else block type="primary" round class="pay-button" @click="onCreatePayOrder">确认支付到寺院对公账户</van-button>
             </div>
         </div>
     </div>
@@ -50,7 +53,7 @@ import {
     createPay,
     createMeritBoxOrder,
     createCommonOrder,
-    createLightOrder
+    createLightOrder, getPayAdv
 } from "@/api";
 import { requestPayment } from '@/common/wechat-web';
 import { mapState } from "vuex";
@@ -61,7 +64,8 @@ export default {
     data(){
         return {
             query: this.$route.query,
-            payType: '1'
+            payType: '1',
+            adv: null,
         }
     },
     computed: {
@@ -71,7 +75,11 @@ export default {
         this.wechatReady(() => {
 
         })
-
+        getPayAdv().then(res => {
+            if(res){
+                this.adv = res;
+            }
+        })
     },
     methods: {
         onContinuePayOrder(){
@@ -90,7 +98,7 @@ export default {
                 const request = { ...this.query }
                 const order = await createBrickDayOrder(request)
                 await this.onPayment(order)
-                return  
+                return
             }
 
             // 创建功德箱订单
@@ -103,7 +111,7 @@ export default {
                 }
                 const order = await createMeritBoxOrder(request)
                 this.onPayment(order)
-                return  
+                return
             }
 
             // 创建通用商品订单
@@ -148,9 +156,17 @@ export default {
 </script>
 
 <style lang="scss">
+
 .pay{
+    .adv{
+        img{
+            height: 4rem;
+            width: 100%;
+            vertical-align: middle;
+        }
+    }
     .pay-info{
-        padding-top: 2rem;
+        padding-top: 1rem;
         .amount{
             b{
                 font-size: .5rem;
@@ -168,6 +184,7 @@ export default {
             .goods_title{
                 font-size: .4rem;
                 font-weight: bold;
+                line-height: 1.4;
             }
             .goods-lucky-to{
                 font-size: .35rem;

src/util/index.js

@@ -7,6 +7,9 @@ export default {
         return search.slice(0, -1);
     },
     addExternalParamsToQuery(url, key, value){
+        if(!url){
+            return ''
+        }
         const hasQuery = url.indexOf('?') > -1
         url = url.split('?')
         const before = url.shift()
@@ -28,4 +31,4 @@ export default {
 
         return obj;
     }
-}
+}