瀏覽代碼

feat:vipEnt用户新增下载报告弹窗

zhangsiya 1 年之前
父節點
當前提交
45d5e36335

+ 1 - 1
apps/bigmember_pc/src/views/analysisReport/components/ReportDownloadDialog.vue

@@ -29,7 +29,7 @@
           <p>1.“项目明细”按照成交时间排序,报告最多展示前100条,如需导出全部,<em class="highlight t-ud">请联系客服</em>;</p>
           <p>2. 该报告数据来自于公开数据整理,不代表任何权威观点,仅供参考;</p>
           <p>3. 请在有效期内使用下载权限,逾期清零;</p>
-          <p>4. 如有任何疑问,您可拨打<em class="highlight">400-108-667</em>联系客服或点击<em class="highlight t-ud" @click="openCustomer">联系在线客服</em>。</p>
+          <p>4. 如有任何疑问,您可拨打<em class="highlight"  style="cursor:default;">400-108-667</em>联系客服或点击<em class="highlight t-ud" @click="openCustomer">联系在线客服</em>。</p>
         </div>
       </section>
     </div>

+ 9 - 4
apps/bigmember_pc/src/views/portrayal/EntPortrayal.vue

@@ -6,7 +6,7 @@
   >
     <div class="ent-header">
       <div class="name">{{ entName }}</div>
-      <div class="handle-option">
+      <div class="handle_option">
         <div class="ent_option" v-if="!isBIPage">
           <div class="u-follow" @click="openShare">
             <span class="icon_share"></span>
@@ -936,16 +936,21 @@ export default {
         line-height: 20px;
       }
     }
+    .download-bottom-tip {
+      width: calc(1200px - 280px);
+      left: 50%;
+      margin-left: -140px;
+      transform: translateX(-50%);
+      z-index: 100;
+    }
   }
 
   .ent-header {
     position: relative;
-
-    align-items: center;
     padding: 20px 40px 12px;
     background: #fff;
     line-height: 36px;
-    .handle-option{
+    .handle_option{
       display: flex;
       justify-content: right;
       height: 44px;

+ 133 - 43
apps/bigmember_pc/src/views/portrayal/EntSearchPortrayal.vue

@@ -6,46 +6,56 @@
   >
     <div class="ent-header">
       <h1 class="name">{{ entName }}</h1>
-      <div class="ent_option" v-if="!isBIPage">
-        <div
-          class="u-follow"
-          style="margin-right: 10px"
-          @click="openShare"
-          v-if="loginFlag"
-        >
-          <span class="icon_share"></span>
-          <span class="follow_text">转给同事</span>
-        </div>
-        <EntFollowStar
-          :id="eId"
-          :beforeFollowFn="beforeFollowFn"
-          @followSuccess="followSuccess"
-        />
-        <div
-          style="margin-left: 10px"
-          @click="setClickClaim"
-          v-if="loginFlag && showClaim"
-        >
-          <div class="u-follow">
+      <div class="handle_option">
+        <div class="ent_option" v-if="!isBIPage">
+          <div
+            class="u-follow"
+            @click="openShare"
+            v-if="loginFlag"
+          >
+            <span class="icon_share"></span>
+            <span class="follow_text">转给同事</span>
+          </div>
+          <EntFollowStar
+            class="ml-10"
+            :id="eId"
+            :beforeFollowFn="beforeFollowFn"
+            @followSuccess="followSuccess"
+          />
+          <div
+            class="ml-10"
+            @click="setClickClaim"
+            v-if="loginFlag && showClaim"
+          >
+            <div class="u-follow">
             <span
               :class="{
                 icon_claim_yes: claim.claimed,
                 icon_claim_no: !claim.claimed
               }"
             ></span>
-            <span class="follow_text">{{
-              claim.claimed ? '取消认领' : '认领'
-            }}</span>
+              <span class="follow_text">{{
+                  claim.claimed ? '取消认领' : '认领'
+                }}</span>
+            </div>
+          </div>
+          <div
+            v-if="loginFlag"
+            class="u-follow download-report-button ml-10"
+            @click="downloadReport">
+            <img src="@/assets/images/icon/download.png" alt="">
+            <span class="follow_text">下载报告</span>
           </div>
         </div>
+        <div class="ent_option" v-else>
+          <crm-action
+            :ent-info="ajaxEntInfo"
+            :ename="entName"
+            :params="crmParams"
+          ></crm-action>
+        </div>
       </div>
-      <div class="ent_option" v-else>
-        <crm-action
-          :ent-info="ajaxEntInfo"
-          :ename="entName"
-          :params="crmParams"
-        ></crm-action>
-      </div>
+
       <!-- 未登录不展示,bi下不展示 -->
       <div class="action-right-container" v-if="!isBIPage">
         <WorkspaceButtonGroup></WorkspaceButtonGroup>
@@ -162,6 +172,7 @@
                 whichPor="entpor"
                 @onPageChange="onLimitChange"
                 :canselect="canSelect"
+                :backFilter="backBidInfoParams"
                 title="中标动态"
                 desc="注:1个项目如同时发布了中标、成交、合同等结果类公告,则有多条数据。"
                 @searchClick="
@@ -287,6 +298,7 @@
                   whichPor="entpor"
                   @onPageChange="onLimitChange"
                   :canselect="canSelect"
+                  :backFilter="backBidInfoParams"
                   title="中标动态"
                   :seachisHide="true"
                   desc="注:1个项目如同时发布了中标、成交、合同等结果类公告,则有多条数据。"
@@ -371,6 +383,35 @@
       <!-- 留资弹窗 -->
       <CollectInfo ref="collectRef"></CollectInfo>
     </div>
+    <!--页面底部下载提示-->
+    <download-bottom-tip
+      v-if="activeName === '5' && loginFlag"
+      typeText="企业分析报告"
+      :hasPower="showTab2Content"
+      @goFreeExperience="goVipBuy"
+      @downloadReport="downloadReport"
+    >
+      <template #download-text>
+        下载企业分析报告
+      </template>
+      <template #free-text>
+        开通在线查看权限
+      </template>
+    </download-bottom-tip>
+    <!--下载报告弹窗-->
+    <report-download-dialog
+      v-if="reportDownloadConfig.visible"
+      :entId="eId"
+      :entName="entName"
+      type="procurementUnit"
+      :options="reportDownloadConfig"
+      :total-data="proData"
+      :empty-show="emptyShow && !loading"
+      :page-loading="loading"
+      :backFilter="bidInfoParams"
+      :canSelect="canSelect"
+      @scrollChange="handleClick('5')"
+    ></report-download-dialog>
     <CheckUserDialog />
     <!-- 分享弹窗 -->
     <shareBox ref="shareBox"></shareBox>
@@ -404,6 +445,8 @@ import AsideNewscards from './components/AsideNewscards.vue'
 import WorkspaceButtonGroup from '@/components/dialog/WorkspaceButtonGroup.vue'
 import CheckUserDialog from '@/components/dialog/CheckUserDialog'
 import Empty from '@/components/common/Empty'
+import ReportDownloadDialog from '@/views/portrayal/components/EntReportDownloadDialog.vue'
+import DownloadBottomTip from '@/components/download-report/DownloadBottomTip.vue'
 import { mapState } from 'vuex'
 import { TabPane, Tabs } from 'element-ui'
 import { dateFormatter, getAssetsFile, moneyUnit } from '@/utils'
@@ -447,7 +490,9 @@ export default {
     CheckUserDialog,
     shareBox,
     crmAction,
-    Empty
+    Empty,
+    ReportDownloadDialog,
+    DownloadBottomTip
   },
   props: {
     // 加密企业id
@@ -605,6 +650,8 @@ export default {
         pageNum: 1
       },
       bidInfoParams: {},
+      // 回显的筛选条件
+      backBidInfoParams: {},
       canSelect: {},
       isActive: false,
       chartShowArr: [],
@@ -621,7 +668,12 @@ export default {
       emptyText: '暂无数据',
       scrollEcho: true,
       timer_: null,
-      headerHeight: 52
+      headerHeight: 52,
+      // 下载报告弹窗配置
+      reportDownloadConfig: {
+        visible: false,
+        hasPower: false
+      }
     }
   },
   computed: {
@@ -790,7 +842,8 @@ export default {
   },
   provide() {
     return {
-      entInfo: this.entInfo
+      entInfo: this.entInfo,
+      backPageFilter: this.backPageFilter
     }
   },
   watch: {
@@ -1103,6 +1156,11 @@ export default {
       this.ScreenParams = Object.assign(this.ScreenParams, this.bidInfoParams)
       this.getProActivcList()
     },
+    // 报告下载筛选条件变更后--回显筛选项
+    backPageFilter (data) {
+      this.backBidInfoParams = JSON.parse(data)
+      this.onLimitChange(data)
+    },
     getSelect() {
       getsubVipPortraitSelect({ entId: this.eId }).then((res) => {
         if (res.error_code === 0) {
@@ -1305,6 +1363,15 @@ export default {
       }
       this.$refs.collectRef.noCallApiFn(item.source)
       // window.open('/big/page/index')
+    },
+    // 下载报告
+    downloadReport () {
+      this.reportDownloadConfig.hasPower = this.showTab2Content
+      this.reportDownloadConfig.visible = true
+    },
+    // 开通超级订阅
+    goVipBuy () {
+      window.open('/swordfish/page_big_pc/free/svip/buy?type=buy')
     }
   }
 }
@@ -1373,17 +1440,31 @@ export default {
     > .content-main {
       max-width: 920px;
     }
+    .ent-follow{
+      .follow_text {
+        font-size:13px;
+        line-height: 20px;
+      }
+    }
+    .download-bottom-tip {
+      width: calc(1200px - 280px);
+      left: 50%;
+      margin-left: -140px;
+      transform: translateX(-50%);
+      z-index: 100;
+    }
   }
 
   .ent-header {
     position: relative;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 32px 40px;
+    padding: 20px 40px 12px;
     background: #fff;
     line-height: 36px;
-
+    .handle_option{
+      display: flex;
+      justify-content: right;
+      height: 44px;
+    }
     .ent_option {
       display: flex;
       align-items: center;
@@ -1416,8 +1497,8 @@ export default {
 
     .icon_share {
       display: flex;
-      width: 20px;
-      height: 20px;
+      width: 18px;
+      height: 18px;
       background: url('~@/assets/images/icon/share.png') no-repeat;
       background-size: contain;
       margin-right: 4px;
@@ -1429,9 +1510,15 @@ export default {
       cursor: pointer;
 
       .follow_text {
-        font-size: 14px;
+        font-size: 13px;
         color: #686868;
-        line-height: 22px;
+        line-height: 20px;
+      }
+    }
+    .download-report-button{
+      img{
+        width:20px;
+        height: 20px;
       }
     }
   }
@@ -1742,6 +1829,9 @@ export default {
 .p-r-32 {
   padding-right: 32px;
 }
+.ml-10{
+  margin-left: 10px;
+}
 .placeholderbox {
   height: 49px;
 }

+ 1 - 1
apps/bigmember_pc/src/views/portrayal/UnitPortrayal.vue

@@ -492,7 +492,7 @@
     ></report-download-dialog>
     <!--页面底部下载提示-->
     <download-bottom-tip
-      v-if="activeName === '3'"
+      v-if="activeName === '3' && loginFlag"
       typeText="业主分析报告"
       :hasPower="!noBuyerAuth"
       @goFreeExperience="goVipBuy"

+ 2 - 2
apps/bigmember_pc/src/views/portrayal/components/EntReportDownloadDialog.vue

@@ -41,7 +41,7 @@
           <p>2.“中标动态”按照发布时间排序,报告最多展示前100条,如需导出全部,请前往进行数据导出;</p>
           <p>3. 该报告数据来自于公开数据整理,不代表任何权威观点,仅供参考;</p>
           <p>4. 请在有效期内使用下载权限,逾期清零;</p>
-          <p>5. 如有任何疑问,您可拨打<em class="highlight">400-108-667</em>联系客服或点击<em class="highlight t-ud" @click="openCustomer">联系在线客服</em>。</p>
+          <p>5. 如有任何疑问,您可拨打<em class="highlight" style="cursor:default;">400-108-667</em>联系客服或点击<em class="highlight t-ud" @click="openCustomer">联系在线客服</em>。</p>
         </div>
       </section>
     </div>
@@ -173,7 +173,7 @@ export default {
     },
     // 去充值
     goRecharge () {
-      this.$router.push('/order/download-pack/prop')
+      this.$router.push('/order/download-pack/ent')
     },
     // 联系客服
     openCustomer() {

+ 1 - 1
apps/bigmember_pc/src/views/portrayal/components/UnitReportDownloadDialog.vue

@@ -44,7 +44,7 @@
           <p>2.“招标动态”按照发布时间排序,报告最多展示前100条,如需导出全部,请前往进行数据导出;</p>
           <p>3. 该报告数据来自于公开数据整理,不代表任何权威观点,仅供参考;</p>
           <p>4. 请在有效期内使用下载权限,逾期清零;</p>
-          <p>5. 如有任何疑问,您可拨打<em class="highlight">400-108-667</em>联系客服或点击<em class="highlight t-ud" @click="openCustomer">联系在线客服</em>。</p>
+          <p>5. 如有任何疑问,您可拨打<em class="highlight"  style="cursor:default;">400-108-667</em>联系客服或点击<em class="highlight t-ud" @click="openCustomer">联系在线客服</em>。</p>
         </div>
       </section>
     </div>