feat: 支持广告位配置

apps/bigmember_pc/src/router/modules/order.js

@@ -92,7 +92,9 @@ export default [
         },
         components: commonOrder({
           info: () => import('@/views/order/components/big-member/info.vue'),
-          desc: () => import('@/views/order/components/big-member/desc.vue')
+          desc: () => import('@/views/order/components/big-member/desc.vue'),
+          headerAdsense: () =>
+            import('@/views/order/components/big-member/header-adsense.vue')
         }),
         children: [
           {
@@ -172,7 +174,9 @@ export default [
           info: () => import('@/views/order/components/vipsubscribe/info.vue'),
           desc: () => import('@/views/vipsubscribe/components/Contrast.vue'),
           adsense: () =>
-            import('@/views/order/components/vipsubscribe/adsense.vue')
+            import('@/views/order/components/vipsubscribe/adsense.vue'),
+          headerAdsense: () =>
+            import('@/views/order/components/vipsubscribe/header-adsense.vue')
         }),
         children: [
           {
@@ -192,7 +196,9 @@ export default [
         path: 'data-pack',
         alias: '/front/dataPack/createOrder',
         components: commonOrder({
-          info: () => import('@/views/order/components/data-pack/info.vue')
+          info: () => import('@/views/order/components/data-pack/info.vue'),
+          headerAdsense: () =>
+            import('@/views/order/components/data-pack/header-adsense.vue')
         }),
         children: [
           {
@@ -220,7 +226,8 @@ export default [
         components: commonOrder({
           title: () => import('@/views/order/components/doc-member/title.vue'),
           info: () => import('@/views/order/components/doc-member/info.vue'),
-          adsense: () => import('@/views/order/components/doc-member/adsense.vue')
+          adsense: () =>
+            import('@/views/order/components/doc-member/adsense.vue')
         }),
         children: [
           {
@@ -242,9 +249,11 @@ export default [
           title: '报告下载包充值'
         },
         components: commonOrder({
-          title: () => import('@/views/order/components/download-pack/title.vue'),
+          title: () =>
+            import('@/views/order/components/download-pack/title.vue'),
           info: () => import('@/views/order/components/download-pack/info.vue'),
-          footer: () => import('@/views/order/components/download-pack/footer.vue')
+          footer: () =>
+            import('@/views/order/components/download-pack/footer.vue')
         }),
         children: [
           {

apps/bigmember_pc/src/views/order/components/big-member/header-adsense.vue

@@ -0,0 +1,29 @@
+<template>
+  <div className="data-pack-header-adsense">
+    <AdContainer
+      :exposure-prefix="'PC购买页轮播广告位-' + code + '-'"
+      :code="code"
+    />
+  </div>
+</template>
+
+<script>
+import AdContainer from '@/views/workspace/components/AdContainer.vue'
+
+export default {
+  name: 'data-pack-header-adsense',
+  components: {
+    AdContainer
+  },
+  data() {
+    return {
+      code: 'equity_pc_bigmember_top_code'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.vip-subscribe-adsense {
+}
+</style>

apps/bigmember_pc/src/views/order/components/data-pack/header-adsense.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="data-pack-header-adsense">
+    <AdContainer
+      :exposure-prefix="'PC购买页轮播广告位-' + code + '-'"
+      :code="code"
+    />
+  </div>
+</template>
+
+<script>
+import AdContainer from '@/views/workspace/components/AdContainer.vue'
+export default {
+  name: 'data-pack-header-adsense',
+  components: {
+    AdContainer
+  },
+  data() {
+    return {
+      code: 'equity_pc_datapack_top_code'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.vip-subscribe-adsense {
+}
+</style>

apps/bigmember_pc/src/views/order/components/vipsubscribe/header-adsense.vue

@@ -0,0 +1,50 @@
+<template>
+  <div class="vip-subscribe-header-adsense">
+    <AdContainer
+      :exposure-prefix="'PC购买页轮播广告位-' + code + '-'"
+      :code="code"
+    />
+  </div>
+</template>
+
+<script>
+import AdContainer from '@/views/workspace/components/AdContainer.vue'
+export default {
+  name: 'vip-subscribe-header-adsense',
+  components: {
+    AdContainer
+  },
+  data() {
+    return {
+      buyType: '',
+      code: ''
+    }
+  },
+  created() {
+    this.getType()
+  },
+  methods: {
+    getType() {
+      const { type } = this.$route.query
+      const types = ['buy', 'upgrade', 'renew']
+      if (types.includes(type)) {
+        this.buyType = type || types[0]
+      } else {
+        this.buyType = types[0]
+      }
+      if (this.buyType === 'buy') {
+        this.code = 'equity_pc_vip_top_buy_code'
+      } else if (this.buyType === 'upgrade') {
+        this.code = 'equity_pc_vip_top_upgrade_code'
+      } else if (this.buyType === 'renew') {
+        this.code = 'equity_pc_vip_top_renew_code'
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.vip-subscribe-adsense {
+}
+</style>

apps/bigmember_pc/src/views/order/layout.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="page-create-order" v-loading="loading">
     <router-view name="head" v-if="pageLayout.header"></router-view>
+    <router-view name="headerAdsense"></router-view>
     <div class="page-create-order-content v-w1200">
       <router-view
         class="page-create-order-content-title"