feat: 移动端采购单位、中标企业画像增加免费体验留资埋点

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

@@ -241,7 +241,7 @@ var vNode = {
             }
           })
         },
-        // 点击去开通埋点方法
+        // 点击去开通埋点方法(免费体验埋点)
         goBuyBuried: function(text) {
           var _this = this
           var params = {
@@ -257,12 +257,14 @@ var vNode = {
             success: function (res) {
               console.log(res)
               setTimeout(function() {
-                location.href = '/jyapp/big/page/buy_commit?bid=' + _this.encryptId
+                // location.href = '/jyapp/big/page/buy_commit?bid=' + _this.encryptId
+                location.href = '/jyapp/frontPage/bigmember/free/perfect_info?source=app_page_buyer'
               }, 200)
             },
             error: function (error) {
               console.log(error)
-              location.href = '/jyapp/big/page/buy_commit?bid=' + _this.encryptId
+              // location.href = '/jyapp/big/page/buy_commit?bid=' + _this.encryptId
+              location.href = '/jyapp/frontPage/bigmember/free/perfect_info?source=app_page_buyer'
             }
           })
         },
@@ -1199,7 +1201,7 @@ var vNode = {
             title: '您暂无使用权限',
             message: '开通大会员，采购单位项目动态全面获取，帮助企业洞察采购需求，开发新客户！',
             messageAlign:'left',
-            confirmButtonText: _this.power.indexOf(5) < 0 && _this.bigStatus > 0 ? '联系客服' : '去开通',
+            confirmButtonText: _this.power.indexOf(5) < 0 && _this.bigStatus > 0 ? '联系客服' : '免费体验',
             confirmButtonColor: '#2ABED1',
             showCancelButton: true,
             cancelButtonText: '取消'

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

@@ -257,12 +257,12 @@
                 <div class="vip_component" v-if="getStatus && !conf._13" style="height:9.16rem;background:url('/common-module/collection/image/bg/vip_bg_1.png') no-repeat;background-size:100% 100%">
                     <vip-component @tabactive="tabActive" type="item_1" :entvisit="entvisit" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/bg/vip_ex_1.png'></vip-component>
                 </div>
-                <div class="bg-white tab-card cell-list history-list" v-if="conf._4 && tabActiveName == '2' && !getStatus">
-                    <hispro-component :type="portrait" :id="entInfo.id"></hispro-component>
+                <div class="bg-white tab-card cell-list history-list">
+                    <hispro-component type="winner" :id="entInfo.id"></hispro-component>
                 </div>
-                <div class="vip_component" v-if="isMember" style="height:11.36rem;background:url('/common-module/collection/image/bg/vip_bg_9.png') no-repeat;background-size:100% 100%">
+                <!-- <div class="vip_component" v-if="isMember" style="height:11.36rem;background:url('/common-module/collection/image/bg/vip_bg_9.png') no-repeat;background-size:100% 100%">
                     <vip-component @tabactive="tabActive" type="item_9" :entvisit="entvisit" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/bg/vip_ex_9.png'></vip-component>
-                </div>
+                </div> -->
                 <div class="bg-white tab-card charts" v-if="conf._4 && tabActiveName == '2' && annualData.rows.length !== 0 && !getStatus">
                     <div class="tab-card-title">年度项目统计</div>
                     <!-- e-charts和sticky同时使用时候，需要手动降低css层级(z-index: 1)，确保tooltip不遮挡固定定位头部 -->

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

@@ -129,13 +129,13 @@
                 </div>
             </div>
             <!-- 历史项目联系人 -->
-            <div class="vip_component" v-if="getStatus" style="height:10.8rem;background:url('/common-module/collection/image/buyer/01-bg.png') no-repeat;background-size:100% 100%">
+            <!-- <div class="vip_component" v-if="getStatus" 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>
-            </div>
-            <div v-else>
+            </div> -->
+            <!-- <div v-else> -->
               <hispro-component class="history-list" type="buyer" :buyer="buyer.name"></hispro-component>
-            </div>
+            <!-- </div> -->
             <!-- 年度项目统计 -->
             <div class="years" v-if="isShow.showYearData">
                 <div class="chart_title">年度项目统计</div>

src/jfw/modules/app/src/web/templates/frontRouter/bigmember/free/perfect_info.html

@@ -503,7 +503,7 @@
       ajaxParams: {
         "name": "",
         "phone": "",
-        "source": utils.getParam('origin'),
+        "source": '',
         "agree": false,
         "mail": "",
         "province": "",
@@ -518,6 +518,16 @@
         "partnerNeeds": ""
       }
     },
+    created() {
+      // 大会员落地页免费体验
+      if (utils.getParam('origin')) {
+        this.ajaxParams.source = utils.getParam('origin')
+      }
+      // 采购单位画像、企业画像页面传来的
+      if (utils.getParam('source')) {
+        this.ajaxParams.source = utils.getParam('source')
+      }
+    },
     mounted() {
       this.ajaxGetEchoInfo()
       this.bigDocAjax('ICRP') // 进入留资页面埋点
@@ -907,7 +917,7 @@
           if (r) {
             loading.clear()
             if (r.error_msg === '') {
-              if (_this.ajaxParams.source === 'member_freeuse') {
+              if (_this.ajaxParams.source === 'member_freeuse' || utils.getParam('source')) {
               _this.$dialog.close()
               _this.$dialog.confirm({
                 message: '您的申请已提交，我们的客户经理会在24小时内尽快与您联系。',

src/web/staticres/big-member/js/ent_portrait.js

@@ -881,7 +881,7 @@ var vNode = {
         toProjectDetail: function (item) {
             this.savePageState()
             if (item.id) {
-                var href = '/jyapp/article/content/' + item.id + '.html'
+                var href = '/article/content/' + item.id + '.html'
                 location.href = href
             }
         },
@@ -889,7 +889,7 @@ var vNode = {
         toUnitPortrayal: function (item) {
             this.savePageState()
             if (item.name) {
-                location.href = 'unit_portrayal?entName=' + item.name
+                location.href = '/big/wx/page/unit_portrayal?entName=' + item.name
             }
         },
         savePageState: function () {

src/web/staticres/big-member/js/unit_portrayal.js

@@ -241,7 +241,7 @@ var vNode = {
             }
           })
         },
-        // 点击去开通埋点方法
+        // 点击去开通埋点方法(免费体验)
         goBuyBuried: function(text) {
           var _this = this
           var params = {
@@ -257,12 +257,14 @@ var vNode = {
             success: function (res) {
               console.log(res)
               setTimeout(function() {
-                location.href = '/big/wx/page/buy_commit?bid=' + _this.encryptId
+                // location.href = '/big/wx/page/buy_commit?bid=' + _this.encryptId
+                location.href = '/weixin/frontPage/bigmember/free/perfect_info?source=wx_page_buyer'
               }, 200)
             },
             error: function (error) {
               console.log(error)
-              location.href = '/big/wx/page/buy_commit?bid=' + _this.encryptId
+              // location.href = '/big/wx/page/buy_commit?bid=' + _this.encryptId
+              location.href = '/weixin/frontPage/bigmember/free/perfect_info?source=wx_page_buyer'
             }
           })
         },
@@ -1198,7 +1200,7 @@ var vNode = {
             title: '您暂无使用权限',
             message: '开通大会员，采购单位项目动态全面获取，帮助企业洞察采购需求，开发新客户！',
             messageAlign:'left',
-            confirmButtonText: _this.power.indexOf(5) < 0 && _this.bigStatus > 0 ? '联系客服' : '去开通',
+            confirmButtonText: _this.power.indexOf(5) < 0 && _this.bigStatus > 0 ? '联系客服' : '免费体验',
             confirmButtonColor: '#2ABED1',
             showCancelButton: true,
             cancelButtonText: '取消'

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

@@ -48,7 +48,7 @@ var buyerExample = {
   data: function() {
     return {
       titleText: '开通大会员',
-      btnText: '去开通',
+      btnText: '免费体验',
       headText: {
         top: '通过实时监控项目的招标、中标、合同等',
         bot: '信息，全面挖掘更多潜在商机！'
@@ -59,7 +59,7 @@ var buyerExample = {
     getTextMap () {
       var textMap = {
         titleText: '开通大会员',
-        btnText: '去开通',
+        btnText: '免费体验',
         headText: {
           top: '通过实时监控项目的招标、中标、合同等',
           bot: '信息，全面挖掘更多潜在商机！'
@@ -154,9 +154,10 @@ var buyerExample = {
     linkFn: function(id) {
       var isWeixin = utils.isWeiXinBrowser
       if(!isWeixin) {
-        if (this.getTextMap.btnText == '去开通') {
+        if (this.getTextMap.btnText == '免费体验') {
           // 跳转到大会员
-          location.href = '/jyapp/big/page/buy_commit?bid=' + id
+          // location.href = '/jyapp/big/page/buy_commit?bid=' + id
+          location.href = '/jyapp/frontPage/bigmember/free/perfect_info?source=app_page_buyer'
         } else if (this.getTextMap.btnText == '联系客服') {
           try {
             JyObj.callPhone('400-108-6670');
@@ -165,9 +166,10 @@ var buyerExample = {
           }
         }
       } else {
-        if (this.getTextMap.btnText == '去开通') {
+        if (this.getTextMap.btnText == '免费体验') {
           // 跳转到大会员
-          location.href = '/big/wx/page/buy_commit?bid=' + id
+          // location.href = '/big/wx/page/buy_commit?bid=' + id
+          location.href = '/weixin/frontPage/bigmember/free/perfect_info?source=wx_page_buyer'
         } else if (this.getTextMap.btnText == '联系客服') {
           location.href = 'tel:400-108-6670'
         }
@@ -182,7 +184,7 @@ 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',
@@ -200,7 +202,6 @@ var buyerExample = {
       } else if (_this.getTextMap.btnText == '联系客服') {
         _this.linkFn(_this.$parent.encryptId)
       }
-      
     }
   }
 }

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

@@ -52,7 +52,7 @@ var vipComponent = {
   data: function() {
     return {
       titleText: '开通超级订阅',
-      btnText: '去开通',
+      btnText: '免费体验',
       headText: {
         top: '通过实时监控项目的招标、中标、合同等',
         bot: '信息，全面挖掘更多潜在商机！'
@@ -63,7 +63,7 @@ var vipComponent = {
     getTextMap () {
       var textMap = {
         titleText: '开通超级订阅',
-        btnText: '去开通',
+        btnText: '免费体验',
         headText: {
           top: '通过实时监控项目的招标、中标、合同等',
           bot: '信息，全面挖掘更多潜在商机！'
@@ -71,7 +71,7 @@ var vipComponent = {
       }
       if (this.entvisit.total <= this.entvisit.usage || this.vipststus > 0) {
         if (this.entvisit.provin == 0) {
-          textMap.btnText = '去开通'
+          textMap.btnText = '免费体验'
         } else if (this.entvisit.provin != -1) {
           textMap.titleText = '超级订阅'
           textMap.btnText = '去升级'
@@ -126,7 +126,7 @@ var vipComponent = {
           // 企业情报历史记录
         case 'item_8': {
           textMap.titleText = '开通大会员'
-          textMap.btnText = '去开通'
+          textMap.btnText = '免费体验'
           textMap.headText.top = '快速查询全国企业工商信息、法人信息、'
           textMap.headText.bot = '联系方式，全面掌控企业动态！'
           break
@@ -134,7 +134,7 @@ var vipComponent = {
           // 历史项目联系方式
         case 'item_9': {
           textMap.titleText = '开通大会员'
-          textMap.btnText = '去开通'
+          textMap.btnText = '免费体验'
           textMap.headText.top = '获取企业历史项目联系人信息，'
           textMap.headText.bot = '直接与甲方或渠道商项目负责人对接！'
           break
@@ -154,13 +154,15 @@ var vipComponent = {
       this.$emit('tabactive', 'save')
       let isWeixin = utils.isWeiXinBrowser
       if(!isWeixin) {
-        if (this.getTextMap.btnText == '去开通') {
+        if (this.getTextMap.btnText == '免费体验') {
           if(this.type == 'item_9' || this.type == 'item_8') {
             // 跳转到大会员
-            location.href = '/jyapp/big/page/buy_commit'
+            // location.href = '/jyapp/big/page/buy_commit'
+            location.href = '/jyapp/frontPage/bigmember/free/perfect_info?source=app_page_ent'
           } else {
             // 跳转到超级订阅
-            location.href = '/jyapp/vipsubscribe/vipsubscribe_new'
+            // location.href = '/jyapp/vipsubscribe/vipsubscribe_new'
+            location.href = '/jyapp/frontPage/bigmember/free/perfect_info?source=app_page_ent'
           }
         } else if (this.getTextMap.btnText == '去升级') {
           location.href = '/jyapp/vipsubscribe/upgradePage'
@@ -170,13 +172,15 @@ var vipComponent = {
           location.href = '/jyapp/vipsubscribe/vipsubscribe_new'
         }
       } else {
-        if (this.getTextMap.btnText == '去开通') {
+        if (this.getTextMap.btnText == '免费体验') {
           if(this.type == 'item_9' || this.type == 'item_8') {
             // 跳转到大会员
-            location.href = '/big/wx/page/buy_commit'
+            // location.href = '/big/wx/page/buy_commit'
+            location.href = '/weixin/frontPage/bigmember/free/perfect_info?source=wx_page_ent'
           } else {
             // 跳转到超级订阅
-            location.href = '/front/vipsubscribe/vipsubscribe_new'
+            // location.href = '/front/vipsubscribe/vipsubscribe_new'
+            location.href = '/weixin/frontPage/bigmember/free/perfect_info?source=wx_page_ent'
           }
         } else if (this.getTextMap.btnText == '去升级') {
           location.href = '/front/vipsubscribe/upgradePage'

src/web/templates/big-member/wx/page_unit_portrayal.html

@@ -135,13 +135,13 @@
               </div>
           </div>
           <!-- 历史项目联系人 -->
-          <div class="vip_component" v-if="getStatus" style="height:10.8rem;background:url('/common-module/collection/image/buyer/01-bg.png?v=1') no-repeat;background-size:100% 100%;">
+          <!-- <div class="vip_component" v-if="getStatus" style="height:10.8rem;background:url('/common-module/collection/image/buyer/01-bg.png?v=1') 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>
-          </div>
-          <div v-else>
+          </div> -->
+          <!-- <div v-else> -->
             <hispro-component class="history-list" type="buyer" :buyer="buyer.name"></hispro-component>
-          </div>
+          <!-- </div> -->
           <!-- 年度项目统计 -->
           <div class="years" v-if="isShow.showYearData">
               <div class="chart_title">年度项目统计</div>

src/web/templates/common/pcbottom.html

@@ -508,9 +508,8 @@ if (location.href.indexOf('jyblog') === -1) {
     .help-slide{
       position: absolute;
       left: -210px;
-      top: -20px;
+      top: -29px;
       width: 200px;
-      height: 86px;
       background: #ffffff;
       border-radius: 8px;
       box-shadow: 0px 0px 28px 0px rgb(0 0 0 / 16%);
@@ -518,21 +517,22 @@ if (location.href.indexOf('jyblog') === -1) {
     }
     .help-slide-top{
       text-align: center;
-      line-height: 46px;
+      line-height: 54px;
       color: #1d1d1d;
       font-size: 14px;
       border-bottom: 1px solid #ececec;
     }
     .help-slide-bottom{
       position: relative;
-      padding: 8px 12px;
+      padding: 0 12px;
+      height: 38px;
     }
     .help-slide-kf,.help-slide-zx{
       display: inline-block;
       font-size: 14px;
       color: #2cb7ca;
       padding-left: 20px;
-      line-height: 22px;
+      line-height: 38px;
       cursor: pointer;
     }
     .help-slide-kf{
@@ -557,18 +557,19 @@ if (location.href.indexOf('jyblog') === -1) {
     }
     .help-close{
       position: absolute;
-      top: -12px;
-      left: -12px;
-      width: 24px;
-      height: 24px;
+      top: 4px;
+      right: 4px;
+      width: 18px;
+      height: 18px;
       box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.08);
       cursor: pointer;
+      opacity: 0.5;
     }
     .kf-phone{
       display: none;
       position: absolute;
       left: 10px;
-      top: 92px;
+      top: 101px;
       width: 189px;
       height: 48px;
       background: #2cb7ca;

src/web/templates/frontRouter/wx/bigmember/free/perfect_info.html

@@ -530,17 +530,24 @@
       }
     },
     created() {
+      // 大会员落地页免费体验
       if (utils.getParam('origin')) {
         this.ajaxParams.source = utils.getParam('origin')
       }
+      // 微信公众号推文传来的
       if (utils.getParam('target')) {
         this.ajaxParams.source = utils.getParam('target')
       }
+      // 采购单位画像、企业画像传来的
+      if (utils.getParam('source')) {
+        this.ajaxParams.source = utils.getParam('source')
+      }
     },
     mounted() {
       this.ajaxGetEchoInfo()
       this.wxTweetAjax('isICRP') // 公众号推文进入的埋点
       this.bigDocAjax('ICRP') // 进入留资页面埋点
+      this.fromBuyerAjax('isICRP') // 采购单位画像、企业画像进来埋点
     },
     computed: {
       isShowCancel () {
@@ -952,7 +959,7 @@
           if (r) {
             loading.clear()
             if (r.error_msg === '') {
-              if (_this.ajaxParams.source === 'member_freeuse' ||  utils.getParam('target')) {
+              if (_this.ajaxParams.source === 'member_freeuse' ||  utils.getParam('target') || utils.getParam('source')) {
                 _this.$dialog.close()
                 _this.$dialog.confirm({
                   message: '您的申请已提交，我们的客户经理会在24小时内尽快与您联系。',

src/web/templates/frontRouter/wx/collection/sess/ent_portrait.html

@@ -262,12 +262,12 @@
                 <div class="vip_component" v-if="getStatus && !conf._13" style="height:9.16rem;background:url('/common-module/collection/image/bg/vip_bg_1.png') no-repeat;background-size:100% 100%">
                     <vip-component @tabactive="tabActive" type="item_1" :entvisit="entvisit" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/bg/vip_ex_1.png'></vip-component>
                 </div>
-                <div class="bg-white tab-card cell-list history-list" v-if="conf._4 && tabActiveName == '2' && !getStatus">
-                    <hispro-component :type="portrait" :id="entInfo.id"></hispro-component>
+                <div class="bg-white tab-card cell-list history-list">
+                    <hispro-component type="winner" :id="entInfo.id"></hispro-component>
                 </div>
-                <div class="vip_component" v-if="isMember" style="height:11.36rem;background:url('/common-module/collection/image/bg/vip_bg_9.png') no-repeat;background-size:100% 100%">
+                <!-- <div class="vip_component" v-if="isMember" style="height:11.36rem;background:url('/common-module/collection/image/bg/vip_bg_9.png') no-repeat;background-size:100% 100%">
                     <vip-component @tabactive="tabActive" type="item_9" :entvisit="entvisit" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/bg/vip_ex_9.png'></vip-component>
-                </div>
+                </div> -->
                 <div class="bg-white tab-card charts" v-if="conf._4 && tabActiveName == '2' && annualData.rows.length !== 0  && !getStatus">
                     <div class="tab-card-title">年度项目统计</div>
                     <!-- e-charts和sticky同时使用时候，需要手动降低css层级(z-index: 1)，确保tooltip不遮挡固定定位头部 -->