fix:定制化分析报告订阅管理免费用户显示弹窗

src/views/analysisReport/MarketAnalysis.vue

@@ -39,6 +39,7 @@
     <div class="bg-grey-h24" v-if="loaded && analysisReportId"></div>
     <MarketAnalysisResult ref="result" v-if="resultShow" :rid="analysisReportId" @loadedFilters="loadedFilters" @onEmpty="onEmpty" />
     <Empty v-if="loaded && !analysisReportId">{{ empty.msg }}</Empty>
+    <FollowOfficialAccountDialog @update:visible="updateDialog" :visible='advancedInfo.showDialog'></FollowOfficialAccountDialog>
   </div>
 </template>
 
@@ -50,6 +51,7 @@ import AreaSelector from '@/components/selector/AreaSelector.vue'
 import PopSelector from '@/components/selector/PopSelector.vue'
 import TimeSelector from '@/components/selector/TimeSelector.vue'
 import IndustrySelector from '@/components/selector/IndustrySelector.vue'
+import FollowOfficialAccountDialog from '@/components/dialog/FollowOfficialAccountDialog.vue'
 import MarketAnalysisResult from '@/views/analysisReport/MarketAnalysisResult.vue'
 import Empty from '@/components/common/Empty.vue'
 import { mapState } from 'vuex'
@@ -68,6 +70,7 @@ export default {
     TimeSelector,
     IndustrySelector,
     MarketAnalysisResult,
+    FollowOfficialAccountDialog,
     Empty
   },
   data () {
@@ -90,6 +93,9 @@ export default {
         defaultMsg: '对不起，没有匹配到相关信息，请修改您的分析条件',
         msg: ''
       },
+      advancedInfo: {
+        showDialog: false
+      },
       analysisReportId: '', // 分析报告结果id，
       keywordsData: {}
     }
@@ -97,6 +103,7 @@ export default {
   computed: {
     ...mapState({
       // bigKeywordsData: state => state.user.bigKeywordsData,
+      info: state => state.user.info,
       isSubCount: state => state.user.info.isSubCount
     }),
     resultShow () {
@@ -131,6 +138,9 @@ export default {
     this.initDefaultTime()
   },
   methods: {
+    updateDialog (e) {
+      this.advancedInfo.showDialog = e
+    },
     // 原大会员权益功能，现针对全用户开放，新接口获取关键词信息
     getAnalysisKey () {
       getAnalysisrKeyInfo().then(res => {
@@ -369,8 +379,13 @@ export default {
           center: true
         })
       } else {
-        const routeUrl = this.$router.resolve({ path: '/set_subscribe/config?scroll=setkey' })
-        window.open(routeUrl.href)
+        console.log(this.info)
+        if (this.info.isFree) {
+          this.advancedInfo.showDialog = true
+        } else {
+          const routeUrl = this.$router.resolve({ path: '/set_subscribe/config?scroll=setkey' })
+          window.open(routeUrl.href)
+        }
       }
     }
   }
@@ -405,6 +420,62 @@ export default {
   }
 }
 
+::v-deep {
+  .advanced-dialog {
+    width: 370px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    border-radius: 8px;
+
+    .el-dialog__body {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+    }
+    .el-dialog__close {
+      font-size: 20px;
+      font-weight: bold;
+      color: #2ABDD1;
+      cursor: pointer;
+    }
+
+    .el-dialog__header,
+    .el-dialog__body {
+      padding: 0;
+    }
+    &--head {
+      margin-top: -58px;
+      max-width: 100%;
+    }
+    &--qrcode {
+      margin-top: 26px;
+      margin-bottom: 22px;
+      width: 154px;
+      height: 154px;
+    }
+    &--info {
+      padding: 24px 20px;
+      padding-top: 0;
+      h4 {
+        font-weight: 400;
+        font-size: 16px;
+        line-height: 24px;
+        text-align: center;
+        color: #1D1D1D;
+      }
+      p {
+        margin-top: 16px;
+        font-weight: 400;
+        font-size: 12px;
+        line-height: 18px;
+        text-align: center;
+        color: #999999;
+      }
+    }
+  }
+}
+
 .pd-lr20 {
   padding: 0 20px;
 }