diff --git a/pages/insight/pages/brandInsight/TailInsight/index.js b/pages/insight/pages/brandInsight/TailInsight/index.js new file mode 100644 index 0000000..9e4012d --- /dev/null +++ b/pages/insight/pages/brandInsight/TailInsight/index.js @@ -0,0 +1,90 @@ +import histogram from "../../../../../components/option/columnarOption" +import singleLine from "../../../../../components/option/sgOption" +import pieOption from '../../../../../components/option/pieOption' +const app = getApp(); +const dColor=['#FF4852','#FF6E25','#FFBF00'] +Component({ + data: { + showChart: true, + detailData: '', + taTransform: singleLine([],[]), + keyMediaData: histogram([],[],[],'#20CC62'), + weiyiTotal: pieOption(dColor,[]), + weiyiTotalData: [], + wyDataList: [], + }, + methods: { + getData() { + app.globalData.requestMessage({ + action: 'getWeiYiInsightAnalysis', //尾翼洞察详情 + token: 't%2BrswgjvzGM=', + sType: 'BrandWeiYi', + sTimeType: wx.getStorageSync('sTimeType') || 34, + sBrand: wx.getStorageSync('sBrand') || '' + }).then(res => { + this.setData({detailData: res}); + }); + app.globalData.request({ + action: 'getWeiYiVolumeTime', //尾翼洞察详情 + token: 't%2BrswgjvzGM=', + sType: 'BrandWeiYi', + sTimeType: wx.getStorageSync('sTimeType') || 34, + sBrand: wx.getStorageSync('sBrand') || '' + }).then(res => { + let dx = []; let dValue = []; + res.forEach(ele => { + dx.push(ele.Time); dValue.push(ele.value) + }); + this.setData({ taTransform: singleLine(dValue,dx) }) + }); + app.globalData.request({ + action: 'getWebsite', //重点媒体 + token: 't%2BrswgjvzGM=', + sType: 'BrandWeiYi', + sTimeType: wx.getStorageSync('sTimeType') || 34, + sBrand: wx.getStorageSync('sBrand') || '' + }).then(res => { + let dx = []; let dValue = []; + for(let key in res) { + dx.push(key); + dValue.push(res[key]*1); + } + this.setData({ keyMediaData: histogram(dx,dValue,[],'#20CC62')}) + }); + app.globalData.request({ + action: 'getAffections', //尾翼整体调性 + token: 't%2BrswgjvzGM=', + sType: 'BrandWeiYi', + sTimeType: wx.getStorageSync('sTimeType') || 34, + sBrand: wx.getStorageSync('sBrand') || '' + }).then(res => { + let total = res.正面 * 1 + res.中性 * 1 + res.负面 * 1; + let arr = []; + for(let key in res) { + let obj = {name: key, value: res[key], percent: (res[key]/total*100).toFixed(0)}; + arr.push(obj) + }; + this.setData({ weiyiTotal: pieOption(dColor,arr), weiyiTotalData: arr}) + }); + app.globalData.request({ + action: 'getList0528', //尾翼信息列表 + token: 't%2BrswgjvzGM=', + sType: 'BrandWeiYi', + sTimeType: wx.getStorageSync('sTimeType') || 34, + sBrand: wx.getStorageSync('sBrand') || '', + iPageIndex: 1, + iPageSize: 10 + }).then(res => { + this.setData({wyDataList: res}) + }); + }, + toEventDetail(value) { + let id = value.currentTarget.dataset.id; + } + }, + lifetimes: { + attached() { + this.getData() + } + } +}) \ No newline at end of file diff --git a/pages/insight/pages/brandInsight/TailInsight/index.json b/pages/insight/pages/brandInsight/TailInsight/index.json new file mode 100644 index 0000000..d4f7169 --- /dev/null +++ b/pages/insight/pages/brandInsight/TailInsight/index.json @@ -0,0 +1,6 @@ +{ + "usingComponents": { + "c-echars": "../../../../../components/c-echars/index" + }, + "component": true +} \ No newline at end of file diff --git a/pages/insight/pages/brandInsight/TailInsight/index.wxml b/pages/insight/pages/brandInsight/TailInsight/index.wxml new file mode 100644 index 0000000..c8af1e4 --- /dev/null +++ b/pages/insight/pages/brandInsight/TailInsight/index.wxml @@ -0,0 +1,66 @@ + + + 尾翼洞察详情 + + + + + + + 尾翼传播态势 + + + + + + 重点媒体 + + + + + 尾翼整体调性 + + + + + + + + + {{item.name}} + + + 数量 + {{item.value}} + + + 占比 + {{item.percent}}% + + + + + + + + 尾翼信息列表 + 查看更多 > + + + + + {{item._source.srctitle}} + + {{item._score}} + + + + 来源:{{item._source.source}} + + 影响力 + + + + + + \ No newline at end of file diff --git a/pages/insight/pages/brandInsight/TailInsight/index.wxss b/pages/insight/pages/brandInsight/TailInsight/index.wxss new file mode 100644 index 0000000..e6e2008 --- /dev/null +++ b/pages/insight/pages/brandInsight/TailInsight/index.wxss @@ -0,0 +1,136 @@ +.ta-content { + background-color: #f9f9f9; +} +.ta-item { + width: 648rpx; + /* height: 90%; */ + margin: 16rpx 0rpx 32rpx 32rpx; + padding: 16rpx 40rpx 16rpx 0rpx; + background-color: #ffffff; + border-radius: 8rpx; +} +.ta-chart-title { + font-size: 18px; + padding-left: 32rpx; + font-weight: 600; + color: #333333; +} +.ta-chart-subTitle { + font-size: 12px; + padding-left: 32rpx; + margin-top: 8rpx; + color: #999999; +} +.ta-chart-item { + width: 110%; + height: 350rpx; +} +.ta-rank-list { + width: 125%; + margin: 32rpx; +} +.ranking{ + display: flex; + justify-content: space-between; + font-size: 12px; + font-weight: 400; + color: #999999; +} +.ranking-number{ + display: flex; + justify-content: space-between; + font-size: 14px; + font-weight: 600; +} +.rank_num { + width: 53rpx; + height: 40rpx +} +/* 热议话题方向 */ +.tt-area-item { + display: flex; + justify-content: space-around; + width: 656rpx; + height: 410rpx; + padding: 32rpx 0 0 24rpx; +} +.tt-area-item-chart{ + width: 318rpx; + height: 410rpx +} +/* 尾翼整体调性 */ +.circle-chart { + width: 50%; + height: 340rpx; + margin-left: 24rpx; +} +.circle-data { + width: 50%; + height: 340rpx; +} +.circle-data-item { + color: #999999; + font-size: 10px; + line-height: 10px; + width: 33%; +} +.circle-data-item2 { + display: flex; + justify-content: space-between; + color: #333333; + font-size: 12px; + line-height: 12px; + font-weight: 600; + margin: 12rpx 0rpx 12rpx 0rpx; +} +.circle-data-title { + font-size: 12px; + font-weight: 600; + color: #333333; + margin-top: 12rpx; +} +/* 查看更多 */ +.to-more { + font-size: 12px; + font-weight: 400; + color: #999999; + line-height: 56rpx; +} + +/* 热点事件 */ +.list_event{ + margin: 32rpx; + background-size: cover; + width: 686rpx; + /* height: 616rpx; */ + border-radius: 8rpx; +} +.event_title{ + font-size: 36rpx; + padding: 32rpx; + font-weight: 600; +} + +.event_content{ + padding: 10rpx 0; +} +.event_text{ + display: flex; + justify-content : space-between; + padding: 0rpx 32rpx; +} +.text_title{ + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + width: 500rpx; + font-weight: 600; +} +.text_num{ + color: #FF343F; + font-weight: 600; +} +.text_pinpai{ + color: #999999; + font-size: 24rpx; +} \ No newline at end of file diff --git a/pages/insight/pages/brandInsight/index.json b/pages/insight/pages/brandInsight/index.json index 6f85a07..6cb65ca 100644 --- a/pages/insight/pages/brandInsight/index.json +++ b/pages/insight/pages/brandInsight/index.json @@ -3,7 +3,8 @@ "time-component":"/components/timecomponent/index", "total-review":"./totalReview/index", "weibo-insight":"./weiboInsight/index", - "tutor-insight":"./TutorInsight/index" + "tutor-insight":"./TutorInsight/index", + "tail-insight":"./TailInsight/index" }, "navigationBarTitleText": "品牌洞察" } \ No newline at end of file diff --git a/pages/insight/pages/brandInsight/index.wxml b/pages/insight/pages/brandInsight/index.wxml index ba8a1b9..f3fe9e1 100644 --- a/pages/insight/pages/brandInsight/index.wxml +++ b/pages/insight/pages/brandInsight/index.wxml @@ -40,5 +40,6 @@ + \ No newline at end of file