feat: 采购单位画像、业主监控页面功能调整

Signed-off-by: tangshizhe <48740614+tangshizhe@users.noreply.github.com>

src/App.vue

@@ -99,7 +99,6 @@ export default {
   }
 }
 .monitor-popover {
-  top: 56px!important;
   border-radius: 12px!important;
   border: 1px solid #ececec!important;
 }

src/components/collect-info/CollectInfo.vue

@@ -382,14 +382,20 @@ export default {
         month_: '请留下联系方式，我们会尽快联系您！体验市场分析周报/月报！',
         week_: '请留下联系方式，我们会尽快联系您！体验市场分析周报/月报！',
         article_collection: '重要项目一键创建标签收藏！请完善个人信息，为您匹配精准服务',
-        pc_buyer_monitor_more: '待运营提供'
+        pc_buyer_monitor_more: '请升级大会员，可实时监控最多500个业主采购动态，洞察潜在商机。',
+        pc_buyer_monitor_freeuser: '您当前权限不足，请升级大会员，可实时监控最多500个业主采购动态，洞察潜在商机。',
+        pc_list_monitor_more: '请升级大会员，可实时监控最多500个业主采购动态，洞察潜在商机。'
       },
       sourceDescMap: {
-        pc_buyer_monitor_more: '采购单位画像页-超级订阅用户申请监控更多业主'
+        pc_buyer_monitor_more: '采购单位画像页-超级订阅用户申请监控更多业主',
+        pc_buyer_monitor_freeuser: '采购单位画像页-免费用户申请监控业主',
+        pc_list_monitor_more: '业主监控页-超级订阅用户申请监控更多业主'
       },
       sourceTitleTopMap: {
         article_collection: '为给您匹配精准的推荐信息，请完善个人信息',
-        pc_buyer_monitor_more: '111'
+        pc_buyer_monitor_more: '申请监控更多业主',
+        pc_buyer_monitor_freeuser: '申请业主监控权限',
+        pc_list_monitor_more: '申请监控更多业主'
       },
       isRefresh: false
     }
@@ -442,6 +448,8 @@ export default {
           return '我们会尽快联系您并预约演示时间，请耐心等待～您将获得免费体验大会员全部功能！'
         }
         return '恭喜您，成功解锁【' + text + '】权益1次。如需查看更多，请开通超级订阅，为您提供最新的商业情报，抢占先机。'
+      } else if (this.source === 'pc_list_monitor_more') {
+        return '已收到您提交的升级大会员申请，我们会尽快联系您并预约演示时间。'
       } else {
         return '我们会尽快联系您并预约演示时间，请耐心等待～您将获得免费体验大会员全部功能！'
       }

src/components/common/Monitor.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="monitor-page">
     <ul class="monitor-ul">
-      <li v-show="showList.length && showList.includes(1)">监控业主一旦发布与“我的订阅”相关的招标动态，会推送业主的招标项目、时间等公告信息,如未订阅则推送全部招标动态。</li>
+      <li v-show="showList.length && showList.includes(1)">监控业主一旦发布与“我的订阅”相关的招标动态，会推送业主的招标项目、时间等公告信息。</li>
       <li v-show="showList.length && showList.includes(2)" @click="$emit('monitorStatus')">查看监控动态</li>
       <li v-show="showList.length && showList.includes(3)">
         <div class="list-top" @click="monitorList">

src/views/ent-intel/MyClient.vue

@@ -30,7 +30,7 @@
           <div class="client-list">
             <div class="l-thead">
               <span class="w-800">业主</span>
-              <span class="w-100">更新时间
+              <span class="w-100" style="display: inline-flex;align-items: center;">更新时间
                 <el-tooltip class="item" effect="dark" content="" placement="top">
                   <img class="help-icon" src="@/assets/images/icon/help.png" alt=""/>
                   <div slot="content">初始值为监控客户的时间，监控<br/>后，客户下如有与“我的订阅”相<br/>关的招标动态如有更新，则为项目<br/>更新时间。</div>
@@ -544,6 +544,7 @@ export default {
       }
     }
     .help-icon{
+      margin-left: 4px;
       width: 18px;
       height: 18px;
     }

src/views/portrayal/UnitPortrayal.vue

@@ -15,7 +15,7 @@
               width="224"
               trigger="hover"
               >
-              <div slot="reference" class="u-follow" @click="setFollow" v-show="!userInfo.isFree">
+              <div slot="reference" class="u-follow" @click="setFollow">
                 <span class="iconfont" :class="{ 'icon-yijiankong': follow.followed, 'icon-jiankong': !follow.followed }"></span>
                 <span class="follow-text">{{ follow.followed ? '已监控' : '监控' }}</span>
               </div>
@@ -1186,6 +1186,10 @@ export default {
       this.getClaimStatus()
     },
     setFollow(str) {
+      if (this.userInfo.isFree) {
+        this.$refs.collectRef.noCallApiFn('pc_buyer_monitor_freeuser', true)
+        return
+      }
       if (this.follow.loading) return
       if (str !== 'cancel' && this.follow.followed) return
       const data = {