Ver código fonte

feat: 活动页分享

cuiyalong 3 anos atrás
pai
commit
5f9bc53d2c

+ 1 - 0
src/jfw/modules/app/src/web/staticres/jyapp/big-member/css/public.css

@@ -248,6 +248,7 @@ input::placeholder {
 .j-container .j-header.transparent-header:after {
     content: unset;
 }
+.j-header.transparent-header .header-right,
 .j-header.transparent-header .header-left,
 .j-header.transparent-header .header-title {
     color: #fff;

+ 4 - 0
src/jfw/modules/app/src/web/templates/big-member/header.html

@@ -1,5 +1,9 @@
 <!--S-header-->
 <style>
+  .jy-app-header .icon-back::before,
+  .jy-app-header .icon-back-white::before {
+    content: unset;
+  }
   .jy-app-header .icon-back-white {
     display: none;
   }

+ 18 - 2
src/jfw/modules/app/src/web/templates/frontRouter/activity/sess/task-202207.html

@@ -11,7 +11,9 @@
     <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/reset-css/5.0.1/reset.min.css />
     <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/index.css />
     <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/icon/local.css />
+    <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/assets/iconfont/mobile/22.7.2/iconfont.css />
     <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/active/2022.7/task-common.css?v={{Msg "seo" "version"}}' />
+    <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/public/css/app-share-sheet.css?v={{Msg "seo" "version"}}' />
     <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/active/2022.7/task-202207.css?v={{Msg "seo" "version"}}' />
     <!--E-当前页面的css资源-->
     <style>
@@ -23,6 +25,9 @@
             font-display: swap;
             src:url('/jyapp/fonts/YouSheBiaoTiHei-2.ttf');
         }
+        .jy-app-header .header-right {
+            font-size: .46rem;
+        }
         .fixed-top {
             top: 1.72rem;
         }
@@ -321,6 +326,15 @@
               </div>
             </van-popup>
             <!--E-弹窗-->
+            <!-- share -->
+            <app-share-sheet
+                v-model="shareShow"
+                @share="onShare"
+                :share-title="shareConf.title"
+                :share-content="shareConf.content"
+                :share-link="shareConf.link"
+            ></app-share-sheet>
+            <!-- end share -->
         </div>
     </div>
 
@@ -335,10 +349,12 @@
             var header = $('.j-header.jy-app-header')
             header.addClass('transparent-header')
                 .find('.header-right')
-                .addClass('glyphicon-share')
+                .addClass('iconfont')
+                .addClass('icon-mine_share')
         })
     </script>
-    <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/public/js/van-share.js?v={{Msg "seo" "version"}}'></script>
+    <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/js/share.js?v={{Msg "seo" "version"}}'></script>
+    <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/public/js/app-share-sheet.js?v={{Msg "seo" "version"}}'></script>
     <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/active/2022.7/task-202207.js?v={{Msg "seo" "version"}}'></script>
     {{include "/common/baiducc.html"}}
 </body>

+ 79 - 9
src/web/staticres/common-module/active/2022.7/task-202207.js

@@ -129,18 +129,62 @@ function activeOverCheck (endTime, callback) {
   }
 }
 
-// 未定义兼容
-try {
-  var shareSheet = appShareSheet
-} catch (error) {
-  var shareSheet = {}
-  console.log(error)
+var shareMixin = {
+  data: function () {
+    return {
+      shareShow: false,
+      guideMask: false,
+      shareConf: {
+        title: '剑鱼超级会员节,百万补贴限量抢',
+        content: '快来和我一起参与吧!剑鱼超级会员节,百万补贴限量抢,快速获取商机信息',
+        pathname: '/weixin/frontPage/activity/sess/task-202207',
+        origin: location.origin,
+        link: ''
+      }
+    }
+  },
+  created: function () {
+    if (utils.isWeiXinBrowser) {
+      this.registerWxShare()
+    } else {
+      this.getShareDomain()
+    }
+  },
+  methods: {
+    refreshShareLink: function () {
+      this.shareConf.link = this.shareConf.origin + this.shareConf.pathname
+    },
+    getShareDomain: function () {
+      var _this = this
+      $.ajax({
+        url: '/jypay/getDomain',
+        type: 'post',
+        success: function (res) {
+          if (res && res.data && res.data.wx) {
+            _this.shareConf.origin = res.data.wx
+            _this.refreshShareLink()
+          }
+        }
+      })
+    },
+    registerWxShare: function () {
+      this.refreshShareLink()
+      shareFn.init({
+        title: this.shareConf.title,
+        desc: this.shareConf.content,
+        link: this.shareConf.link
+      })
+    },
+  }
 }
+
 var task = new Vue({
   el: '#main-app',
   delimiters: ['${', '}'],
+  mixins: [shareMixin],
   components: {
-    appShareSheet: shareSheet
+    appShareSheet: appShareSheet,
+    wxShareGuide: wxShareGuide
   },
   data: {
     platform: 'app',
@@ -413,9 +457,16 @@ var task = new Vue({
   mounted: function () {
     // this.calcPointList()
     this.headerTransparent()
+    this.clickEvents()
     this.stickyTopEvents()
   },
   methods: {
+    clickEvents: function () {
+      var _this = this
+      $('.j-header.jy-app-header').on('click', function () {
+        _this.shareShow = true
+      })
+    },
     add0: function (t) {
       return t < 10 ? ('0' + t) : t
     },
@@ -865,8 +916,11 @@ var task = new Vue({
             break
           }
           case 'share': {
-            // 分享----------
-            // _this.scrollTo('.copy-share-container')
+            if (utils.isWeiXinBrowser) {
+              this.guideMask = true
+            } else {
+              this.shareShow = true
+            }
             break
           }
         }
@@ -1083,6 +1137,22 @@ var task = new Vue({
         }
       })
     },
+    onShare: function () {
+      if (this.activeState === 'activating') {
+        var _this = this
+        $.ajax({
+          url: '/jyActivity/membershipDay/doShare',
+          type: 'post',
+          success: function (res) {
+            if (res.data) {
+              _this.ajaxProgress()
+            }
+          }
+        })
+      } else {
+        this.activeNotStartToast()
+      }
+    },
     toOrderPage: function () {
       if (utils.isWeiXinBrowser) {
         location.href = '/weixin/pay/toMyWxOrder?active=0'

+ 109 - 0
src/web/staticres/common-module/public/css/app-share-sheet.css

@@ -0,0 +1,109 @@
+.icon-sheet-close {
+  width: .36rem;
+  height: .36rem;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJOSURBVHgBzZhvbtMwGMYfx+kn+NAbEG7QSP1ShCC+ATdgnGDaCTZOMHGDcQJ2A1sIqIQmtTfAN6AI8YUt8exkS5tF8b9I2R6paqrYzk9v/D5+3wJPRAQR4pvNHH/LIknxQiks2sUI2VVl9UdfCjxPtyzPd75rBoHwr1fvSIJjfVl4ThGE4uLtavnZNdALhP/QABXO9WWGOEkNdGYDsoKYV0D+lV/gHwG7CC5UQj+yVS77t4Yg1uuMlDOO+CgMSSpK2UMYMjHEIAx5BIg9zDXNGWsyK3l4l1Sz0wkgjDIyq/cfeiD8+88jKBxhOhXGEnogRCWnjolb/ZHwlYIJu7AN0b503gGpo2F/JaJ4vcwVvWaeMFKlNNdzzPitZVxmfKoF0dF4D7sWfL3J2GolPWDarDCbX/+e2xbWZnlcZw3n2rhm5W+41XnAQHb5jOmpiUh6s4Cf9MIlt0QmCmIPEmbhQzDREAcgZI4w9WDGQBilDQdCQQ5hWqse48oJnojGgHT2REBq20DUFmHqbUxHNnmCVEQGzBnKjmwMTANSUuE53pWi0TA1yF1NIDAOwgbjquZFu1lVhU+OwbsAn+jAwH7owVT6nQpNfLv65XiAgOlj/H1HoomG7QiR+oR+2UlfHZUT2FUEml/mgDDRODPfHRD2ZnmpH3SJqUT2zVfP0NR/+gERhhQhaXqc+x89EJNBse4YBOFqJ+41dYM1eNa0xzsqZwMdIKGe6V4mpOU8lCms7yr8DHHS+wEn7NVyMBHC/pZogEyRXXhOEcYo62x06BZIQ3Px0E+dyAAAAABJRU5ErkJggg==);
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  border-radius: 50%;
+}
+.icon-earth {
+  width: .36rem;
+  height: .36rem;
+  background-repeat: no-repeat;
+  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABVZJREFUWEetmW+on2MYx7/f8sILL7xYTSGTqRWyMiFHvCCEUCuTyYRMthCy5cgWQlbIlslkMplMJitkZS8mW1FEOS+IspXVkampvVCXPk/Xc7r32/N7/pyzu86L53ff93V/7/v6972uY81iRMRJki6SdLWkJZIWSTpN0qkp7rCkPyVNSfpW0h5J+23/N/Q4D9kQEQsl3S9phaR5Q/Ym4G2SXrF9sO/eXgAjgtd5XtJySbxeOXZI2ieJ1/lF0tEEvy6/z5e0oNjA/FZJ62wf6gLaCTAi7uLWI+qblsRrosZnJf2EKm3/m+p/FKC2XwVARFwoaVm+PJdlIONh2++1gRwLMCJOlvSapHsLu3pB0heSmHszgU1KOmT7SERcIukWSettH42I+eUrpcwH81LIYGyW9Ajrm4A2AkxBH0u6LjftztujkmslHUi1/S7poO3piECVT0taKmmX7ZsigrXTtr8rD4+Is1LNV+Xvn0u6tQnkcQAbwPFqT7V5YETcJml7HsZLbMlX4oKYB9+bbf9aA01TwK4fawPZBPB1SStzE4a8vs1GIgJV12bAUi6ETfLbGWmrR9Le3hp5yVMkvZ2vztQW2/eVa44BmA6Bh1UH2V7b5WUR8WFxQGVTth9INS5OM7nR9pnF650nCfXiYHXsrKdX2H6n/pgBmKHkxyK+EWSvt42dtY6IIGhje7zaBtsvFmDw2s/ydTblOb+lozXJJcifi10zWQIsVVtv/F7SxX0zQEQ8JOmT0UtFBKrm8tgb2YeQ0zZmVF0BjAgC6c9jbkWsquLZkJFefbokwhCpDudBpX0GQX8RTlUDfKnwplEBq2xv6iO1XJNeemWGp0vTdEbtrU0spvK4U9AfmeybNqy0/cYQgBmqcB4cAU+dzSDWng3AyyXtbZGwzfadfU9IcJ+mrfXdVq7DTjfkD0sASPQnsbeNSdvP9TktsweZYVbDNpjQKI41yQcpjfzZNQghe8psUG+ICNRIbj0ntTHKeLpkl/NknonkmTsBiPdCOLsG8YmXwasrmpTmQbJnP563KtNal6yuec4hTU4B8O+GaD5OAHxvCiKQAL9KR6jXA3Iur4ccMhkAye2HARhd12mYX2r7o4gguKN6Xo4cPCSMNB273fbtEXGzpJ0smC1A9iIACo/qYSnvSyLezWUsxMZHAQ5RcdPhZIhdULLMRqyBvaBuHKcmpn2A1wDvyMtPD3GSrgOwT2gWZQBh6y9J89OBNvZ0xBrgE2kylZP0DTNdAOv54zhkBm8SAiEE5j1uVMw6ywkKtB0AfHJAEu8CWRVTtv9pWhgRFFM4U5unQywoyAjUawBIoUPZeCLGXttXjBMUEXg5fzdkIIZ2tdnoRB+yMAQ4dnjBuAptVFBE3NMS2A/AwvvQrSEAWVvRpK5NmR6/bAlNVclRAySHQvHnmgXARXghHbZyyA6SQuhaQEotKf9oddb1CF3zy9u6BhHxbrZSmuRstL26yiT1bBYzEIe5pqta5JqyeCrOgflge3C+Jo0RRxfXhKSt7Ox6oa75ZbY/aHCMbzpS4jEv31S4nyhVT9j+ugSYVR/Betyoaupysk/ro+ulxs3Ps026gzcS62iPwB3Hxb3G/kzf5tFQkPtsX1bYHS28umPRJKt/86gQyk1fLvo0Q0Dutn1NOh6kto2x01haPaj9NmI3UB/sZkjLd6vtuyPimSzcmy4HjyRezvRhmhZ1dljThuivUP3Rm+7D76DrBH4YCYm/HARy1L227r+0qaYXwELtMAw6pACtW7l9VU8hDvBj+oRdmwcBLIASYGFBdXkIx8MEajMY/TcETvBD3yZUCfp/6g8SZFkY04sAAAAASUVORK5CYII=) no-repeat 50%;
+  background-size: contain
+}
+
+.app-share-sheet .van-share-sheet__header {
+  padding: 0;
+  min-height: 1.28rem;
+}
+.app-share-sheet .van-share-sheet__title {
+  margin-top: 0;
+}
+.app-share-sheet .title-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 .32rem;
+  color: #171826;
+  height: 1.28rem;
+}
+.app-share-sheet .title-content .title-text {
+  font-size: .4rem;
+  color: #171826;
+}
+.app-share-sheet .desc-info-default {
+  display: flex;
+  align-items: center;
+  padding: 0 .32rem;
+}
+.app-share-sheet .desc-info-default .jy-coin {
+  width: 0.48rem;
+  height: 0.48rem;
+}
+.app-share-sheet .desc-info-text {
+  margin-left: .16rem;
+}
+
+
+.open-tip-popup {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+.arrow-img {
+  position: absolute;
+  top: .32rem;
+  right: .48rem;
+  width: .92rem;
+}
+.arrow-img > img {
+  display: block;
+  width: 100%;
+}
+.popup-tip-container {
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  top: 1.8rem;
+  left: 50%;
+  width: 100%;
+  transform: translate(-50%,0);
+}
+.popup-tip-text-container {
+  display: flex;
+  align-items: center;
+  padding: 0 .28rem;
+  height: .72rem;
+  color: #fff;
+  font-size: .32rem;
+  font-weight: bold;
+  line-height: .44rem;
+  letter-spacing: 1px;
+}
+
+.hexagon-radius {
+  background: url(/common-module/public/image/hexagon-radius-main@2x.png) no-repeat;
+  background-position: center center;
+  background-size: contain;
+}
+.popup-open-in-browser {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: .4rem;
+  padding: 0 .16rem;
+  height: .64rem;
+  border-radius: .64rem;
+  background-color: rgba(255,255,255,.16);
+  
+}
+.popup-open-in-browser .text {
+  margin-left: .16rem;
+  color: #fff;
+  font-size: .28rem;
+  line-height: .48rem;
+}
+

BIN
src/web/staticres/common-module/public/image/arrow-top-rightx3@2x.png


BIN
src/web/staticres/common-module/public/image/hexagon-radius-main@2x.png


+ 130 - 0
src/web/staticres/common-module/public/js/app-share-sheet.js

@@ -0,0 +1,130 @@
+// 基于van-share-sheet的封装
+var appShareSheet = {
+  template: `
+  <van-share-sheet
+    class="app-share-sheet"
+    get-container="body"
+    :value="value"
+    @input="onInput"
+    :options="options"
+    cancel-text=""
+    @select="onSelect">
+    <div class="title-container" slot="title">
+      <div class="title-content">
+        <div class="title-text">分享有礼</div>
+        <div class="icon-sheet-close" @click="onCloseIconClick"></div>
+      </div>
+      <slot name="desc-info">
+        <div class="desc-info-default">
+          <img class="jy-coin" src="/jyapp/images/jianyubi.png" alt="">
+          <div class="desc-info-text">将活动分享给好友,获得200剑鱼币</div>
+        </div>
+      </slot>
+    </div>
+  <van-share-sheet>
+  `,
+  props: {
+    value: Boolean,
+    shareTitle: {
+      type: String,
+      default: ''
+    },
+    shareContent: {
+      type: String,
+      default: ''
+    },
+    shareLink: {
+      type: String,
+      default: location.href
+    }
+  },
+  data: function () {
+    return {
+      options: [
+        [
+          {
+            id: 1,
+            name: '微信',
+            icon: '/jyapp/images/img/weixin.png',
+            // icon: 'wechat',
+          },
+          {
+            id: 3,
+            name: '朋友圈',
+            icon: '/jyapp/images/img/pengyouquan.png',
+            // icon: 'wechat-moments',
+
+          },
+          {
+            id: 2,
+            name: 'QQ',
+            icon: '/jyapp/images/img/qq.png',
+            // icon: 'qq',
+          },
+        ],
+      ]
+    }
+  },
+  methods: {
+    onCloseIconClick: function () {
+      this.onInput(false)
+    },
+    onInput: function (f) {
+      this.$emit('input', f)
+    },
+    onSelect: function (item) {
+      this.$emit('share')
+      this.doAppShare(item)
+    },
+    doAppShare: function (item) {
+      var shareType = item.id
+      var shareTitle = this.shareTitle
+      var content = this.shareContent
+      var link = this.shareLink
+      try {
+        JyObj.share(shareType,shareTitle,content,link)
+      } catch (error) {
+        console.log(shareType,shareTitle,content,link)
+        console.log(error)
+      }
+    }
+  },
+}
+
+// 微信分享引导
+var wxShareGuide = {
+  template: `
+    <van-popup
+      class="open-tip-popup"
+      get-container="body"
+      :value="value"
+      @click="onClickPopup"
+      @input="onInput">
+      <div class="arrow-img">
+        <img src='/common-module/public/image/arrow-top-rightx3@2x.png' alt="">
+      </div>
+      <div class="popup-tip-container">
+        <div class="popup-tip-text-container hexagon-radius" v-text="tip"></div>
+        <div class="popup-open-in-browser" v-show="false">
+          <span class="j-icon icon-earth"></span>
+          <span class="text">在浏览器中打开</span>
+        </div>
+      </div>
+    <van-popup>
+  `,
+  props: {
+    value: Boolean,
+    tip: {
+      type: String,
+      default: '点击右上角按钮分享'
+    },
+  },
+  methods: {
+    onInput: function (f) {
+      this.$emit('input', f)
+    },
+    onClickPopup: function () {
+      this.onInput(false)
+    }
+  }
+}

+ 0 - 4
src/web/staticres/common-module/public/js/app-share.js

@@ -1,4 +0,0 @@
-// 基于van-share-sheet的封装
-var appShareSheet = {
-
-}

+ 8 - 2
src/web/staticres/common-module/yearEndReport/js/share.js

@@ -1,5 +1,6 @@
 var shareFn = {
   isWeiXinBrowser: navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1,
+  wxDomain: '',
   wxSDKSign: {
     debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印
     appId: '', // 必填,公众号的唯一标识
@@ -34,7 +35,10 @@ var shareFn = {
     link: sessionStorage.getItem('shareReportLink') || location.origin + '/active/yearEndReport',
     imgUrl: 'https://cdn-ali.jianyu360.com/images/appext/share-icon.png'
   },
-  init: function () {
+  init: function (shareInfo) {
+    if (shareInfo) {
+      Object.assign(this.shareInfo, shareInfo)
+    }
     if (this.isWeiXinBrowser) {
       this.getWxSdkSign()
     }
@@ -49,6 +53,9 @@ var shareFn = {
         url: location.href.split('#')[0]
       },
       success: function (res) {
+        if (res && res.wxDomain) {
+          _this.wxDomain = res.wxDomain
+        }
         if (res && res.wxsdk && $.isArray(res.wxsdk)) {
           _this.wxSDKSign.appId = res.wxsdk[0]
           _this.wxSDKSign.timestamp = res.wxsdk[1]
@@ -79,4 +86,3 @@ var shareFn = {
     })
   }
 }
-shareFn.init()

+ 2 - 1
src/web/staticres/frontRouter/pc/activity/js/task-202207.js

@@ -1012,7 +1012,8 @@ var task = new Vue({
     },
     toBuyVip: function () {
       if (window.vipStatus > 0) {
-        window.open('/swordfish/page_big_pc/free/svip/buy?type=upgrade')
+        // window.open('/swordfish/page_big_pc/free/svip/buy?type=upgrade')
+        toastFn('请下载“剑鱼标讯”App或关注微信公众号使用满减券,进行超级订阅续费或升级', 2000)
       } else {
         // 去购买
         window.open('/swordfish/page_big_pc/free/svip/buy?type=buy')

+ 3 - 0
src/web/templates/active/yearEndReport/index.html

@@ -543,6 +543,9 @@
 <script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
 <script src='{{Msg "seo" "cdn"}}/common-module/yearEndReport/js/index.js?v={{Msg "seo" "version"}}'></script>
 <script src='{{Msg "seo" "cdn"}}/common-module/yearEndReport/js/share.js?v={{Msg "seo" "version"}}'></script>
+<script>
+  shareFn.init()
+</script>
 
 <!--S-提前需要预加载的资源-->
 <link rel="prefetch" as="html" href="./yearEndReportResult"/>

+ 8 - 1
src/web/templates/frontRouter/wx/activity/sess/task-202207.html

@@ -13,6 +13,7 @@
     <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/big-member/weixin/css/public.css?v={{Msg "seo" "version"}}'>
     <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/big-member/weixin/css/j-icons.css?v={{Msg "seo" "version"}}'>
     <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/common-module/active/2022.7/task-common.css?v={{Msg "seo" "version"}}' />
+    <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/common-module/public/css/app-share-sheet.css?v={{Msg "seo" "version"}}' />
     <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/common-module/active/2022.7/task-202207.css?v={{Msg "seo" "version"}}' />
     <script src='{{Msg "seo" "cdn"}}/big-member/js/rem.js?v={{Msg "seo" "version"}}'></script>
     <!--E-当前页面的css资源-->
@@ -132,7 +133,7 @@
                                 </div>
                                 <div class="progress-bar-content" :style="{ width: rate + '%' }">
                                     <div class="blink-point"></div>
-                                    <div class="blink-point-text anchor-text" v-show="blinkTextShow">${progress.current}剑鱼币</div>
+                                    <div class="blink-point-text anchor-text" v-show="blinkTextShow"><span class="j-icon-bg icon-jy-coin"></span>${progress.current}</div>
                                 </div>
                             </div>
                         </div>
@@ -272,6 +273,9 @@
                     </div>
                 </section>
             </van-popup>
+            <!-- 分享引导 -->
+            <wx-share-guide v-model="guideMask"></wx-share-guide>
+
             <!--S-弹窗-->
             <van-popup id="active-tip-modal" v-model="dialog.show" :data-modal-type="dialog.type" :close-on-click-overlay="dialog.type !== 'over'">
               <div v-show="dialog.type === 'rule'" class="modal-dialog active-tip--rule" :class="{max: getScreenMax}">
@@ -320,8 +324,11 @@
     <script src=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/vant.min.js> </script>
     <script src=//cdn-common.jianyu360.com/cdn/lib/jquery/3.6.0/jquery.min.js> </script>
     <script src=//cdn-common.jianyu360.com/cdn/lib/moment/2.29.1/min/moment.min.js></script>
+    <script src=//res2.wx.qq.com/open/js/jweixin-1.6.0.js></script>
     {{include "/big-member/commonjs.html"}}
     <script src='{{Msg "seo" "cdn"}}/common-module/public/js/utils.js?v={{Msg "seo" "version"}}'></script>
+    <script src='{{Msg "seo" "cdn"}}/common-module/yearEndReport/js/share.js?v={{Msg "seo" "version"}}'></script>
+    <script src='{{Msg "seo" "cdn"}}/common-module/public/js/app-share-sheet.js?v={{Msg "seo" "version"}}'></script>
     <script src='{{Msg "seo" "cdn"}}/common-module/active/2022.7/task-202207.js?v={{Msg "seo" "version"}}'></script>
     {{include "/common/baiducc.html"}}
 </body>