Ver Fonte

feat:采购单位画像权益

yangfeng há 3 anos atrás
pai
commit
9daa5bdb68

+ 153 - 33
src/jfw/modules/app/src/web/staticres/jyapp/big-member/js/unit_portrayal.js

@@ -118,7 +118,20 @@ var vNode = {
             encryptId: '', // 首次埋点返回的加密id 用于点击去开通传参
             power: [],
             hotChart: null,
-            pieChart: null
+            pieChart: null,
+            userInfo: {
+              isFree: false,
+              vipStatus: false,
+              viper: false,
+              entniche: false
+            },
+            usageInfo: {
+              total: 0,
+              usage: 0,
+              provin: 0,
+              visited: false,
+              surplus: 0
+            } // 超级订阅用户画像浏览
         }
     },
     computed: {
@@ -155,11 +168,31 @@ var vNode = {
             })
         },
         getStatus: function () {
-          console.log(11)
-          return this.power.indexOf(5)  == -1 // power == 5
+          var info = this.userInfo
+          var isFreeAuth = info.isFree && info.freeBuyerPort > 0
+          var isVipAuth = info.vipStatus > 0 && info.viper && this.usageInfo.surplus > 0
+          var isMember = this.power.indexOf(5)  !== -1
+          // 免费用户无体验次数的、超级订阅用户无剩余次数的、没有大会员浏览权限的 显示遮罩
+          return !isFreeAuth && !isVipAuth && !isMember // power == 5
         },
+        // 展示免费用户体验
         getfreeBuyerPort:function(){
-          return this.freeBuyerPort >-1;
+          return this.userInfo.isFree && this.userInfo.freeBuyerPort == 0;
+        },
+        // 展示超级订阅浏览次数
+        superVipPort: function () {
+          console.log(this.userInfo.vipStatus, this.userInfo.viper)
+          return this.userInfo.vipStatus > 0 && this.userInfo.viper && this.bigStatus <= 0
+        },
+        // 超级订阅用户对应的按钮
+        superVipBtnText: function () {
+          let text = ''
+          if (this.usageInfo.provin === -1) {
+            text = '联系客服'
+          } else {
+            text = '前往升级'
+          }
+          return text 
         }
     },
     watch: {
@@ -201,15 +234,34 @@ var vNode = {
           sessionStorage.removeItem('buyer_high_set')
           sessionStorage.removeItem('buyer_high_name')
         }
-        
-        this.getNewMsg(); // 中标动态
-        this.getChartData(); // 企业画像
-        // this.init()
     },
     beforeDestroy() {
       window.removeEventListener("resize", this.init,20);
     },
     methods: {
+        // 查询超级订阅采购单位画像浏览次数
+        getUsage: function () {
+          var _this = this
+          console.log(this.superVipPort)
+          if (this.superVipPort) {
+            $.ajax({
+              type: 'POST',
+              url: '/bigmember/portrait/subVipPortrait/usage',
+              data: {
+                buyer: decodeURIComponent(utils.getParam('entName')),
+                p_type: '1'
+              },
+              success: function (res) {
+                if (res.error_code == 0 && res.data) {
+                  res.data.surplus = res.data.total - res.data.usage
+                  _this.usageInfo = res.data
+                } else {
+                  console.log(res.error_msg)
+                }
+              }
+            })
+          }
+        },
         // 获取权限信息
         getPowerInfo: function () {
             var _this = this
@@ -226,7 +278,11 @@ var vNode = {
                     var vip = res.data.vipStatus
                     var userType = ''
                     //免费用户可查看采购单位画像次数(-1:已使用;0:未使用;1:可使用次数)
-                   _this.freeBuyerPort = res.data.freeBuyerPort; 
+                    _this.userInfo.isFree = res.data.isFree
+                    _this.userInfo.vipStatus = res.data.vipStatus
+                    _this.userInfo.viper = res.data.viper
+                    _this.userInfo.freeBuyerPort = res.data.freeBuyerPort
+                    _this.userInfo.entniche = res.data.entniche
                     if (vip > 0) {
                       userType = '1'
                     }
@@ -249,6 +305,9 @@ var vNode = {
                     if (res.data.power.indexOf(5) === -1) {
                       _this.getBuried(userType)
                     }
+                    _this.getUsage(); // 超级订阅用户剩余次数
+                    _this.getNewMsg(); // 中标动态
+                    _this.getChartData(); // 企业画像
                   }
               },
               error: function (error) {
@@ -352,7 +411,8 @@ var vNode = {
         },
         // 跳转招标动态新页面
         goProjectPage: function () {
-          if (this.power.indexOf(5) == -1) {
+          // 无权限的弹出弹框提醒
+          if (this.getStatus) {
             this.openDialog()
             return
           } else {
@@ -369,9 +429,10 @@ var vNode = {
               // pageSign: that.dt.isMore,
               pageNum: 1
           }
+          var isMember = this.bigStatus > 0 && this.power.indexOf(5) > -1
           $.ajax({
             type:'POST',
-            url:'/bigmember/portrait/buyer/getNewMsg',
+            url: isMember ? '/bigmember/portrait/buyer/getNewMsg' : '/bigmember/subVipPortrait/buyer/getNewMsg',
             data: storageSet ? Object.assign(data, storageSet) : data,
             timeout: 8000,
             success:function(res) {
@@ -414,9 +475,10 @@ var vNode = {
               }
             },
             error:function(err) {
-              setTimeout(function() {
-                that.getNewMsg()
-              }, 3000)
+              console.log(err)
+              // setTimeout(function() {
+              //   that.getNewMsg()
+              // }, 3000)
             }
           })
         },
@@ -427,9 +489,10 @@ var vNode = {
           var data = {
             buyer: decodeURIComponent(utils.getParam('entName'))
           }
+          var isMember = this.bigStatus > 0 && this.power.indexOf(5) > -1
           $.ajax({
             type:'POST',
-            url:'/bigmember/portrait/buyer/getData',
+            url: isMember ? '/bigmember/portrait/buyer/getData' : '/bigmember/subVipPortrait/buyer/getData',
             data: storageSet ? Object.assign(data, storageSet) : data,
             timeout: 10000,
             success:function(res) {
@@ -449,9 +512,9 @@ var vNode = {
             },
             error:function(err) {
               console.log(err)
-              setTimeout(function() {
-                that.getChartData()
-              }, 3000)
+              // setTimeout(function() {
+              //   that.getChartData()
+              // }, 3000)
             }
           })
         },
@@ -1280,23 +1343,57 @@ var vNode = {
         // dialog
         openDialog: function () {
           var _this = this
+          var info = this.userInfo
+          var title = ''
+          var content = ''
+          var btnText = ''
+          var isFree = info.isFree
+          var isVip = info.vipStatus > 0
+          if (isFree) {
+            if (info.freeBuyerPort < 0) {
+              title = '开通超级订阅'
+              content = '您已经免费解锁过【采购单位全景分析】权益1次,暂无免费查看权限。如需查看更多,请开通超级订阅获取更多权限。'
+              btnText = '去开通'
+            } else {
+              // 立即解锁
+              location.href = '/jyapp/frontPage/bigmember/free/perfect_info?source=buyer_portrait_getNewMsg_freeuser'
+              // 需要return出去 直接跳留资 不弹弹框
+              return
+            }
+          } else {
+            if (isVip) {
+              title = '升级超级订阅'
+              content = '对不起,暂无权限,您可升级超级订阅解锁采购单位全景分析,查看更多招标动态'
+              btnText = '前往升级'
+            } else {
+              title = '开通大会员'
+              content = '开通大会员,采购单位项目动态全面获取,帮助企业洞察采购需求,开发新客户!'
+              btnText = '联系客服'
+            }
+          }
           this.$dialog.confirm({
             width: 303,
             className: 'custom-dialog',
-            title: '您暂无使用权限',
-            message: '开通大会员,采购单位项目动态全面获取,帮助企业洞察采购需求,开发新客户!',
+            title: title,
+            message: content,
             messageAlign:'left',
-            confirmButtonText: _this.power.indexOf(5) < 0 && _this.bigStatus > 0 ? '联系客服' : '免费体验',
+            confirmButtonText: btnText,
             confirmButtonColor: '#2ABED1',
             showCancelButton: true,
             cancelButtonText: '取消'
-          }).then(function(){
-            if (_this.power.indexOf(5) < 0 && _this.bigStatus > 0) {
-              try {
-                JyObj.callPhone('400-108-6670');
-              } catch (error) {
-                console.log(error)
-              }
+          }).then(function(data){
+            console.log(data)
+            if (btnText == '联系客服') {
+              // try {
+              //   JyObj.callPhone('400-108-6670');
+              // } catch (error) {
+              //   console.log(error)
+              // }
+              location.href = '/jyapp/free/customer'
+            } else if (btnText == '前往升级') {
+              location.href = '/jyapp/vipsubscribe/upgradePage'
+            } else if (btnText == '去开通') {
+              location.href = '/jyapp/vipsubscribe/vipsubscribe_new'
             } else {
               _this.goBuyBuried('开通大会员,采购单位项目动态全面获取,帮助企业洞察采购需求,开发新客户!')
             }
@@ -1310,11 +1407,11 @@ var vNode = {
             var href = '/jyapp/article/content/' + item.id + '.html'
             location.href = href
           } else {
-            if (this.power.indexOf(5) == -1) {
-              this.openDialog()
-            } else {
-              console.log('没有id')
-            }
+            // if (this.power.indexOf(5) == -1) {
+            //   this.openDialog()
+            // } else {
+            //   console.log('没有id')
+            // }
           }
         },
         // 求最大项目数量
@@ -1339,6 +1436,29 @@ var vNode = {
         //免费赠送采购单位全景分析体验 去解锁
         goGiveAnalysis: function(){
           location.href = '/jyapp/frontPage/bigmember/free/perfect_info?source=buyerportrait_freeuser';
+        },
+        // 前往升级或联系客服
+        goUpgradeOrConcat: function (item) {
+          console.log(item)
+          var usage = this.usageInfo
+          var someProvinText = `<span>每购买<em class="highlight-text">1</em>个省,每月可查看<em class="highlight-text">5</em>个采购单位画像,上限为<em class="highlight-text">80</em>个,您当前订阅了${usage.provin}个省,如需查看更多,前往订阅更多省份。</span>`
+          var allProvinText = `<span>每购买<em>1</em>个省,每月可查看<em>5</em>个采购单位画像,上限为<em>80</em>个,您当前订阅全国,如需查看更多,请联系客服。</span>`
+          this.$dialog.confirm({
+            width: 303,
+            className: 'custom-dialog',
+            message: usage.provin == -1 ? allProvinText : someProvinText,
+            messageAlign:'left',
+            confirmButtonText: item,
+            confirmButtonColor: '#2ABED1',
+            showCancelButton: true,
+            cancelButtonText: '取消'
+          }).then(function(data){
+            if (item == '前往升级') {
+              location.href = '/jyapp/vipsubscribe/upgradePage'
+            } else if (item == '联系客服') {
+              location.href = '/jyapp/free/customer'
+            }
+          })
         }
     }
 }

+ 25 - 17
src/jfw/modules/app/src/web/templates/big-member/page_unit_portrayal.html

@@ -70,17 +70,20 @@
             justify-content: space-between;
         }
         .go-btn{
-            background-color:#2cb7ca;
+            background:linear-gradient(360deg, #1CB5E5 0%, #2ABED1 100%);
             color: #FFFFFF;
-            width: 1.1rem;
+            padding: 0 .16rem;
             text-align: center;
             height: 0.5rem;
-            border-radius: 9px;
+            border-radius: 8px;
             line-height: 0.5rem;
         }
         .go-text{
           color: #2cb7ca;
         }
+        .balance-text{
+          color: #9B9BA3;
+        }
     </style>
 </head>
 <body>
@@ -104,15 +107,20 @@
                 <div class="go-text"> 免费赠送1次【采购单位全景分析】权益体验机会!</div>
                 <div class="go-btn"  @click="goGiveAnalysis">去解锁</div>
             </div>
+            <!-- 超级订阅用户展示  -->
+            <div v-if="superVipPort" style="margin-top: .24rem; " class="free-give">
+              <div class="balance-text"> 当月采购单位画像余额:<em class="highlight-text">${usageInfo.surplus}</em></div>
+              <div class="go-btn" v-if="usageInfo.surplus !== 0 && usageInfo.provin !== -1" @click="goUpgradeOrConcat(superVipBtnText)">${superVipBtnText}</div>
+            </div>
             <!-- 采购单位通讯录 -->
             <div v-if="getStatus" style="margin-top: .24rem;">
               <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/01-bg.png') no-repeat;background-size:100% 100%">
                 <p class="example-title win-bid-title">采购单位通讯录</p>
-                <buyer-example :status="bigStatus" :power="power" type="item_1" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/01.png'></buyer-example>
+                <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_1" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/01.png'></buyer-example>
               </div>
             </div>
             <!-- 采购单位通讯录 -->
-            <hispro-component v-else class="history-list" type="buyer" :buyer="buyer.name"></hispro-component>
+            <hispro-component v-else class="history-list" type="buyer" :status="bigStatus" :buyer="buyer.name"></hispro-component>
             <!-- 高级分析设置 -->
             <!-- 高级分析 -->
             <div class="win-analyse">
@@ -357,62 +365,62 @@
               <!-- 历史项目联系人 -->
               <!-- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/01-bg.png') no-repeat;background-size:100% 100%">
                 <p class="example-title">历史项目联系方式</p>
-                <buyer-example :status="bigStatus" :power="power" type="item_1" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/01.png'></buyer-example>
+                <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_1" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/01.png'></buyer-example>
               </div> -->
               <!-- 合作企业注册资本分布 -->
               <!-- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/09-bg.png') no-repeat;background-size:100% 100%">
                 <p class="example-title">合作企业注册资本分布</p>
-                <buyer-example :status="bigStatus" :power="power" type="item_9" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/09.png'></buyer-example>
+                <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_9" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/09.png'></buyer-example>
               </div> -->
               <!-- 合作企业年龄分布 -->
               <!-- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/10-bg.png') no-repeat;background-size:100% 100%">
                 <p class="example-title">合作企业年龄分布</p>
-                <buyer-example :status="bigStatus" :power="power" type="item_10" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/10.png'></buyer-example>
+                <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_10" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/10.png'></buyer-example>
               </div> -->
               <!-- 合作企业注册地分布 -->
               <!-- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/11-bg.png') no-repeat;background-size:100% 100%">
                 <p class="example-title">合作企业注册地分布</p>
-                <buyer-example :status="bigStatus" :power="power" type="item_11" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/11.png'></buyer-example>
+                <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_11" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/11.png'></buyer-example>
               </div> -->
               <!-- 年度项目统计 -->
               <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/02-bg.png') no-repeat;background-size:100% 100%">
                 <p class="example-title">年度项目统计</p>
-                <buyer-example :status="bigStatus" :power="power" type="item_2" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/02.png'></buyer-example>
+                <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_2" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/02.png'></buyer-example>
               </div>
               <!-- 月度采购规模统计 -->
               <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/03-bg.png') no-repeat;background-size:100% 100%">
                 <p class="example-title">月度采购规模统计</p>
-                <buyer-example :status="bigStatus" :power="power" type="item_3" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/03.png'></buyer-example>
+                <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_3" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/03.png'></buyer-example>
               </div>
               <!-- 采购规模分布 -->
               <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/04-bg.png') no-repeat;background-size:100% 100%">
                 <p class="example-title">采购规模分布</p>
-                <buyer-example :status="bigStatus" :power="power" type="item_4" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/04.png'></buyer-example>
+                <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_4" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/04.png'></buyer-example>
               </div>
               <!-- 各类招标方式占比(双柱图) -->
               <div class="vip_component" style="height:8.8rem;background:url('/common-module/collection/image/buyer/05-bg.png') no-repeat;background-size:100% 100%">
                 <p class="example-title">各类招标方式占比</p>
-                <buyer-example :status="bigStatus" :power="power" type="item_5" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/05.png'></buyer-example>
+                <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_5" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/05.png'></buyer-example>
               </div>
               <!-- 各行业项目平均节支率 -->
               <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/06-bg.png') no-repeat;background-size:100% 100%">
                 <p class="example-title">各行业项目平均节支率</p>
-                <buyer-example :status="bigStatus" :power="power" type="item_6" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/06.png'></buyer-example>
+                <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_6" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/06.png'></buyer-example>
               </div>
               <!-- 重点合作代理机构 -->
               <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/12-bg.png') no-repeat;background-size:100% 100%">
                 <p class="example-title">重点合作代理机构</p>
-                <buyer-example :status="bigStatus" :power="power" type="item_12" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/12.png'></buyer-example>
+                <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_12" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/12.png'></buyer-example>
               </div>
               <!-- 重点合作企业 -->
               <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/08-bg.png') no-repeat;background-size:100% 100%">
                 <p class="example-title">重点合作企业</p>
-                <buyer-example :status="bigStatus" :power="power" type="item_8" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/08.png'></buyer-example>
+                <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_8" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/08.png'></buyer-example>
               </div>
               <!-- 各行业项目规模占比 -->
               <div class="vip_component" style="height:11.2rem;background:url('/common-module/collection/image/buyer/07-bg.png') no-repeat;background-size:100% 100%">
                 <p class="example-title">各行业项目规模占比</p>
-                <buyer-example :status="bigStatus" :power="power" type="item_7" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/07.png'></buyer-example>
+                <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_7" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/buyer/07.png'></buyer-example>
               </div>
             </div>
         </div>

+ 177 - 49
src/web/staticres/big-member/js/unit_portrayal.js

@@ -117,8 +117,21 @@ var vNode = {
             encryptId: '', // 首次埋点返回的加密id 用于点击去开通传参
             power: [],
             hotChart: null,
-      		isFreeExper: false, // 免费用户体验标识
-            pieChart: null
+      		  isFreeExper: false, // 免费用户体验标识
+            pieChart: null,
+            userInfo: {
+              isFree: false,
+              vipStatus: false,
+              viper: false,
+              entniche: false
+            },
+            usageInfo: {
+              total: 0,
+              usage: 0,
+              provin: 0,
+              visited: false,
+              surplus: 0
+            } // 超级订阅用户画像浏览
         }
     },
     computed: {
@@ -155,8 +168,32 @@ var vNode = {
             })
         },
         getStatus: function () {
-          return this.power.indexOf(5)  == -1 // power == 5
+          var info = this.userInfo
+          var isFreeAuth = info.isFree && info.freeBuyerPort > 0
+          var isVipAuth = info.vipStatus > 0 && info.viper && this.usageInfo.surplus > 0
+          var isMember = this.power.indexOf(5)  !== -1
+          // 免费用户无体验次数的、超级订阅用户无剩余次数的、没有大会员浏览权限的 显示遮罩
+          return !isFreeAuth && !isVipAuth && !isMember // power == 5
+        },
+        // 展示免费用户体验
+        getfreeBuyerPort:function(){
+          return this.userInfo.isFree && this.userInfo.freeBuyerPort == 0;
+        },
+        // 展示超级订阅浏览次数
+        superVipPort: function () {
+          console.log(this.userInfo.vipStatus, this.userInfo.viper)
+          return this.userInfo.vipStatus > 0 && this.userInfo.viper && this.bigStatus <= 0
         },
+        // 超级订阅用户对应的按钮
+        superVipBtnText: function () {
+          let text = ''
+          if (this.usageInfo.provin === -1) {
+            text = '联系客服'
+          } else {
+            text = '前往升级'
+          }
+          return text 
+        }
     },
     watch: {
       // 监听热力图
@@ -194,15 +231,34 @@ var vNode = {
           sessionStorage.removeItem('buyer_high_set')
           sessionStorage.removeItem('buyer_high_name')
         }
-      
-        this.getNewMsg(); // 中标动态
-        this.getChartData(); // 企业画像
-        // this.init();
     },
     beforeDestroy() {
       window.removeEventListener("resize", this.init,20);
     },
     methods: {
+        // 查询超级订阅采购单位画像浏览次数
+        getUsage: function () {
+          var _this = this
+          console.log(this.superVipPort)
+          if (this.superVipPort) {
+            $.ajax({
+              type: 'POST',
+              url: '/bigmember/portrait/subVipPortrait/usage',
+              data: {
+                buyer: decodeURIComponent(utils.getParam('entName')),
+                p_type: '1'
+              },
+              success: function (res) {
+                if (res.error_code == 0 && res.data) {
+                  res.data.surplus = res.data.total - res.data.usage
+                  _this.usageInfo = res.data
+                } else {
+                  console.log(res.error_msg)
+                }
+              }
+            })
+          }
+        },
         // 获取权限信息
         getPowerInfo: function () {
           var _this = this
@@ -211,38 +267,47 @@ var vNode = {
             url: '/bigmember/use/isAdd?t=' + Date.now(),
             success: function (res) {
               if (res.data) {
-                _this.power = res.data.power
-                _this.bigStatus = res.data.memberStatus
-                var entniche = res.data.entniche
-                var member = res.data.memberStatus
-                var vip = res.data.vipStatus
-                var userType = ''
-                if (vip > 0) {
-                  userType = '1'
-                }
-                if (member > 0) {
-                  if (userType !== '') {
-                    userType += ','
+                  _this.power = res.data.power
+                  _this.bigStatus = res.data.memberStatus
+                  var entniche = res.data.entniche
+                  var member = res.data.memberStatus
+                  var vip = res.data.vipStatus
+                  //免费用户可查看采购单位画像次数(-1:已使用;0:未使用;1:可使用次数)
+                  _this.userInfo.isFree = res.data.isFree
+                  _this.userInfo.vipStatus = res.data.vipStatus
+                  _this.userInfo.viper = res.data.viper
+                  _this.userInfo.freeBuyerPort = res.data.freeBuyerPort
+                  _this.userInfo.entniche = res.data.entniche
+                  var userType = ''
+                  if (vip > 0) {
+                    userType = '1'
                   }
-                  userType += '2'
-                }
-                if (entniche) {
-                  if (userType !== '') {
-                    userType += ','
+                  if (member > 0) {
+                    if (userType !== '') {
+                      userType += ','
+                    }
+                    userType += '2'
                   }
-                  userType += '3'
-                }
-                if (userType === '') {
-                  userType = '0'
-                }
-                // 没有采购单位画像权限的 则添加埋点
-                if (res.data.power.indexOf(5) === -1) {
-                  _this.getBuried(userType)
+                  if (entniche) {
+                    if (userType !== '') {
+                      userType += ','
+                    }
+                    userType += '3'
+                  }
+                  if (userType === '') {
+                    userType = '0'
+                  }
+                  // 没有采购单位画像权限的 则添加埋点
+                  if (res.data.power.indexOf(5) === -1) {
+                    _this.getBuried(userType)
+                  }
+                //免费用户体验权限
+                if(res.data.isFree&&res.data.freeEntPort==0){
+                  _this.isFreeExper=true
                 }
-	            //免费用户体验权限
-	            if(res.data.isFree&&res.data.freeEntPort==0){
-	            	_this.isFreeExper=true
-	            }
+                _this.getUsage(); // 超级订阅用户剩余次数
+                _this.getNewMsg(); // 中标动态
+                _this.getChartData(); // 企业画像
               }
             },
             error: function (error) {
@@ -343,7 +408,8 @@ var vNode = {
         },
         // 跳转招标动态新页面
         goProjectPage: function () {
-          if (this.power.indexOf(5) == -1) {
+          // 无权限的弹出弹框提醒
+          if (this.getStatus) {
             this.openDialog()
             return
           } else {
@@ -354,6 +420,7 @@ var vNode = {
         getNewMsg: function(){
           var that = this;
           var storageSet = JSON.parse(sessionStorage.getItem('buyer_high_set'))
+          var isMember = this.bigStatus > 0 && this.power.indexOf(5) > -1
           var data = {
               buyer: decodeURIComponent(utils.getParam('entName')),
               // count: that.dt.pageCount,
@@ -362,7 +429,7 @@ var vNode = {
           }
           $.ajax({
             type:'POST',
-            url:'/bigmember/portrait/buyer/getNewMsg',
+            url: isMember ? '/bigmember/portrait/buyer/getNewMsg' : '/bigmember/subVipPortrait/buyer/getNewMsg',
             data:storageSet ? Object.assign(data, storageSet) : data,
             success:function(res) {
               if(res.error_code == 0) {
@@ -415,9 +482,10 @@ var vNode = {
           var data = {
             buyer: decodeURIComponent(utils.getParam('entName'))
           }
+          var isMember = this.bigStatus > 0 && this.power.indexOf(5) > -1
           $.ajax({
             type:'POST',
-            url:'/bigmember/portrait/buyer/getData',
+            url: isMember ? '/bigmember/portrait/buyer/getData' : '/bigmember/subVipPortrait/buyer/getData',
             data:storageSet ? Object.assign(data, storageSet) : data,
             success:function(res) {
                 if(res.error_code == 0) {
@@ -1264,19 +1332,52 @@ var vNode = {
         },
         openDialog: function () {
           var _this = this
+          var info = this.userInfo
+          var title = ''
+          var content = ''
+          var btnText = ''
+          var isFree = info.isFree
+          var isVip = info.vipStatus > 0
+          if (isFree) {
+            if (info.freeBuyerPort < 0) {
+              title = '开通超级订阅'
+              content = '您已经免费解锁过【采购单位全景分析】权益1次,暂无免费查看权限。如需查看更多,请开通超级订阅获取更多权限。'
+              btnText = '去开通'
+            } else {
+              // 立即解锁
+              location.href = '/jyapp/frontPage/bigmember/free/perfect_info?source=buyer_portrait_getNewMsg_freeuser'
+              // 需要return出去 直接跳留资 不弹弹框
+              return
+            }
+          } else {
+            if (isVip) {
+              title = '升级超级订阅'
+              content = '对不起,暂无权限,您可升级超级订阅解锁采购单位全景分析,查看更多招标动态'
+              btnText = '前往升级'
+            } else {
+              title = '开通大会员'
+              content = '开通大会员,采购单位项目动态全面获取,帮助企业洞察采购需求,开发新客户!'
+              btnText = '联系客服'
+            }
+          }
           this.$dialog.confirm({
             width: 303,
             className: 'custom-dialog',
-            title: '您暂无使用权限',
-            message: '开通大会员,采购单位项目动态全面获取,帮助企业洞察采购需求,开发新客户!',
+            title: title,
+            message: content,
             messageAlign:'left',
-            confirmButtonText: _this.power.indexOf(5) < 0 && _this.bigStatus > 0 ? '联系客服' : '免费体验',
+            confirmButtonText: btnText,
             confirmButtonColor: '#2ABED1',
             showCancelButton: true,
             cancelButtonText: '取消'
           }).then(function(){
-            if (_this.power.indexOf(5) < 0 && _this.bigStatus > 0) {
-              location.href = "tel: 400-108-6670"
+            if (btnText == '联系客服') {
+              // location.href = "tel: 400-108-6670"
+              location.href = '/big/wx/page/customer'
+            } else if (btnText == '前往升级') {
+              location.href = '/front/vipsubscribe/upgradePage'
+            } else if (btnText == '去开通') {
+              location.href = '/front/vipsubscribe/vipsubscribe_new'
             } else {
               _this.goBuyBuried('开通大会员,采购单位项目动态全面获取,帮助企业洞察采购需求,开发新客户!')
             }
@@ -1290,11 +1391,11 @@ var vNode = {
             var href = '/article/content/' + item.id + '.html'
             location.href = href
           } else {
-            if (this.power.indexOf(5) == -1) {
-              this.openDialog()
-            } else {
-              console.log('没有id')
-            }
+            // if (this.power.indexOf(5) == -1) {
+            //   this.openDialog()
+            // } else {
+            //   console.log('没有id')
+            // }
           }
         },
         // 求最大项目数量
@@ -1315,6 +1416,33 @@ var vNode = {
         goHighSet: function() {
           sessionStorage.setItem('is-click-set', 1)
           location.href = '/big/wx/page/free_high_set?header=采购单位高级分析设置&entName=' + decodeURIComponent(utils.getParam('entName'))
+        },
+        //免费赠送采购单位全景分析体验 去解锁
+        goGiveAnalysis: function(){
+          location.href = '/weixin/frontPage/bigmember/free/perfect_info?source=buyerportrait_freeuser';
+        },
+        // 前往升级或联系客服
+        goUpgradeOrConcat: function (item) {
+          console.log(item)
+          var usage = this.usageInfo
+          var someProvinText = `<span>每购买<em class="highlight-text">1</em>个省,每月可查看<em class="highlight-text">5</em>个采购单位画像,上限为<em class="highlight-text">80</em>个,您当前订阅了${usage.provin}个省,如需查看更多,前往订阅更多省份。</span>`
+          var allProvinText = `<span>每购买<em>1</em>个省,每月可查看<em>5</em>个采购单位画像,上限为<em>80</em>个,您当前订阅全国,如需查看更多,请联系客服。</span>`
+          this.$dialog.confirm({
+            width: 303,
+            className: 'custom-dialog',
+            message: usage.provin == -1 ? allProvinText : someProvinText,
+            messageAlign:'left',
+            confirmButtonText: item,
+            confirmButtonColor: '#2ABED1',
+            showCancelButton: true,
+            cancelButtonText: '取消'
+          }).then(function(data){
+            if (item == '前往升级') {
+              location.href = '/front/vipsubscribe/upgradePage'
+            } else if (item == '联系客服') {
+              location.href = '/big/wx/page/customer'
+            }
+          })
         }
     }
 }

+ 39 - 12
src/web/staticres/common-module/big-member/js/buyer_project_news.js

@@ -98,7 +98,13 @@ var vConfig = {
             infoType: [],
             timeRange: [],
         },
-        reqSign: 'bigmember'
+        reqSign: 'bigmember',
+        info: {
+          bigStatus: false,
+          vipStatus: false,
+          viper: false,
+          power: []
+        }
     },
     computed: {
         projectNewUrl: function () {
@@ -137,17 +143,36 @@ var vConfig = {
         if (entName) {
           this.entInfo.buyerName = entName
         }
+        this.getUserInfo()
     },
-    mounted: function () {
-        var recover = this.recover()
-        if (!recover) {
-            // this.getFilterInfo()
-            this.onLoad()
-        } else {
-            this.initSelector(this.filterInitData)
-        }
-    },
+    mounted: function () {},
     methods: {
+        getUserInfo: function() {
+          var _this = this
+          $.ajax({
+            type: 'POST',
+            url: '/bigmember/use/isAdd?t=' + Date.now(),
+            timeout: 6000,
+            success: function (res) {
+                if (res.data) {
+                  _this.info.bigStatus = res.data.memberStatus
+                  _this.info.power = res.data.power
+                  _this.info.vipStatus = res.data.vipStatus
+                  _this.info.viper = res.data.viper
+                  var recover = _this.recover()
+                  if (!recover) {
+                      // this.getFilterInfo()
+                      _this.onLoad()
+                  } else {
+                      _this.initSelector(_this.filterInitData)
+                  }
+                }
+            },
+            error: function (error) {
+              console.log(error)
+            }
+          })
+        },
         showToast: function (message) {
             this.$toast({
                 duration: 1500,
@@ -192,7 +217,8 @@ var vConfig = {
             var t = this.listState
             t.loading = true
             var storageSet = JSON.parse(sessionStorage.getItem('buyer_high_set'))
-            var url = '/bigmember/portrait/buyer/getNewMsg'
+            var bigUrl = '/bigmember/portrait/buyer/getNewMsg'
+            var vipUrl = '/bigmember/subVipPortrait/buyer/getNewMsg'
             var data = {
               buyer: _this.entInfo.buyerName,
               // match: _this.searchInfo.content,
@@ -203,9 +229,10 @@ var vConfig = {
               pageNum: _this.listState.pageNum,
               pageSize: _this.listState.pageSize,
             }
+            var isMember = _this.info.bigStatus > 0 && _this.info.power.indexOf(5) > -1
             $.ajax({
                 type: 'POST',
-                url: url,
+                url: isMember ? bigUrl : vipUrl,
                 data: storageSet ? Object.assign(data, storageSet) : data,
                 success: function (res) {
                     if (res.data) {

+ 77 - 20
src/web/staticres/common-module/collection/js/buyer-example.js

@@ -43,7 +43,19 @@ var buyerExample = {
       default: function () {
         return 0
       }
-    }
+    },
+    "userinfo": {
+      type: Object,
+      default: function () {
+        return {}
+      }
+    },
+    "useage": {
+      type: Object,
+      default: function () {
+        return {}
+      }
+    },
   },
   data: function() {
     return {
@@ -59,16 +71,16 @@ var buyerExample = {
     getTextMap () {
       var textMap = {
         titleText: '开通大会员',
-        btnText: '免费体验',
+        btnText: this.shadeBottomBtnText,
         headText: {
           top: '通过实时监控项目的招标、中标、合同等',
           bot: '信息,全面挖掘更多潜在商机!'
         },
         source: ''
       }
-      if (this.power.indexOf(5) < 0 && this.status > 0) {
-        textMap.btnText = '联系客服'
-      }
+      // if (this.power.indexOf(5) < 0 && this.status > 0) {
+      //   textMap.btnText = '联系客服'
+      // }
       switch (this.type) {
           // 历史项目联系方式
         case 'item_1': {
@@ -157,29 +169,75 @@ var buyerExample = {
       }
       return textMap
     },
+    // 遮罩按钮对应文案
+    shadeBottomBtnText () {
+      let btnText = ''
+      var info = this.userinfo
+      var usage = this.usage
+      // 【立即解锁】:未体验过采购单位画像的免费用户,点击进行“欢迎体验采购单位全景分析”留资
+      // 【去开通】:已体验过1次采购单位画像的免费用户,点击进入超级订阅购买页
+      // 【前往升级】:超级订阅老版用户+购买了非全国采购单位画像余额为0的超级订阅新版用户,点击进入超级订阅升级页
+      // 【联系客服】:购买了全国采购单位画像余额为0的超级订阅新版用户+无采购单位画像权限的大会员客户;点击调起智齿在线客服
+      if (info.isFree) {
+        if (info.freeBuyerPort === 0) {
+          btnText = '立即解锁'
+        } else {
+          btnText = '去开通'
+        }
+      } else {
+        // 老超级订阅用户
+        var oldVip = info.vipStatus > 0 && !info.viper
+        // 新超级订阅用户
+        var newVip = info.vipStatus > 0 && info.viper
+        // 大会员用户
+        var member = this.status > 0
+        // 新超级订阅用户买的非全国 余额为0
+        var noAllProvinNoCounts = newVip && usage.provin !== -1 && usage.surplus <= 0
+        // 超级订阅新用户 购买的全国 余额为0
+        var allProvinNoCounts = newVip && usage.provin === -1 && usage.surplus <= 0
+        // 无权限的大会员用户
+        var noAuthMember = member && this.power.indexOf(5) === -1
+        // 纯商机管理用户
+        var entniche = info.entniche && !oldVip && !newVip && !member
+        if (oldVip || noAllProvinNoCounts) {
+          btnText = '前往升级'
+        } else if (allProvinNoCounts || noAuthMember || entniche) {
+          btnText = '联系客服'
+        }
+      }
+      return btnText
+    }
   },
   methods: {
     linkFn: function(id, source) {
       var isWeixin = utils.isWeiXinBrowser
       if(!isWeixin) {
-        if (this.getTextMap.btnText == '免费体验') {
-          // 跳转到大会员
-          // location.href = '/jyapp/big/page/buy_commit?bid=' + id
+        if (this.getTextMap.btnText == '立即解锁') {
+          // 留资
           location.href = '/jyapp/frontPage/bigmember/free/perfect_info?source=' + source
         } else if (this.getTextMap.btnText == '联系客服') {
-          try {
-            JyObj.callPhone('400-108-6670');
-          } catch (error) {
-            console.log(error)
-          }
+          // try {
+          //   JyObj.callPhone('400-108-6670');
+          // } catch (error) {
+          //   console.log(error)
+          // }
+          location.href = '/jyapp/free/customer' // 客服
+        } else if (this.getTextMap.btnText == '去开通') {
+          location.href = '/jyapp/vipsubscribe/vipsubscribe_new'
+        } else if (this.getTextMap.btnText == '前往升级') {
+          location.href = '/jyapp/vipsubscribe/upgradePage'
         }
       } else {
-        if (this.getTextMap.btnText == '免费体验') {
-          // 跳转到大会员
-          // location.href = '/big/wx/page/buy_commit?bid=' + id
+        if (this.getTextMap.btnText == '立即解锁') {
+          // 留资
           location.href = '/weixin/frontPage/bigmember/free/perfect_info?source=' + source
         } else if (this.getTextMap.btnText == '联系客服') {
-          location.href = 'tel:400-108-6670'
+          // location.href = 'tel:400-108-6670'
+          location.href = '/big/wx/page/customer'
+        } else if (this.getTextMap.btnText == '去开通') {
+          location.href = '/front/vipsubscribe/vipsubscribe_new'
+        } else if (this.getTextMap.btnText == '前往升级') {
+          location.href = '/front/vipsubscribe/upgradePage'
         }
       }
     },
@@ -192,14 +250,13 @@ var buyerExample = {
       }
       var _this = this
       console.log(_this.getTextMap.btnText)
-      if (_this.getTextMap.btnText == '免费体验') {
+      if (_this.getTextMap.btnText == '立即解锁') {
         $.ajax({
           type: 'POST',
           url: '/publicapply/drainage/buyerunit',
           contentType: "application/json",
           data: JSON.stringify(params),
           success: function (res) {
-            console.log(res)
             _this.linkFn(_this.$parent.encryptId, source)
           },
           error: function (error) {
@@ -207,7 +264,7 @@ var buyerExample = {
             _this.linkFn(_this.$parent.encryptId, source)
           }
         })
-      } else if (_this.getTextMap.btnText == '联系客服') {
+      } else {
         _this.linkFn(_this.$parent.encryptId)
       }
     }

+ 12 - 1
src/web/staticres/common-module/collection/js/history-project.js

@@ -61,6 +61,12 @@ var hisproComponent = {
       default: function() {
         return ''
       }
+    },
+    'status': {
+      type: String,
+      default: function() {
+        return 0
+      }
     }
   },
   data: function () {
@@ -87,7 +93,12 @@ var hisproComponent = {
         item.url = '/bigmember/portrait/winner/contacts'
         item.datas.entId = this.id
       } else if(this.type == 'buyer') {
-        item.url = '/bigmember/portrait/buyer/contacts'
+        console.log(this.status, '111')
+        if (this.status > 0) {
+          item.url = '/bigmember/portrait/buyer/contacts'
+        } else {
+          item.url = '/bigmember/subVipPortrait/buyer/contacts'
+        }
         item.datas.buyer = this.buyer
       } else {
         loading.clear()

+ 42 - 29
src/web/templates/big-member/wx/page_unit_portrayal.html

@@ -75,20 +75,28 @@
             background-size: 100% 100%;
             box-sizing: border-box;
         }
-        .freeExper{
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          padding: 0.24rem 0.32rem;
-          margin-top: 0.24rem;
-          background: #fff;
+        .free-give{
+            padding: 0.24rem 0.32rem;
+            background-color: #fff;
+            font-size: .24rem;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+        .go-btn{
+            background:linear-gradient(360deg, #1CB5E5 0%, #2ABED1 100%);
+            color: #FFFFFF;
+            padding: 0 .16rem;
+            text-align: center;
+            height: 0.5rem;
+            border-radius: 8px;
+            line-height: 0.5rem;
+        }
+        .go-text{
           color: #2cb7ca;
         }
-        .freeExper span{
-          color: white;
-          background: #2cb7ca;
-          border-radius: 4px;
-          padding: 0.07rem 0.1rem;
+        .balance-text{
+          color: #9B9BA3;
         }
     </style>
 </head>
@@ -107,17 +115,22 @@
               <p class="region">所在地:${statistics.province || '--'} ${statistics.city}</p>
               <p class="buyer-type">采购单位类型:${statistics.buyerClass || '--'}</p>
           </div>
-          <!-- 免费用户体验-->
-          <div  v-if="isFreeExper" class="freeExper">
-              <p class="freeRemark">免费赠送1次【采购单位全景分析】权益体验机会!</p>
-              <span>去解锁</span>
+          <!-- 免费用户采购单位全景分析提示 -->
+          <div v-if="getfreeBuyerPort" style="margin-top: .24rem; " class="free-give">
+            <div class="go-text"> 免费赠送1次【采购单位全景分析】权益体验机会!</div>
+            <div class="go-btn"  @click="goGiveAnalysis">去解锁</div>
+          </div>
+          <!-- 超级订阅用户展示  -->
+          <div v-if="superVipPort" style="margin-top: .24rem; " class="free-give">
+            <div class="balance-text"> 当月采购单位画像余额:<em class="highlight-text">${usageInfo.surplus}</em></div>
+            <div class="go-btn" v-if="usageInfo.surplus !== 0 && usageInfo.provin !== -1" @click="goUpgradeOrConcat(superVipBtnText)">${superVipBtnText}</div>
           </div>
           <!-- 采购单位通讯录 -->
           <div style="margin-top: .24rem;">
             <div v-if="getStatus" key="txl">
               <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/01-bg.png') no-repeat;background-size:100% 100%">
                 <p class="example-title win-bid-title">采购单位通讯录</p>
-                <buyer-example data-cl-event="c_wx_free_buttonclick" :status="bigStatus" :power="power" type="item_1" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/01.png'></buyer-example>
+                <buyer-example :useage="usageInfo" :userinfo="userInfo" data-cl-event="c_wx_free_buttonclick" :status="bigStatus" :power="power" type="item_1" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/01.png'></buyer-example>
               </div>
             </div>
             <hispro-component v-else class="history-list" type="buyer" :buyer="buyer.name" key="txl"></hispro-component>
@@ -369,62 +382,62 @@
             <!-- 历史项目联系人 -->
             <!-- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/01-bg.png') no-repeat;background-size:100% 100%">
               <p class="example-title">历史项目联系方式</p>
-              <buyer-example :status="bigStatus" :power="power" type="item_1" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/01.png'></buyer-example>
+               <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_1" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/01.png'></buyer-example>
             </div> -->
             <!-- 合作企业注册资本分布 -->
             <!-- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/09-bg.png') no-repeat;background-size:100% 100%">
               <p class="example-title">合作企业注册资本分布</p>
-              <buyer-example :status="bigStatus" :power="power" type="item_9" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/09.png'></buyer-example>
+               <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_9" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/09.png'></buyer-example>
             </div> -->
             <!-- 合作企业年龄分布 -->
             <!-- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/10-bg.png') no-repeat;background-size:100% 100%">
               <p class="example-title">合作企业年龄分布</p>
-              <buyer-example :status="bigStatus" :power="power" type="item_10" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/10.png'></buyer-example>
+               <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_10" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/10.png'></buyer-example>
             </div> -->
             <!-- 合作企业注册地分布 -->
             <!-- <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/11-bg.png') no-repeat;background-size:100% 100%">
               <p class="example-title">合作企业注册地分布</p>
-              <buyer-example :status="bigStatus" :power="power" type="item_11" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/11.png'></buyer-example>
+               <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_11" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/11.png'></buyer-example>
             </div> -->
             <!-- 年度项目统计 -->
             <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/02-bg.png') no-repeat;background-size:100% 100%">
               <p class="example-title">年度项目统计</p>
-              <buyer-example :status="bigStatus" :power="power" type="item_2" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/02.png'></buyer-example>
+               <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_2" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/02.png'></buyer-example>
             </div>
             <!-- 月度采购规模统计 -->
             <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/03-bg.png') no-repeat;background-size:100% 100%">
               <p class="example-title">月度采购规模统计</p>
-              <buyer-example :status="bigStatus" :power="power" type="item_3" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/03.png'></buyer-example>
+               <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_3" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/03.png'></buyer-example>
             </div>
             <!-- 采购规模分布 -->
             <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/04-bg.png') no-repeat;background-size:100% 100%">
               <p class="example-title">采购规模分布</p>
-              <buyer-example :status="bigStatus" :power="power" type="item_4" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/04.png'></buyer-example>
+               <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_4" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/04.png'></buyer-example>
             </div>
             <!-- 各类招标方式占比(双柱图) -->
             <div class="vip_component" style="height:8.8rem;background:url('/common-module/collection/image/buyer/05-bg.png') no-repeat;background-size:100% 100%">
               <p class="example-title">各类招标方式占比</p>
-              <buyer-example :status="bigStatus" :power="power" type="item_5" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/05.png'></buyer-example>
+               <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_5" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/05.png'></buyer-example>
             </div>
             <!-- 各行业项目平均节支率 -->
             <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/06-bg.png') no-repeat;background-size:100% 100%">
               <p class="example-title">各行业项目平均节支率</p>
-              <buyer-example :status="bigStatus" :power="power" type="item_6" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/06.png'></buyer-example>
+               <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_6" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/06.png'></buyer-example>
             </div>
             <!-- 重点合作代理机构 -->
             <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/12-bg.png') no-repeat;background-size:100% 100%">
               <p class="example-title">重点合作代理机构</p>
-              <buyer-example :status="bigStatus" :power="power" type="item_12" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/12.png'></buyer-example>
+               <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_12" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/12.png'></buyer-example>
             </div>
             <!-- 重点合作企业 -->
             <div class="vip_component" style="height:10.8rem;background:url('/common-module/collection/image/buyer/08-bg.png') no-repeat;background-size:100% 100%">
               <p class="example-title">重点合作企业</p>
-              <buyer-example :status="bigStatus" :power="power" type="item_8" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/08.png'></buyer-example>
+               <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_8" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/08.png'></buyer-example>
             </div>
             <!-- 各行业项目规模占比 -->
             <div class="vip_component" style="height:11.2rem;background:url('/common-module/collection/image/buyer/07-bg.png') no-repeat;background-size:100% 100%">
               <p class="example-title">各行业项目规模占比</p>
-              <buyer-example :status="bigStatus" :power="power" type="item_7" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/07.png'></buyer-example>
+               <buyer-example :useage="usageInfo" :userinfo="userInfo" :status="bigStatus" :power="power" type="item_7" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/buyer/07.png'></buyer-example>
             </div>
           </div>
       </div>