diff --git a/src/views/BrandComparison/BrandComparison.vue b/src/views/BrandComparison/BrandComparison.vue index a097591..793e061 100644 --- a/src/views/BrandComparison/BrandComparison.vue +++ b/src/views/BrandComparison/BrandComparison.vue @@ -23,42 +23,58 @@
- - - + + + + + +
- + +
- - + + + +
- + + - + + - + +
- - - + + + + + +
- - + + + +
- - + + + +
@@ -66,22 +82,30 @@
- - + + + +
- - - + + + + + +
- - + + + +
- + +
@@ -94,29 +118,53 @@ export default { inject: ["reload"], components: { informationTrend: (resolve) => require(['./informationTrend'], resolve), + informationTrendStoken: (resolve) => require(['./informationTrendStoken'], resolve), overallInformation: (resolve) => require(['./overallInformation'], resolve), // 整体信息量 + overallInformationStoken: (resolve) => require(['./overallInformationStoken'], resolve), // 整体信息量骨架屏 overallNumberOfInteractions: (resolve) => require(['./overallNumberOfInteractions'], resolve), // 整体互动人数 + overallNumberOfInteractionsStoken: (resolve) => require(['./overallNumberOfInteractionsStoken'], resolve), // 整体互动人数 brandTonalDistribution: (resolve) => require(['./brandTonalDistribution'], resolve), // 品牌调性分布 + brandTonalDistributionStoken: (resolve) => require(['./brandTonalDistributionStoken'], resolve), // 品牌调性分布 channelDistribution: (resolve) => require(['./channelDistribution'], resolve), // 渠道分布 + channelDistributionStoken: (resolve) => require(['./channelDistributionStoken'], resolve), // 渠道分布 keyMediaCommunicationComparison: (resolve) => require(['./keyMediaCommunicationComparison'], resolve), // 重点媒体传播对比 + keyMediaCommunicationComparisonStoken: (resolve) => require(['./keyMediaCommunicationComparisonStoken'], resolve), // 重点媒体传播对比 brandCommunicationTOPMedia: (resolve) => require(['./brandCommunicationTOPMedia'], resolve), // 品牌传播TOP媒体 + brandCommunicationTOPMediaStoken: (resolve) => require(['./brandCommunicationTOPMediaStoken'], resolve), // 品牌传播TOP媒体 overallWordCloudComparison: (resolve) => require(['./overallWordCloudComparison'], resolve), // 整体词云对比 + overallWordCloudComparisonStoken: (resolve) => require(['./overallWordCloudComparisonStoken'], resolve), // 整体词云对比 brandEventComparison: (resolve) => require(['./brandEventComparison'], resolve), //品牌事件对比 + brandEventComparisonStoken: (resolve) => require(['./brandEventComparisonStoken'], resolve), //品牌事件对比 comparisonOfWeiboInformation: (resolve) => require(['./comparisonOfWeiboInformation'], resolve), // 微博信息量对比 + comparisonOfWeiboInformationStoken: (resolve) => require(['./comparisonOfWeiboInformationStoken'], resolve), // 微博信息量对比 comparisonOfTheNumberOfWeiboInteractions: (resolve) => require(['./comparisonOfTheNumberOfWeiboInteractions'], resolve), // 微博互动人数对比 + comparisonOfTheNumberOfWeiboInteractionsStoken: (resolve) => require(['./comparisonOfTheNumberOfWeiboInteractionsStoken'], resolve), // 微博互动人数对比 weiboBigVComparison: (resolve) => require(['./weiboBigVComparison'], resolve), // 微博大V对比 + weiboBigVComparisonStoken: (resolve) => require(['./weiboBigVComparisonStoken'], resolve), // 微博大V对比 weiboTuneComparison: (resolve) => require(['./weiboTuneComparison'], resolve), // 微博调性对比 + weiboTuneComparisonStoken: (resolve) => require(['./weiboTuneComparisonStoken'], resolve), // 微博调性对比 weiboContentDirectionComparison: (resolve) => require(['./weiboContentDirectionComparison'], resolve), // 微博内容方向对比 + weiboContentDirectionComparisonStoken: (resolve) => require(['./weiboContentDirectionComparisonStoken'], resolve), // 微博内容方向对比 userAreaDistribution: (resolve) => require(['./userAreaDistribution'], resolve), //用户区域分布 + userAreaDistributionStoken: (resolve) => require(['./userAreaDistributionStoken'], resolve), //用户区域分布 weiboUserPortrait: (resolve) => require(['./weiboUserPortrait'], resolve), // 微博用户画像 + weiboUserPortraitStoken: (resolve) => require(['./weiboUserPortraitStoken'], resolve), // 微博用户画像 summaryAndComparisonOfForumInformation: (resolve) => require(['./summaryAndComparisonOfForumInformation'], resolve), // 论坛信息概括对比 + summaryAndComparisonOfForumInformationStoken: (resolve) => require(['./summaryAndComparisonOfForumInformationStoken'], resolve), // 论坛信息概括对比 comparisonOfForumPostingTrends: (resolve) => require(['./comparisonOfForumPostingTrends'], resolve), // 论坛发帖趋势对比 + comparisonOfForumPostingTrendsStoken: (resolve) => require(['./comparisonOfForumPostingTrendsStoken'], resolve), // 论坛发帖趋势对比 forumTonalComparison: (resolve) => require(['./forumTonalComparison'], resolve), // 论坛调性对比 + forumTonalComparisonStoken: (resolve) => require(['./forumTonalComparisonStoken'], resolve), // 论坛调性对比 comparisonOfPositiveTopicsInTheForum: (resolve) => require(['./comparisonOfPositiveTopicsInTheForum'], resolve), // 论坛正面话题对比 + comparisonOfPositiveTopicsInTheForumStoken: (resolve) => require(['./comparisonOfPositiveTopicsInTheForumStoken'], resolve), // 论坛正面话题对比 comparisonOfNegativeTopicsInForums: (resolve) => require(['./comparisonOfNegativeTopicsInForums'], resolve), // 论坛负面话题对比 + comparisonOfNegativeTopicsInForumsStoken: (resolve) => require(['./comparisonOfNegativeTopicsInForumsStoken'], resolve), // 论坛负面话题对比 brandRearWingComparison: (resolve) => require(['./brandRearWingComparison'], resolve), // 尾翼趋势对比 + brandRearWingComparisonStoken: (resolve) => require(['./brandRearWingComparisonStoken'], resolve), // 尾翼趋势对比 informationVolumeByChannel: (resolve) => require(['./informationVolumeByChannel'], resolve), // 分渠道信息量 + informationVolumeByChannelStoken: (resolve) => require(['./informationVolumeByChannelStoken'], resolve), // 分渠道信息量 tailTOPMedia: (resolve) => require(['./tailTOPMedia'], resolve), // 尾翼TOP媒体 + tailTOPMediaStoken: (resolve) => require(['./tailTOPMediaStoken'], resolve), // 尾翼TOP媒体 brandCompateHeader: (resolve) => require(['./brandCompateHeader'], resolve), // 选择品牌 brandCompateHeaderStoken: (resolve) => require(['./brandCompateHeaderStoken'], resolve), // 选择品牌骨架屏 }, diff --git a/src/views/BrandComparison/brandCommunicationTOPMediaStoken/index.vue b/src/views/BrandComparison/brandCommunicationTOPMediaStoken/index.vue new file mode 100644 index 0000000..c7e813f --- /dev/null +++ b/src/views/BrandComparison/brandCommunicationTOPMediaStoken/index.vue @@ -0,0 +1,124 @@ + + + + + diff --git a/src/views/BrandComparison/brandEventComparisonStoken/index.vue b/src/views/BrandComparison/brandEventComparisonStoken/index.vue new file mode 100644 index 0000000..95c7e62 --- /dev/null +++ b/src/views/BrandComparison/brandEventComparisonStoken/index.vue @@ -0,0 +1,152 @@ + + + + + + diff --git a/src/views/BrandComparison/brandRearWingComparisonStoken/index.vue b/src/views/BrandComparison/brandRearWingComparisonStoken/index.vue new file mode 100644 index 0000000..f3a7971 --- /dev/null +++ b/src/views/BrandComparison/brandRearWingComparisonStoken/index.vue @@ -0,0 +1,79 @@ + + + + + + diff --git a/src/views/BrandComparison/brandTonalDistributionStoken/index.vue b/src/views/BrandComparison/brandTonalDistributionStoken/index.vue new file mode 100644 index 0000000..c844df8 --- /dev/null +++ b/src/views/BrandComparison/brandTonalDistributionStoken/index.vue @@ -0,0 +1,129 @@ + + + + + diff --git a/src/views/BrandComparison/channelDistributionStoken/index.vue b/src/views/BrandComparison/channelDistributionStoken/index.vue new file mode 100644 index 0000000..65d339c --- /dev/null +++ b/src/views/BrandComparison/channelDistributionStoken/index.vue @@ -0,0 +1,88 @@ + + + + + + diff --git a/src/views/BrandComparison/comparisonOfForumPostingTrendsStoken/index.vue b/src/views/BrandComparison/comparisonOfForumPostingTrendsStoken/index.vue new file mode 100644 index 0000000..1f4c8fc --- /dev/null +++ b/src/views/BrandComparison/comparisonOfForumPostingTrendsStoken/index.vue @@ -0,0 +1,82 @@ + + + + + + diff --git a/src/views/BrandComparison/comparisonOfNegativeTopicsInForumsStoken/index.vue b/src/views/BrandComparison/comparisonOfNegativeTopicsInForumsStoken/index.vue new file mode 100644 index 0000000..4daafff --- /dev/null +++ b/src/views/BrandComparison/comparisonOfNegativeTopicsInForumsStoken/index.vue @@ -0,0 +1,130 @@ + + + + + + diff --git a/src/views/BrandComparison/comparisonOfPositiveTopicsInTheForumStoken/index.vue b/src/views/BrandComparison/comparisonOfPositiveTopicsInTheForumStoken/index.vue new file mode 100644 index 0000000..ee941dc --- /dev/null +++ b/src/views/BrandComparison/comparisonOfPositiveTopicsInTheForumStoken/index.vue @@ -0,0 +1,128 @@ + + + + + + diff --git a/src/views/BrandComparison/comparisonOfTheNumberOfWeiboInteractionsStoken/index.vue b/src/views/BrandComparison/comparisonOfTheNumberOfWeiboInteractionsStoken/index.vue new file mode 100644 index 0000000..416761b --- /dev/null +++ b/src/views/BrandComparison/comparisonOfTheNumberOfWeiboInteractionsStoken/index.vue @@ -0,0 +1,85 @@ + + + + + diff --git a/src/views/BrandComparison/comparisonOfWeiboInformationStoken/index.vue b/src/views/BrandComparison/comparisonOfWeiboInformationStoken/index.vue new file mode 100644 index 0000000..3e016b4 --- /dev/null +++ b/src/views/BrandComparison/comparisonOfWeiboInformationStoken/index.vue @@ -0,0 +1,86 @@ + + + + + + diff --git a/src/views/BrandComparison/forumTonalComparisonStoken/index.vue b/src/views/BrandComparison/forumTonalComparisonStoken/index.vue new file mode 100644 index 0000000..2d0c910 --- /dev/null +++ b/src/views/BrandComparison/forumTonalComparisonStoken/index.vue @@ -0,0 +1,140 @@ + + + + + + diff --git a/src/views/BrandComparison/informationTrendStoken/index.vue b/src/views/BrandComparison/informationTrendStoken/index.vue new file mode 100644 index 0000000..81cc216 --- /dev/null +++ b/src/views/BrandComparison/informationTrendStoken/index.vue @@ -0,0 +1,63 @@ + + + + + + diff --git a/src/views/BrandComparison/informationTrendStoken/opt.js b/src/views/BrandComparison/informationTrendStoken/opt.js new file mode 100644 index 0000000..896db12 --- /dev/null +++ b/src/views/BrandComparison/informationTrendStoken/opt.js @@ -0,0 +1,126 @@ +/* + * @Author: your name + * @Date: 2021-10-12 10:11:24 + * @LastEditTime: 2021-11-19 19:47:53 + * @LastEditors: Please set LastEditors + * @Description: In User Settings Edit + * @FilePath: /data-show/src/views/BrandInsight/titsopo/opt.js + */ +import { bigNumberTransform } from "@/utils/gol/dataTool" +function createData(ds = []) { + let testData = {} + ds.forEach(item => { + item.forEach(val => { + if (testData[val.key] === undefined) { + testData[val.key] = { + name: val.key, + type: 'line', + symbol: 'none', + areaStyle: { + opacity: 0.2 + }, + emphasis: { + focus: 'series' + }, + data: [val.value] + } + } else { + testData[val.key].data.push(val.value) + } + }) + }) + let arr = []; + for(let key in testData) { + arr.push(testData[key]) + } + return arr +} +export default function createOpt(dx = [], ds = []) { + let data = createData(ds); + return { + grid: { + left: 10, + right: '5%', + bottom: 10, + top: 52, + containLabel: true + }, + tooltip: { + trigger: "axis", + backgroundColor: "#08182F", + color: "#fff", + borderColor: "#3373CC", + textStyle: { + color: "#fff", //设置文字颜色 + }, + extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;" + }, + legend: { + icon: 'roundRect', + textStyle: { //图例文字的样式 + color: '#fff', + fontSize: 10 + }, + y: 12, + x: 16, + itemWidth: 12, + itemHeight: 12 + }, + xAxis: { + type: 'category', + boundaryGap: false, + axisTick: { + show: false, + }, + axisLabel: { + formatter: (value) => { + let rex = "00:00:00"; + let isCont = false; + let str = value; + for(let i = 0;i { + let str = bigNumberTransform(value); + return str; + } + }, + splitLine: { + lineStyle: { + type: "dashed", // y轴分割线类型 + color: "#012b4b", + }, + }, + }, + series: data + } +} diff --git a/src/views/BrandComparison/informationVolumeByChannelStoken/index.vue b/src/views/BrandComparison/informationVolumeByChannelStoken/index.vue new file mode 100644 index 0000000..36dad26 --- /dev/null +++ b/src/views/BrandComparison/informationVolumeByChannelStoken/index.vue @@ -0,0 +1,91 @@ + + + + + + diff --git a/src/views/BrandComparison/keyMediaCommunicationComparisonStoken/index.vue b/src/views/BrandComparison/keyMediaCommunicationComparisonStoken/index.vue new file mode 100644 index 0000000..aeb16f5 --- /dev/null +++ b/src/views/BrandComparison/keyMediaCommunicationComparisonStoken/index.vue @@ -0,0 +1,81 @@ + + + + + + diff --git a/src/views/BrandComparison/overallInformationStoken/index.vue b/src/views/BrandComparison/overallInformationStoken/index.vue new file mode 100644 index 0000000..b52141b --- /dev/null +++ b/src/views/BrandComparison/overallInformationStoken/index.vue @@ -0,0 +1,78 @@ + + + + + + diff --git a/src/views/BrandComparison/overallNumberOfInteractionsStoken/index.vue b/src/views/BrandComparison/overallNumberOfInteractionsStoken/index.vue new file mode 100644 index 0000000..2a7544d --- /dev/null +++ b/src/views/BrandComparison/overallNumberOfInteractionsStoken/index.vue @@ -0,0 +1,77 @@ + + + + + + diff --git a/src/views/BrandComparison/overallWordCloudComparisonStoken/index.vue b/src/views/BrandComparison/overallWordCloudComparisonStoken/index.vue new file mode 100644 index 0000000..75a57ad --- /dev/null +++ b/src/views/BrandComparison/overallWordCloudComparisonStoken/index.vue @@ -0,0 +1,132 @@ + + + + + + diff --git a/src/views/BrandComparison/summaryAndComparisonOfForumInformationStoken/index.vue b/src/views/BrandComparison/summaryAndComparisonOfForumInformationStoken/index.vue new file mode 100644 index 0000000..7d8fa33 --- /dev/null +++ b/src/views/BrandComparison/summaryAndComparisonOfForumInformationStoken/index.vue @@ -0,0 +1,138 @@ + + + + + + diff --git a/src/views/BrandComparison/tailTOPMediaStoken/index.vue b/src/views/BrandComparison/tailTOPMediaStoken/index.vue new file mode 100644 index 0000000..8c43cf1 --- /dev/null +++ b/src/views/BrandComparison/tailTOPMediaStoken/index.vue @@ -0,0 +1,119 @@ + + + + + + + diff --git a/src/views/BrandComparison/userAreaDistributionStoken/index.vue b/src/views/BrandComparison/userAreaDistributionStoken/index.vue new file mode 100644 index 0000000..dc844d9 --- /dev/null +++ b/src/views/BrandComparison/userAreaDistributionStoken/index.vue @@ -0,0 +1,147 @@ + + + + + + diff --git a/src/views/BrandComparison/weiboBigVComparisonStoken/index.vue b/src/views/BrandComparison/weiboBigVComparisonStoken/index.vue new file mode 100644 index 0000000..2786b3c --- /dev/null +++ b/src/views/BrandComparison/weiboBigVComparisonStoken/index.vue @@ -0,0 +1,89 @@ + + + + + diff --git a/src/views/BrandComparison/weiboContentDirectionComparisonStoken/index.vue b/src/views/BrandComparison/weiboContentDirectionComparisonStoken/index.vue new file mode 100644 index 0000000..8d5df1a --- /dev/null +++ b/src/views/BrandComparison/weiboContentDirectionComparisonStoken/index.vue @@ -0,0 +1,142 @@ + + + + + diff --git a/src/views/BrandComparison/weiboTuneComparisonStoken/index.vue b/src/views/BrandComparison/weiboTuneComparisonStoken/index.vue new file mode 100644 index 0000000..c4fbf98 --- /dev/null +++ b/src/views/BrandComparison/weiboTuneComparisonStoken/index.vue @@ -0,0 +1,134 @@ + + + + + + diff --git a/src/views/BrandComparison/weiboUserPortraitStoken/index.vue b/src/views/BrandComparison/weiboUserPortraitStoken/index.vue new file mode 100644 index 0000000..05c3ccf --- /dev/null +++ b/src/views/BrandComparison/weiboUserPortraitStoken/index.vue @@ -0,0 +1,199 @@ + + + + + + diff --git a/src/views/ModelComparison/BrandComparison.vue b/src/views/ModelComparison/BrandComparison.vue index f0cc141..d50332b 100644 --- a/src/views/ModelComparison/BrandComparison.vue +++ b/src/views/ModelComparison/BrandComparison.vue @@ -17,51 +17,76 @@