分享，保存图片等

src/components/annual-summary/card-6.vue

@@ -37,21 +37,26 @@
     <div class="qr-wrapper">
       <img src="~@/images/annual/qr-code.png" alt />
     </div>
-    <section v-if="type == 1" class="bottom">
-      <img src="~@/images/annual/save-btn.png" alt />
-      <img src="~@/images/annual/share-btn.png" alt />
+    <section v-if="isHide && type == 1" class="bottom">
+      <img @click="save" src="~@/images/annual/save-btn.png" alt />
+      <img @click="share" src="~@/images/annual/share-btn.png" alt />
     </section>
     <section v-if="type == 2" class="bottom">
-      <img class="btn-l" src="~@/images/annual/share-btn-l.png" alt />
+      <!-- <img @click="callApp" class="btn-l" src="~@/images/annual/share-btn-l.png" alt /> -->
+      <WxOpenCommon :url="openPath" ></WxOpenCommon>
     </section>
   </div>
 </template>
 <script>
 import Logo from "@/components/annual-summary/logo";
-let _this = null;
+import WxOpenCommon from '@/components/wx-open';
+import {
+  getWebPageUrl
+} from "@/utils"
 export default {
   components: {
-    Logo
+    Logo,
+    WxOpenCommon
   },
   props: {
     type: {
@@ -63,44 +68,34 @@ export default {
       default: () => {
         return {};
       }
+    },
+    isHide: {
+      type: Boolean,
+      default: true
     }
   },
   data() {
     return {
-      isHide: true,      
+      openPath: '',
+      // isHide: true,      
     }
   },
 
   created() {
-    _this = this;
-    // 截屏时通知前端
-    window.__screenCaptureEvent = function() {
-      console.log('in screenCaptureEvent');
-        _this.$sendBuriedData({
-          component_tag: '557#557002'
-        });
-    }
-
-    // 保存图片的回调
-    window.__savePage2Picture = function(param) {
-      this.isHide = true;
-      console.log("__savePage2Picture", param);
-    }
-
+      this.openPath = getWebPageUrl(`profexam/#/as-index`);
   },
 
   methods: {
+
     // 保存图片
-    savePage2Picture() {
-      this.isHide = false;
-      this.$forceUpdate()
-      this.$nextTick( () => {
-        rocNative.savePage2Picture({
-          __funcName: "__savePage2Picture"       
-        });
-      })
+    save() {
+      this.$emit('save');
     },
 
+    // 分享按钮
+    share() {
+      this.$emit('share');
+    }
     
   },
 };

src/views/annual-summary/detail.vue

@@ -17,7 +17,7 @@
         <Card5 :anualData="anualData"></Card5>
       </div>
       <div class="swiper-slide">
-        <Card6 :anualData="anualData"></Card6>
+        <Card6 :anualData="anualData" @save="savePage2Picture" @share="share" :isHide="isHide"></Card6>
       </div>
     </div>
     <Loading v-show="showLoading" />
@@ -56,6 +56,7 @@ export default {
       isWeb: window.__isWeb,
       isInfresh: false,
       showLoading: false,
+      isHide: true,
       anualData: {
         orderNum: 1,
         learnTime4Show: 1
@@ -69,6 +70,23 @@ export default {
 
   created() {
     _this = this;
+    _this = this;
+    // 截屏时通知前端
+    window.__screenCaptureEvent = function() {
+      console.log("in screenCaptureEvent");
+      _this.$sendBuriedData({
+        component_tag: "557#557002"
+      });
+    };
+
+    // 保存图片的回调
+    window.__savePage2Picture = function(param) {
+      this.isHide = true;
+      console.log("__savePage2Picture", param);
+    };
+
+    // 先调用存储权限（只有安卓手机需要）
+    this.isAndroid && rocNative.openExternalStoragePermission();
 
     window.__getUserInfoAS = function(param) {
       console.log("__getUserInfoAS", param);
@@ -190,7 +208,7 @@ export default {
     // token是否失效校验
     checkToken() {
       let param = {
-        token: this.anualData.userToken || this.token,
+        token: this.userInfo.userToken || this.token,
         setEntry: true
       };
       this.GET("campaign/admin/task/checkToken", param).then(res => {
@@ -205,6 +223,32 @@ export default {
         } else {
         }
       });
+    },
+
+    // 保存图片
+    savePage2Picture() {
+      this.isHide = false;
+      this.$forceUpdate();
+      this.$nextTick(() => {
+        rocNative.savePage2Picture({
+          __funcName: "__savePage2Picture"
+        });
+      });
+    },
+
+    // 调用原生分享（弹框）
+    share() {
+      let shareUrl = getWebPageUrl(`profexam/#/as-share?uuid=${anualData.uuid}`);
+      this.$rocNative &&
+        this.$rocNative.shareWechat({
+          type: 6,
+          shareId: 0,
+          shareUrl: shareUrl,
+          title1: "云鹊医2020年度个人学习报告",
+          title2: "点击查看我的专属学习报告",
+          shareImageUrl:
+            "https://file.yunqueyi.com/logo.png?version=" + new Date().getTime()
+        });
     }
   }
 };

src/views/annual-summary/share.vue

 <template>
   <div class="as-share-wrapper">
-    <Card6 type="2" :anualData="anualData"></Card6>
+    <Card6 type="2" :anualData="anualData" ></Card6>
     <Loading v-show="showLoading" />
   </div>
 </template>