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",
"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

1
package.json
Unescape View File

@ -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",

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

@ -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>

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

@ -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>

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

@ -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>

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

@ -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>

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

@ -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() {

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

@ -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">

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

@ -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: [],

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

@ -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>

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

@ -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>

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

@ -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>

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

@ -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>

Write Preview
Loading…
Cancel
Save