[FIX] 协议

src/App.vue

@@ -2,7 +2,10 @@
   <div id="app">
     <!--实现路由切换动画-->
     <transition :name="transitionName">
-      <RouterView />
+      <keep-alive include="StoreDetail">
+        <RouterView />
+      </keep-alive>
+
       <!-- <keep-alive>
         <router-view v-if="$route.meta.keepAlive"></router-view>
       </keep-alive>

src/router/ebiz/product-store.js

@@ -4,7 +4,7 @@ const LoginMsg = () => import('@/views/ebiz/product-store/LoginMsg')
 const StoreDetail = () => import('@/views/ebiz/product-store/StoreDetail')
 const StoreList = () => import('@/views/ebiz/product-store/StoreList')
 const Agreement = () => import('@/views/ebiz/product-store/Agreement')
-
+const Protocol = () => import('@/views/ebiz/product-store/Protocol')
 export default [
   {
     path: '/productStore/forwardRecord',
@@ -50,5 +50,14 @@ export default [
       title: 'VIP专区',
       index: 1
     }
+  },
+  {
+    path: '/productStore/protocol',
+    name: 'Protocol',
+    component: Protocol,
+    meta: {
+      title: '协议',
+      index: 1
+    }
   }
 ]

src/views/ebiz/product-store/Protocol.vue

@@ -0,0 +1,59 @@
+<template>
+  <div class="protocol">
+    <div class="content">
+      <h3>一、国富客户权益卡简介</h3>
+      <p>
+        客户权益卡是国富人寿将广投集团旗下及合作单位的优势资源集中回馈客户的会员机制,成为国富客户可以享受整合优势资源的专属权益与超值服务,权益及服务以活动页面发布内容为准。
+      </p>
+      <h3>二、网络服务内容所有权</h3>
+      <p>
+        国富客户权益卡网站定义的网络服务内容包括:文字、软件、声音、图片、录像、图表、广告中的全部内容;电子邮件的全部内容;权益卡网站为用户提供的其他信息。所有这些内容受版权、商标、标签和其它财产所有权法律的保护。客户只能在网站和广告商授权下使用这些内容,不能擅自复制、再造这些内容、或创造与内容有关的派生产品。本网站所有的文章版权归原文作者和本网站共同所有,任何人需要转载一家本网站的文章,必须征得原文作者或本网站授权。
+      </p>
+      <h3>三、责任免除及限制</h3>
+      <p>1．请会员妥善保管用户名和密码,若账户被盗,由此引起的任何积分或经济等损失由会员个人负责。</p>
+      <p>
+        2．国富人寿将尽力确保合作伙伴能提供有关产品和服务,但因合作伙伴未能提供有关产品和服务而引起的损失以及因合作伙伴提供的产品或服务的质量问题概不负责。如因此产生争议及纠纷，应尽量友好协商解决；协商不成，会员与产品和服务提供商均同意由所在地法院管辖。
+      </p>
+      <p>国富人寿对本卡涉及的所有服务内容拥有最终解释权。</p>
+    </div>
+
+    <van-button class="button" type="danger" @click.native="back" v-no-more-click="1000">返回</van-button>
+  </div>
+</template>
+<script>
+export default {
+  methods: {
+    back() {
+      this.$router.back()
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.protocol {
+  background: #fff;
+  min-height: 100vh;
+  padding-bottom: 11.73333vw;
+  box-sizing: border-box;
+  .content {
+    padding: 10px;
+    h3 {
+      font-size: 15px;
+      padding: 5px 0;
+    }
+    p {
+      font-size: 14px;
+      text-indent: 2em;
+      text-align: justify;
+      line-height: 22px;
+    }
+  }
+  .button {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+  }
+}
+</style>

src/views/ebiz/product-store/StoreDetail.vue

@@ -35,25 +35,25 @@
             clearable
           />
         </div>
-        <div v-if="isWeixin">
+        <div v-if="isWeixin" class="buttonGrounp">
-          <van-popup v-model="pdfPop" closeable position="bottom">
-            <div style="height:80%">
-              <!-- <div> -->
-              <iframe :src="src + pdfUrl" class="iframe"></iframe>
-            </div>
-          </van-popup>
           <van-radio-group v-model="radio" class="pb10 pt20 pl30 fs14">
             <van-radio name="1">
-              <span @click.stop="pdfPop = true">《国富客户权益卡简介》</span>
+              <span @click.stop="enterProtocol">《国富客户权益卡简介》</span>
             </van-radio>
           </van-radio-group>
+          <van-button v-if="isWeixin" :disabled="!isCanCheck1 || !isCanCheck2" class="btn-bottom" type="danger" @click="check" v-no-more-click="1000"
+            >查看</van-button
+          >
         </div>
-        <van-button v-if="isWeixin" :disabled="!isCanCheck1 || !isCanCheck2" class="btn-bottom" type="danger" @click="check" v-no-more-click="1000"
+
-          >查看</van-button
-        >
         <van-button v-if="!isWeixin" type="danger" @click="forward" v-no-more-click="1000">一键转发</van-button>
       </div>
     </div>
+    <!-- <van-popup v-model="pdfPop" closeable position="bottom">
+      <div style="height:80%">
+        <iframe :src="src + pdfUrl" class="iframe"></iframe>
+      </div>
+    </van-popup> -->
   </div>
 </template>
 
@@ -130,6 +130,17 @@ export default {
   },
   methods: {
     //获取商城详情
+    enterProtocol() {
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + `/#/productStore/protocol`
+        },
+        routerInfo: {
+          path: `/productStore/protocol`
+        }
+      })
+    },
     async getShopList(data) {
       const res = await getShopList(data).catch(err => {
         this.loaded = false
@@ -208,6 +219,7 @@ export default {
 
 <style lang="scss" scoped>
 .store-detail-container {
+  height: 100vh;
   /deep/.van-field__label {
     width: 40%;
   }
@@ -224,5 +236,11 @@ export default {
     height: 90vh;
     margin-top: 20px;
   }
+  .buttonGrounp {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    z-index: 1;
+  }
 }
 </style>