feat: 移动端企业画像滚动导航、pc三级页画像浮框

src/jfw/modules/app/src/web/templates/big-member/page_ent_portrait.html

@@ -92,8 +92,16 @@
           @click="changeFollowState" v-if="entInfo.followSearchFinish && entInfo.entExist"></span>
         <van-loading v-if="!entInfo.followSearchFinish" size="24px"></van-loading>
       </div>
-      <van-tabs class="ent-tabs-container" :class="singleTab ? 'single-tab' : ''" v-model="tabActiveName" scrollspy
-        sticky color="#2cb7ca" title-active-color="#2cb7ca" title-inactive-color="#5F5E64" line-width="0.48rem"
+      <van-tabs 
+        class="ent-tabs-container" 
+        :class="singleTab ? 'single-tab' : ''" 
+        v-model="tabActiveName" 
+        scrollspy
+        sticky 
+        color="#2cb7ca" 
+        title-active-color="#2cb7ca" 
+        title-inactive-color="#5F5E64" 
+        line-width="0.48rem"
         v-if="conf.powerLoaded && conf.showPortraitAll" :offset-top="stickyTop">
         <van-tab name="1" title="企业信息">
           <div class="bg-white tab-card">
@@ -276,7 +284,7 @@
             <hispro-component type="winner" :id="entInfo.id"></hispro-component>
           </div>
           <div class="bg-white tab-card charts"
-            v-if="conf._4 && tabActiveName == '2' && annualData.rows.length !== 0 && !getStatus">
+            v-if="conf._4 && annualData.rows.length !== 0 && !getStatus">
             <div class="tab-card-title">年度项目统计</div>
             <!-- e-charts和sticky同时使用时候，需要手动降低css层级(z-index: 1)，确保tooltip不遮挡固定定位头部 -->
             <div class="tab-card-content">
@@ -293,7 +301,7 @@
             </vip-component>
           </div>
           <div class="bg-white tab-card charts"
-            v-if="conf._4 && tabActiveName == '2' && monthZbData.rows.length !== 0 && !getStatus">
+            v-if="conf._4 && monthZbData.rows.length !== 0 && !getStatus">
             <div class="tab-card-title">月度中标金额统计</div>
             <div class="tab-card-content">
               <ve-line height="284px" :data="monthZbData" :init-options="initEchartsOptions"
@@ -309,7 +317,7 @@
             </vip-component>
           </div>
           <div class="bg-white tab-card charts"
-            v-if="conf._4 && tabActiveName == '2' && mapChartData.rows.length !== 0 && !getStatus">
+            v-if="conf._4 && mapChartData.rows.length !== 0 && !getStatus">
             <div class="tab-card-title">市场区域分布</div>
             <div class="tab-card-content">
               <ve-map height="300px" :data="mapChartData" :init-options="initEchartsOptions" :after-config="mapConfig"
@@ -324,7 +332,7 @@
             </vip-component>
           </div>
           <div class="bg-white tab-card charts"
-            v-if="conf._4 && tabActiveName == '2' && rateData.rows.length !== 0 && !getStatus">
+            v-if="conf._4 && rateData.rows.length !== 0 && !getStatus">
             <div class="tab-card-title">各类客户平均折扣率</div>
             <div class="tab-card-content">
               <ve-line height="314px" :data="rateData" :init-options="initEchartsOptions" :after-config="rateConfig"
@@ -340,7 +348,7 @@
             </vip-component>
           </div>
           <div class="bg-white tab-card charts"
-            v-show="conf._4 && tabActiveName == '2' && entPortraitInfo.top10 && entPortraitInfo.top10.length != 0 && !getStatus">
+            v-show="conf._4 && entPortraitInfo.top10 && entPortraitInfo.top10.length != 0 && !getStatus">
             <div class="tab-card-title">客户类型分布</div>
             <div class="tab-card-content">
               <div ref="pieChart" style="height: 360px;width: 320px;margin: 0 auto;"></div>
@@ -354,7 +362,7 @@
             </vip-component>
           </div>
           <div class="bg-white tab-card customers client"
-            v-show="conf._4 && tabActiveName == '2' && importantCustomers.length !== 0 && !getStatus">
+            v-show="conf._4 && importantCustomers.length !== 0 && !getStatus">
             <div class="tab-card-title">重点客户</div>
             <div class="tab-card-content">
               <div class="client-list" v-for="c in importantCustomers">

src/web/staticres/common-module/collection/js/ent_portrait.js

@@ -30,7 +30,7 @@ var vNode = {
                 isMember: 0 // 是否是大会员
             },
             powerInfo: {},
-            tabActiveName: '1',
+            tabActiveName: '',
             // 企业信息
             entInfo: {
                 name: '',
@@ -65,7 +65,7 @@ var vNode = {
                 showGetNextButton: true
             },
             entPortraitInfo: {},
-            stickyTop: 80,
+            stickyTop: 0,
             singleTab: true,
             // 年度项目统计设置
             annualSetting:{
@@ -118,7 +118,8 @@ var vNode = {
                 provin: 0, // 购买省份数量
                 visited: false // 是否查看中标信息
             },
-            portrait:'winner'
+            portrait:'winner',
+            showBaseInfo: false
         }
     },
     created: function () {
@@ -157,42 +158,42 @@ var vNode = {
         })
     },
     watch: {
-        tabActiveName: function (newVal, oldVal) {
-            var _this = this
-            if (newVal == '2') {
-                this.$nextTick(function () {
-                    if (_this.gotTab2) {
-                        // 初始化图表
-                        if (_this.entPortraitInfo && _this.conf.showPortraitAll && !_this.singleTab) {
-                            _this.initChartsData();
-                        }
-                    } else {
-                        if (_this.conf._4) {
-                            // 获取企业画像信息-4
-                            _this.getEntPortrait(function () {
-                                _this.initChartsData()
-                            })
-                            _this.gotTab2 = true
-                            console.log('获取企业全景分析...')
-                        }
-                        // 获取企业中标动态-13
-                        if (_this.conf._13) {
-                            _this.getProjectNews()
-                            _this.gotTab2 = true
-                            console.log('获取企业中标动态...')
-                        }
-                        if(_this.powerInfo.memberStatus <= 0) {
-                            // 不是大会员点击中标信息使用次数加一
-                            // if(!_this.entvisit.visited) {
-                            //     _this.entvisit.usage++
-                            //     _this.entvisit.visited = true
-                            // }
-                        }
-                        _this.gotTab2 = true
-                    }
-                });
-            }
-        },
+        // tabActiveName: function (newVal, oldVal) {
+        //     var _this = this
+        //     if (newVal == '2') {
+        //         this.$nextTick(function () {
+        //             if (_this.gotTab2) {
+        //                 // 初始化图表
+        //                 if (_this.entPortraitInfo && _this.conf.showPortraitAll && !_this.singleTab) {
+        //                     _this.initChartsData();
+        //                 }
+        //             } else {
+        //                 if (_this.conf._4) {
+        //                     // 获取企业画像信息-4
+        //                     _this.getEntPortrait(function () {
+        //                         _this.initChartsData()
+        //                     })
+        //                     _this.gotTab2 = true
+        //                     console.log('获取企业全景分析...')
+        //                 }
+        //                 // 获取企业中标动态-13
+        //                 if (_this.conf._13) {
+        //                     _this.getProjectNews()
+        //                     _this.gotTab2 = true
+        //                     console.log('获取企业中标动态...')
+        //                 }
+        //                 if(_this.powerInfo.memberStatus <= 0) {
+        //                     // 不是大会员点击中标信息使用次数加一
+        //                     // if(!_this.entvisit.visited) {
+        //                     //     _this.entvisit.usage++
+        //                     //     _this.entvisit.visited = true
+        //                     // }
+        //                 }
+        //                 _this.gotTab2 = true
+        //             }
+        //         });
+        //     }
+        // },
     },
     computed: {
         // 3个权限有1个就为true(取反为3个权限1个都没有)
@@ -218,6 +219,39 @@ var vNode = {
         }
     },
     methods: {
+        getDataFn: function () {
+          var _this = this
+          this.$nextTick(function () {
+            // 初始化图表
+            if (_this.entPortraitInfo && _this.conf.showPortraitAll) {
+              _this.initChartsData();
+            }
+    
+            if (_this.conf._4) {
+              // 获取企业画像信息-4
+              _this.getEntPortrait(function () {
+                _this.initChartsData()
+              })
+              _this.gotTab2 = true
+              console.log('获取企业全景分析...')
+            }
+            // 获取企业中标动态-13
+            if (_this.conf._13) {
+              _this.getProjectNews()
+              _this.gotTab2 = true
+              console.log('获取企业中标动态...')
+            }
+            if (_this.powerInfo.memberStatus <= 0) {
+              // 不是大会员点击中标信息使用次数加一
+              // if(!_this.entvisit.visited) {
+              //     _this.entvisit.usage++
+              //     _this.entvisit.visited = true
+              // }
+            }
+            _this.gotTab2 = true
+    
+          });
+        },
         // 点击去开通记住tab栏下标
         tabActive: function(data) {
             this.savePageState()
@@ -518,6 +552,7 @@ var vNode = {
                             }
                         }
                         _this.conf.isMember = res.data.memberStatus
+                        _this.getDataFn()
                     } else {
                         _this.$toast(res.error_msg)
                     }
@@ -585,7 +620,7 @@ var vNode = {
             this.arrangeImportantData(dataSet.topShow)
         },
         getStickyTop: function () {
-            this.stickyTop = $('.jy-app-header').height() - 1
+            // this.stickyTop = $('.jy-app-header').height() - 1
         },
         goToEntHistory: function () {
             // if (this.powerInfo.isSubCount) {

src/web/staticres/js/common.js

@@ -388,6 +388,105 @@ function moveEnd(obj) {
 function mySysIsIos(){
 	return !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
 }
+// 金额转换
+function moneyUnit(num, type, lv) {
+  if (num === '' || num == null || num == undefined || isNaN(num)) return ''
+  var levelArr = ['元', '万元', '亿元', '万亿元']
+  if (type === void 0) {
+      type = 'string';
+  }
+  if (lv === void 0) {
+      lv = 0;
+  }
+  if (num === 0) {
+      if (type === 'string') {
+          return '0';
+      }
+      if (type === 'lv') {
+          return levelArr[lv];
+      }
+      if (type === 'number') {
+          return 0;
+      }
+      if (type === 'index') {
+          return lv;
+      }
+  }
+  var result = num / Math.pow(10000, lv);
+  if (result > 10000 && lv < 2) {
+      return this.moneyUnit(num, type, lv + 1)
+  } else {
+      if (type === 'string') {
+          return String(Math.floor(result * 100) / 100).replace('.00', '') + levelArr[lv];
+      }
+      if (type === 'lv') {
+          return levelArr[lv];
+      }
+      if (type === 'index') {
+          return lv;
+      }
+      if (type === 'number') {
+          return String(Math.floor(result * 100) / 100).replace('.00', '');
+      }
+  }
+}
+/*
+   * 时间格式化函数(将时间格式化为，2019年08月12日，2019-08-12，2019/08/12的形式)
+   *
+   *
+   *   pattern参数（想要什么格式的数据就传入什么格式的数据）
+   *     · 'yyyy-MM-dd'  ---> 输出如2019-09-20
+   *     · 'yyyy-MM-dd hh:mm'  --->  输出如2019-09-20 08:20
+   *     · 'yyyy-MM-dd HH:mm:ss'  --->  输出如2019-09-20 18:20:23
+   *     · 'yyyy/MM/dd'  --->  输出如2019/09/20
+   *     · 'yyyy年MM月dd日'  --->  输出如2019年09月20日
+   *     · 'yyyy年MM月dd日 hh时mm分'  --->  输出如2019年09月20日 08时20分
+   *     · 'yyyy年MM月dd日 hh时mm分ss秒'  --->  输出如2019年09月20日 08时20分23秒
+   *     · 'yyyy年MM月dd日 hh时mm分ss秒 EE'  --->  输出如2019年09月20日 08时20分23秒 周二
+   *     · 'yyyy年MM月dd日 hh时mm分ss秒 EEE'  --->  输出如2019年09月20日 08时20分23秒 星期二
+   *
+   *  参考: https://www.cnblogs.com/mr-wuxiansheng/p/6296646.html
+*/
+  Date.prototype.pattern = function (fmt) {
+    if (!fmt) return ''
+    var o = {
+        'y+': this.getFullYear(),
+        'M+': this.getMonth() + 1, // 月份
+        'd+': this.getDate(), // 日
+        // 12小时制
+        'h+': this.getHours() % 12 == 0 ? 12 : this.getHours() % 12, // 小时
+        // 24小时制
+        'H+': this.getHours(), // 小时
+        'm+': this.getMinutes(), // 分
+        's+': this.getSeconds(), // 秒
+        'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
+        'S': this.getMilliseconds(), // 毫秒
+        'E+': this.getDay(), // 周
+    };
+    var week = {
+        '0': '日',
+        '1': '一',
+        '2': '二',
+        '3': '三',
+        '4': '四',
+        '5': '五',
+        '6': '六'
+    };
+    if (/(y+)/.test(fmt)) {
+        fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length));
+    }
+    if (/(E+)/.test(fmt)) {
+        fmt = fmt.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? '星期' : '周') : '') + week[
+            this.getDay() + '']);
+    }
+    for (var k in o) {
+        if (new RegExp('(' + k + ')').test(fmt)) {
+            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k])
+                .length)));
+        }
+    }
+    return fmt;
+}
 $(function(){
 	//自定义tap
 	if("ontouchend" in document){

src/web/staticres/js/pc-collect-user-info.js

@@ -347,7 +347,9 @@ var vm = new Vue({
         buyer_portrait_: '请留下联系方式，我们会尽快联系您！体验采购单位画像分析，为你挖掘客户！',
         member_attach: '请留下联系方式，我们会尽快联系您！体验附件下载特权，挖掘更多项目情报！',
         member_freeuse: '请留下联系方式，我们会尽快联系您体验大会员全部功能！',
-        pc_index_bottom_adv: '请留下联系方式，我们会尽快联系您体验：市场分析周报/月报、竞对实时监控和分析、业主采购趋势/客户分析等'
+        pc_index_bottom_adv: '请留下联系方式，我们会尽快联系您体验：市场分析周报/月报、竞对实时监控和分析、业主采购趋势/客户分析等',
+        article_ent_portrait_: '请留下联系方式，我们会尽快联系您！体验企业画像分析，帮你透视企业！',
+        article_buyer_portrait_: '请留下联系方式，我们会尽快联系您！体验采购单位画像分析，为你挖掘客户！',
       }
     }
   },

src/web/templates/frontRouter/wx/collection/sess/ent_portrait.html

@@ -98,6 +98,7 @@
             :class="singleTab ? 'single-tab' : ''"
             v-model="tabActiveName"
             sticky
+            scrollspy
             color="#2cb7ca"
             title-active-color="#2cb7ca"
             title-inactive-color="#5F5E64"
@@ -105,98 +106,104 @@
             v-if="conf.powerLoaded && conf.showPortraitAll"
             :offset-top="stickyTop">
             <van-tab name="1" title="企业信息">
-                <div class="bg-white tab-card">
-                    <div class="card-row">
-                        <div class="card-column ent-type">
-                            <div class="ent-type-label">公司类型</div>
-                            <div class="ent-type-text">${entBaseInfo.type ? entBaseInfo.type : '-'}</div>
-                        </div>
+              <div class="bg-white tab-card">
+                <div class="card-row">
+                  <div class="card-column social-credit-code">
+                    <div class="ent-registration-label">统一社会信用代码</div>
+                    <div class="ent-registration-text">${entBaseInfo.creditNo ? entBaseInfo.creditNo : '-'}</div>
+                  </div>
+                  <div class="card-column organization-code">
+                    <div class="ent-info-label">联系方式</div>
+                    <div class="ent-info-text">${entBaseInfo.phone ? entBaseInfo.phone : '-'}</div>
+                  </div>
+                </div>
+                <div class="card-row">
+                  <div class="card-column registered-capital">
+                    <div class="ent-info-label">注册资本</div>
+                    <div class="ent-info-text">${entBaseInfo.capital ? entBaseInfo.capital+'万元' : '-'}</div>
+                  </div>
+                  <div class="card-column registered-capital">
+                    <div class="ent-info-label">法人姓名</div>
+                    <div class="ent-info-text">${entBaseInfo.legal ? entBaseInfo.legal : '-'}</div>
+                  </div>
+                </div>
+                <div class="card-row">
+                  <div class="card-column ent-establish">
+                    <div class="ent-info-label">成立日期</div>
+                    <div class="ent-info-text">
+                      ${(!entBaseInfo.establish || entBaseInfo.establish == -1) ? '-' : new
+                      Date(entBaseInfo.establish*1000).pattern('yyyy/MM/dd')}
                     </div>
-                    <div class="card-row">
-                        <div class="card-column ent-business-term">
-                            <div class="ent-business-term-label">营业期限</div>
-                            <div class="ent-business-term-text">
-                                <span>${entBaseInfo.operStart == -1 ? '-' : new Date(entBaseInfo.operStart*1000).pattern('yyyy/MM/dd')}</span>
-                                <span> 至 </span>
-                                <span>${entBaseInfo.operEnd == -1 ? '-' : new Date(entBaseInfo.operEnd*1000).pattern('yyyy/MM/dd')}</span>
-                            </div>
-                        </div>
+                  </div>
+                  <div class="card-column ent-status">
+                    <div class="ent-info-label">经营状态</div>
+                    <div class="ent-info-text">${entBaseInfo.status ? entBaseInfo.status : '-'}</div>
+                  </div>
+                </div>
+                <div v-if="!showBaseInfo" class="show-more" @click="showBaseInfo = true">查看更多</div>
+                <div v-show="showBaseInfo">
+                  <div class="card-row">
+                    <div class="card-column ent-type">
+                      <div class="ent-type-label">公司类型</div>
+                      <div class="ent-type-text">${entBaseInfo.type ? entBaseInfo.type : '-'}</div>
                     </div>
-                    <div class="card-row">
-                        <div class="card-column social-credit-code">
-                            <div class="ent-registration-label">统一社会信用代码</div>
-                            <div class="ent-registration-text">${entBaseInfo.creditNo ? entBaseInfo.creditNo : '-'}</div>
-                        </div>
+                  </div>
+                  <div class="card-row">
+                    <div class="card-column ent-business-term">
+                      <div class="ent-business-term-label">营业期限</div>
+                      <div class="ent-business-term-text">
+                        <span>${entBaseInfo.operStart == -1 ? '-' : new
+                          Date(entBaseInfo.operStart*1000).pattern('yyyy/MM/dd')}</span>
+                        <span> 至 </span>
+                        <span>${entBaseInfo.operEnd == -1 ? '-' : new
+                          Date(entBaseInfo.operEnd*1000).pattern('yyyy/MM/dd')}</span>
+                      </div>
                     </div>
-                    <div class="card-row">
-                        <div class="card-column tax-identification-number">
-                            <div class="ent-registration-label">纳税人识别号</div>
-                            <div class="ent-registration-text">${entBaseInfo.taxCode ? entBaseInfo.taxCode : '-'}</div>
-                        </div>
+                  </div>
+                  <div class="card-row">
+                    <div class="card-column tax-identification-number">
+                      <div class="ent-registration-label">纳税人识别号</div>
+                      <div class="ent-registration-text">${entBaseInfo.taxCode ? entBaseInfo.taxCode : '-'}</div>
                     </div>
-                    <div class="card-row">
-                        <div class="card-column business-registration-number">
-                            <div class="ent-registration-label">工商注册号</div>
-                            <div class="ent-registration-text">${entBaseInfo.company_code ? entBaseInfo.company_code : '-'}</div>
-                        </div>
+                  </div>
+                  <div class="card-row">
+                    <div class="card-column business-registration-number">
+                      <div class="ent-registration-label">工商注册号</div>
+                      <div class="ent-registration-text">${entBaseInfo.company_code ? entBaseInfo.company_code : '-'}</div>
                     </div>
-                    <div class="card-row">
-                        <div class="card-column organization-code">
-                            <div class="ent-info-label">组织机构代码</div>
-                            <div class="ent-info-text">${entBaseInfo.org_code ? entBaseInfo.org_code : '-'}</div>
-                        </div>
-                        <div class="card-column organization-code">
-                            <div class="ent-info-label">联系方式</div>
-                            <div class="ent-info-text">${entBaseInfo.phone ? entBaseInfo.phone : '-'}</div>
-                        </div>
+                  </div>
+                  <div class="card-row">
+                    <div class="card-column organization-code">
+                      <div class="ent-info-label">组织机构代码</div>
+                      <div class="ent-info-text">${entBaseInfo.org_code ? entBaseInfo.org_code : '-'}</div>
                     </div>
-                    <div class="card-row">
-                        <div class="card-column registered-capital">
-                            <div class="ent-info-label">注册资本</div>
-                            <div class="ent-info-text">${entBaseInfo.capital ? entBaseInfo.capital+'万元' : '-'}</div>
-                        </div>
-                        <div class="card-column registered-capital">
-                            <div class="ent-info-label">法人姓名</div>
-                            <div class="ent-info-text">${entBaseInfo.legal ? entBaseInfo.legal : '-'}</div>
-                        </div>
-                    </div>
-                    <div class="card-row">
-                        <div class="card-column ent-establish">
-                            <div class="ent-info-label">成立日期</div>
-                            <div class="ent-info-text">
-                                ${(!entBaseInfo.establish || entBaseInfo.establish == -1) ? '-' : new Date(entBaseInfo.establish*1000).pattern('yyyy/MM/dd')}
-                            </div>
-                        </div>
-                        <div class="card-column ent-status">
-                            <div class="ent-info-label">经营状态</div>
-                            <div class="ent-info-text">${entBaseInfo.status ? entBaseInfo.status : '-'}</div>
-                        </div>
+                  </div>
+                  <div class="card-row">
+                    <div class="card-column ent-employee">
+                      <div class="ent-info-label">人员规模（工商年报-参保人数，仅供参考）</div>
+                      <div class="ent-info-text">${entBaseInfo.employeeNo ? entBaseInfo.employeeNo : '-'}</div>
                     </div>
-                    <div class="card-row">
-                        <div class="card-column ent-employee">
-                            <div class="ent-info-label">人员规模（工商年报-参保人数，仅供参考）</div>
-                            <div class="ent-info-text">${entBaseInfo.employeeNo ? entBaseInfo.employeeNo : '-'}</div>
-                        </div>
+                  </div>
+                  <div class="card-row">
+                    <div class="card-column registered-capital">
+                      <div class="ent-info-label">注册地址</div>
+                      <div class="ent-info-text">${entBaseInfo.address ? entBaseInfo.address : '-'}</div>
                     </div>
-                    <div class="card-row">
-                        <div class="card-column registered-capital">
-                            <div class="ent-info-label">注册地址</div>
-                            <div class="ent-info-text">${entBaseInfo.address ? entBaseInfo.address : '-'}</div>
-                        </div>
-                    </div>
-                    <div class="card-row">
-                        <div class="card-column registered-capital">
-                            <div class="ent-info-label">经营范围</div>
-                            <div class="ent-info-text">${entBaseInfo.scope ? entBaseInfo.scope : '-'}</div>
-                        </div>
+                  </div>
+                  <div class="card-row">
+                    <div class="card-column registered-capital">
+                      <div class="ent-info-label">经营范围</div>
+                      <div class="ent-info-text">${entBaseInfo.scope ? entBaseInfo.scope : '-'}</div>
                     </div>
+                  </div>
                 </div>
+              </div>
                 <div class="bg-white tab-card ent-change-history" @click="goToEntHistory">
                     <div class="ent-change-l">企业情报历史记录</div>
                     <div class="j-icon icon-back base-icon"></div>
                 </div>
             </van-tab>
-            <van-tab name="2" v-if="!singleTab">
+            <van-tab name="2" >
                 <template #title>
                     <span :class="{bidinfo:!hasOnePower}">中标信息</span>
                     <span v-if="!hasOnePower && isShowUpTip" class="bid_upgrade">升级</span>
@@ -268,7 +275,7 @@
                 <div class="bg-white tab-card cell-list history-list" v-else>
                   <hispro-component type="winner" :id="entInfo.id"></hispro-component>
                 </div>
-                <div class="bg-white tab-card charts" v-if="conf._4 && tabActiveName == '2' && annualData.rows.length !== 0  && !getStatus">
+                <div class="bg-white tab-card charts" v-if="conf._4 && annualData.rows.length !== 0  && !getStatus">
                     <div class="tab-card-title">年度项目统计</div>
                     <!-- e-charts和sticky同时使用时候，需要手动降低css层级(z-index: 1)，确保tooltip不遮挡固定定位头部 -->
                     <div class="tab-card-content">
@@ -287,7 +294,7 @@
                 <div class="vip_component" v-if="getStatus" style="height:11.12rem;background:url('/common-module/collection/image/bg/vip_bg_2.png') no-repeat;background-size:100% 100%">
                     <vip-component @tabactive="tabActive" :power="conf" type="item_2" :entvisit="entvisit" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/bg/vip_ex_2.png'></vip-component>
                 </div>
-                <div class="bg-white tab-card charts"  v-if="conf._4 && tabActiveName == '2' && monthZbData.rows.length !== 0  && !getStatus">
+                <div class="bg-white tab-card charts"  v-if="conf._4 && monthZbData.rows.length !== 0  && !getStatus">
                     <div class="tab-card-title">月度中标金额统计</div>
                     <div class="tab-card-content">
                         <ve-line
@@ -303,7 +310,7 @@
                 <div class="vip_component" v-if="getStatus" style="height:10.8rem;background:url('/common-module/collection/image/bg/vip_bg_3.png') no-repeat;background-size:100% 100%">
                     <vip-component @tabactive="tabActive" :power="conf" type="item_3" :entvisit="entvisit" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/bg/vip_ex_3.png'></vip-component>
                 </div>
-                <div class="bg-white tab-card charts" v-if="conf._4 && tabActiveName == '2' && mapChartData.rows.length !== 0  && !getStatus">
+                <div class="bg-white tab-card charts" v-if="conf._4 && mapChartData.rows.length !== 0  && !getStatus">
                     <div class="tab-card-title">市场区域分布</div>
                     <div class="tab-card-content">
                         <ve-map
@@ -319,7 +326,7 @@
                 <div class="vip_component" v-if="getStatus" style="height:10.56rem;background:url('/common-module/collection/image/bg/vip_bg_4.png') no-repeat;background-size:100% 100%">
                     <vip-component @tabactive="tabActive" :power="conf" type="item_4" :entvisit="entvisit" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/bg/vip_ex_4.png'></vip-component>
                 </div>
-                <div class="bg-white tab-card charts"  v-if="conf._4 && tabActiveName == '2' && rateData.rows.length !== 0  && !getStatus">
+                <div class="bg-white tab-card charts"  v-if="conf._4 && rateData.rows.length !== 0  && !getStatus">
                     <div class="tab-card-title">各类客户平均折扣率</div>
                     <div class="tab-card-content">
                         <ve-line
@@ -335,17 +342,17 @@
                 <div class="vip_component" v-if="getStatus" style="height:11.24rem;background:url('/common-module/collection/image/bg/vip_bg_5.png') no-repeat;background-size:100% 100%">
                     <vip-component @tabactive="tabActive" :power="conf" type="item_5" :entvisit="entvisit" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/bg/vip_ex_5.png'></vip-component>
                 </div>
-                <div class="bg-white tab-card charts"  v-show="conf._4 && tabActiveName == '2' && entPortraitInfo.top10 && entPortraitInfo.top10.length != 0  && !getStatus">
+                <div class="bg-white tab-card charts"  v-show="conf._4 && entPortraitInfo.top10 && entPortraitInfo.top10.length != 0  && !getStatus">
                     <div class="tab-card-title">客户类型分布</div>
                     <div class="tab-card-content">
-                        <div ref="pieChart" style="height: 360px;"></div>
+                        <div ref="pieChart" style="height: 360px;width: 320px;margin: 0 auto;"></div>
                     </div>
                     <div class="tab-card-tip">注：各客户类型占比以中标金额计算，最多展示占比排名前十的客户类型。</div>
                 </div>
                 <div class="vip_component" v-if="getStatus" style="height:11.92rem;background:url('/common-module/collection/image/bg/vip_bg_6.png') no-repeat;background-size:100% 100%">
                     <vip-component @tabactive="tabActive" :power="conf" type="item_6" :entvisit="entvisit" imgurl='{{Msg "seo" "cdn"}}/common-module/collection/image/bg/vip_ex_6.png'></vip-component>
                 </div>
-                <div class="bg-white tab-card customers client"  v-show="conf._4 && tabActiveName == '2' && importantCustomers.length !== 0  && !getStatus">
+                <div class="bg-white tab-card customers client"  v-show="conf._4 && importantCustomers.length !== 0  && !getStatus">
                     <div class="tab-card-title">重点客户</div>
                     <div class="tab-card-content">
                         <div class="client-list" v-for="c in importantCustomers">