From 72c60010e40d2c714d91cae5c3a8d05ad4be1dbf Mon Sep 17 00:00:00 2001
From: anbbukn <anbbukn2@foxmail.com>
Date: Thu, 2 Jul 2020 11:31:09 +0800
Subject: [PATCH] =?UTF-8?q?[FIX]=20=E5=8D=8F=E8=AE=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                  |  5 +-
 src/router/ebiz/product-store.js             | 11 +++-
 src/views/ebiz/product-store/Protocol.vue    | 59 ++++++++++++++++++++
 src/views/ebiz/product-store/StoreDetail.vue | 40 +++++++++----
 4 files changed, 102 insertions(+), 13 deletions(-)
 create mode 100644 src/views/ebiz/product-store/Protocol.vue

diff --git a/src/App.vue b/src/App.vue
index 184ba9078..349affefb 100644
--- a/src/App.vue
+++ b/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>
diff --git a/src/router/ebiz/product-store.js b/src/router/ebiz/product-store.js
index 129a3645b..2f62059a4 100644
--- a/src/router/ebiz/product-store.js
+++ b/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
+    }
   }
 ]
diff --git a/src/views/ebiz/product-store/Protocol.vue b/src/views/ebiz/product-store/Protocol.vue
new file mode 100644
index 000000000..6223cfc6f
--- /dev/null
+++ b/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>
diff --git a/src/views/ebiz/product-store/StoreDetail.vue b/src/views/ebiz/product-store/StoreDetail.vue
index cbfde7be1..74b444556 100644
--- a/src/views/ebiz/product-store/StoreDetail.vue
+++ b/src/views/ebiz/product-store/StoreDetail.vue
@@ -35,25 +35,25 @@
             clearable
           />
         </div>
-        <div v-if="isWeixin">
-          <van-popup v-model="pdfPop" closeable position="bottom">
-            <div style="height:80%">
-              <!-- <div> -->
-              <iframe :src="src + pdfUrl" class="iframe"></iframe>
-            </div>
-          </van-popup>
+        <div v-if="isWeixin" class="buttonGrounp">
           <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>