提一波

src/api/api.js

@@ -25,4 +25,9 @@ export const getWxSign = params=>{
 // 智能研报详情
 export const smartReportDetail=params=>{
   return get('/smart_report/share/detail',params)
+}
+
+//获取分享信息
+export const getShareInfo=params=>{
+  return get('/smart_report/wechat_share/detail',params)
 }

src/views/report/reportDetail.vue

@@ -165,9 +165,10 @@
 <script>
 import {
   reportDetail,
+  getShareInfo
 } from "@/api/api.js";
 import _ from 'lodash';
-import wxShare from '../utils/wxShare.js';
+import {wxShare,injectSdk} from '../utils/wxShare.js';
 
 import AudioPlay from './audioPlay.vue';
 import { Watermark,BlindWatermark } from 'watermark-js-plus'
@@ -189,11 +190,13 @@ export default {
       Disclaimer:''
     };
   },
+  created() {
+    wx.hideAllNonBaseMenuItem();
+  },
   mounted() {
-    wx.ready(function(){
-        wx.hideOptionMenu();
-    });
-    this.getreportdetail();
+    injectSdk().then(res => {
+      this.getShareData()
+    })
     window.addEventListener('scroll', this.loadMoreHandle);
   },
 
@@ -241,6 +244,13 @@ export default {
       .css({ display: "block", whiteSpace: "pre-wrap" });
   },
   methods: {
+    async getShareData() {
+      let res = await getShareInfo({ ReportCode: this.id })
+      if(res.Ret !== 200) return 
+      
+      wxShare(document.location.href,res.Data.H5ShareName||document.title,res.Data.H5ShareTitle,res.Data.H5ReportShareImg,0);
+      this.getreportdetail()
+    },
     showTips() {
       //免责声明显示
       $("#tipsAlert").animate({ top: 0 });
@@ -280,16 +290,16 @@ export default {
         document.title=(Data && Data.H5ShareName) || "研报"
         if (Ret !== 200) return
         // console.log('data',Data)
-        let H5ShareName = Data.H5ShareName
-        let H5ReportShareImg = Data.H5ReportShareImg
-        let wxShareTitle=!!Data.Hz?
-        '【第'+Data.Report.Stage+'期|FICC'+'】'+Data.Report.Title+'('+Data.Report.CreateTime.substring(5,7)+Data.Report.CreateTime.substring(8,10)+')':
-                          Data.Report.Title+'('+Data.Report.CreateTime.substring(5,7)+Data.Report.CreateTime.substring(8,10)+')'
+        // let H5ShareName = Data.H5ShareName
+        // let H5ReportShareImg = Data.H5ReportShareImg
+        // let wxShareTitle=!!Data.Hz?
+        // '【第'+Data.Report.Stage+'期|FICC'+'】'+Data.Report.Title+'('+Data.Report.CreateTime.substring(5,7)+Data.Report.CreateTime.substring(8,10)+')':
+        //                   Data.Report.Title+'('+Data.Report.CreateTime.substring(5,7)+Data.Report.CreateTime.substring(8,10)+')'
         this.reportInfo = Data.Report;
         this.Disclaimer = Data.Disclaimer||'';
         this.isshow = true;
 
-        this.splitContentHandle(document.location.href,H5ShareName || document.title,wxShareTitle,H5ReportShareImg,0);
+        this.splitContentHandle();
 
         $(document).on("click", "#resetcss img", function (event) {
           let imgArray = [];
@@ -350,7 +360,7 @@ export default {
 
 
     /*内容分割*/
-    splitContentHandle(shareurl,title,desc,imgurl,hide) {
+    splitContentHandle() {
       let content='';
       if(this.reportInfo.HasChapter===1) {
         this.reportInfo.ChapterList.forEach(item => {
@@ -366,9 +376,6 @@ export default {
       this.total_page = parseInt(this.totalContent.length / this.pageSize) + 1;
       // console.log(this.realContent, this.totalContent);
 
-      this.$nextTick(() => {
-          wxShare(shareurl,title,desc,imgurl,hide);
-      })
     },
 
     /* 加载下一页内容 */

src/views/reportEn/detail.vue

@@ -115,7 +115,7 @@ import {
   reportEnDetail,
 } from "@/api/api.js";
 import _ from 'lodash';
-import wxShare from '../utils/wxShare.js'
+import {wxShare,injectSdk} from '../utils/wxShare.js'
 import { Watermark,BlindWatermark } from 'watermark-js-plus'
 import { Base64 } from 'js-base64';
 export default {
@@ -133,11 +133,13 @@ export default {
       total_page: 0,
     };
   },
+  created() {
+    wx.hideAllNonBaseMenuItem();
+  },
   mounted() {
-    wx.ready(function(){
-        wx.hideOptionMenu();
-    });
-    this.getreportdetail();
+    injectSdk().then(res => {
+      this.getreportdetail()
+    })
     window.addEventListener('scroll', this.loadMoreHandle);
   },
   destroyed() {

src/views/smartReport/detail.vue

@@ -94,9 +94,9 @@
 </template>
 
 <script>
-import { smartReportDetail,reportDetail } from "@/api/api.js";
+import { getShareInfo,reportDetail } from "@/api/api.js";
 import _ from "lodash";
-import wxShare from "../utils/wxShare.js";
+import {wxShare,injectSdk} from "../utils/wxShare.js";
 
 export default {
   data() {
@@ -124,11 +124,13 @@ export default {
       }
     };
   },
+  created() {
+    wx.hideAllNonBaseMenuItem();
+  },
   mounted() {
-    wx.ready(function(){
-        wx.hideOptionMenu();
-    });
-    this.getreportdetail();
+    injectSdk().then(res => {
+      this.getShareData()
+    })
     window.addEventListener("scroll", this.loadMoreHandle);
     window.addEventListener('resize',this.pageResize)
   },
@@ -139,6 +141,13 @@ export default {
   },
 
   methods: {
+    async getShareData() {
+      let res = await getShareInfo({ ReportCode: this.id })
+      if(res.Ret !== 200) return 
+      
+      wxShare(document.location.href,res.Data.H5ShareName||document.title,res.Data.H5ShareTitle,res.Data.H5ReportShareImg,0);
+      this.getreportdetail()
+    },
     pageResize(){
       const el=document.getElementById('reportdtl')
       const windowWid=document.body.clientWidth
@@ -165,11 +174,11 @@ export default {
       document.title = (Data && Data.H5ShareName) || "研报";
       if (Ret !== 200) return;
       // console.log('data',Data)
-      let H5ShareName = Data.H5ShareName;
-      let H5ReportShareImg = Data.H5ReportShareImg;
-      let wxShareTitle = !!Data.Hz
-        ? "【第" + Data.Report.Stage + "期|FICC" + "】" + Data.Report.Title + "(" + Data.Report.CreateTime.substring(5, 7) + Data.Report.CreateTime.substring(8, 10) + ")"
-        : Data.Report.Title + "(" + Data.Report.CreateTime.substring(5, 7) + Data.Report.CreateTime.substring(8, 10) + ")";
+      // let H5ShareName = Data.H5ShareName;
+      // let H5ReportShareImg = Data.H5ReportShareImg;
+      // let wxShareTitle = !!Data.Hz
+      //   ? "【第" + Data.Report.Stage + "期|FICC" + "】" + Data.Report.Title + "(" + Data.Report.CreateTime.substring(5, 7) + Data.Report.CreateTime.substring(8, 10) + ")"
+      //   : Data.Report.Title + "(" + Data.Report.CreateTime.substring(5, 7) + Data.Report.CreateTime.substring(8, 10) + ")";
       this.reportInfo = Data.Report || {};
       this.headImgStyle=this.reportInfo.HeadStyle?JSON.parse(this.reportInfo.HeadStyle):[]
       this.endImgStyle=this.reportInfo.EndStyle?JSON.parse(this.reportInfo.EndStyle):[]
@@ -184,7 +193,7 @@ export default {
         this.pageResize()
       })
 
-      wxShare(document.location.href, H5ShareName || document.title, wxShareTitle, H5ReportShareImg, 0);
+      // wxShare(document.location.href, H5ShareName || document.title, wxShareTitle, H5ReportShareImg, 0);
 
       // this.splitContentHandle();
 

src/views/utils/wxShare.js

@@ -1,33 +1,33 @@
 import {getWxSign} from '@/api/api';
 import { Toast } from 'vant';
 // import utils from '@/utils/utils';
-export default function wxShare(shareurl,title,desc,imgurl,hide){
-  getWxSign({
-    Url:window.location.href.split('#')[0]
-  }).then((res)=>{
-    if( res.Ret===200 ){
-      wx.config({
-        debug:false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
-        appId:res.Data.AppId, // 必填，企业号的唯一标识，此处填写企业号corpid
-        timestamp:res.Data.Timestamp, // 必填，生成签名的时间戳
-        nonceStr:res.Data.NonceStr, // 必填，生成签名的随机串
-        signature:res.Data.Signature,// 必填，签名，见附录1
-        jsApiList:['updateTimelineShareData',//1.4.0的分享接口，注意：使用新版本的分享功能，一定要在该列表加上对应的老版本功能接口，否则新接口不起作用
-        'updateAppMessageShareData',//1.4.0的分享接口,注意：使用新版本的分享功能，一定要在该列表加上对应的老版本功能接口，否则新接口不起作用
-        'hideOptionMenu',
-        'showOptionMenu',
-        'hideMenuItems']
-        // 'onMenuShareAppMessage',//老版本分享接口。
-        // 'onMenuShareTimeline',
-      });
-    }else {
-      console.log(res)
-      if(res.Ret!==4003){
-        Toast('获取签名失败，请刷新重试！')
-      }
+export function wxShare(shareurl,title,desc,imgurl,hide){
+  // getWxSign({
+  //   Url:window.location.href.split('#')[0]
+  // }).then((res)=>{
+  //   if( res.Ret===200 ){
+  //     wx.config({
+  //       debug:false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+  //       appId:res.Data.AppId, // 必填，企业号的唯一标识，此处填写企业号corpid
+  //       timestamp:res.Data.Timestamp, // 必填，生成签名的时间戳
+  //       nonceStr:res.Data.NonceStr, // 必填，生成签名的随机串
+  //       signature:res.Data.Signature,// 必填，签名，见附录1
+  //       jsApiList:['updateTimelineShareData',//1.4.0的分享接口，注意：使用新版本的分享功能，一定要在该列表加上对应的老版本功能接口，否则新接口不起作用
+  //       'updateAppMessageShareData',//1.4.0的分享接口,注意：使用新版本的分享功能，一定要在该列表加上对应的老版本功能接口，否则新接口不起作用
+  //       'hideOptionMenu',
+  //       'showOptionMenu',
+  //       'hideMenuItems']
+  //       // 'onMenuShareAppMessage',//老版本分享接口。
+  //       // 'onMenuShareTimeline',
+  //     });
+  //   }else {
+  //     console.log(res)
+  //     if(res.Ret!==4003){
+  //       Toast('获取签名失败，请刷新重试！')
+  //     }
       
-      return 
-    }
+  //     return 
+  //   }
     if( hide==1 ){
       wx.ready(function(){
         wx.hideOptionMenu();
@@ -37,7 +37,7 @@ export default function wxShare(shareurl,title,desc,imgurl,hide){
       wx.ready(function(){
         // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
         
-        wx.showOptionMenu();
+        // wx.showOptionMenu();
 
         let shareData = {
           title, // 分享标题
@@ -65,11 +65,48 @@ export default function wxShare(shareurl,title,desc,imgurl,hide){
         wx.hideMenuItems({
           menuList: ['menuItem:share:qq','menuItem:share:weiboApp','menuItem:share:facebook','menuItem:share:QZone','menuItem:openWithSafari','menuItem:share:email'] // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
         });
+
+        wx.showAllNonBaseMenuItem();
       });
       
       wx.error(function(res){
         console.log(res);
       });
     }
-  });
+  // });
 }
+
+
+export  function injectSdk() {
+  return new Promise((resove,reject) => {
+    getWxSign({
+      Url:window.location.href.split('#')[0]
+    }).then((res)=>{
+      if( res.Ret===200 ){
+        wx.config({
+          debug:false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+          appId:res.Data.AppId, // 必填，企业号的唯一标识，此处填写企业号corpid
+          timestamp:res.Data.Timestamp, // 必填，生成签名的时间戳
+          nonceStr:res.Data.NonceStr, // 必填，生成签名的随机串
+          signature:res.Data.Signature,// 必填，签名，见附录1
+          jsApiList:['updateTimelineShareData',//1.4.0的分享接口，注意：使用新版本的分享功能，一定要在该列表加上对应的老版本功能接口，否则新接口不起作用
+          'updateAppMessageShareData',//1.4.0的分享接口,注意：使用新版本的分享功能，一定要在该列表加上对应的老版本功能接口，否则新接口不起作用
+          'hideOptionMenu',
+          'showOptionMenu',
+          'hideMenuItems']
+          // 'onMenuShareAppMessage',//老版本分享接口。
+          // 'onMenuShareTimeline',
+        });
+
+        resove(res)
+      }else {
+        console.log(res)
+        if(res.Ret!==4003){
+          Toast('获取签名失败，请刷新重试！')
+        }
+        
+        reject(res) 
+      }
+    })
+  })
+}