企业画像页面调整、标讯收藏页面标签回显

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

@@ -1,6 +1,9 @@
 var vNode = {
     delimiters: ['${', '}'],
     el: '#ent-portrait',
+    components: {
+        vipComponent: vipComponent
+    },
     data () {
         // 修改柱状条颜色为渐变色
         this.colorGreen = [new echarts.graphic.LinearGradient(
@@ -109,7 +112,11 @@ var vNode = {
                 text: '开通',
                 btntext: '去开通'
             },
-            surplus: 0 // 中标信息剩余访问次数
+            entvisit: {
+                total: 150, // 本月画像次数总量
+                usage: 150, // 本月已使用次数
+                provin: 3 // 购买省份数量
+            }
         }
     },
     created: function () {
@@ -186,6 +193,13 @@ var vNode = {
         setShow: function() {
             // 必须在tab2，并且三个权限都没有，就用显示
             return this.tabActiveName == '2' && !this.hasOnePower
+        },
+        // 查看次数为零，显示遮罩
+        getStatus: function () {
+            return (!this.conf._4 && !this.isVip) || (this.entvisit.total <= this.entvisit.usage)
+        },
+        surplus: function () {
+            return this.entvisit.total > this.entvisit.usage
         }
     },
     methods: {
@@ -284,7 +298,7 @@ var vNode = {
                     console.log(res)
                     if(res.error_code == 0) {
                         if(res.data) {
-                            _this.surplus = res.data.total
+                            _this.entvisit = res.data
                         }
                     }
                 }

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

@@ -11,6 +11,7 @@
     <link rel="stylesheet" href=//cdn.jsdelivr.net/npm/vant@2.8.2/lib/index.css />
     <link rel="stylesheet" href=//cdn.jsdelivr.net/npm/vant@2.8.2/lib/icon/local.css />
     <link rel="stylesheet" href=//cdn.jsdelivr.net/npm/v-charts@1.19.0/lib/style.min.css />
+    <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/css/index.css?v={{Msg "seo" "version"}}' />
     <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/css/vant-reset.css?v={{Msg "seo" "version"}}' />
     <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/css/ent_portrait.css?v={{Msg "seo" "version"}}' />
     <!--E-当前页面的css资源-->
@@ -41,84 +42,18 @@
     }
     .vip_openDialog{
         padding: 0.56rem 0 0.64rem;
-        height: 7.4rem;
+        width: 6.06rem;
+        /* height: 6.88rem; */
         background: url('{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/image/openVip.png') no-repeat;
-        background-size: contain;
-        top: 53%;
-    }
-    .vip_openDialog .van-dialog__content{
-        /* height: 6.04rem; */
-        padding: 0;
-    }
-    .vip_openDialog .van-dialog__content .vip_head{
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        width: 100%;
-        font-size: 0.32rem;
-        font-weight: 400;
-        text-align: CENTER;
-        color: #ffffff;
-        line-height: 0.48rem;
-    }
-    .vip_openDialog .van-dialog__content .vip_content{
-        display: flex;
-        flex-direction: column;
-        margin-top: 0.88rem;
-        width: 100%;
-        font-size: 0.28rem;
-        font-weight: 400;
-        text-align: CENTER;
-        color: #686868;
-        line-height: 0.44rem;
-        text-shadow: 0px 0px 28px 0px rgba(0,0,0,0.08);
-    }
-    .vip_openDialog .van-dialog__content .vip_head .vip_extend{
-        font-size: 0.26rem;
-    }
-    .vipOverlay.van-overlay{
-        height: 85%;
-        background-color: rgba(255,255,255,0);
-        backdrop-filter: blur(5px);
-        top: 4.4rem;
-    }
-    .vip_openDialog .van-dialog__footer{
-        margin-top: 0.48rem;
-        padding: 0 0.62rem;
-        display: flex;
-        justify-content: space-between;
-        overflow: initial;
-    }
-    .vip_openDialog .van-hairline--top::after{
-        border-top-width: 0;
-    }
-    .vip_openDialog .van-button.van-button--default{
-        flex: none;
-        width: 2.16rem;
-        height: 0.72rem;
-        font-size: 0.32rem;
-        font-weight: 400;
-        text-align: CENTER;
-        color: #fff;
-        background: #2cb7ca;
-        border-radius: 0.12rem;
-        box-shadow: 0px 0px 0.56rem 0px rgba(0,0,0,0.08);
-    }
-    .vip_openDialog .van-button.van-button--default.van-dialog__cancel{
-        font-size: 0.32rem;
-        font-weight: 400;
-        text-align: CENTER;
-        color: #5f5e64;
-        background: #ffffff;
-        border: 1px solid rgba(0,0,0,0.10);
-        border-radius: 0.14rem;
+        background-size: 100% 100%;
+        box-sizing: border-box;
     }
 </style>
 <body>
 <div class="j-container">
     {{include "/big-member/header.html"}}
     <div id="ent-portrait" class="j-main" v-cloak>
-        <van-dialog
+        <!-- <van-dialog
         v-model="setShow"
         show-cancel-button
         width="6.06rem"
@@ -141,7 +76,7 @@
                 <span>市场区域分布</span>
                 <span>...</span>
             </div>
-        </van-dialog>
+        </van-dialog> -->
         <div class="j-header ent-header">
             <span class="j-icon icon-company"></span>
             <span class="ent-title">${ entInfo.name }</span>
@@ -259,10 +194,10 @@
             <van-tab name="2" v-if="!singleTab">
                 <template #title>
                     <span :class="{bidinfo:!hasOnePower}">中标信息</span>
-                    <span v-if="!hasOnePower" class="bid_upgrade">升级</span>
-                    <span v-if="hasOnePower" class="bid_surplus">剩余:${surplus}</span>
+                    <span v-if="!hasOnePower || !surplus" class="bid_upgrade">升级</span>
+                    <span v-if="hasOnePower && surplus" class="bid_surplus">剩余:${entvisit.total - entvisit.usage}</span>
                 </template>
-                <div class="bg-white tab-card" v-if="conf._4">
+                <div class="bg-white tab-card" v-if="conf._4 && !getStatus">
                     <div class="card-row zb-info">
                         <div class="card-column">
                             <div class="ent-info-label">项目数量</div>
@@ -288,11 +223,12 @@
                         <span>${entPortraitInfo.timeRangeEnd ? new Date(entPortraitInfo.timeRangeEnd * 1000).pattern('yyyy/MM/dd') : '至今'}</span>
                     </div>
                 </div>
+                <div class="vip_component" v-if="getStatus" style="height:2.12rem;background:url('/common-module/collection/image/bg/vip_bg_0.png') no-repeat;background-size:100% 100%"></div>
                 <div class="j-container empty" v-if="conf._13 && !conf._4 && topProject.list.length === 0">
                     <div class="j-img img-empty empty-img"></div>
                     <p class="empty-text">暂无项目动态</p>
                 </div>
-                <div class="bg-white tab-card cell-list" v-show="conf._13 && topProject.list.length !== 0">
+                <div class="bg-white tab-card cell-list" v-show="conf._13 && topProject.list.length !== 0 && !getStatus">
                     <div class="tab-card-title">项目动态</div>
                     <div class="tab-card-content">
                         <ul class="project-info-list">
@@ -318,7 +254,10 @@
                         </ul>
                     </div>
                 </div>
-                <div class="bg-white tab-card charts" v-if="conf._4 && tabActiveName == '2' && annualData.rows.length !== 0">
+                <div class="vip_component" v-if="getStatus" style="height:9.16rem;background:url('/common-module/collection/image/bg/vip_bg_1.png') no-repeat;background-size:100% 100%">
+                    <vip-component 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 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不遮挡固定定位头部 -->
                     <div class="tab-card-content">
@@ -334,7 +273,10 @@
                     </div>
                     <div class="tab-card-tip">注：项目金额指所有项目的中标金额之和，少数缺失的中标金额，用项目预算补充。</div>
                 </div>
-                <div class="bg-white tab-card charts"  v-if="conf._4 && tabActiveName == '2' && monthZbData.rows.length !== 0">
+                <div class="vip_component" v-if="getStatus" style="height:11.12rem;background:url('/common-module/collection/image/bg/vip_bg_2.png') no-repeat;background-size:100% 100%">
+                    <vip-component type="item_2" :entvisit="entvisit" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/bg/vip_ex_2.png'></vip-component>
+                </div>
+                <div class="bg-white tab-card charts"  v-if="conf._4 && tabActiveName == '2' && monthZbData.rows.length !== 0 && !getStatus">
                     <div class="tab-card-title">月度中标金额统计</div>
                     <div class="tab-card-content">
                         <ve-line
@@ -347,7 +289,10 @@
                     </div>
                     <div class="tab-card-tip">注：少数缺失的中标金额，用项目预算补充。</div>
                 </div>
-                <div class="bg-white tab-card charts" v-if="conf._4 && tabActiveName == '2' && mapChartData.rows.length !== 0">
+                <div class="vip_component" v-if="getStatus" style="height:10.8rem;background:url('/common-module/collection/image/bg/vip_bg_3.png') no-repeat;background-size:100% 100%">
+                    <vip-component type="item_3" :entvisit="entvisit" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/bg/vip_ex_3.png'></vip-component>
+                </div>
+                <div class="bg-white tab-card charts" v-if="conf._4 && tabActiveName == '2' && mapChartData.rows.length !== 0 && !getStatus">
                     <div class="tab-card-title">市场区域分布</div>
                     <div class="tab-card-content">
                         <ve-map
@@ -360,7 +305,10 @@
                         </ve-map>
                     </div>
                 </div>
-                <div class="bg-white tab-card charts"  v-if="conf._4 && tabActiveName == '2' && rateData.rows.length !== 0">
+                <div class="vip_component" v-if="getStatus" style="height:10.56rem;background:url('/common-module/collection/image/bg/vip_bg_4.png') no-repeat;background-size:100% 100%">
+                    <vip-component type="item_4" :entvisit="entvisit" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/bg/vip_ex_4.png'></vip-component>
+                </div>
+                <div class="bg-white tab-card charts"  v-if="conf._4 && tabActiveName == '2' && rateData.rows.length !== 0 && !getStatus">
                     <div class="tab-card-title">各类客户平均折扣率</div>
                     <div class="tab-card-content">
                         <ve-line
@@ -373,14 +321,20 @@
                     </div>
                     <div class="tab-card-tip">注：平均折扣率=(全部项目预算-全部中标金额)/全部项目预算，是指价格减让部分与原价的比率，仅统计预算和中标金额同时存在的项目。</div>
                 </div>
-                <div class="bg-white tab-card charts"  v-show="conf._4 && tabActiveName == '2' && entPortraitInfo.top10 && entPortraitInfo.top10.length != 0">
+                <div class="vip_component" v-if="getStatus" style="height:11.24rem;background:url('/common-module/collection/image/bg/vip_bg_5.png') no-repeat;background-size:100% 100%">
+                    <vip-component type="item_5" :entvisit="entvisit" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/bg/vip_ex_5.png'></vip-component>
+                </div>
+                <div class="bg-white tab-card charts"  v-show="conf._4 && tabActiveName == '2' && entPortraitInfo.top10 && entPortraitInfo.top10.length != 0 && !getStatus">
                     <div class="tab-card-title">客户类型分布</div>
                     <div class="tab-card-content">
                         <div ref="pieChart" style="height: 360px;"></div>
                     </div>
                     <div class="tab-card-tip">注：各客户类型占比以中标金额计算，最多展示占比排名前十的客户类型。</div>
                 </div>
-                <div class="bg-white tab-card customers client"  v-show="conf._4 && tabActiveName == '2' && importantCustomers.length !== 0">
+                <div class="vip_component" v-if="getStatus" style="height:11.92rem;background:url('/common-module/collection/image/bg/vip_bg_6.png') no-repeat;background-size:100% 100%">
+                    <vip-component type="item_6" :entvisit="entvisit" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/bg/vip_ex_6.png'></vip-component>
+                </div>
+                <div class="bg-white tab-card customers client"  v-show="conf._4 && tabActiveName == '2' && importantCustomers.length !== 0 && !getStatus">
                     <div class="tab-card-title">重点客户</div>
                     <div class="tab-card-content">
                         <div class="client-list" v-for="c in importantCustomers">
@@ -407,6 +361,9 @@
                         </div>
                     </div>
                 </div>
+                <div class="vip_component" v-if="getStatus" style="height:10.8rem;background:url('/common-module/collection/image/bg/vip_bg_7.png') no-repeat;background-size:100% 100%">
+                    <vip-component type="item_7" :entvisit="entvisit" imgurl='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/image/bg/vip_ex_7.png'></vip-component>
+                </div>
             </van-tab>
         </van-tabs>
         <div class="j-main project-tab-container" v-if="conf.powerLoaded && !conf.showPortraitAll">
@@ -451,6 +408,7 @@
 <script src=//cdn.jsdelivr.net/npm/v-charts@1.19.0/lib/index.min.js></script>
 {{include "/big-member/commonjs.html"}}
 <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/antiRes/js/mainHook.js?v={{Msg "seo" "version"}}'></script>
+<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/js/vip-dialog.js?v={{Msg "seo" "version"}}'></script>
 <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/js/echarts_option.js?v={{Msg "seo" "version"}}'></script>
 <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/js/chart_options.js?v={{Msg "seo" "version"}}'></script>
 <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/js/ent_portrait.js?v={{Msg "seo" "version"}}'></script>

src/web/staticres/common-module/collection/css/index.css

@@ -721,3 +721,77 @@
     color: #5f5e64;
     line-height: .4rem;
 }
+
+
+/* vip弹窗样式 */
+.vip_component{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+}
+.vip_openDialog  .vip_head{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    width: 100%;
+    font-size: 0.32rem;
+    font-weight: 400;
+    text-align: CENTER;
+    color: #ffffff;
+    line-height: 0.48rem;
+}
+.vip_openDialog  .vip_content{
+    display: flex;
+    justify-content: center;
+    margin-top: 0.4rem;
+    font-size: 0.28rem;
+    font-weight: 400;
+    text-align: CENTER;
+    color: #686868;
+    line-height: 0.44rem;
+    text-shadow: 0px 0px 28px 0px rgba(0,0,0,0.08);
+}
+.vip_openDialog .vip_content .vip_content_div{
+    position: relative;
+    width: 4.82rem;
+}
+.vip_openDialog .vip_content .vip_img{
+    width: 4.82rem;
+}
+.vip_openDialog .vip_content .vip_example{
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: .84rem;
+    height: .44rem;
+    box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.08);
+    background: #e5fcff;
+    font-size: .26rem;
+    color: #2cb7ca;
+}
+.vip_openDialog  .vip_head .vip_extend{
+    font-size: 0.26rem;
+}
+.vip_openDialog .openBtn{
+    width: 100%;
+    height: .72rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.vip_openDialog .openBtn .goBtn{
+    margin-top: .48rem;
+    width: 4.78rem;
+    height: 100%;
+    background: #2cb7ca;
+    border-radius: 6px;
+    box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.08);
+    font-size: .32rem;
+    font-weight: 400;
+    text-align: CENTER;
+    color: #ffffff;
+}

src/web/staticres/common-module/collection/js/ent_portrait.js

@@ -1,6 +1,9 @@
 var vNode = {
     delimiters: ['${', '}'],
     el: '#ent-portrait',
+    components: {
+        vipComponent: vipComponent
+    },
     data () {
         // 修改柱状条颜色为渐变色
         this.colorGreen = [new echarts.graphic.LinearGradient(
@@ -106,6 +109,11 @@ var vNode = {
                 vip: 0,
                 text: '开通',
                 btntext: '去开通'
+            },
+            entvisit: {
+                total: 150, // 本月画像次数总量
+                usage: 150, // 本月已使用次数
+                provin: -1 // 购买省份数量
             }
         }
     },
@@ -183,6 +191,13 @@ var vNode = {
         setShow: function() {
             // 必须在tab2，并且三个权限都没有，就用显示
             return this.tabActiveName == '2' && !this.hasOnePower
+        },
+        // 查看次数为零，显示遮罩
+        getStatus: function () {
+            return (!this.conf._4 && !this.isVip) || (this.entvisit.total <= this.entvisit.usage)
+        },
+        surplus: function () {
+            return this.entvisit.total > this.entvisit.usage
         }
     },
     methods: {
@@ -272,6 +287,22 @@ var vNode = {
                 }
             })
         },
+        // 企业画像访问量查询
+        getEntVisits: function() {
+            let _this = this
+            $.ajax({
+                type: "POST",
+                url: "/bigmember/portrait/subVipPortrait/usage",
+                success: function (res) {
+                    console.log(res)
+                    if(res.error_code == 0) {
+                        if(res.data) {
+                            _this.entvisit = res.data
+                        }
+                    }
+                }
+            });
+        },
         // 获取项目动态
         getProjectNews: function () {
             var _this = this

src/web/staticres/common-module/collection/js/index-wx.js

@@ -76,9 +76,15 @@ var vNode = {
   created () {
     var recover = this.recover()
     if (!recover) {
-      this.getList()
+      let lid = utils.getParam('tag')
+      if(lid) {
+        lid = decodeURIComponent(lid)
+        this.getTagsList(lid)
+      }else{
+        this.getList()
+        this.getTagsList()
+      }
       this.getUserRoot()
-      this.getTagsList()
     }
   },
   mounted() {
@@ -392,7 +398,7 @@ var vNode = {
       this.$refs.winnerItem.toggle(false)
     },
     // 获取个人标签列表
-    getTagsList: function() {
+    getTagsList: function(lid) {
       let _this = this
       $.ajax({
         url: '/publicapply/bidcoll/getLabel',
@@ -402,6 +408,14 @@ var vNode = {
           if(res.error_code == 0 && res.data) {
             res.data.forEach(function(item, index){
               item.type = false
+              if(!lid) return
+              if(item.lid == lid){
+                item.type = true
+                _this.selectTagList.push(lid)
+                _this.tagText.perText = '个人标签1'
+                _this.limitlist.label = item.lanme
+                _this.reLoadList(true)
+              }
             })
             _this.tagList = res.data
           } else {

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

@@ -0,0 +1,144 @@
+var vipDialog = `
+<div class="vip_openDialog">
+  <div class="vip_head">
+      <span>{{titleText}}</span>
+      <span class="vip_extend"><span>{{headText.top}}</span><br/>{{headText.bot}}</span>
+  </div>
+  <div class="vip_content">
+    <div class="vip_content_div">
+      <img class="vip_img" :src="imgurl" />
+      <span class="vip_example">示例</span>
+    </div>
+  </div>
+  <div class="openBtn">
+      <button class="goBtn" @click="goOpen">{{btnText}}</button>
+  </div>
+</div>
+`
+
+var vipComponent = {
+  name: 'vip-dialog',
+  template: vipDialog,
+  props: {
+    'imgurl': {
+      type: String,
+      default: function() {
+        return ''
+      }
+    },
+    "entvisit": {
+      type: Object,
+      default: function () {
+        return {
+          total: 0, // 本月画像次数总量
+          usage: 0, // 本月已使用次数
+          provin: 0 // 购买省份数量
+        }
+      }
+    },
+    "type": {
+      type: String,
+      default: function () {
+        return ''
+      }
+    }
+  },
+  data: function() {
+    return {
+      titleText: '开通超级订阅',
+      btnText: '去开通',
+      headText: {
+        top: '通过实时监控项目的招标、中标、合同等',
+        bot: '信息，全面挖掘更多潜在商机！'
+      }
+    }
+  },
+  created () {
+    this.setVisitStatus()
+  },
+  methods: {
+    setVisitStatus: function () {
+      if (this.entvisit.total - this.entvisit.usage == 0) {
+        this.titleText = '超级订阅'
+        if (this.entvisit.provin != -1) {
+          this.btnText = '去升级'
+        } else if(this.entvisit.provin == -1) {
+          this.btnText = '联系客服'
+        }
+      }
+      switch (this.type) {
+        // 项目动态
+        case 'item_1': {
+          this.headText.top = '通过实时监控项目的招标、中标、合同等'
+          this.headText.bot = '信息，全面挖掘更多潜在商机！'
+          break
+        }
+        // 年度项目统计
+        case 'item_2': {
+          this.headText.top = '年度项目规模、增长趋势一目了然，'
+          this.headText.bot = '快速分析市场！'
+          break
+        }
+        // 月度中标金额统计
+        case 'item_3': {
+          this.headText.top = '纵向对比采购单位近三年月度采购规模，'
+          this.headText.bot = '不错过任何商机！'
+          break
+        }
+        // 市场区域分布
+        case 'item_4': {
+          this.headText.top = '通过企业市场规模、市场格局，'
+          this.headText.bot = '分析企业的市场发展现状！'
+          break
+        }
+        // 各类客户平均折扣率
+        case 'item_5': {
+          this.headText.top = '通过近3年各类客户平均折扣率范围，'
+          this.headText.bot = '透视企业的行业盈利能力！'
+          break
+        }
+        // 客户类型分布
+        case 'item_6': {
+          this.headText.top = '通过企业主要客户类型分析，'
+          this.headText.bot = '洞悉企业业务模式、经营状况！'
+          break
+        }
+        // 重点客户
+        case 'item_7': {
+          this.headText.top = '通过挖掘企业重点客户，直观了解采购单位'
+          this.headText.bot = '与供应商关系远近，辅助投标决策！'
+          break
+        }
+        default: {
+          this.headText.top = '通过实时监控项目的招标、中标、合同等'
+          this.headText.bot = '信息，全面挖掘更多潜在商机！'
+          break
+        }
+      }
+    },
+    goOpen: function() {
+      let isWeixin = utils.isWeiXinBrowser
+      if(!isWeixin) {
+        if (this.btnText == '去开通') {
+          location.href = '/jyapp/vipsubscribe/vipsubscribe_new'
+        } else if (this.btnText == '去升级') {
+          location.href = '/jyapp/vipsubscribe/upgradePage'
+        } else if(this.btnText == '联系客服') {
+          location.href = '/jyapp/free/customer'
+        } else {
+          location.href = '/jyapp/vipsubscribe/vipsubscribe_new'
+        }
+      } else {
+        if (this.btnText == '去开通') {
+          location.href = '/front/vipsubscribe/vipsubscribe_new'
+        } else if (this.btnText == '去升级') {
+          location.href = '/front/vipsubscribe/upgradePage'
+        } else if(this.btnText == '联系客服') {
+          location.href = '/big/wx/page/customer'
+        } else {
+          location.href = '/front/vipsubscribe/vipsubscribe_new'
+        }
+      }
+    }
+  }
+}

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

@@ -18,6 +18,7 @@
         <link rel="stylesheet" href=//cdn.jsdelivr.net/npm/vant@2.8.2/lib/icon/local.css />
         <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/collection/css/index.css?v={{Msg "seo" "version"}}' />
         <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/big-member/weixin/css/buy_commit.css?v={{Msg "seo" "version"}}'>
         <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/big-member/weixin/css/vant-reset.css?v={{Msg "seo" "version"}}' />
         <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/big-member/weixin/css/ent_portrait.css?v={{Msg "seo" "version"}}' />
@@ -41,83 +42,16 @@
     }
     .vip_openDialog{
         padding: 0.56rem 0 0.64rem;
-        height: 7.4rem;
+        width: 6.06rem;
         background: url('{{Msg "seo" "cdn"}}/big-member/image/openVip.png') no-repeat;
-        background-size: contain;
-        top: 53%;
-    }
-    .vip_openDialog .van-dialog__content{
-        /* height: 6.04rem; */
-        padding: 0;
-    }
-    .vip_openDialog .van-dialog__content .vip_head{
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        width: 100%;
-        font-size: 0.32rem;
-        font-weight: 400;
-        text-align: CENTER;
-        color: #ffffff;
-        line-height: 0.48rem;
-    }
-    .vip_openDialog .van-dialog__content .vip_content{
-        display: flex;
-        flex-direction: column;
-        margin-top: 0.88rem;
-        width: 100%;
-        font-size: 0.28rem;
-        font-weight: 400;
-        text-align: CENTER;
-        color: #686868;
-        line-height: 0.44rem;
-        text-shadow: 0px 0px 28px 0px rgba(0,0,0,0.08);
-    }
-    .vip_openDialog .van-dialog__content .vip_head .vip_extend{
-        font-size: 0.26rem;
-    }
-    .vipOverlay.van-overlay{
-        height: 85%;
-        background-color: rgba(255,255,255,0);
-        backdrop-filter: blur(5px);
-        top: 4.4rem;
-    }
-    .vip_openDialog .van-dialog__footer{
-        margin-top: 0.48rem;
-        padding: 0 0.62rem;
-        display: flex;
-        justify-content: space-between;
-        overflow: initial;
-    }
-    .vip_openDialog .van-hairline--top::after{
-        border-top-width: 0;
-    }
-    .vip_openDialog .van-button.van-button--default{
-        flex: none;
-        width: 2.16rem;
-        height: 0.72rem;
-        font-size: 0.32rem;
-        font-weight: 400;
-        text-align: CENTER;
-        color: #fff;
-        background: #2cb7ca;
-        border-radius: 0.12rem;
-        box-shadow: 0px 0px 0.56rem 0px rgba(0,0,0,0.08);
-    }
-    .vip_openDialog .van-button.van-button--default.van-dialog__cancel{
-        font-size: 0.32rem;
-        font-weight: 400;
-        text-align: CENTER;
-        color: #5f5e64;
-        background: #ffffff;
-        border: 1px solid rgba(0,0,0,0.10);
-        border-radius: 0.14rem;
+        background-size: 100% 100%;
+        box-sizing: border-box;
     }
 </style>
 <body>
 <div class="j-container">
     <div id="ent-portrait" class="j-main" v-cloak>
-        <van-dialog
+        <!-- <van-dialog
         v-model="setShow"
         show-cancel-button
         width="6.06rem"
@@ -140,7 +74,7 @@
                 <span>市场区域分布</span>
                 <span>...</span>
             </div>
-        </van-dialog>
+        </van-dialog> -->
         <div class="j-header ent-header">
             <span class="j-icon icon-company"></span>
             <span class="ent-title">${ entInfo.name }</span>
@@ -258,9 +192,10 @@
             <van-tab name="2" v-if="!singleTab">
                 <template #title>
                     <span :class="{bidinfo:!hasOnePower}">中标信息</span>
-                    <span v-if="!hasOnePower" class="bid_upgrade">升级</span>
+                    <span v-if="!hasOnePower || !surplus" class="bid_upgrade">升级</span>
+                    <span v-if="hasOnePower && surplus" class="bid_surplus">剩余:${entvisit.total - entvisit.usage}</span>
                 </template>
-                <div class="bg-white tab-card" v-if="conf._4">
+                <div class="bg-white tab-card" v-if="conf._4 && !getStatus">
                     <div class="card-row zb-info">
                         <div class="card-column">
                             <div class="ent-info-label">项目数量</div>
@@ -290,7 +225,7 @@
                     <div class="j-img img-empty empty-img"></div>
                     <p class="empty-text">暂无项目动态</p>
                 </div>
-                <div class="bg-white tab-card cell-list" v-show="conf._13 && topProject.list.length !== 0">
+                <div class="bg-white tab-card cell-list" v-show="conf._13 && topProject.list.length !== 0  && !getStatus">
                     <div class="tab-card-title">项目动态</div>
                     <div class="tab-card-content">
                         <ul class="project-info-list">
@@ -316,7 +251,10 @@
                         </ul>
                     </div>
                 </div>
-                <div class="bg-white tab-card charts" v-if="conf._4 && tabActiveName == '2' && annualData.rows.length !== 0">
+                <div class="vip_component" v-if="getStatus" style="height:9.16rem;background:url('/common-module/collection/image/bg/vip_bg_1.png') no-repeat;background-size:100% 100%">
+                    <vip-component 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 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不遮挡固定定位头部 -->
                     <div class="tab-card-content">
@@ -332,7 +270,10 @@
                     </div>
                     <div class="tab-card-tip">注：项目金额指所有项目的中标金额之和，少数缺失的中标金额，用项目预算补充。</div>
                 </div>
-                <div class="bg-white tab-card charts"  v-if="conf._4 && tabActiveName == '2' && monthZbData.rows.length !== 0">
+                <div class="vip_component" v-if="getStatus" style="height:11.12rem;background:url('/common-module/collection/image/bg/vip_bg_2.png') no-repeat;background-size:100% 100%">
+                    <vip-component type="item_2" :entvisit="entvisit" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/bg/vip_ex_2.png'></vip-component>
+                </div>
+                <div class="bg-white tab-card charts"  v-if="conf._4 && tabActiveName == '2' && monthZbData.rows.length !== 0  && !getStatus">
                     <div class="tab-card-title">月度中标金额统计</div>
                     <div class="tab-card-content">
                         <ve-line
@@ -345,7 +286,10 @@
                     </div>
                     <div class="tab-card-tip">注：少数缺失的中标金额，用项目预算补充。</div>
                 </div>
-                <div class="bg-white tab-card charts" v-if="conf._4 && tabActiveName == '2' && mapChartData.rows.length !== 0">
+                <div class="vip_component" v-if="getStatus" style="height:10.8rem;background:url('/common-module/collection/image/bg/vip_bg_3.png') no-repeat;background-size:100% 100%">
+                    <vip-component type="item_3" :entvisit="entvisit" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/bg/vip_ex_3.png'></vip-component>
+                </div>
+                <div class="bg-white tab-card charts" v-if="conf._4 && tabActiveName == '2' && mapChartData.rows.length !== 0  && !getStatus">
                     <div class="tab-card-title">市场区域分布</div>
                     <div class="tab-card-content">
                         <ve-map
@@ -358,7 +302,10 @@
                         </ve-map>
                     </div>
                 </div>
-                <div class="bg-white tab-card charts"  v-if="conf._4 && tabActiveName == '2' && rateData.rows.length !== 0">
+                <div class="vip_component" v-if="getStatus" style="height:10.56rem;background:url('/common-module/collection/image/bg/vip_bg_4.png') no-repeat;background-size:100% 100%">
+                    <vip-component type="item_4" :entvisit="entvisit" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/bg/vip_ex_4.png'></vip-component>
+                </div>
+                <div class="bg-white tab-card charts"  v-if="conf._4 && tabActiveName == '2' && rateData.rows.length !== 0  && !getStatus">
                     <div class="tab-card-title">各类客户平均折扣率</div>
                     <div class="tab-card-content">
                         <ve-line
@@ -371,14 +318,20 @@
                     </div>
                     <div class="tab-card-tip">注：平均折扣率=(全部项目预算-全部中标金额)/全部项目预算，是指价格减让部分与原价的比率，仅统计预算和中标金额同时存在的项目。</div>
                 </div>
-                <div class="bg-white tab-card charts"  v-show="conf._4 && tabActiveName == '2' && entPortraitInfo.top10 && entPortraitInfo.top10.length != 0">
+                <div class="vip_component" v-if="getStatus" style="height:11.24rem;background:url('/common-module/collection/image/bg/vip_bg_5.png') no-repeat;background-size:100% 100%">
+                    <vip-component type="item_5" :entvisit="entvisit" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/bg/vip_ex_5.png'></vip-component>
+                </div>
+                <div class="bg-white tab-card charts"  v-show="conf._4 && tabActiveName == '2' && entPortraitInfo.top10 && entPortraitInfo.top10.length != 0  && !getStatus">
                     <div class="tab-card-title">客户类型分布</div>
                     <div class="tab-card-content">
                         <div ref="pieChart" style="height: 360px;"></div>
                     </div>
                     <div class="tab-card-tip">注：各客户类型占比以中标金额计算，最多展示占比排名前十的客户类型。</div>
                 </div>
-                <div class="bg-white tab-card customers client"  v-show="conf._4 && tabActiveName == '2' && importantCustomers.length !== 0">
+                <div class="vip_component" v-if="getStatus" style="height:11.92rem;background:url('/common-module/collection/image/bg/vip_bg_6.png') no-repeat;background-size:100% 100%">
+                    <vip-component type="item_6" :entvisit="entvisit" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/bg/vip_ex_6.png'></vip-component>
+                </div>
+                <div class="bg-white tab-card customers client"  v-show="conf._4 && tabActiveName == '2' && importantCustomers.length !== 0  && !getStatus">
                     <div class="tab-card-title">重点客户</div>
                     <div class="tab-card-content">
                         <div class="client-list" v-for="c in importantCustomers">
@@ -405,6 +358,9 @@
                         </div>
                     </div>
                 </div>
+                <div class="vip_component" v-if="getStatus" style="height:10.8rem;background:url('/common-module/collection/image/bg/vip_bg_7.png') no-repeat;background-size:100% 100%">
+                    <vip-component type="item_7" :entvisit="entvisit" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/bg/vip_ex_7.png'></vip-component>
+                </div>
             </van-tab>
         </van-tabs>
         <div class="j-main project-tab-container" v-if="conf.powerLoaded && !conf.showPortraitAll">
@@ -450,6 +406,7 @@
 <script src=//cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js></script>
 {{include "/big-member/commonjs.html"}}
 <script src='{{Msg "seo" "cdn"}}/antiRes/js/mainHook.js?v={{Msg "seo" "version"}}'></script>
+<script src='{{Msg "seo" "cdn"}}/common-module/collection/js/vip-dialog.js?v={{Msg "seo" "version"}}'></script>
 <script src='{{Msg "seo" "cdn"}}/common-module/collection/js/echarts_option.js?v={{Msg "seo" "version"}}'></script>
 <script src='{{Msg "seo" "cdn"}}/common-module/collection/js/chart_options.js?v={{Msg "seo" "version"}}'></script>
 <script src='{{Msg "seo" "cdn"}}/common-module/collection/js/ent_portrait.js?v={{Msg "seo" "version"}}'></script>

src/web/templates/weixin/wxinfocontent_rec.html

@@ -2250,7 +2250,7 @@ var vKeepComponent = new Vue({
 				},
 				tagClick (i) {
 						console.log(this.list[i])
-						location.href = '/weixin/frontPage/collection/sess/index?tag=' + this.list[i].title
+						location.href = '/weixin/frontPage/collection/sess/index?tag=' + encodeURIComponent(this.list[i].lid)
 				}
     }
 })