feat：pc端商机情报详情页接口联调

apps/bigmember_pc/src/api/modules/business.js

@@ -0,0 +1,12 @@
+import request from '@/api'
+import qs from 'qs'
+
+export function getBusinessDetails(data) {
+  data = qs.stringify(data)
+  return request({
+    baseURL: '/bigmember',
+    url: '/project/businessDetails',
+    method: 'POST',
+    data
+  })
+}

apps/bigmember_pc/src/api/modules/index.js

@@ -28,3 +28,4 @@ export * from './jyMerge'
 export * from './crmApplication'
 export * from './pay'
 export * from './message'
+export * from './business'

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

@@ -2,11 +2,11 @@
   <Layout class="business-detail-page">
     <div class="business-header">
       <div class="name">
-        【商机情报】北京联合大学中央支持地方专项-科技创新服务能力建设-虚拟现实创新应用实验教学平台（中央资金）项目（第一~四包）中标公告
+        {{ info.title }}
       </div>
       <div class="business-sub-row">
         <div class="d-m-time common-time">
-          {{ dateFromNow(new Date('2023-01-01').getTime()) }}
+          {{ dateFromNow(new Date(publishtime).getTime()) }}
         </div>
         <div class="business_option">
           <div class="potential-col">
@@ -17,7 +17,7 @@
         </div>
       </div>
     </div>
-    <section class="collect-info-tip">
+    <section class="collect-info-tip" v-if="info.isSubmit">
       【商机情报】想获得更精准商机情报？立即<em
         class="handle-em"
         @click="completeInfo"
@@ -34,42 +34,33 @@
         <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_name">{{info.title ? info.title.substring(info.title.indexOf('】') + 1) : ''}}</span>
             </div>
             <div class="poten_unit mt8">
               <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 style="color: #1d1d1d">{{ dateFormatter(yuceendtime, 'yyyy-MM-dd') }}</span>
               </span>
             </div>
           </div>
         </div>
       </section>
-      <section class="similar-box mt8">
+      <section class="similar-box mt8" v-if="similarProject">
         <div class="box-title">
           <span class="left-line"></span>
           <span>同类项目</span>
@@ -79,19 +70,17 @@
             <span class="unit_label">同类项目：</span>
             <span
               class="unit_name handle-em"
-              @click="goViewDetail(info.p_id)"
-              >{{
-                info.p_orther || '关于泉州市第一医院内HIS系统改造项目'
-              }}</span
+              @click="goViewDetail(similarProject.p_id)"
+              >{{ similarProject.p_orther }}</span
             >
           </div>
           <div class="pur_unit mt8">
             <span class="unit_label">联系人：</span>
-            <span class="unit_name">{{ info.p_person || '王女士' }}</span>
+            <span class="unit_name">{{ similarProject.p_person }}</span>
           </div>
           <div class="pur_unit mt8">
             <span class="unit_label">联系电话：</span>
-            <span class="unit_name">{{ info.p_phone || '15111111111' }}</span>
+            <span class="unit_name">{{ similarProject.p_phone }}</span>
           </div>
         </div>
       </section>
@@ -104,9 +93,10 @@
 <script>
 import Layout from '@/components/common/ContentLayout.vue'
 import CollectInfo from '@/components/collect-info/CollectInfo.vue'
-import { dateFromNow } from '@/utils/'
+import { dateFromNow, dateFormatter } from '@/utils/'
 import { mapGetters } from 'vuex'
 import tdk from '@/utils/mixins/set-tdk.js'
+import { getBusinessDetails } from '@/api/modules/'
 export default {
   name: 'business-opp-detail',
   mixins: [tdk],
@@ -123,12 +113,18 @@ export default {
     ...mapGetters('user', [
       'bigmember' // 是否大会员
     ]),
-    // 是否是BI嵌入页面
-    isBIPage() {
-      return this.$route.query.resource
+    publishtime () {
+      return this.info.publishtime ? this.info.publishtime * 1000 : Date.now()
+    },
+    yuceendtime () {
+      return this.info.yuceendtime ? this.info.yuceendtime * 1000 : Date.now()
+    },
+    similarProject () {
+      return this.info.results && this.info.results[0] ? this.info.results[0] : {}
     }
   },
   created() {
+    this.setSdkInfo()
     this.getDetailInfo()
   },
   mounted() {
@@ -136,15 +132,24 @@ export default {
   },
   methods: {
     dateFromNow,
-    getDetailInfo() {
+    dateFormatter,
+    setSdkInfo () {
       const name =
-        '北京联合大学中央支持地方专项-科技创新服务能力建设-虚拟现实创新应用实验教学平台（中央资金）项目（第一~四包）中标公告'
+          '北京联合大学中央支持地方专项-科技创新服务能力建设-虚拟现实创新应用实验教学平台（中央资金）项目（第一~四包）中标公告'
       this.setPageTdkToView({
         title: `${name}招标采购_中标信息 - 剑鱼标讯`,
         keywords: `${name} ,${name} 招投标,${name} 招标采购,${name}中标信息,${name}通讯录,剑鱼标讯`,
         description: `剑鱼标讯为您提供${name}相关的工商企业信息及招投标、中标信息服务，涵盖工商企业信息、企业通讯录、公司中标信息、项目动态、年度项目统计、月度中标金额统计、市场区域及客户分布等一系列相关信息服务，全面了解${name}，就上剑鱼标讯官网。`
       })
     },
+    async getDetailInfo() {
+      const id = this.$route.params?.id || ''
+      const { error_code: code, data = {} } = await getBusinessDetails({ id })
+      if(code === 0 && data) {
+        console.log(data)
+        this.info = data
+      }
+    },
     goViewDetail(id) {
       const routeUrl = this.$router.resolve({
         path: '/pro_follow_detail?sid=' + id