Merge branch 'dev/v1.0.30_zsy' of jianyu/web into feature/v1.0.30

apps/bigmember_pc/src/components/collect-info/CollectInfo.vue

@@ -531,7 +531,8 @@ export default {
         pc_list_monitor_more:
           '请升级大会员，可实时监控最多500个业主采购动态，洞察潜在商机。',
         pc_buyer_monitor_limit:
-          '监控业主数量已达上限，请升级大会员，可实时监控最多500个业主采购动态，洞察潜在商机。'
+          '监控业主数量已达上限，请升级大会员，可实时监控最多500个业主采购动态，洞察潜在商机。',
+        pc_project_businessDetails: '请留下联系方式，我们会尽快联系您体验大会员全部功能！'
       },
       sourceDescMap: {
         pc_buyer_monitor_more: '采购单位画像页-超级订阅用户申请监控更多业主',

apps/bigmember_pc/src/views/business/detail.vue

@@ -1,7 +1,9 @@
 <template>
   <Layout class="business-detail-page">
     <div class="business-header">
-      <div class="name">【商机情报】北京联合大学中央支持地方专项-科技创新服务能力建设-虚拟现实创新应用实验教学平台（中央资金）项目（第一~四包）中标公告</div>
+      <div class="name">
+        【商机情报】北京联合大学中央支持地方专项-科技创新服务能力建设-虚拟现实创新应用实验教学平台（中央资金）项目（第一~四包）中标公告
+      </div>
       <div class="business-sub-row">
         <div class="d-m-time common-time">
           {{ dateFromNow(new Date('2023-01-01').getTime()) }}
@@ -9,13 +11,19 @@
         <div class="business_option">
           <div class="potential-col">
             提前介入，把握商机，戳我查看
-            <em class="handle-em" @click="goPotentialPage">潜在项目预测</em><i class="icon_right"></i>
+            <em class="handle-em" @click="goPotentialPage">潜在项目预测</em
+            ><i class="icon_right"></i>
           </div>
         </div>
       </div>
     </div>
     <section class="collect-info-tip">
-      【商机情报】想获得更精准商机情报？立即<em class="handle-em" @click="completeInfo">完善信息</em>。您也可以<em class="handle-em" @click="openCustomer">联系客服</em>进行相关咨询。
+      【商机情报】想获得更精准商机情报？立即<em
+        class="handle-em"
+        @click="completeInfo"
+        >完善信息</em
+      >。您也可以<em class="handle-em" @click="openCustomer">联系客服</em
+      >进行相关咨询。
     </section>
     <div class="business-content">
       <section class="poten-box">
@@ -26,24 +34,37 @@
         <div class="box-con">
           <div class="list_name">
             <span class="pur_company">采购单位</span>
-            <span class="list_pur_name">{{ info.buyer || '北京市工商行政管理局朝阳分局' }}</span>
+            <span class="list_pur_name">{{
+              info.buyer || '北京市工商行政管理局朝阳分局'
+            }}</span>
           </div>
           <div class="list_poten">
             <div class="poten_unit">
-              <span class="poten_label"><span class="point"></span>预测线索</span>
-              <span class="poten_name">{{ info.title ||  '淮安市高级职业技术学校台式电脑采购项目招标公告'}}</span>
+              <span class="poten_label"
+                ><span class="point"></span>预测线索</span
+              >
+              <span class="poten_name">{{
+                info.title || '淮安市高级职业技术学校台式电脑采购项目招标公告'
+              }}</span>
             </div>
             <div class="poten_unit mt8">
-              <span class="poten_label"><span class="point"></span>预测采购内容</span>
+              <span class="poten_label"
+                ><span class="point"></span>预测采购内容</span
+              >
               <span class="poten_name">
-                <span>{{ info.purchasing || '该单位将采购钢筋、水泥、隔热板、大理石砖、玻璃、木材、钢筋、水泥、隔热板、大理石砖、玻璃' }}</span>
+                <span>{{
+                  info.purchasing ||
+                  '该单位将采购钢筋、水泥、隔热板、大理石砖、玻璃、木材、钢筋、水泥、隔热板、大理石砖、玻璃'
+                }}</span>
               </span>
             </div>
             <div class="poten_unit mt8">
-                <span class="poten_label">
-                  <span class="point"></span>预测采购时间：
-                  <span style="color: #1d1d1d;">{{info.yuceendtime || '2023-01-01' }}</span>
-                </span>
+              <span class="poten_label">
+                <span class="point"></span>预测采购时间：
+                <span style="color: #1d1d1d">{{
+                  info.yuceendtime || '2023-01-01'
+                }}</span>
+              </span>
             </div>
           </div>
         </div>
@@ -56,11 +77,17 @@
         <div class="box-con">
           <div class="pur_unit">
             <span class="unit_label">同类项目：</span>
-            <span class="unit_name handle-em" @click="goViewDetail(info.p_id)">{{ info.p_orther || '关于泉州市第一医院内HIS系统改造项目'}}</span>
+            <span
+              class="unit_name handle-em"
+              @click="goViewDetail(info.p_id)"
+              >{{
+                info.p_orther || '关于泉州市第一医院内HIS系统改造项目'
+              }}</span
+            >
           </div>
           <div class="pur_unit mt8">
             <span class="unit_label">联系人：</span>
-            <span class="unit_name">{{ info.p_person || '王女士'}}</span>
+            <span class="unit_name">{{ info.p_person || '王女士' }}</span>
           </div>
           <div class="pur_unit mt8">
             <span class="unit_label">联系电话：</span>
@@ -78,7 +105,7 @@
 import Layout from '@/components/common/ContentLayout.vue'
 import CollectInfo from '@/components/collect-info/CollectInfo.vue'
 import { dateFromNow } from '@/utils/'
-import { mapGetters } from "vuex"
+import { mapGetters } from 'vuex'
 import tdk from '@/utils/mixins/set-tdk.js'
 export default {
   name: 'business-opp-detail',
@@ -87,14 +114,14 @@ export default {
     Layout,
     CollectInfo
   },
-  data () {
-    return{
-      info: {},
+  data() {
+    return {
+      info: {}
     }
   },
   computed: {
     ...mapGetters('user', [
-      'bigmember', // 是否大会员
+      'bigmember' // 是否大会员
     ]),
     // 是否是BI嵌入页面
     isBIPage() {
@@ -104,47 +131,51 @@ export default {
   created() {
     this.getDetailInfo()
   },
-  mounted () {
+  mounted() {
     window.openCustomer = this.openCustomer
   },
   methods: {
     dateFromNow,
-    getDetailInfo () {
-      const name = '北京联合大学中央支持地方专项-科技创新服务能力建设-虚拟现实创新应用实验教学平台（中央资金）项目（第一~四包）中标公告'
+    getDetailInfo() {
+      const name =
+        '北京联合大学中央支持地方专项-科技创新服务能力建设-虚拟现实创新应用实验教学平台（中央资金）项目（第一~四包）中标公告'
       this.setPageTdkToView({
         title: `${name}招标采购_中标信息 - 剑鱼标讯`,
         keywords: `${name} ,${name} 招投标,${name} 招标采购,${name}中标信息,${name}通讯录,剑鱼标讯`,
         description: `剑鱼标讯为您提供${name}相关的工商企业信息及招投标、中标信息服务，涵盖工商企业信息、企业通讯录、公司中标信息、项目动态、年度项目统计、月度中标金额统计、市场区域及客户分布等一系列相关信息服务，全面了解${name}，就上剑鱼标讯官网。`
       })
     },
-    goViewDetail (id) {
+    goViewDetail(id) {
       const routeUrl = this.$router.resolve({
         path: '/pro_follow_detail?sid=' + id
       })
       return window.open(routeUrl.href, '_blank')
     },
     // 完善信息
-    completeInfo () {
-     window.open('/swordfish/frontPage/user/sess/set_favorite?source=pc_project_businessDetails_improve', '_blank')
+    completeInfo() {
+      window.open(
+        '/swordfish/frontPage/user/sess/set_favorite?source=pc_project_businessDetails_improve',
+        '_blank'
+      )
     },
     // 联系客服
     openCustomer() {
       this.contactCustomer(this)
     },
     // 跳转潜在项目预测（无权限用户引导大会员留资，大会员引导跳转到潜在项目预测页面。）
-    goPotentialPage () {
-      if(this.bigmember) {
+    goPotentialPage() {
+      if (this.bigmember) {
         window.open('/swordfish/page_big_pc/forecast_list')
       } else {
-        this.$refs.collectRef.noCallApiFn('member_freeuse', true)
+        this.$refs.collectRef.isNeedSubmit('pc_project_businessDetails')
       }
     }
   }
 }
 </script>
 <style lang="scss">
-.business-detail-page{
-  >.content-right.ad-container{
+.business-detail-page {
+  > .content-right.ad-container {
     width: 200px !important;
   }
 }
@@ -157,17 +188,17 @@ export default {
     padding: 24px 40px;
     background: #fff;
     line-height: 36px;
-    border-radius:8px;
+    border-radius: 8px;
     .name {
       font-size: 24px;
-      line-height:36px;
+      line-height: 36px;
       color: #252627;
     }
     .business-sub-row {
       display: flex;
       justify-content: space-between;
       align-items: center;
-      margin-top:12px;
+      margin-top: 12px;
     }
     .common-time {
       margin-left: 8px;
@@ -181,39 +212,40 @@ export default {
       display: flex;
       align-items: center;
     }
-    .potential-col{
+    .potential-col {
       padding: 4px 12px;
       border-radius: 4px;
-      border: 1px solid #87DFEA;
-      background: #EAF8FA;
+      border: 1px solid #87dfea;
+      background: #eaf8fa;
       font-size: 14px;
-      line-height:22px;
+      line-height: 22px;
       margin-right: 16px;
     }
     .icon_right {
       display: inline-block;
       width: 12px;
       height: 12px;
-      background: url('~@/assets/images/icon/icon_right2.png')  no-repeat center;
+      background: url('~@/assets/images/icon/icon_right2.png') no-repeat center;
       background-size: contain;
       margin-left: 4px;
     }
   }
   .collect-info-tip {
-    font-size:16px;
-    color: #1D1D1D;
-    line-height:24px;
+    font-size: 16px;
+    color: #1d1d1d;
+    line-height: 24px;
     padding: 16px 0 16px 40px;
-    background: #fff url('~@/assets/images/business/tip-bg.png')  no-repeat center right;
-    background-size:contain ;
-    margin-top:16px;
+    background: #fff url('~@/assets/images/business/tip-bg.png') no-repeat
+      center right;
+    background-size: contain;
+    margin-top: 16px;
     border-radius: 8px;
   }
   .business-content {
     background: #fff;
     border-radius: 8px;
     padding: 32px 40px 32px 0;
-    margin-top:16px;
+    margin-top: 16px;
 
     .poten-box {
       .list_name {
@@ -235,10 +267,10 @@ export default {
           line-height: 20px;
         }
 
-        .list_pur_name{
+        .list_pur_name {
           color: #171826;
-          font-size:16px;
-          line-height:24px;
+          font-size: 16px;
+          line-height: 24px;
         }
       }
 
@@ -270,44 +302,44 @@ export default {
           .poten_name {
             margin-left: 12px;
             font-size: 14px;
-            color: #1D1D1D;
+            color: #1d1d1d;
             line-height: 22px;
           }
         }
       }
     }
 
-    .similar-box{
-      .pur_unit{
-        font-size:14px;
-        line-height:22px;
-        .unit_label{
+    .similar-box {
+      .pur_unit {
+        font-size: 14px;
+        line-height: 22px;
+        .unit_label {
           display: inline-block;
           color: #999;
-          width:70px;
+          width: 70px;
           text-align: right;
         }
-        .unit_name{
+        .unit_name {
           color: #1d1d1d;
         }
       }
     }
-    .box-title{
+    .box-title {
       display: flex;
       align-items: center;
-      font-size:20px;
-      color: #1D1D1D;
+      font-size: 20px;
+      color: #1d1d1d;
 
       .left-line {
         display: inline-block;
-        background: #2ABED1;
+        background: #2abed1;
         width: 3px;
-        height:24px;
+        height: 24px;
         border-radius: 0 2px 2px 0;
         margin-right: 37px;
       }
     }
-    .box-con{
+    .box-con {
       padding: 8px 40px;
       margin-top: 8px;
     }
@@ -315,10 +347,9 @@ export default {
       margin-top: 8px;
     }
   }
-  .handle-em{
-    color:#2ABED1 !important;
+  .handle-em {
+    color: #2abed1 !important;
     cursor: pointer;
   }
 }
-
 </style>