You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
173 lines
9.0 KiB
173 lines
9.0 KiB
<view class="chart_box">
|
|
<view class="chart_title">事件传播渠道对比</view>
|
|
<view class="table">
|
|
<c-echars showChart="{{showChart}}" canvasId="brandbar-canvas" chartId="brandbar" chartOption="{{brandOption4}}" height="100%"></c-echars>
|
|
</view>
|
|
</view>
|
|
<view class="event_distribution">
|
|
<view class="chart_title">事件调性分布</view>
|
|
<view style="width: 100%;display: flex;" >
|
|
<view class="table_pie">
|
|
<view style="margin-left:32rpx;font-size: 32rpx;"> 事件一</view>
|
|
<c-echars showChart="{{showChart}}" canvasId="wbtype-canvas" chartId="wbtype" chartOption="{{eventDist[0].func}}" height="100%"></c-echars>
|
|
</view>
|
|
<view class="circle-data">
|
|
<view wx:for="{{eventDist[0].arr}}" wx:for-item="item" wx:key="name" style="margin-bottom: 64rpx;display: flex;justify-content: flex-start;margin-top: 60rpx;">
|
|
<view class="circle-data-item">
|
|
<view class="colorTags" style="{{pieColor[index]}}"></view>
|
|
<view class="circle-data-title">{{item.name}}</view>
|
|
</view>
|
|
<view class="circle-data-item">
|
|
<view>数量</view>
|
|
<view class="circle-data-title">{{item.value}}</view>
|
|
</view>
|
|
<view class="circle-data-item">
|
|
<view>占比</view>
|
|
<view class="circle-data-title">{{item.percent}}%</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="width: 100%;display: flex; justify-content: space-between;" >
|
|
<view class="table_pie">
|
|
<view style="margin-left:32rpx;font-size: 32rpx;"> 事件二</view>
|
|
<c-echars showChart="{{showChart}}" canvasId="wbtype-canvas" chartId="wbtype" chartOption="{{eventDist[1].func}}" height="100%"></c-echars>
|
|
</view>
|
|
<view class="circle-data">
|
|
<view wx:for="{{eventDist[1].arr}}" wx:for-item="item" wx:key="name" style="margin-bottom: 64rpx;display: flex;justify-content: flex-start;margin-top: 60rpx;">
|
|
<view class="circle-data-item">
|
|
<view class="colorTags" style="{{pieColor[index]}}"></view>
|
|
<view class="circle-data-title">{{item.name}}</view>
|
|
</view>
|
|
<view class="circle-data-item">
|
|
<view>数量</view>
|
|
<view class="circle-data-title">{{item.value}}</view>
|
|
</view>
|
|
<view class="circle-data-item">
|
|
<view>占比</view>
|
|
<view class="circle-data-title">{{item.percent}}%</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="top_box">
|
|
<view class="top-title">
|
|
<view style="width: 45%;">关联作者概况</view>
|
|
</view>
|
|
<view class="info_box" wx:for="{{writer}}" wx:key="s" wx:for-index='indedx'>
|
|
<view class="info_left">
|
|
<view style="font-size:32rpx">{{indedx==0?"事件一":"事件二"}}</view>
|
|
<view style="font-size:24rpx;color: rgba(153, 153, 153, 1);">事件名称</view>
|
|
</view>
|
|
<view class="info_right">
|
|
<view class="list_box">
|
|
<view style="font-size:24rpx;color: rgba(153, 153, 153, 1);">关联作者数量</view>
|
|
<view style="font-size:28rpx;color: rgba(51, 51, 51, 1);">{{item.value.useruidCount|| '0'}}</view>
|
|
</view>
|
|
<view class="list_box" style="text-align: right;">
|
|
<view style="font-size:24rpx;color: rgba(153, 153, 153, 1);">累计稿件数量</view>
|
|
<view style="font-size:28rpx;color: rgba(51, 51, 51, 1);">{{item.value.zhutieCount || '0'}}</view>
|
|
</view>
|
|
<view class="list_box">
|
|
<view style="font-size:24rpx;color: rgba(153, 153, 153, 1);">关联媒体数量</view>
|
|
<view style="font-size:28rpx;color: rgba(51, 51, 51, 1);">{{item.value.sourceCount || '0'}}</view>
|
|
</view>
|
|
<view class="list_box" style="text-align: right;">
|
|
<view style="font-size:24rpx;color: rgba(153, 153, 153, 1);">传播量</view>
|
|
<view style="font-size:28rpx;color: rgba(51, 51, 51, 1);">{{item.value.chuanboCount || '0'}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="top_box2">
|
|
<view class="top-title">
|
|
<view style="width: 100%;">事件传播TOP媒体</view>
|
|
</view>
|
|
<view style="font-size:32rpx;margin-left:30rpx;margin-top: 15rpx;">事件一</view>
|
|
<view class="rank_list">
|
|
<view class="ranking">
|
|
<view style="width: 33%;">排名</view>
|
|
<view style="width: 33%;text-align: center;">媒体</view>
|
|
<view style="width: 33%;text-align: right;">传播量</view>
|
|
</view>
|
|
<view class="ranking_cell" wx:for="{{eventSpreadTop[0].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
|
|
<view wx:if="{{index==0}}" style="width: 33%;">
|
|
<image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
|
|
</view>
|
|
<view wx:elif="{{index==1}}" style="width: 33%;">
|
|
<image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
|
|
</view>
|
|
<view wx:elif="{{index==2}}" style="width: 33%;">
|
|
<image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
|
|
</view>
|
|
<view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
|
|
<view style=" width: 33%;font-size: 28rpx;font-weight: bolder;text-align: center;">{{item.key}}</view>
|
|
<view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: right;">{{item.value}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="henxian"></view>
|
|
<view style="font-size:32rpx;margin-left:30rpx;margin-top: 20rpx;">事件二</view>
|
|
<view class="rank_list">
|
|
<view class="ranking">
|
|
<view style="width: 33%;">排名</view>
|
|
<view style="width: 33%;text-align: center;">媒体</view>
|
|
<view style="width: 33%;text-align: right;">传播量</view>
|
|
</view>
|
|
<view class="ranking_cell" wx:for="{{eventSpreadTop[1].value}}" wx:for-item="item" wx:if="{{index>=0 && index<=4}}" wx:key="V">
|
|
<view wx:if="{{index==0}}" style="width: 33%;">
|
|
<image src="{{imageUrl}}/img_diyi.png" style="height:46rpx;width:53rpx;"></image>
|
|
</view>
|
|
<view wx:elif="{{index==1}}" style="width: 33%;">
|
|
<image src="{{imageUrl}}/img_dier.png" style="height:46rpx;width:53rpx;"></image>
|
|
</view>
|
|
<view wx:elif="{{index==2}}" style="width: 33%;">
|
|
<image src="{{imageUrl}}/img_disan.png" style="height:46rpx;width:53rpx;"></image>
|
|
</view>
|
|
<view wx:else style="font-size: 28rpx;color: #999999;font-weight: bolder;width: 33%;">{{"0"+(index+1)}}</view>
|
|
<view style=" width: 33%;font-size: 28rpx;font-weight: bolder;text-align: center;">{{item.key}}</view>
|
|
<view style=" width: 33%;font-size: 28rpx;color: #0084ff;font-weight: bolder;text-align: right;">{{item.value}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="chart_box" style="height:804rpx">
|
|
<view class="top-title">
|
|
<view style="width: 45%;">事件传播历程</view>
|
|
<view style="width:50%;margin-right: 32rpx;">
|
|
<van-tabs type="card" active="{{ spreadActive }}" color="#BBBBBB" bind:change="changeModalHot">
|
|
<van-tab title="事件一"></van-tab>
|
|
<van-tab title="事件二"></van-tab>
|
|
</van-tabs>
|
|
</view>
|
|
</view>
|
|
<scroll-view scroll-y class="evt-chart-item" style="height: 700rpx; margin-top: 30rpx;">
|
|
<van-steps
|
|
steps="{{ eventSteps[spreadActive] }}"
|
|
active="{{ eventSteps[spreadActive].length - 1 }}"
|
|
direction="vertical"
|
|
desc-class="event-transform-title"
|
|
/>
|
|
</scroll-view>
|
|
</view>
|
|
<view class="wb-item">
|
|
<view class="wb-area-title">
|
|
<view style="width: 45%;">正负词云对比</view>
|
|
<view style="width:55%;">
|
|
<van-tabs type="card" active="{{ negativeWordActive }}" color="#BBBBBB" bind:change="changeNegative">
|
|
<van-tab title="正面"></van-tab>
|
|
<van-tab title="负面"></van-tab>
|
|
</van-tabs>
|
|
</view>
|
|
</view>
|
|
<view class="brand" wx:for="{{posList}}" wx:for-index="index" wx:key="index" wx:if="{{negativeWordActive==0}}">
|
|
<view style="margin-left: 32rpx;">{{item.name}}</view>
|
|
<word-cloud-car height="{{300}}" list="{{item.list}}"></word-cloud-car>
|
|
</view>
|
|
|
|
<view class="brand" wx:for="{{negList}}" wx:for-index="index" wx:key="index" wx:if="{{negativeWordActive==1}}">
|
|
<view style="margin-left: 32rpx;">{{item.name}}</view>
|
|
<word-cloud-car height="{{300}}" list="{{item.list}}"></word-cloud-car>
|
|
</view>
|
|
</view> |