From 2c9a5cde0dfeec8ded0e6c54c62c5e48411918f3 Mon Sep 17 00:00:00 2001
From: zx <604444282@qq.com>
Date: Tue, 7 Dec 2021 17:20:02 +0800
Subject: [PATCH] =?UTF-8?q?=E9=AA=A8=E6=9E=B6=E5=B1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                             |  15 ++
 package.json                                  |   1 +
 src/lycomponents/iHeaderBrand/index.vue       |   2 +-
 src/views/BrandComparison/BrandComparison.vue | 150 +++++++++++-------
 .../brandEventComparisonStoken/index.vue      |  23 +--
 .../index.vue                                 |  11 +-
 .../index.vue                                 |   6 +-
 .../userAreaDistributionStoken/index.vue      |   4 +-
 .../weiboUserPortraitStoken/index.vue         |  46 +-----
 src/views/ModelComparison/BrandComparison.vue | 144 +++++++++++------
 .../brandCompateHeaderStoken/index.vue        |  24 +--
 .../userAreaDistributionStoken/index.vue      |  14 +-
 .../weiboUserPortraitStoken/index.vue         |  26 +--
 13 files changed, 217 insertions(+), 249 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ebfe589..d6599e8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,7 @@
         "compression-webpack-plugin": "^9.0.0",
         "core-js": "^3.6.5",
         "echarts": "^5.2.1",
+        "echarts-wordcloud": "^2.0.0",
         "less": "^4.1.2",
         "less-loader": "^5.0.0",
         "moment": "^2.29.1",
@@ -5417,6 +5418,14 @@
         "zrender": "5.2.1"
       }
     },
+    "node_modules/echarts-wordcloud": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/echarts-wordcloud/-/echarts-wordcloud-2.0.0.tgz",
+      "integrity": "sha512-K7l6pTklqdW7ZWzT/1CS0KhBSINr/cd7c5N1fVMzZMwLQHEwT7x+nivK7g5hkVh7WNcAv4Dn6/ZS5zMKRozC1g==",
+      "peerDependencies": {
+        "echarts": "^5.0.1"
+      }
+    },
     "node_modules/echarts/node_modules/tslib": {
       "version": "2.3.0",
       "license": "0BSD"
@@ -17757,6 +17766,12 @@
         }
       }
     },
+    "echarts-wordcloud": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/echarts-wordcloud/-/echarts-wordcloud-2.0.0.tgz",
+      "integrity": "sha512-K7l6pTklqdW7ZWzT/1CS0KhBSINr/cd7c5N1fVMzZMwLQHEwT7x+nivK7g5hkVh7WNcAv4Dn6/ZS5zMKRozC1g==",
+      "requires": {}
+    },
     "ee-first": {
       "version": "1.1.1",
       "dev": true
diff --git a/package.json b/package.json
index 6fc3866..f1b9d32 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "compression-webpack-plugin": "^9.0.0",
     "core-js": "^3.6.5",
     "echarts": "^5.2.1",
+    "echarts-wordcloud": "^2.0.0",
     "less": "^4.1.2",
     "less-loader": "^5.0.0",
     "moment": "^2.29.1",
diff --git a/src/lycomponents/iHeaderBrand/index.vue b/src/lycomponents/iHeaderBrand/index.vue
index fef611e..536893c 100644
--- a/src/lycomponents/iHeaderBrand/index.vue
+++ b/src/lycomponents/iHeaderBrand/index.vue
@@ -30,7 +30,7 @@
                 </a-select-option>
             </a-select>
 
-            <a-range-picker show-time v-model="selTime" :disabled-date="disabledDate" style="margin-left: 0.5rem" @calendarChange="calendarPriceRangeChange" :size="$vuiSize" valueFormat="YYYY-MM-DD HH:mm:ss" v-if="form.sTimeType == selVal && timeShow" @ok="handlerChangeTime">
+            <a-range-picker show-time :disabled-date="disabledDate" style="margin-left: 0.5rem"  :size="$vuiSize" valueFormat="YYYY-MM-DD HH:mm:ss" v-if="form.sTimeType == selVal && timeShow" @ok="handlerChangeTime">
                 <a-icon slot="suffixIcon" type="calendar" />
             </a-range-picker>
 
diff --git a/src/views/BrandComparison/BrandComparison.vue b/src/views/BrandComparison/BrandComparison.vue
index 180a054..3cd1904 100644
--- a/src/views/BrandComparison/BrandComparison.vue
+++ b/src/views/BrandComparison/BrandComparison.vue
@@ -21,93 +21,131 @@
                 <brandCompateHeader :data="getBComparison" @change="handlerChangeBrand" v-if="!$slots['skeleton']"></brandCompateHeader>
                 <brandCompateHeaderStoken slot="skeleton" v-else></brandCompateHeaderStoken>
             </vue-lazy-component>
-            <vue-lazy-component>
+            
                 <div class="bc-d2">
-                    <informationTrend v-if="!$slots['skeleton']"></informationTrend>
-                    <informationTrendStoken slot="skeleton" v-else></informationTrendStoken>
-                    <overallInformation v-if="!$slots['skeleton']"></overallInformation>
-                    <overallInformationStoken slot="skeleton" v-else></overallInformationStoken>
-                    <overallNumberOfInteractions v-if="!$slots['skeleton']"></overallNumberOfInteractions>
-                    <overallNumberOfInteractionsStoken slot="skeleton" v-else></overallNumberOfInteractionsStoken>
+                    <vue-lazy-component>
+                    <informationTrend></informationTrend>
+                    <informationTrendStoken slot="skeleton"></informationTrendStoken>
+                    </vue-lazy-component>
+                    <vue-lazy-component>
+                    <overallInformation></overallInformation>
+                    <overallInformationStoken slot="skeleton"></overallInformationStoken>
+                    </vue-lazy-component>
+                    <vue-lazy-component>
+                    <overallNumberOfInteractions></overallNumberOfInteractions>
+                    <overallNumberOfInteractionsStoken slot="skeleton"></overallNumberOfInteractionsStoken>
+                    </vue-lazy-component>
                 </div>
-            </vue-lazy-component>
+            
             <vue-lazy-component>
-                <brandTonalDistribution v-if="!$slots['skeleton']"></brandTonalDistribution>
-                <brandTonalDistributionStoken slot="skeleton" v-else></brandTonalDistributionStoken>
+                <brandTonalDistribution></brandTonalDistribution>
+                <brandTonalDistributionStoken slot="skeleton"></brandTonalDistributionStoken>
             </vue-lazy-component>
-            <vue-lazy-component>
+            
                 <div class="bc-d3">
-                    <channelDistribution v-if="!$slots['skeleton']"></channelDistribution>
-                    <channelDistributionStoken slot="skeleton" v-else></channelDistributionStoken>
-                    <keyMediaCommunicationComparison v-if="!$slots['skeleton']"></keyMediaCommunicationComparison>
-                    <keyMediaCommunicationComparisonStoken slot="skeleton" v-else></keyMediaCommunicationComparisonStoken>
+                    <vue-lazy-component>
+                    <channelDistribution></channelDistribution>
+                    <channelDistributionStoken slot="skeleton"></channelDistributionStoken>
+                    </vue-lazy-component>
+                    <vue-lazy-component>
+                    <keyMediaCommunicationComparison></keyMediaCommunicationComparison>
+                    <keyMediaCommunicationComparisonStoken slot="skeleton"></keyMediaCommunicationComparisonStoken>
+                    </vue-lazy-component>
                 </div>
-            </vue-lazy-component>
+            
             <vue-lazy-component>
-                <brandCommunicationTOPMedia v-if="!$slots['skeleton']"></brandCommunicationTOPMedia>
-                <brandCommunicationTOPMediaStoken slot="skeleton" v-else></brandCommunicationTOPMediaStoken>
+                <brandCommunicationTOPMedia></brandCommunicationTOPMedia>
+                <brandCommunicationTOPMediaStoken slot="skeleton"></brandCommunicationTOPMediaStoken>
             </vue-lazy-component>
             <vue-lazy-component>
-                <overallWordCloudComparison v-if="!$slots['skeleton']"></overallWordCloudComparison>
-                <overallWordCloudComparisonStoken slot="skeleton" v-else></overallWordCloudComparisonStoken>
+                <overallWordCloudComparison></overallWordCloudComparison>
+                <overallWordCloudComparisonStoken slot="skeleton"></overallWordCloudComparisonStoken>
             </vue-lazy-component>
             <vue-lazy-component>
-                <brandEventComparison v-if="!$slots['skeleton']"></brandEventComparison>
-                <brandEventComparisonStoken slot="skeleton" v-else></brandEventComparisonStoken>
+                <brandEventComparison></brandEventComparison>
+                <brandEventComparisonStoken slot="skeleton"></brandEventComparisonStoken>
             </vue-lazy-component>
-            <vue-lazy-component>
+            
                 <div class="bc-d4">
                     <v-label-div title="品牌微博对比"></v-label-div>
                     <div class="bc-d4-d1">
-                        <comparisonOfWeiboInformation v-if="!$slots['skeleton']"></comparisonOfWeiboInformation>
-                        <comparisonOfWeiboInformationStoken slot="skeleton" v-else></comparisonOfWeiboInformationStoken>
-                        <comparisonOfTheNumberOfWeiboInteractions v-if="!$slots['skeleton']"></comparisonOfTheNumberOfWeiboInteractions>
-                        <comparisonOfTheNumberOfWeiboInteractionsStoken slot="skeleton" v-else></comparisonOfTheNumberOfWeiboInteractionsStoken>
-                        <weiboBigVComparison v-if="!$slots['skeleton']"></weiboBigVComparison>
-                        <weiboBigVComparisonStoken slot="skeleton" v-else></weiboBigVComparisonStoken>
+                        <vue-lazy-component>
+                        <comparisonOfWeiboInformation></comparisonOfWeiboInformation>
+                        <comparisonOfWeiboInformationStoken slot="skeleton"></comparisonOfWeiboInformationStoken>
+                        </vue-lazy-component>
+                        <vue-lazy-component>
+                        <comparisonOfTheNumberOfWeiboInteractions></comparisonOfTheNumberOfWeiboInteractions>
+                        <comparisonOfTheNumberOfWeiboInteractionsStoken slot="skeleton"></comparisonOfTheNumberOfWeiboInteractionsStoken>
+                        </vue-lazy-component>
+                        <vue-lazy-component>
+                        <weiboBigVComparison></weiboBigVComparison>
+                        <weiboBigVComparisonStoken slot="skeleton"></weiboBigVComparisonStoken>
+                        </vue-lazy-component>
                     </div>
-                    <weiboTuneComparison v-if="!$slots['skeleton']"></weiboTuneComparison>
-                    <weiboTuneComparisonStoken slot="skeleton" v-else></weiboTuneComparisonStoken>
-                    <weiboContentDirectionComparison v-if="!$slots['skeleton']"></weiboContentDirectionComparison>
-                    <weiboContentDirectionComparisonStoken slot="skeleton" v-else></weiboContentDirectionComparisonStoken>
+                    <vue-lazy-component>
+                    <weiboTuneComparison></weiboTuneComparison>
+                    <weiboTuneComparisonStoken slot="skeleton"></weiboTuneComparisonStoken>
+                    </vue-lazy-component>
+                    <vue-lazy-component>
+                    <weiboContentDirectionComparison></weiboContentDirectionComparison>
+                    <weiboContentDirectionComparisonStoken slot="skeleton"></weiboContentDirectionComparisonStoken>
+                    </vue-lazy-component>
                     <div class="bc-d4-d2">
-                        <userAreaDistribution v-if="!$slots['skeleton']"></userAreaDistribution>
-                        <userAreaDistributionStoken slot="skeleton" v-else></userAreaDistributionStoken>
-                        <weiboUserPortrait v-if="!$slots['skeleton']"></weiboUserPortrait>
-                        <weiboUserPortraitStoken slot="skeleton" v-else></weiboUserPortraitStoken>
+                        <vue-lazy-component>
+                        <userAreaDistribution></userAreaDistribution>
+                        <userAreaDistributionStoken slot="skeleton"></userAreaDistributionStoken>
+                        </vue-lazy-component>
+                        <vue-lazy-component>
+                        <weiboUserPortrait></weiboUserPortrait>
+                        <weiboUserPortraitStoken slot="skeleton"></weiboUserPortraitStoken>
+                        </vue-lazy-component>
                     </div>
                 </div>
-            </vue-lazy-component>
-            <vue-lazy-component>
+            
+            
                 <div class="bc-d5">
                     <v-label-div title="品牌论坛对比"></v-label-div>
                     <div class="bc-d5-dd1">
-                        <summaryAndComparisonOfForumInformation v-if="!$slots['skeleton']"></summaryAndComparisonOfForumInformation>
-                        <summaryAndComparisonOfForumInformationStoken slot="skeleton" v-else></summaryAndComparisonOfForumInformationStoken>
-                        <comparisonOfForumPostingTrends v-if="!$slots['skeleton']"></comparisonOfForumPostingTrends>
-                        <comparisonOfForumPostingTrendsStoken slot="skeleton" v-else></comparisonOfForumPostingTrendsStoken>
+                        <vue-lazy-component>
+                        <summaryAndComparisonOfForumInformation></summaryAndComparisonOfForumInformation>
+                        <summaryAndComparisonOfForumInformationStoken slot="skeleton"></summaryAndComparisonOfForumInformationStoken>
+                        </vue-lazy-component>
+                        <vue-lazy-component>
+                        <comparisonOfForumPostingTrends></comparisonOfForumPostingTrends>
+                        <comparisonOfForumPostingTrendsStoken slot="skeleton"></comparisonOfForumPostingTrendsStoken>
+                        </vue-lazy-component>
                     </div>
-                    <forumTonalComparison v-if="!$slots['skeleton']"></forumTonalComparison>
-                    <forumTonalComparisonStoken slot="skeleton" v-else></forumTonalComparisonStoken>
-                    <comparisonOfPositiveTopicsInTheForum v-if="!$slots['skeleton']"></comparisonOfPositiveTopicsInTheForum>
-                    <comparisonOfPositiveTopicsInTheForumStoken slot="skeleton" v-else></comparisonOfPositiveTopicsInTheForumStoken>
-                    <comparisonOfNegativeTopicsInForums v-if="!$slots['skeleton']"></comparisonOfNegativeTopicsInForums>
-                    <comparisonOfNegativeTopicsInForumsStoken slot="skeleton" v-else></comparisonOfNegativeTopicsInForumsStoken>
+                    <vue-lazy-component>
+                    <forumTonalComparison></forumTonalComparison>
+                    <forumTonalComparisonStoken slot="skeleton"></forumTonalComparisonStoken>
+                    </vue-lazy-component>
+                    <vue-lazy-component>
+                    <comparisonOfPositiveTopicsInTheForum></comparisonOfPositiveTopicsInTheForum>
+                    <comparisonOfPositiveTopicsInTheForumStoken slot="skeleton"></comparisonOfPositiveTopicsInTheForumStoken>
+                    </vue-lazy-component>
+                    <vue-lazy-component>
+                    <comparisonOfNegativeTopicsInForums></comparisonOfNegativeTopicsInForums>
+                    <comparisonOfNegativeTopicsInForumsStoken slot="skeleton"></comparisonOfNegativeTopicsInForumsStoken>
+                    </vue-lazy-component>
                 </div>
-            </vue-lazy-component>
-            <vue-lazy-component>
+            
+            
                 <div class="bc-d6">
                     <v-label-div title="品牌尾翼对比"></v-label-div>
                     <div class="bc-d6-dd1">
-                        <brandRearWingComparison v-if="!$slots['skeleton']"></brandRearWingComparison>
-                        <brandRearWingComparisonStoken slot="skeleton" v-else></brandRearWingComparisonStoken>
+                        <vue-lazy-component>
+                        <brandRearWingComparison></brandRearWingComparison>
+                        <brandRearWingComparisonStoken slot="skeleton"></brandRearWingComparisonStoken>
+                        </vue-lazy-component>
                         <!-- <informationVolumeByChannel v-if="!$slots['skeleton']"></informationVolumeByChannel>
                         <informationVolumeByChannelStoken slot="skeleton" v-else></informationVolumeByChannelStoken> -->
                     </div>
-                    <tailTOPMedia v-if="!$slots['skeleton']"></tailTOPMedia>
-                    <tailTOPMediaStoken slot="skeleton" v-else></tailTOPMediaStoken>
+                    <vue-lazy-component>
+                    <tailTOPMedia></tailTOPMedia>
+                    <tailTOPMediaStoken slot="skeleton"></tailTOPMediaStoken>
+                    </vue-lazy-component>
                 </div>
-            </vue-lazy-component>
+            
         </div>
     </div>
 </template>
diff --git a/src/views/BrandComparison/brandEventComparisonStoken/index.vue b/src/views/BrandComparison/brandEventComparisonStoken/index.vue
index 95c7e62..1a5fe8f 100644
--- a/src/views/BrandComparison/brandEventComparisonStoken/index.vue
+++ b/src/views/BrandComparison/brandEventComparisonStoken/index.vue
@@ -7,28 +7,7 @@
  * @FilePath: /data-show/src/views/BrandComparison/brandEventComparison/index.vue
 -->
 <template>
-  <div class="bec-outter">
-    <v-label-div title="品牌事件对比"> </v-label-div>
-    <div class="bec-inner">
-      <v-echarts :opt="opt1"></v-echarts>
-    </div>
-    <!-- <v-label-div
-      title="事件上榜车型"
-      :showLine="false"
-      :eStyle="{ 'border-style': 'none' }"
-    >
-    </v-label-div> -->
-    <!-- <div class="bec-one">
-      <div class="bec-one-item" v-for="(item, index) in list" :key="index">
-        <span class="s1" :style="{ color: colors[index] }">{{
-          item.name
-        }}</span>
-        <div class="d1">
-          <v-echarts :opt="item.drawOpt"></v-echarts>
-        </div>
-      </div>
-    </div> -->
-  </div>
+  <div></div>
 </template>
 
 <script>
diff --git a/src/views/BrandComparison/comparisonOfTheNumberOfWeiboInteractionsStoken/index.vue b/src/views/BrandComparison/comparisonOfTheNumberOfWeiboInteractionsStoken/index.vue
index c59d43d..78883ba 100644
--- a/src/views/BrandComparison/comparisonOfTheNumberOfWeiboInteractionsStoken/index.vue
+++ b/src/views/BrandComparison/comparisonOfTheNumberOfWeiboInteractionsStoken/index.vue
@@ -7,16 +7,7 @@
  * @FilePath: /data-show/src/views/BrandComparison/comparisonOfTheNumberOfWeiboInteractions/index.vue
 -->
 <template>
-  <div class="cotn-outter" v-loading="load">
-    <v-label-div
-      title="微博互动人数对比"
-      :showLine="false"
-      :eStyle="{ 'border-style': 'none' }"
-    ></v-label-div>
-    <div class="cotn-inner">
-      <v-echarts :opt="opt"></v-echarts>
-    </div>
-  </div>
+  <div></div>
 </template>
 
 <script>
diff --git a/src/views/BrandComparison/comparisonOfWeiboInformationStoken/index.vue b/src/views/BrandComparison/comparisonOfWeiboInformationStoken/index.vue
index 3e016b4..1b9307e 100644
--- a/src/views/BrandComparison/comparisonOfWeiboInformationStoken/index.vue
+++ b/src/views/BrandComparison/comparisonOfWeiboInformationStoken/index.vue
@@ -14,7 +14,7 @@
       :eStyle="{ 'border-style': 'none' }"
     ></v-label-div>
     <div class="cowi-inner">
-      <v-echarts :opt="opt"></v-echarts>
+      <v-echarts></v-echarts>
     </div>
   </div>
 </template>
@@ -29,9 +29,7 @@ export default {
       form: {
         token: "",
         sBrand: "",
-      },
-      load: false,
-      opt: {}
+      }
     };
   },
   // created() {
diff --git a/src/views/BrandComparison/userAreaDistributionStoken/index.vue b/src/views/BrandComparison/userAreaDistributionStoken/index.vue
index dc844d9..098e922 100644
--- a/src/views/BrandComparison/userAreaDistributionStoken/index.vue
+++ b/src/views/BrandComparison/userAreaDistributionStoken/index.vue
@@ -7,13 +7,13 @@
  * @FilePath: /data-show/src/views/WeiboDetails/weiboUserActiveArea/index.vue
 -->
 <template>
-  <div class="wua-outter" v-loading="load">
+  <div class="wua-outter">
     <v-label-div
       title="用户区域分布"
       :showLine="false"
       :eStyle="{ 'border-style': 'none' }"
     >
-      <v-tab-group :btns="this.brandArr" @change="handlerTab"></v-tab-group>
+      <v-tab-group :btns="this.brandArr"></v-tab-group>
     </v-label-div>
     <div class="wua-inner">
       <div class="d1">
diff --git a/src/views/BrandComparison/weiboUserPortraitStoken/index.vue b/src/views/BrandComparison/weiboUserPortraitStoken/index.vue
index 05c3ccf..65ddc57 100644
--- a/src/views/BrandComparison/weiboUserPortraitStoken/index.vue
+++ b/src/views/BrandComparison/weiboUserPortraitStoken/index.vue
@@ -7,50 +7,7 @@
  * @FilePath: /data-show/src/views/BrandComparison/weiboUserPortrait/index.vue
 -->
 <template>
-  <div class="wup-outter">
-    <v-label-div
-      title="微博用户画像"
-      :showLine="false"
-      :eStyle="{ 'border-style': 'none' }"
-    >
-      <v-tab-group
-        :btns="this.brandArr"
-        @change="handlerTab"
-      ></v-tab-group>
-    </v-label-div>
-    <div class="wup-inner">
-      <div class="d1">
-        <div class="dd1">
-          <!-- <v-echarts :opt="opt1"></v-echarts> -->
-        </div>
-        <div class="dd2">
-          <!-- <v-label-ctx v-for="(item,index) in showSexData " 
-            :key="index"
-            :label="item.key"
-            :cont="item.value"
-            :percentage="((item.value / totalSexData) * 100).toFixed(2) + '%'"
-            :color="colors[index]"
-            :eStyle="{ height: '7.35rem' }"
-          ></v-label-ctx> -->
-        </div>
-      </div>
-      <div class="d1">
-        <div class="dd1">
-          <v-echarts :opt="opt2"></v-echarts>
-        </div>
-        <div class="dd2" style="margin-right: 16px">
-          <!-- <v-label-ctx v-for="(item,index) in showAttestData " 
-            :key="index"
-            :label="item.key"
-            :cont="item.value"
-            :percentage="((item.value / totalAttestData) * 100).toFixed(2) + '%'"
-            :color="colors[index]"
-            :eStyle="{ height: '7.35rem' }"
-          ></v-label-ctx> -->
-        </div>
-      </div>
-    </div>
-  </div>
+  <div></div>
 </template>
 
 <script>
@@ -65,7 +22,6 @@ export default {
         token: "",
         sBrand: "",
       },
-      load: false,
       // opt1: {},
       // opt2: {},
       // sourceData: [],
diff --git a/src/views/ModelComparison/BrandComparison.vue b/src/views/ModelComparison/BrandComparison.vue
index 1b94eb6..3daf17d 100644
--- a/src/views/ModelComparison/BrandComparison.vue
+++ b/src/views/ModelComparison/BrandComparison.vue
@@ -17,76 +17,124 @@
 <template>
     <div class="d-container">
         <div class="bc-outter">
-            <brandCompateHeader :data="getMComparison" @change="handlerChangeBrand" v-if="!$slots['skeleton']"></brandCompateHeader>
-            <brandCompateHeaderStoken slot="skeleton" v-else></brandCompateHeaderStoken>
+            <vue-lazy-component>
+            <brandCompateHeader :data="getMComparison" @change="handlerChangeBrand"></brandCompateHeader>
+            <brandCompateHeaderStoken slot="skeleton"></brandCompateHeaderStoken>
+            </vue-lazy-component>
             <div class="bc-d2">
-                <informationTrend v-if="!$slots['skeleton']"></informationTrend>
-                <informationTrendStoken slot="skeleton" v-else></informationTrendStoken>
-                <overallInformation v-if="!$slots['skeleton']"></overallInformation>
-                <overallInformationStoken slot="skeleton" v-else></overallInformationStoken>
-                <overallNumberOfInteractions v-if="!$slots['skeleton']"></overallNumberOfInteractions>
-                <overallNumberOfInteractionsStoken slot="skeleton" v-else></overallNumberOfInteractionsStoken>
+                <vue-lazy-component>
+                <informationTrend></informationTrend>
+                <informationTrendStoken slot="skeleton"></informationTrendStoken>
+                </vue-lazy-component>
+                <vue-lazy-component>
+                <overallInformation></overallInformation>
+                <overallInformationStoken slot="skeleton"></overallInformationStoken>
+                </vue-lazy-component>
+                <vue-lazy-component>
+                <overallNumberOfInteractions></overallNumberOfInteractions>
+                <overallNumberOfInteractionsStoken slot="skeleton"></overallNumberOfInteractionsStoken>
+                </vue-lazy-component>
             </div>
-            <brandTonalDistribution v-if="!$slots['skeleton']"></brandTonalDistribution>
-            <brandTonalDistributionStoken slot="skeleton" v-else></brandTonalDistributionStoken>
+            <vue-lazy-component>
+            <brandTonalDistribution></brandTonalDistribution>
+            <brandTonalDistributionStoken slot="skeleton"></brandTonalDistributionStoken>
+            </vue-lazy-component>
             <div class="bc-d3">
-                <channelDistribution v-if="!$slots['skeleton']"></channelDistribution>
-                <channelDistributionStoken slot="skeleton" v-else></channelDistributionStoken>
-                <keyMediaCommunicationComparison v-if="!$slots['skeleton']"></keyMediaCommunicationComparison>
-                <keyMediaCommunicationComparisonStoken slot="skeleton" v-else></keyMediaCommunicationComparisonStoken>
+                <vue-lazy-component>
+                <channelDistribution></channelDistribution>
+                <channelDistributionStoken slot="skeleton"></channelDistributionStoken>
+                </vue-lazy-component>
+                <vue-lazy-component>
+                <keyMediaCommunicationComparison></keyMediaCommunicationComparison>
+                <keyMediaCommunicationComparisonStoken slot="skeleton"></keyMediaCommunicationComparisonStoken>
+                </vue-lazy-component>
             </div>
-            <brandCommunicationTOPMedia v-if="!$slots['skeleton']"></brandCommunicationTOPMedia>
-            <brandCommunicationTOPMediaStoken slot="skeleton" v-else></brandCommunicationTOPMediaStoken>
-            <overallWordCloudComparison v-if="!$slots['skeleton']"></overallWordCloudComparison>
-            <overallWordCloudComparisonStoken slot="skeleton" v-else></overallWordCloudComparisonStoken>
-            <brandEventComparison v-if="!$slots['skeleton']"></brandEventComparison>
-            <brandEventComparisonStoken slot="skeleton" v-else></brandEventComparisonStoken>
+            <vue-lazy-component>
+            <brandCommunicationTOPMedia></brandCommunicationTOPMedia>
+            <brandCommunicationTOPMediaStoken slot="skeleton"></brandCommunicationTOPMediaStoken>
+            </vue-lazy-component>
+            <vue-lazy-component>
+            <overallWordCloudComparison></overallWordCloudComparison>
+            <overallWordCloudComparisonStoken slot="skeleton"></overallWordCloudComparisonStoken>
+            </vue-lazy-component>
+            <vue-lazy-component>
+            <brandEventComparison></brandEventComparison>
+            <brandEventComparisonStoken slot="skeleton"></brandEventComparisonStoken>
+            </vue-lazy-component>
             <div class="bc-d4">
                 <v-label-div title="车型微博对比"></v-label-div>
                 <div class="bc-d4-d1">
-                    <comparisonOfWeiboInformation v-if="!$slots['skeleton']"></comparisonOfWeiboInformation>
-                    <comparisonOfWeiboInformationStoken slot="skeleton" v-else></comparisonOfWeiboInformationStoken>
-                    <comparisonOfTheNumberOfWeiboInteractions v-if="!$slots['skeleton']"></comparisonOfTheNumberOfWeiboInteractions>
-                    <comparisonOfTheNumberOfWeiboInteractionsStoken slot="skeleton" v-else></comparisonOfTheNumberOfWeiboInteractionsStoken>
-                    <weiboBigVComparison v-if="!$slots['skeleton']"></weiboBigVComparison>
-                    <weiboBigVComparisonStoken slot="skeleton" v-else></weiboBigVComparisonStoken>
+                    <vue-lazy-component>
+                    <comparisonOfWeiboInformation></comparisonOfWeiboInformation>
+                    <comparisonOfWeiboInformationStoken slot="skeleton"></comparisonOfWeiboInformationStoken>
+                    </vue-lazy-component>
+                    <vue-lazy-component>
+                    <comparisonOfTheNumberOfWeiboInteractions></comparisonOfTheNumberOfWeiboInteractions>
+                    <comparisonOfTheNumberOfWeiboInteractionsStoken slot="skeleton"></comparisonOfTheNumberOfWeiboInteractionsStoken>
+                    </vue-lazy-component>
+                    <vue-lazy-component>
+                    <weiboBigVComparison></weiboBigVComparison>
+                    <weiboBigVComparisonStoken slot="skeleton"></weiboBigVComparisonStoken>
+                    </vue-lazy-component>
                 </div>
-                <weiboTuneComparison v-if="!$slots['skeleton']"></weiboTuneComparison>
-                <weiboTuneComparisonStoken slot="skeleton" v-else></weiboTuneComparisonStoken>
-                <weiboContentDirectionComparison v-if="!$slots['skeleton']"></weiboContentDirectionComparison>
-                <weiboContentDirectionComparisonStoken slot="skeleton" v-else></weiboContentDirectionComparisonStoken>
+                <vue-lazy-component>
+                <weiboTuneComparison></weiboTuneComparison>
+                <weiboTuneComparisonStoken slot="skeleton"></weiboTuneComparisonStoken>
+                </vue-lazy-component>
+                <vue-lazy-component>
+                <weiboContentDirectionComparison></weiboContentDirectionComparison>
+                <weiboContentDirectionComparisonStoken slot="skeleton"></weiboContentDirectionComparisonStoken>
+                </vue-lazy-component>
                 <div class="bc-d4-d2">
-                    <userAreaDistribution v-if="!$slots['skeleton']"></userAreaDistribution>
-                    <userAreaDistributionStoken slot="skeleton" v-else></userAreaDistributionStoken>
-                    <weiboUserPortrait v-if="!$slots['skeleton']"></weiboUserPortrait>
-                    <weiboUserPortraitStoken slot="skeleton" v-else></weiboUserPortraitStoken>
+                    <vue-lazy-component>
+                    <userAreaDistribution></userAreaDistribution>
+                    <userAreaDistributionStoken slot="skeleton"></userAreaDistributionStoken>
+                    </vue-lazy-component>
+                    <vue-lazy-component>
+                    <weiboUserPortrait></weiboUserPortrait>
+                    <weiboUserPortraitStoken slot="skeleton"></weiboUserPortraitStoken>
+                    </vue-lazy-component>
                 </div>
             </div>
             <div class="bc-d5">
                 <v-label-div title="车型论坛对比"></v-label-div>
                 <div class="bc-d5-dd1">
-                    <summaryAndComparisonOfForumInformation v-if="!$slots['skeleton']"></summaryAndComparisonOfForumInformation>
-                    <summaryAndComparisonOfForumInformationStoken slot="skeleton" v-else></summaryAndComparisonOfForumInformationStoken>
-                    <comparisonOfForumPostingTrends v-if="!$slots['skeleton']"></comparisonOfForumPostingTrends>
-                    <comparisonOfForumPostingTrendsStoken slot="skeleton" v-else></comparisonOfForumPostingTrendsStoken>
+                    <vue-lazy-component>
+                    <summaryAndComparisonOfForumInformation></summaryAndComparisonOfForumInformation>
+                    <summaryAndComparisonOfForumInformationStoken slot="skeleton"></summaryAndComparisonOfForumInformationStoken>
+                    </vue-lazy-component>
+                    <vue-lazy-component>
+                    <comparisonOfForumPostingTrends></comparisonOfForumPostingTrends>
+                    <comparisonOfForumPostingTrendsStoken slot="skeleton"></comparisonOfForumPostingTrendsStoken>
+                    </vue-lazy-component>
                 </div>
-                 <forumTonalComparison v-if="!$slots['skeleton']"></forumTonalComparison>
-                 <forumTonalComparisonStoken slot="skeleton" v-else></forumTonalComparisonStoken>
-                 <comparisonOfPositiveTopicsInTheForum v-if="!$slots['skeleton']"></comparisonOfPositiveTopicsInTheForum>
-                 <comparisonOfPositiveTopicsInTheForumStoken slot="skeleton" v-else></comparisonOfPositiveTopicsInTheForumStoken>
-                 <comparisonOfNegativeTopicsInForums v-if="!$slots['skeleton']"></comparisonOfNegativeTopicsInForums>
-                 <comparisonOfNegativeTopicsInForumsStoken slot="skeleton" v-else></comparisonOfNegativeTopicsInForumsStoken>
+                 <vue-lazy-component>
+                 <forumTonalComparison></forumTonalComparison>
+                 <forumTonalComparisonStoken slot="skeleton"></forumTonalComparisonStoken>
+                 </vue-lazy-component>
+                 <vue-lazy-component>
+                 <comparisonOfPositiveTopicsInTheForum></comparisonOfPositiveTopicsInTheForum>
+                 <comparisonOfPositiveTopicsInTheForumStoken slot="skeleton"></comparisonOfPositiveTopicsInTheForumStoken>
+                 </vue-lazy-component>
+                 <vue-lazy-component>
+                 <comparisonOfNegativeTopicsInForums></comparisonOfNegativeTopicsInForums>
+                 <comparisonOfNegativeTopicsInForumsStoken slot="skeleton"></comparisonOfNegativeTopicsInForumsStoken>
+                 </vue-lazy-component>
             </div>
             <div class="bc-d6">
                <v-label-div title="车型尾翼对比"></v-label-div> 
                 <div class="bc-d6-dd1">
-                    <brandRearWingComparison v-if="!$slots['skeleton']"></brandRearWingComparison>
-                    <brandRearWingComparisonStoken slot="skeleton" v-else></brandRearWingComparisonStoken>
+                    <vue-lazy-component>
+                    <brandRearWingComparison></brandRearWingComparison>
+                    <brandRearWingComparisonStoken slot="skeleton"></brandRearWingComparisonStoken>
+                    </vue-lazy-component>
                     <!-- <informationVolumeByChannel v-if="!$slots['skeleton']"></informationVolumeByChannel>
                     <informationVolumeByChannelStoken slot="skeleton" v-else></informationVolumeByChannelStoken> -->
                 </div>
-                <tailTOPMedia v-if="!$slots['skeleton']"></tailTOPMedia>
-                <tailTOPMediaStoken slot="skeleton" v-else></tailTOPMediaStoken>
+                <vue-lazy-component>
+                <tailTOPMedia></tailTOPMedia>
+                <tailTOPMediaStoken slot="skeleton"></tailTOPMediaStoken>
+                </vue-lazy-component>
             </div>
 
         </div>
diff --git a/src/views/ModelComparison/brandCompateHeaderStoken/index.vue b/src/views/ModelComparison/brandCompateHeaderStoken/index.vue
index fd30a56..209371a 100644
--- a/src/views/ModelComparison/brandCompateHeaderStoken/index.vue
+++ b/src/views/ModelComparison/brandCompateHeaderStoken/index.vue
@@ -7,29 +7,7 @@
  * @FilePath: /data-show/src/views/MarketingComparison/mcChooseModel/index.vue
 -->
 <template>
-    <div class="mccm-outter">
-        <v-label-div title="切换车型">
-            <!-- <a-button style="margin-right: 1rem" :loading="btnLoading" @click="handlerExport" v-if="getMComparison.length > 0" v-has="'btn_model_c_toppt'">导出报告</a-button> -->
-            <v-btn @click="goback">返回洞察详情</v-btn>
-        </v-label-div>
-        <div class="mccm-inner">
-            <template v-for="(item,index) in list">
-                <div :key="index" style="display: flex;justify-content: flex-start;">
-                    <div class="mccm-item" style="margin-left: 1rem">
-                        <div class="mc-t">
-                            <div class="m-t-d1">{{item.brand|doStr(4)}}</div>
-                            <span class="m-t-s1">{{item.model|doStr(10)}}</span>
-                        </div>
-                        <div class="m-t-btn" @click="handlerDel(index)" v-if="item.isDel">删除</div>
-                        <div class="m-t-btn" @click="handlerChoose(index)" v-else>切换车型</div>
-                    </div>
-                    <img v-if="index < list.length -1" class="mccm-vs" src="../../../assets/images/comm/img_vs.png">
-                </div>
-            </template>
-
-        </div>
-        <iSwitchModel :brand="brand" :model="model" :visible.sync="modelShow" @change="handlerBrand"></iSwitchModel>
-    </div>
+    <div></div>
 </template>
 
 <script>
diff --git a/src/views/ModelComparison/userAreaDistributionStoken/index.vue b/src/views/ModelComparison/userAreaDistributionStoken/index.vue
index cf1c40b..241d51b 100644
--- a/src/views/ModelComparison/userAreaDistributionStoken/index.vue
+++ b/src/views/ModelComparison/userAreaDistributionStoken/index.vue
@@ -7,19 +7,7 @@
  * @FilePath: /data-show/src/views/WeiboDetails/weiboUserActiveArea/index.vue
 -->
 <template>
-    <div class="wua-outter">
-        <v-label-div title="用户区域分布" :showLine="false" :eStyle="{ 'border-style': 'none' }">
-            <v-tab-group :btns="tabs" @change="handlerTab"></v-tab-group>
-        </v-label-div>
-        <div class="wua-inner">
-            <div class="d1">
-                <!-- <v-echarts :opt="opt1"></v-echarts> -->
-            </div>
-            <div class="d2">
-                <!-- <v-echars-map :opt="opt2"></v-echars-map> -->
-            </div>
-        </div>
-    </div>
+    <div></div>
 </template>
 
 <script>
diff --git a/src/views/ModelComparison/weiboUserPortraitStoken/index.vue b/src/views/ModelComparison/weiboUserPortraitStoken/index.vue
index b19531a..9b3caa1 100644
--- a/src/views/ModelComparison/weiboUserPortraitStoken/index.vue
+++ b/src/views/ModelComparison/weiboUserPortraitStoken/index.vue
@@ -7,31 +7,7 @@
  * @FilePath: /data-show/src/views/BrandComparison/weiboUserPortrait/index.vue
 -->
 <template>
-    <div class="wup-outter">
-        <v-label-div title="微博用户画像" :showLine="false" :eStyle="{'border-style': 'none'}">
-            <v-tab-group :btns="tabs" @change="handlerTab"></v-tab-group>
-        </v-label-div>
-        <div class="wup-inner">
-            <div class="d1">
-                <div class="dd1">
-                    <!-- <v-echarts :opt="opt1"></v-echarts> -->
-                </div>
-                <div class="dd2">
-                    <v-label-ctx v-for="(item,index) in sexArr" :key="index" :label="item.key" :color="item.color" :cont="item.value" :percentage="(item.value / total1 * 100).toFixed(2) +'%'" :eStyle="{ height: '7.7rem' }"></v-label-ctx>
-                </div>
-            </div>
-            <div class="d1">
-                <div class="dd1">
-                    <!-- <v-echarts :opt="opt2">
-                        <v-echarts :opt="opt2"></v-echarts>
-                    </v-echarts> -->
-                </div>
-                <div class="dd2" style="margin-right: 16px">
-                    <v-label-ctx v-for="(item,index) in attArr" :key="index" :label="item.key" :color="item.color" :cont="item.value" :percentage="(item.value / total1 * 100).toFixed(2) +'%'" :eStyle="{ height: '7.7rem' }"></v-label-ctx>
-                </div>
-            </div>
-        </div>
-    </div>
+    <div></div>
 </template>
 
 <script>