feat:市场分析报告-新增底部下载提示、以及留资提示处理

apps/bigmember_pc/src/assets/style/common.scss

@@ -265,3 +265,38 @@ a{
     color: #fff;
   }
 }
+.download-message-tip{
+  border-radius: 8px !important;
+  width:380px !important;
+  &.el-message-box--center{
+    padding-bottom: 32px;
+  }
+  .el-message-box__header{
+    padding: 32px 32px 20px 32px;
+  }
+  .el-message-box--center .el-message-box__header {
+    padding-top: 32px;
+  }
+  .el-message-box__message{
+    color:#686868;
+  }
+  .el-message-box__content{
+    padding:0 32px 32px;
+  }
+  .el-message-box__btns {
+    padding: 0 32px;
+    display: flex;
+    justify-content: space-between;
+    .el-button{
+      width:132px;
+      height:36px;
+      border-radius: 6px;
+      font-size:16px;
+    }
+  }
+  &.btn-reverse {
+    .el-message-box__btns{
+      flex-direction:row-reverse;
+    }
+  }
+}

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

@@ -565,7 +565,8 @@ export default {
         member_attach:
           '请留下联系方式，我们会尽快联系您！体验附件下载特权，挖掘更多项目情报！',
         member_freeuse: '请留下联系方式，我们会尽快联系您体验大会员全部功能！',
-        jylab_see500_plus: '请留下联系方式，我们会尽快联系您！开通大会员可查看更多招标项目，实时监控更多潜在商机！'
+        jylab_see500_plus: '请留下联系方式，我们会尽快联系您！开通大会员可查看更多招标项目，实时监控更多潜在商机！',
+        pc_dzbg_fullreport: '请留下联系方式，我们会安排客户经理与您对接下载查看！'
       },
       sourceDescMap: {
         pc_buyer_monitor_more: '采购单位画像页-超级订阅用户申请监控更多业主',
@@ -587,6 +588,7 @@ export default {
         jyarticle_see3_plus_pc: '免费享无限次查看标讯体验',
         pc_article_original_one: '标讯详情页-免费用户获取1次查看原文链接机会',
         pc_article_original_more: '标讯详情页-获取更多查看原文链接机会',
+        pc_dzbg_fullreport: '申请免费体验-完整查看市场分析定制报告'
       },
       sourceTitleTopMap: {
         article_collection: '为给您匹配精准的推荐信息，请完善个人信息',
@@ -610,6 +612,7 @@ export default {
         pc_article_ent_more: '申请监控更多企业',
         pc_article_ent_limit: '申请监控更多企业',
         'certificateServices-pc-biddingDetailPage-content': '请留下您的信息，我们会尽快和您联系',
+        pc_dzbg_fullreport: '体验市场分析定制报告',
       },
       isRefresh: false
     }
@@ -692,6 +695,8 @@ export default {
         return '您已获得无限次免费查看标讯的权益，如需查看超前项目请联系客服：400-108-6670'
       } else if (this.source === 'pc_article_BidPreparation' || this.source === 'pc_article_certificateServices' || this.source === 'certificateServices-pc-biddingDetailPage-content') {
         return '专业老师将尽快和您联系！'
+      } else if (this.source === 'pc_dzbg_fullreport') {
+        return '已收到您提交的市场分析定制报告体验申请，我们会尽快联系您。'
       } else {
         return '我们会尽快联系您并预约演示时间，请耐心等待～您将获得免费体验大会员全部功能！'
       }
@@ -944,7 +949,6 @@ export default {
         success: function (res) {
           if (res.data) {
             _this.showForm = false
-            console.log(source)
             switch (source) {
               case 'article_collection': {
                 break

apps/bigmember_pc/src/views/analysisReport/MarketAnalysisResult.vue

@@ -545,6 +545,18 @@
         />
       </el-tab-pane>
     </el-tabs>
+    <div class="download-bottom-tip" v-if="bottomDownloadShow">
+      <template v-if="isConf26">
+        <span>如您对以上分析结果满意，点击</span>
+        <span class="download-button" @click="downloadReport"><img src="@/assets/images/icon/download.png" alt="">下载报告</span>
+      </template>
+     <template v-else>
+       <span>如需查看详细市场分析报告，您可选择</span>
+       <span class="free-experience" @click="goFreeExperience">申请免费体验</span>或
+       <span class="download-button" @click="downloadReport"><img src="@/assets/images/icon/download.png" alt="">下载报告</span>
+     </template>
+
+    </div>
     <!-- 更多项目信息 -->
     <user-scatter-dialog
       v-if="userScatterDialog.visible"
@@ -582,7 +594,7 @@ import UserScatterDialog from '@/views/analysisReport/components/UserScatterDial
 import CollectInfo from '@/components/collect-info/CollectInfo.vue'
 import ReportDownloadDialog from '@/views/analysisReport/components/ReportDownloadDialog.vue'
 import { getReportAnalysisInfo } from '@/api/modules/'
-import { mapState } from 'vuex'
+import { mapGetters, mapState } from 'vuex'
 import { moneyUnit, dateFormatter, formatPrice } from '@/utils/globalFunctions'
 import { workDeskTop } from '@/utils/mixins/in-workdesktop'
 import ProjectDetailsList from './components/ProjectDetailsList.vue'
@@ -916,8 +928,9 @@ export default {
   },
   computed: {
     ...mapState({
-      info: (state) => state.user.info
+      info: (state) => state.user.info,
     }),
+    ...mapGetters('user', ['bigmember', 'entniche']),
     reportSelectedKeywords() {
       return this.projectDetailFilters.keywordsGroupList
     },
@@ -963,6 +976,10 @@ export default {
       //   winnerState.projectAmountTop3
       // )
       return winnerState.dataAlready && winnerState.chartData
+    },
+    // 是否展示底部下载提示
+    bottomDownloadShow () {
+      return this.sections.market.overview.length > 0 && this.sections.market.overview[0]?.count
     }
   },
   created() {
@@ -2438,6 +2455,23 @@ export default {
     // 下载报告
     downloadReport () {
       this.reportDownloadDialog.visible = true
+    },
+    // 申请免费体验
+    goFreeExperience () {
+      const _this = this
+      if(this.entniche && this.bigmember) {
+        this.$confirm('您可联系客服，申请体验查看完整报告内容', '申请免费体验', {
+          confirmButtonText: '联系客服',
+          cancelButtonText: '我再想想',
+          center: true,
+          showClose: false,
+          customClass: 'download-message-tip',
+        }).then(() => {
+          _this.contactCustomer(_this)
+        }).catch(() => {})
+      } else {
+        this.openLeaveSourceDialog('pc_dzbg_fullreport')
+      }
     }
   }
 }
@@ -2781,4 +2815,40 @@ i.el-icon-caret-bottom {
     }
   }
 }
+
+.download-bottom-tip{
+  position: fixed;
+  bottom: 0;
+  left:0;
+  width:100%;
+  height:68px;
+  text-align: center;
+  background: #fff;
+  box-shadow: 0 -4px 8px rgba(0,0,0, 0.05);
+  margin-top: 16px;
+  color: #888;
+  font-size:14px;
+  line-height:22px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .free-experience {
+    color: $color_main;
+    margin:0 9px;
+    font-size:14px;
+    cursor: pointer;
+  }
+  .download-button {
+    color: $color_main;
+    margin-left:9px;
+    font-size:13px;
+    cursor: pointer;
+    img{
+      width:20px;
+      height:20px;
+      vertical-align: text-bottom;
+    }
+  }
+}
+
 </style>

apps/bigmember_pc/src/views/analysisReport/components/ReportDownloadDialog.vue

@@ -20,10 +20,7 @@
       </section>
       <section class="market-general-box" v-if="options.power">
         <span class="box-label">市场概况：</span>
-        <span v-if="totalList[0]">项目总数：<strong>{{ totalList[0].count + totalList[0].unit }}</strong></span>
-        <span  v-if="totalList[1]">项目总金额：<strong>{{ totalList[1].count + totalList[1].unit }}</strong></span>
-        <span  v-if="totalList[3]">中标单位数：<strong>{{ totalList[3].count + totalList[3].unit }}</strong></span>
-        <span  v-if="totalList[4]">采购单位数：<strong>{{ totalList[4].count + totalList[4].unit }}</strong></span>
+        <span v-for="item in totalList">{{item.label}}：<strong>{{ item.count + item.unit }}</strong></span>
         <span class="highlight view-more" @click="viewMore">查看更多</span>
       </section>
       <section class="download-notice-box">
@@ -77,7 +74,10 @@ export default {
   },
   computed: {
     totalList () {
-      return this.options.totalList
+      const arr = this.options.totalList.filter(item => {
+        return item.label !== '项目平均金额'
+      })
+      return arr
     }
   },
   created() {
@@ -100,11 +100,9 @@ export default {
         cancelButtonText: '查看下载记录',
         center: true,
         showClose: false,
-        customClass: 'report-download-message-tip',
+        customClass: 'download-message-tip btn-reverse',
       }).then(() => {
-
       }).catch(() => {
-
       })
     }, 300),
     // 查看更多
@@ -124,39 +122,6 @@ export default {
 }
 </script>
 
-<style lang="scss">
-  .report-download-message-tip{
-    border-radius: 8px;
-    width:380px;
-    &.el-message-box--center{
-      padding-bottom: 32px;
-    }
-    .el-message-box__header{
-      padding: 32px 32px 20px 32px;
-    }
-    .el-message-box--center .el-message-box__header {
-      padding-top: 32px;
-    }
-    .el-message-box__message{
-      color:#686868;
-    }
-    .el-message-box__content{
-      padding:0 32px 32px;
-    }
-    .el-message-box__btns {
-      padding: 0 32px;
-      display: flex;
-      justify-content: space-between;
-      flex-direction:row-reverse;
-      .el-button{
-        width:132px;
-        height:36px;
-        border-radius: 6px;
-        font-size:16px;
-      }
-    }
-  }
-</style>
 <style lang="scss" scoped>
   .self-report-download-dialog{
     section {