Browse Source

feat:画像增加悬浮banner

yangfeng 3 years ago
parent
commit
8b83eb8c32

BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/buyer-open.png


BIN
src/jfw/modules/app/src/web/staticres/jyapp/big-member/image/winner-open.png


+ 22 - 6
src/jfw/modules/app/src/web/staticres/jyapp/big-member/js/ent_portrait.js

@@ -134,7 +134,9 @@ var vNode = {
         dt: true
       },
       canFreeExp: false,
-      canFreeTrial: false
+      canFreeTrial: false,
+      freeWinnerOpen: false,
+      winnerBannerTop: 0
     }
   },
   created: function () {
@@ -178,6 +180,7 @@ var vNode = {
     window.addEventListener('resize', function () {
       _this.getStickyTop()
     })
+    this.getBannerTop()
   },
   beforeUpdate: function(){
     // console.log($('.win-analyse').length)
@@ -264,6 +267,12 @@ var vNode = {
     }
   },
   methods: {
+    getBannerTop: function () {
+      this.$nextTick(() => {
+        var c = document.querySelector('.van-sticky')
+        console.log(c, $('.van-sticky').length, '111');
+      })
+    },
     scrollHeight: function () {
       var storageClick = JSON.parse(sessionStorage.getItem('is-click-set'))
       if ($('.win-analyse').length && $('.win-analyse').length > 0 && storageClick) {
@@ -553,9 +562,9 @@ var vNode = {
         },
         error: function (error) {
           console.log(error)
-          setTimeout(function() {
-            _this.getEntBaseInfo()
-          }, 3000)
+          // setTimeout(function() {
+          //   _this.getEntBaseInfo()
+          // }, 3000)
         }
       })
     },
@@ -676,8 +685,12 @@ var vNode = {
             _this.$toast(res.error_msg)
           }
           //免费用户体验权限
-          if(res.data.isFree&&res.data.freeEntPort==0){
-            _this.canFreeExp=true
+          if(res.data.isFree){
+            if (res.data.freeEntPort==0) {
+              _this.canFreeExp=true
+            } else {
+              _this.freeWinnerOpen = true
+            }
           }
           // 免费用户看过当前企业画像数据
           if (res.data.isFree) {
@@ -1240,6 +1253,9 @@ var vNode = {
     //免费赠送企业全景分析体验 去解锁
     goGiveAnalysis: function(){
       location.href = '/jyapp/frontPage/bigmember/free/perfect_info?source=ent_portrait_freeuser';
+    },
+    goOpenVip: function() {
+      location.href = "/jyapp/vipsubscribe/vipsubscribe_new"
     }
   }
 }

+ 11 - 3
src/jfw/modules/app/src/web/staticres/jyapp/big-member/js/unit_portrayal.js

@@ -132,7 +132,8 @@ var vNode = {
               visited: false,
               surplus: 0
             }, // 超级订阅用户画像浏览
-            freeTrial: false // 免费用户是否访问过当前画像
+            freeTrial: false, // 免费用户是否访问过当前画像
+            bannerTop: 0
         }
     },
     computed: {
@@ -198,6 +199,10 @@ var vNode = {
             text = '前往升级'
           }
           return text 
+        },
+        // 留完资的用户(保含已体验和未体验的)
+        getfreeBuyerOpen: function () {
+          return this.userInfo.isFree && this.userInfo.freeBuyerPort != 0;
         }
     },
     watch: {
@@ -221,7 +226,7 @@ var vNode = {
         var storageClick = sessionStorage.getItem('is-click-set')
         if (!params && storageClick) {
           this.$nextTick(function(){
-            document.querySelector('.win-analyse').scrollIntoView()
+            document.querySelector('.win-analyse').scrollIntoView({behavior: "instant", block: "center", inline: "center"})
             sessionStorage.removeItem('is-click-set')
           })
         }
@@ -244,10 +249,13 @@ var vNode = {
       window.removeEventListener("resize", this.init,20);
     },
     methods: {
+        goOpenVip: function () {
+          location.href = "/jyapp/vipsubscribe/vipsubscribe_new"
+        },
         // 查询超级订阅采购单位画像浏览次数
         getUsage: function () {
           var _this = this
-          console.log(this.superVipPort)
+          // console.log(this.superVipPort)
           if (this.superVipPort) {
             $.ajax({
               type: 'POST',

+ 22 - 4
src/jfw/modules/app/src/web/staticres/jyapp/me/js/mine.js

@@ -248,10 +248,28 @@ var mine = {
 	                        $('.ent-follow-history').hide()
 	                        $('.buyer-follow-history').hide()
 	                    }
-	                } else {
-	                    $('.ent-follow-history').hide()
-	                    $('.buyer-follow-history').hide()
-	                }
+                    } else {
+                        // 有采购单位全景分析权限的 不显示画像记录 没有的判断是否是超级订阅新用户
+                        if (res.data.power && res.data.power.indexOf(5) > -1) {
+                          $('.buyer-follow-history').hide()
+                        } else {
+                          if(res.data.vipStatus > 0 && res.data.viper ) {
+                            $('.buyer-follow-history').show()
+                          } else {
+                              $('.buyer-follow-history').hide()
+                          }
+                        }
+                        // 有企业全景分析权限的 不显示画像记录 没有的判断是否是超级订阅新用户
+                        if (res.data.power && res.data.power.indexOf(4) > -1) {
+                            $('.ent-follow-history').hide()
+                        } else {
+                          if (res.data.vipStatus > 0 && res.data.viper) {
+                            $('.ent-follow-history').show()
+                          } else {
+                            $('.ent-follow-history').hide()
+                          }
+                        }
+                    }
                     if ($.isArray(res.data.power)) {
                         pageUserInfo.power = res.data.power
                     }

+ 6 - 0
src/jfw/modules/app/src/web/templates/big-member/page_ent_portrait.html

@@ -242,6 +242,12 @@
           <div class="bg-white tab-card cell-list history-list" v-else>
             <hispro-component type="winner" :id="entInfo.id"></hispro-component>
           </div>
+          <!-- 留完资的免费用户 已体验和未体验的展示去开通 -->
+          <div v-if="freeWinnerOpen">
+            <van-sticky :offset-top="stickyTop">
+              <img @click="goOpenVip" src="/jyapp/big-member/image/winner-open.png" alt="">
+            </van-sticky>
+          </div>
           <!-- 高级分析 -->
           <div class="win-analyse" ref="setRef">
             <span class="win-bid-title">中标分析</span>

+ 13 - 6
src/jfw/modules/app/src/web/templates/big-member/page_unit_portrayal.html

@@ -101,12 +101,19 @@
         </div>
         <div v-else>
             <div class="u-header">
-                <div class="company">
-                    <span class="j-icon icon-company"></span>
-                    <span class="ent-title">${buyer.name || '--'}</span>
-                </div>
-                <p class="region">所在地:${statistics.province || '--'} ${statistics.city}</p>
-                <p class="buyer-type">采购单位类型:${statistics.buyerClass || '--'}</p>
+              <div class="company">
+                  <span class="j-icon icon-company"></span>
+                  <span class="ent-title">${buyer.name || '--'}</span>
+              </div>
+              <p class="region">所在地:${statistics.province || '--'} ${statistics.city}</p>
+              <p class="buyer-type">采购单位类型:${statistics.buyerClass || '--'}</p>
+              
+            </div>
+            <!-- 留完资的免费用户 已体验和未体验的展示去开通 -->
+            <div v-if="getfreeBuyerOpen">
+              <van-sticky offset-top="21.33333vw">
+                <img @click="goOpenVip" src="/jyapp/big-member/image/buyer-open.png" alt="">
+              </van-sticky>
             </div>
             <!-- 免费用户采购单位全景分析提示 -->
             <div v-if="getfreeBuyerPort" style="margin-top: .24rem; " class="free-give">

+ 1 - 1
src/web/staticres/common-module/collection/js/vip-dialog.js

@@ -89,7 +89,7 @@ var vipComponent = {
         },
         source: ''
       }
-      console.log(this.power, this.power.isMember, this.power._4, this.power._13, this.newvip,this.entvisit, this.power.vipStatus)
+      // console.log(this.power, this.power.isMember, this.power._4, this.power._13, this.newvip,this.entvisit, this.power.vipStatus)
       if (this.power.isMember > 0 ) {
         if (this.entvisit.total <= this.entvisit.usage && this.newvip) {
           textMap.btnText = '联系客服'

+ 12 - 0
src/web/staticres/css/dev2/newBidSearch.css

@@ -549,4 +549,16 @@
 }
 .custom-alert .el-message-box__btns button:nth-child(2){
   margin-left: 32px;
+}
+.free-go-open{
+  margin-left: 32px;
+  color: #686868;
+  font-size: 14px;
+}
+.free-go-open .go-open-btn{
+  text-decoration: none;
+}
+.free-go-open .go-open-btn:hover{
+  text-decoration: none;
+  color: #fff;
 }

+ 20 - 2
src/web/staticres/me/js/mine.js

@@ -104,8 +104,26 @@ var mine = {
                         $('#buyer-follow-history').hide()
                       }
                   } else {
-                    $('#ent-follow-history').hide()
-                    $('#buyer-follow-history').hide()
+                    // 有采购单位全景分析权限的 不显示画像记录 没有的判断是否是超级订阅新用户
+                    if (res.data.power && res.data.power.indexOf(5) > -1) {
+                      $('#buyer-follow-history').hide()
+                    } else {
+                      if(res.data.vipStatus > 0 && res.data.viper ) {
+                        $('#buyer-follow-history').show()
+                      } else {
+                        $('#buyer-follow-history').hide()
+                      }
+                    }
+                    // 有企业全景分析权限的 不显示画像记录 没有的判断是否是超级订阅新用户
+                    if (res.data.power && res.data.power.indexOf(4) > -1) {
+                      $('#ent-follow-history').hide()
+                    } else {
+                      if (res.data.vipStatus > 0 && res.data.viper) {
+                        $('#ent-follow-history').show()
+                      } else {
+                        $('#ent-follow-history').hide()
+                      }
+                    }
                   }
               }
           }

+ 1 - 1
src/web/templates/frontRouter/pc/page_big_pc/sess/index.html

@@ -36,7 +36,7 @@
     <script type="systemjs-importmap" crossorigin="anonymous">
       {
         "imports": {
-          "app": "/page_big_pc/js/app.js?v={{Msg "seo" "big_pc_v"}}",
+          "app": "http://localhost:8080/js/app.js?v={{Msg "seo" "big_pc_v"}}",
           "single-spa": "https://cdn-common.jianyu360.com/cdn/lib/single-spa/4.3.7/lib/system/single-spa.min.js",
           "vue": "https://cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js",
           "vue-router": "https://cdn-common.jianyu360.com/cdn/lib/vue-router/3.1.5/vue-router.min.js",

+ 12 - 2
src/web/templates/pc/biddetail_rec.html

@@ -922,6 +922,10 @@
             <img class="file-icon-help" src="/images/help-b.png" alt="">
             <span class="concat-kf open-customer">联系客服</span>
           </span>
+          <span class="free-go-open" style="display:none;">
+            <span>如需下载更多附件,请开通超级订阅</span>
+            <a class="concat-kf go-open-btn" href="/swordfish/page_big_pc/free/svip/buy">去开通>> </a>
+          </span>
         </div>
 				<div class="download-list" style="margin-top: 20px">
 				</div>
@@ -3626,8 +3630,14 @@ function fromwhere(text){
   // 根据isAdd接口 展示附件部分dom
   function showFileSomeDom () {
     // 免费用户展示可下载一次提示(免费用户且没有体验过附件下载权益的展示)
-    if (window.isFree && window.freeFile == 0) {
-      $('.free-download').css('display', 'inline-block')
+    if (window.isFree) {
+      if (window.freeFile == 0) {
+        $('.free-download').css('display', 'inline-block')
+        $('.free-go-open').hide()
+      } else {
+        $('.free-go-open').css('display', 'inline-block')
+        $('.free-download').hide()
+      }
     }
     // 新超级订阅用户
     if (window.vipStatus > 0 && window.viper) {