yunyang
/
carInsightSystem
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

骨架屏

Browse Source
prod
张雄 3 years ago
parent 38bec2aac6
commit 2c9a5cde0d
13 changed files with 217 additions and 249 deletions
Show Stats Download Patch File Download Diff File

15
package-lock.json generated
Unescape View File

@ -15,6 +15,7 @@
"compression-webpack-plugin": "^9.0.0", "compression-webpack-plugin": "^9.0.0",
"core-js": "^3.6.5", "core-js": "^3.6.5",
"echarts": "^5.2.1", "echarts": "^5.2.1",
"echarts-wordcloud": "^2.0.0",
"less": "^4.1.2", "less": "^4.1.2",
"less-loader": "^5.0.0", "less-loader": "^5.0.0",
"moment": "^2.29.1", "moment": "^2.29.1",
@ -5417,6 +5418,14 @@
"zrender": "5.2.1" "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": { "node_modules/echarts/node_modules/tslib": {
"version": "2.3.0", "version": "2.3.0",
"license": "0BSD" "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": { "ee-first": {
"version": "1.1.1", "version": "1.1.1",
"dev": true "dev": true

1
package.json
Unescape View File

@ -15,6 +15,7 @@
"compression-webpack-plugin": "^9.0.0", "compression-webpack-plugin": "^9.0.0",
"core-js": "^3.6.5", "core-js": "^3.6.5",
"echarts": "^5.2.1", "echarts": "^5.2.1",
"echarts-wordcloud": "^2.0.0",
"less": "^4.1.2", "less": "^4.1.2",
"less-loader": "^5.0.0", "less-loader": "^5.0.0",
"moment": "^2.29.1", "moment": "^2.29.1",

2
src/lycomponents/iHeaderBrand/index.vue
Unescape View File

@ -30,7 +30,7 @@
</a-select-option> </a-select-option>
</a-select> </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-icon slot="suffixIcon" type="calendar" />
</a-range-picker> </a-range-picker>

150
src/views/BrandComparison/BrandComparison.vue
Unescape View File

@ -21,93 +21,131 @@
<brandCompateHeader :data="getBComparison" @change="handlerChangeBrand" v-if="!$slots['skeleton']"></brandCompateHeader> <brandCompateHeader :data="getBComparison" @change="handlerChangeBrand" v-if="!$slots['skeleton']"></brandCompateHeader>
<brandCompateHeaderStoken slot="skeleton" v-else></brandCompateHeaderStoken> <brandCompateHeaderStoken slot="skeleton" v-else></brandCompateHeaderStoken>
</vue-lazy-component> </vue-lazy-component>
<vue-lazy-component>
<div class="bc-d2"> <div class="bc-d2">
<informationTrend v-if="!$slots['skeleton']"></informationTrend> <vue-lazy-component>
<informationTrendStoken slot="skeleton" v-else></informationTrendStoken> <informationTrend></informationTrend>
<overallInformation v-if="!$slots['skeleton']"></overallInformation> <informationTrendStoken slot="skeleton"></informationTrendStoken>
<overallInformationStoken slot="skeleton" v-else></overallInformationStoken> </vue-lazy-component>
<overallNumberOfInteractions v-if="!$slots['skeleton']"></overallNumberOfInteractions> <vue-lazy-component>
<overallNumberOfInteractionsStoken slot="skeleton" v-else></overallNumberOfInteractionsStoken> <overallInformation></overallInformation>
<overallInformationStoken slot="skeleton"></overallInformationStoken>
</vue-lazy-component>
<vue-lazy-component>
<overallNumberOfInteractions></overallNumberOfInteractions>
<overallNumberOfInteractionsStoken slot="skeleton"></overallNumberOfInteractionsStoken>
</vue-lazy-component>
</div> </div>
</vue-lazy-component>
<vue-lazy-component> <vue-lazy-component>
<brandTonalDistribution v-if="!$slots['skeleton']"></brandTonalDistribution> <brandTonalDistribution></brandTonalDistribution>
<brandTonalDistributionStoken slot="skeleton" v-else></brandTonalDistributionStoken> <brandTonalDistributionStoken slot="skeleton"></brandTonalDistributionStoken>
</vue-lazy-component> </vue-lazy-component>
<vue-lazy-component>
<div class="bc-d3"> <div class="bc-d3">
<channelDistribution v-if="!$slots['skeleton']"></channelDistribution> <vue-lazy-component>
<channelDistributionStoken slot="skeleton" v-else></channelDistributionStoken> <channelDistribution></channelDistribution>
<keyMediaCommunicationComparison v-if="!$slots['skeleton']"></keyMediaCommunicationComparison> <channelDistributionStoken slot="skeleton"></channelDistributionStoken>
<keyMediaCommunicationComparisonStoken slot="skeleton" v-else></keyMediaCommunicationComparisonStoken> </vue-lazy-component>
<vue-lazy-component>
<keyMediaCommunicationComparison></keyMediaCommunicationComparison>
<keyMediaCommunicationComparisonStoken slot="skeleton"></keyMediaCommunicationComparisonStoken>
</vue-lazy-component>
</div> </div>
</vue-lazy-component>
<vue-lazy-component> <vue-lazy-component>
<brandCommunicationTOPMedia v-if="!$slots['skeleton']"></brandCommunicationTOPMedia> <brandCommunicationTOPMedia></brandCommunicationTOPMedia>
<brandCommunicationTOPMediaStoken slot="skeleton" v-else></brandCommunicationTOPMediaStoken> <brandCommunicationTOPMediaStoken slot="skeleton"></brandCommunicationTOPMediaStoken>
</vue-lazy-component> </vue-lazy-component>
<vue-lazy-component> <vue-lazy-component>
<overallWordCloudComparison v-if="!$slots['skeleton']"></overallWordCloudComparison> <overallWordCloudComparison></overallWordCloudComparison>
<overallWordCloudComparisonStoken slot="skeleton" v-else></overallWordCloudComparisonStoken> <overallWordCloudComparisonStoken slot="skeleton"></overallWordCloudComparisonStoken>
</vue-lazy-component> </vue-lazy-component>
<vue-lazy-component> <vue-lazy-component>
<brandEventComparison v-if="!$slots['skeleton']"></brandEventComparison> <brandEventComparison></brandEventComparison>
<brandEventComparisonStoken slot="skeleton" v-else></brandEventComparisonStoken> <brandEventComparisonStoken slot="skeleton"></brandEventComparisonStoken>
</vue-lazy-component> </vue-lazy-component>
<vue-lazy-component>
<div class="bc-d4"> <div class="bc-d4">
<v-label-div title="品牌微博对比"></v-label-div> <v-label-div title="品牌微博对比"></v-label-div>
<div class="bc-d4-d1"> <div class="bc-d4-d1">
<comparisonOfWeiboInformation v-if="!$slots['skeleton']"></comparisonOfWeiboInformation> <vue-lazy-component>
<comparisonOfWeiboInformationStoken slot="skeleton" v-else></comparisonOfWeiboInformationStoken> <comparisonOfWeiboInformation></comparisonOfWeiboInformation>
<comparisonOfTheNumberOfWeiboInteractions v-if="!$slots['skeleton']"></comparisonOfTheNumberOfWeiboInteractions> <comparisonOfWeiboInformationStoken slot="skeleton"></comparisonOfWeiboInformationStoken>
<comparisonOfTheNumberOfWeiboInteractionsStoken slot="skeleton" v-else></comparisonOfTheNumberOfWeiboInteractionsStoken> </vue-lazy-component>
<weiboBigVComparison v-if="!$slots['skeleton']"></weiboBigVComparison> <vue-lazy-component>
<weiboBigVComparisonStoken slot="skeleton" v-else></weiboBigVComparisonStoken> <comparisonOfTheNumberOfWeiboInteractions></comparisonOfTheNumberOfWeiboInteractions>
<comparisonOfTheNumberOfWeiboInteractionsStoken slot="skeleton"></comparisonOfTheNumberOfWeiboInteractionsStoken>
</vue-lazy-component>
<vue-lazy-component>
<weiboBigVComparison></weiboBigVComparison>
<weiboBigVComparisonStoken slot="skeleton"></weiboBigVComparisonStoken>
</vue-lazy-component>
</div> </div>
<weiboTuneComparison v-if="!$slots['skeleton']"></weiboTuneComparison> <vue-lazy-component>
<weiboTuneComparisonStoken slot="skeleton" v-else></weiboTuneComparisonStoken> <weiboTuneComparison></weiboTuneComparison>
<weiboContentDirectionComparison v-if="!$slots['skeleton']"></weiboContentDirectionComparison> <weiboTuneComparisonStoken slot="skeleton"></weiboTuneComparisonStoken>
<weiboContentDirectionComparisonStoken slot="skeleton" v-else></weiboContentDirectionComparisonStoken> </vue-lazy-component>
<vue-lazy-component>
<weiboContentDirectionComparison></weiboContentDirectionComparison>
<weiboContentDirectionComparisonStoken slot="skeleton"></weiboContentDirectionComparisonStoken>
</vue-lazy-component>
<div class="bc-d4-d2"> <div class="bc-d4-d2">
<userAreaDistribution v-if="!$slots['skeleton']"></userAreaDistribution> <vue-lazy-component>
<userAreaDistributionStoken slot="skeleton" v-else></userAreaDistributionStoken> <userAreaDistribution></userAreaDistribution>
<weiboUserPortrait v-if="!$slots['skeleton']"></weiboUserPortrait> <userAreaDistributionStoken slot="skeleton"></userAreaDistributionStoken>
<weiboUserPortraitStoken slot="skeleton" v-else></weiboUserPortraitStoken> </vue-lazy-component>
<vue-lazy-component>
<weiboUserPortrait></weiboUserPortrait>
<weiboUserPortraitStoken slot="skeleton"></weiboUserPortraitStoken>
</vue-lazy-component>
</div> </div>
</div> </div>
</vue-lazy-component>
<vue-lazy-component>
<div class="bc-d5"> <div class="bc-d5">
<v-label-div title="品牌论坛对比"></v-label-div> <v-label-div title="品牌论坛对比"></v-label-div>
<div class="bc-d5-dd1"> <div class="bc-d5-dd1">
<summaryAndComparisonOfForumInformation v-if="!$slots['skeleton']"></summaryAndComparisonOfForumInformation> <vue-lazy-component>
<summaryAndComparisonOfForumInformationStoken slot="skeleton" v-else></summaryAndComparisonOfForumInformationStoken> <summaryAndComparisonOfForumInformation></summaryAndComparisonOfForumInformation>
<comparisonOfForumPostingTrends v-if="!$slots['skeleton']"></comparisonOfForumPostingTrends> <summaryAndComparisonOfForumInformationStoken slot="skeleton"></summaryAndComparisonOfForumInformationStoken>
<comparisonOfForumPostingTrendsStoken slot="skeleton" v-else></comparisonOfForumPostingTrendsStoken> </vue-lazy-component>
<vue-lazy-component>
<comparisonOfForumPostingTrends></comparisonOfForumPostingTrends>
<comparisonOfForumPostingTrendsStoken slot="skeleton"></comparisonOfForumPostingTrendsStoken>
</vue-lazy-component>
</div> </div>
<forumTonalComparison v-if="!$slots['skeleton']"></forumTonalComparison> <vue-lazy-component>
<forumTonalComparisonStoken slot="skeleton" v-else></forumTonalComparisonStoken> <forumTonalComparison></forumTonalComparison>
<comparisonOfPositiveTopicsInTheForum v-if="!$slots['skeleton']"></comparisonOfPositiveTopicsInTheForum> <forumTonalComparisonStoken slot="skeleton"></forumTonalComparisonStoken>
<comparisonOfPositiveTopicsInTheForumStoken slot="skeleton" v-else></comparisonOfPositiveTopicsInTheForumStoken> </vue-lazy-component>
<comparisonOfNegativeTopicsInForums v-if="!$slots['skeleton']"></comparisonOfNegativeTopicsInForums> <vue-lazy-component>
<comparisonOfNegativeTopicsInForumsStoken slot="skeleton" v-else></comparisonOfNegativeTopicsInForumsStoken> <comparisonOfPositiveTopicsInTheForum></comparisonOfPositiveTopicsInTheForum>
<comparisonOfPositiveTopicsInTheForumStoken slot="skeleton"></comparisonOfPositiveTopicsInTheForumStoken>
</vue-lazy-component>
<vue-lazy-component>
<comparisonOfNegativeTopicsInForums></comparisonOfNegativeTopicsInForums>
<comparisonOfNegativeTopicsInForumsStoken slot="skeleton"></comparisonOfNegativeTopicsInForumsStoken>
</vue-lazy-component>
</div> </div>
</vue-lazy-component>
<vue-lazy-component>
<div class="bc-d6"> <div class="bc-d6">
<v-label-div title="品牌尾翼对比"></v-label-div> <v-label-div title="品牌尾翼对比"></v-label-div>
<div class="bc-d6-dd1"> <div class="bc-d6-dd1">
<brandRearWingComparison v-if="!$slots['skeleton']"></brandRearWingComparison> <vue-lazy-component>
<brandRearWingComparisonStoken slot="skeleton" v-else></brandRearWingComparisonStoken> <brandRearWingComparison></brandRearWingComparison>
<brandRearWingComparisonStoken slot="skeleton"></brandRearWingComparisonStoken>
</vue-lazy-component>
<!-- <informationVolumeByChannel v-if="!$slots['skeleton']"></informationVolumeByChannel> <!-- <informationVolumeByChannel v-if="!$slots['skeleton']"></informationVolumeByChannel>
<informationVolumeByChannelStoken slot="skeleton" v-else></informationVolumeByChannelStoken> --> <informationVolumeByChannelStoken slot="skeleton" v-else></informationVolumeByChannelStoken> -->
</div> </div>
<tailTOPMedia v-if="!$slots['skeleton']"></tailTOPMedia> <vue-lazy-component>
<tailTOPMediaStoken slot="skeleton" v-else></tailTOPMediaStoken> <tailTOPMedia></tailTOPMedia>
<tailTOPMediaStoken slot="skeleton"></tailTOPMediaStoken>
</vue-lazy-component>
</div> </div>
</vue-lazy-component>
</div> </div>
</div> </div>
</template> </template>

23
src/views/BrandComparison/brandEventComparisonStoken/index.vue
Unescape View File

@ -7,28 +7,7 @@
* @FilePath: /data-show/src/views/BrandComparison/brandEventComparison/index.vue * @FilePath: /data-show/src/views/BrandComparison/brandEventComparison/index.vue
--> -->
<template> <template>
<div class="bec-outter"> <div></div>
<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>
</template> </template>
<script> <script>

11
src/views/BrandComparison/comparisonOfTheNumberOfWeiboInteractionsStoken/index.vue
Unescape View File

@ -7,16 +7,7 @@
* @FilePath: /data-show/src/views/BrandComparison/comparisonOfTheNumberOfWeiboInteractions/index.vue * @FilePath: /data-show/src/views/BrandComparison/comparisonOfTheNumberOfWeiboInteractions/index.vue
--> -->
<template> <template>
<div class="cotn-outter" v-loading="load"> <div></div>
<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>
</template> </template>
<script> <script>

6
src/views/BrandComparison/comparisonOfWeiboInformationStoken/index.vue
Unescape View File

@ -14,7 +14,7 @@
:eStyle="{ 'border-style': 'none' }" :eStyle="{ 'border-style': 'none' }"
></v-label-div> ></v-label-div>
<div class="cowi-inner"> <div class="cowi-inner">
<v-echarts :opt="opt"></v-echarts> <v-echarts></v-echarts>
</div> </div>
</div> </div>
</template> </template>
@ -29,9 +29,7 @@ export default {
form: { form: {
token: "", token: "",
sBrand: "", sBrand: "",
}, }
load: false,
opt: {}
}; };
}, },
// created() { // created() {

4
src/views/BrandComparison/userAreaDistributionStoken/index.vue
Unescape View File

@ -7,13 +7,13 @@
* @FilePath: /data-show/src/views/WeiboDetails/weiboUserActiveArea/index.vue * @FilePath: /data-show/src/views/WeiboDetails/weiboUserActiveArea/index.vue
--> -->
<template> <template>
<div class="wua-outter" v-loading="load"> <div class="wua-outter">
<v-label-div <v-label-div
title="用户区域分布" title="用户区域分布"
:showLine="false" :showLine="false"
:eStyle="{ 'border-style': 'none' }" :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> </v-label-div>
<div class="wua-inner"> <div class="wua-inner">
<div class="d1"> <div class="d1">

46
src/views/BrandComparison/weiboUserPortraitStoken/index.vue
Unescape View File

@ -7,50 +7,7 @@
* @FilePath: /data-show/src/views/BrandComparison/weiboUserPortrait/index.vue * @FilePath: /data-show/src/views/BrandComparison/weiboUserPortrait/index.vue
--> -->
<template> <template>
<div class="wup-outter"> <div></div>
<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>
</template> </template>
<script> <script>
@ -65,7 +22,6 @@ export default {
token: "", token: "",
sBrand: "", sBrand: "",
}, },
load: false,
// opt1: {}, // opt1: {},
// opt2: {}, // opt2: {},
// sourceData: [], // sourceData: [],

144
src/views/ModelComparison/BrandComparison.vue
Unescape View File

@ -17,76 +17,124 @@
<template> <template>
<div class="d-container"> <div class="d-container">
<div class="bc-outter"> <div class="bc-outter">
<brandCompateHeader :data="getMComparison" @change="handlerChangeBrand" v-if="!$slots['skeleton']"></brandCompateHeader> <vue-lazy-component>
<brandCompateHeaderStoken slot="skeleton" v-else></brandCompateHeaderStoken> <brandCompateHeader :data="getMComparison" @change="handlerChangeBrand"></brandCompateHeader>
<brandCompateHeaderStoken slot="skeleton"></brandCompateHeaderStoken>
</vue-lazy-component>
<div class="bc-d2"> <div class="bc-d2">
<informationTrend v-if="!$slots['skeleton']"></informationTrend> <vue-lazy-component>
<informationTrendStoken slot="skeleton" v-else></informationTrendStoken> <informationTrend></informationTrend>
<overallInformation v-if="!$slots['skeleton']"></overallInformation> <informationTrendStoken slot="skeleton"></informationTrendStoken>
<overallInformationStoken slot="skeleton" v-else></overallInformationStoken> </vue-lazy-component>
<overallNumberOfInteractions v-if="!$slots['skeleton']"></overallNumberOfInteractions> <vue-lazy-component>
<overallNumberOfInteractionsStoken slot="skeleton" v-else></overallNumberOfInteractionsStoken> <overallInformation></overallInformation>
<overallInformationStoken slot="skeleton"></overallInformationStoken>
</vue-lazy-component>
<vue-lazy-component>
<overallNumberOfInteractions></overallNumberOfInteractions>
<overallNumberOfInteractionsStoken slot="skeleton"></overallNumberOfInteractionsStoken>
</vue-lazy-component>
</div> </div>
<brandTonalDistribution v-if="!$slots['skeleton']"></brandTonalDistribution> <vue-lazy-component>
<brandTonalDistributionStoken slot="skeleton" v-else></brandTonalDistributionStoken> <brandTonalDistribution></brandTonalDistribution>
<brandTonalDistributionStoken slot="skeleton"></brandTonalDistributionStoken>
</vue-lazy-component>
<div class="bc-d3"> <div class="bc-d3">
<channelDistribution v-if="!$slots['skeleton']"></channelDistribution> <vue-lazy-component>
<channelDistributionStoken slot="skeleton" v-else></channelDistributionStoken> <channelDistribution></channelDistribution>
<keyMediaCommunicationComparison v-if="!$slots['skeleton']"></keyMediaCommunicationComparison> <channelDistributionStoken slot="skeleton"></channelDistributionStoken>
<keyMediaCommunicationComparisonStoken slot="skeleton" v-else></keyMediaCommunicationComparisonStoken> </vue-lazy-component>
<vue-lazy-component>
<keyMediaCommunicationComparison></keyMediaCommunicationComparison>
<keyMediaCommunicationComparisonStoken slot="skeleton"></keyMediaCommunicationComparisonStoken>
</vue-lazy-component>
</div> </div>
<brandCommunicationTOPMedia v-if="!$slots['skeleton']"></brandCommunicationTOPMedia> <vue-lazy-component>
<brandCommunicationTOPMediaStoken slot="skeleton" v-else></brandCommunicationTOPMediaStoken> <brandCommunicationTOPMedia></brandCommunicationTOPMedia>
<overallWordCloudComparison v-if="!$slots['skeleton']"></overallWordCloudComparison> <brandCommunicationTOPMediaStoken slot="skeleton"></brandCommunicationTOPMediaStoken>
<overallWordCloudComparisonStoken slot="skeleton" v-else></overallWordCloudComparisonStoken> </vue-lazy-component>
<brandEventComparison v-if="!$slots['skeleton']"></brandEventComparison> <vue-lazy-component>
<brandEventComparisonStoken slot="skeleton" v-else></brandEventComparisonStoken> <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"> <div class="bc-d4">
<v-label-div title="车型微博对比"></v-label-div> <v-label-div title="车型微博对比"></v-label-div>
<div class="bc-d4-d1"> <div class="bc-d4-d1">
<comparisonOfWeiboInformation v-if="!$slots['skeleton']"></comparisonOfWeiboInformation> <vue-lazy-component>
<comparisonOfWeiboInformationStoken slot="skeleton" v-else></comparisonOfWeiboInformationStoken> <comparisonOfWeiboInformation></comparisonOfWeiboInformation>
<comparisonOfTheNumberOfWeiboInteractions v-if="!$slots['skeleton']"></comparisonOfTheNumberOfWeiboInteractions> <comparisonOfWeiboInformationStoken slot="skeleton"></comparisonOfWeiboInformationStoken>
<comparisonOfTheNumberOfWeiboInteractionsStoken slot="skeleton" v-else></comparisonOfTheNumberOfWeiboInteractionsStoken> </vue-lazy-component>
<weiboBigVComparison v-if="!$slots['skeleton']"></weiboBigVComparison> <vue-lazy-component>
<weiboBigVComparisonStoken slot="skeleton" v-else></weiboBigVComparisonStoken> <comparisonOfTheNumberOfWeiboInteractions></comparisonOfTheNumberOfWeiboInteractions>
<comparisonOfTheNumberOfWeiboInteractionsStoken slot="skeleton"></comparisonOfTheNumberOfWeiboInteractionsStoken>
</vue-lazy-component>
<vue-lazy-component>
<weiboBigVComparison></weiboBigVComparison>
<weiboBigVComparisonStoken slot="skeleton"></weiboBigVComparisonStoken>
</vue-lazy-component>
</div> </div>
<weiboTuneComparison v-if="!$slots['skeleton']"></weiboTuneComparison> <vue-lazy-component>
<weiboTuneComparisonStoken slot="skeleton" v-else></weiboTuneComparisonStoken> <weiboTuneComparison></weiboTuneComparison>
<weiboContentDirectionComparison v-if="!$slots['skeleton']"></weiboContentDirectionComparison> <weiboTuneComparisonStoken slot="skeleton"></weiboTuneComparisonStoken>
<weiboContentDirectionComparisonStoken slot="skeleton" v-else></weiboContentDirectionComparisonStoken> </vue-lazy-component>
<vue-lazy-component>
<weiboContentDirectionComparison></weiboContentDirectionComparison>
<weiboContentDirectionComparisonStoken slot="skeleton"></weiboContentDirectionComparisonStoken>
</vue-lazy-component>
<div class="bc-d4-d2"> <div class="bc-d4-d2">
<userAreaDistribution v-if="!$slots['skeleton']"></userAreaDistribution> <vue-lazy-component>
<userAreaDistributionStoken slot="skeleton" v-else></userAreaDistributionStoken> <userAreaDistribution></userAreaDistribution>
<weiboUserPortrait v-if="!$slots['skeleton']"></weiboUserPortrait> <userAreaDistributionStoken slot="skeleton"></userAreaDistributionStoken>
<weiboUserPortraitStoken slot="skeleton" v-else></weiboUserPortraitStoken> </vue-lazy-component>
<vue-lazy-component>
<weiboUserPortrait></weiboUserPortrait>
<weiboUserPortraitStoken slot="skeleton"></weiboUserPortraitStoken>
</vue-lazy-component>
</div> </div>
</div> </div>
<div class="bc-d5"> <div class="bc-d5">
<v-label-div title="车型论坛对比"></v-label-div> <v-label-div title="车型论坛对比"></v-label-div>
<div class="bc-d5-dd1"> <div class="bc-d5-dd1">
<summaryAndComparisonOfForumInformation v-if="!$slots['skeleton']"></summaryAndComparisonOfForumInformation> <vue-lazy-component>
<summaryAndComparisonOfForumInformationStoken slot="skeleton" v-else></summaryAndComparisonOfForumInformationStoken> <summaryAndComparisonOfForumInformation></summaryAndComparisonOfForumInformation>
<comparisonOfForumPostingTrends v-if="!$slots['skeleton']"></comparisonOfForumPostingTrends> <summaryAndComparisonOfForumInformationStoken slot="skeleton"></summaryAndComparisonOfForumInformationStoken>
<comparisonOfForumPostingTrendsStoken slot="skeleton" v-else></comparisonOfForumPostingTrendsStoken> </vue-lazy-component>
<vue-lazy-component>
<comparisonOfForumPostingTrends></comparisonOfForumPostingTrends>
<comparisonOfForumPostingTrendsStoken slot="skeleton"></comparisonOfForumPostingTrendsStoken>
</vue-lazy-component>
</div> </div>
<forumTonalComparison v-if="!$slots['skeleton']"></forumTonalComparison> <vue-lazy-component>
<forumTonalComparisonStoken slot="skeleton" v-else></forumTonalComparisonStoken> <forumTonalComparison></forumTonalComparison>
<comparisonOfPositiveTopicsInTheForum v-if="!$slots['skeleton']"></comparisonOfPositiveTopicsInTheForum> <forumTonalComparisonStoken slot="skeleton"></forumTonalComparisonStoken>
<comparisonOfPositiveTopicsInTheForumStoken slot="skeleton" v-else></comparisonOfPositiveTopicsInTheForumStoken> </vue-lazy-component>
<comparisonOfNegativeTopicsInForums v-if="!$slots['skeleton']"></comparisonOfNegativeTopicsInForums> <vue-lazy-component>
<comparisonOfNegativeTopicsInForumsStoken slot="skeleton" v-else></comparisonOfNegativeTopicsInForumsStoken> <comparisonOfPositiveTopicsInTheForum></comparisonOfPositiveTopicsInTheForum>
<comparisonOfPositiveTopicsInTheForumStoken slot="skeleton"></comparisonOfPositiveTopicsInTheForumStoken>
</vue-lazy-component>
<vue-lazy-component>
<comparisonOfNegativeTopicsInForums></comparisonOfNegativeTopicsInForums>
<comparisonOfNegativeTopicsInForumsStoken slot="skeleton"></comparisonOfNegativeTopicsInForumsStoken>
</vue-lazy-component>
</div> </div>
<div class="bc-d6"> <div class="bc-d6">
<v-label-div title="车型尾翼对比"></v-label-div> <v-label-div title="车型尾翼对比"></v-label-div>
<div class="bc-d6-dd1"> <div class="bc-d6-dd1">
<brandRearWingComparison v-if="!$slots['skeleton']"></brandRearWingComparison> <vue-lazy-component>
<brandRearWingComparisonStoken slot="skeleton" v-else></brandRearWingComparisonStoken> <brandRearWingComparison></brandRearWingComparison>
<brandRearWingComparisonStoken slot="skeleton"></brandRearWingComparisonStoken>
</vue-lazy-component>
<!-- <informationVolumeByChannel v-if="!$slots['skeleton']"></informationVolumeByChannel> <!-- <informationVolumeByChannel v-if="!$slots['skeleton']"></informationVolumeByChannel>
<informationVolumeByChannelStoken slot="skeleton" v-else></informationVolumeByChannelStoken> --> <informationVolumeByChannelStoken slot="skeleton" v-else></informationVolumeByChannelStoken> -->
</div> </div>
<tailTOPMedia v-if="!$slots['skeleton']"></tailTOPMedia> <vue-lazy-component>
<tailTOPMediaStoken slot="skeleton" v-else></tailTOPMediaStoken> <tailTOPMedia></tailTOPMedia>
<tailTOPMediaStoken slot="skeleton"></tailTOPMediaStoken>
</vue-lazy-component>
</div> </div>
</div> </div>

24
src/views/ModelComparison/brandCompateHeaderStoken/index.vue
Unescape View File

@ -7,29 +7,7 @@
* @FilePath: /data-show/src/views/MarketingComparison/mcChooseModel/index.vue * @FilePath: /data-show/src/views/MarketingComparison/mcChooseModel/index.vue
--> -->
<template> <template>
<div class="mccm-outter"> <div></div>
<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>
</template> </template>
<script> <script>

14
src/views/ModelComparison/userAreaDistributionStoken/index.vue
Unescape View File

@ -7,19 +7,7 @@
* @FilePath: /data-show/src/views/WeiboDetails/weiboUserActiveArea/index.vue * @FilePath: /data-show/src/views/WeiboDetails/weiboUserActiveArea/index.vue
--> -->
<template> <template>
<div class="wua-outter"> <div></div>
<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>
</template> </template>
<script> <script>

26
src/views/ModelComparison/weiboUserPortraitStoken/index.vue
Unescape View File

@ -7,31 +7,7 @@
* @FilePath: /data-show/src/views/BrandComparison/weiboUserPortrait/index.vue * @FilePath: /data-show/src/views/BrandComparison/weiboUserPortrait/index.vue
--> -->
<template> <template>
<div class="wup-outter"> <div></div>
<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>
</template> </template>
<script> <script>

Write Preview
Loading…
Cancel
Save