|
|
<view class="tu-content">
|
|
|
<view class="tu-item">
|
|
|
<view class="tu-chart-title">论坛信息</view>
|
|
|
<view class="tu-chart-item" style="padding: 16rpx 0rpx 16rpx 0rpx;height: 385rpx;">
|
|
|
<view class="tu-total-data" style="width: 100%;margin-left: 32rpx">
|
|
|
<view style="width: 40%;margin-top: 90rpx;">
|
|
|
<view class="ttdt">数据总量</view>
|
|
|
<view style="color: #0084FF;">{{detailData.Count}}</view>
|
|
|
</view>
|
|
|
<view style="width: 15%;text-align: center;">
|
|
|
<view class="ttdt">车型千人发帖量</view>
|
|
|
<view style="margin-top: 10rpx;">{{detailData.qrCount}}</view>
|
|
|
<view class="ttdt" style="margin-top: 16rpx;">车型千人评论量</view>
|
|
|
<view style="margin-top: 10rpx;">{{detailData.replyCount}}</view>
|
|
|
</view>
|
|
|
<view style="width: 15%;margin-left: 36rpx;text-align: center;">
|
|
|
<view class="ttdt">行业千人发帖量</view>
|
|
|
<view style="margin-top: 10rpx;">{{detailData.hyqrCount}}</view>
|
|
|
<view class="ttdt" style="margin-top: 16rpx;">行业千人评论量</view>
|
|
|
<view style="margin-top: 10rpx;">{{detailData.hyreplyCount}}</view>
|
|
|
</view>
|
|
|
<view style="width: 15%;margin-left: 36rpx;text-align: center;">
|
|
|
<view class="ttdt">量差</view>
|
|
|
<view bindtap="info1">?⃝</view>
|
|
|
<view>{{ countDifference }}</view>
|
|
|
<view class="ttdt" style="margin-top: 16rpx;">量差</view>
|
|
|
<view bindtap="info2">?⃝</view>
|
|
|
<view>{{detailData.replyCountDifference}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="tu-data">
|
|
|
<view>正面调性</view>
|
|
|
<view>负面调性</view>
|
|
|
<view>中性调性</view>
|
|
|
</view>
|
|
|
<view class="tu-data-number">
|
|
|
<view style="color: #0084FF;">{{affData.positive}}%</view>
|
|
|
<view style="color: #FFBF00;">{{affData.negative}}%</view>
|
|
|
<view style="color: #20CC62;">{{affData.middle}}%</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="tu-item">
|
|
|
<view class="tu-chart-title">论坛传播态势</view>
|
|
|
<view class="tu-chart-item" style="width: 100%;margin:0 auto">
|
|
|
<c-echars showChart="{{showChart}}" canvasId="ttTrans-canvas" chartId="ttTransLine" chartOption="{{ttTransform}}" height="100%"></c-echars>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="tu-item">
|
|
|
<view class="tu-chart-title">论坛调性分布</view>
|
|
|
<view style="display: flex;justify-content: flex-start;">
|
|
|
<view class="circle-chart" style="margin-right: 48rpx;">
|
|
|
<c-echars showChart="{{showChart}}" canvasId="wytotal-canvas" chartId="wytotal" chartOption="{{tutorAffect}}" height="100%"></c-echars>
|
|
|
</view>
|
|
|
<view class="circle-data">
|
|
|
<view wx:for="{{tutorAffData}}" wx:for-item="item" wx:key="name" style="margin-bottom: 64rpx;display: flex;justify-content: space-between;">
|
|
|
<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>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="tu-item">
|
|
|
<view class="tu-area-title">
|
|
|
<view style="width: 25%;">数据对比</view>
|
|
|
<view style="width: 75%;">
|
|
|
<van-tabs type="card" active="{{ dcActive }}" color="#BBBBBB" bind:change="dcChange">
|
|
|
<van-tab title="阅读量"></van-tab>
|
|
|
<van-tab title="回复量"></van-tab>
|
|
|
<van-tab title="精华率"></van-tab>
|
|
|
<van-tab title="图文"></van-tab>
|
|
|
</van-tabs>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view style="display: flex;justify-content: flex-start;">
|
|
|
<view class="circle-chart" style="margin-right: 48rpx;">
|
|
|
<c-echars showChart="{{showChart}}" canvasId="wytotal-canvas" chartId="wytotal" chartOption="{{dataComp}}" height="100%"></c-echars>
|
|
|
</view>
|
|
|
<view class="circle-data" style="margin-top: 24rpx;height: auto;">
|
|
|
<view wx:for="{{dataCompData}}" wx:for-item="item" wx:key="name" style="margin-bottom: 64rpx;display: flex;justify-content: space-between;">
|
|
|
<view class="circle-data-item" style="width: 60%;">
|
|
|
<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>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="tu-item">
|
|
|
<view class="tu-area-title">
|
|
|
<view style="width: 55%;">话题分布</view>
|
|
|
<view style="width: 45%;">
|
|
|
<van-tabs type="card" active="{{ tpActive }}" color="#BBBBBB" bind:change="tpChange">
|
|
|
<van-tab title="正面"></van-tab>
|
|
|
<van-tab title="负面"></van-tab>
|
|
|
</van-tabs>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="tu-chart-item" style="height: 425rpx;">
|
|
|
<c-echars showChart="{{showChart}}" canvasId="tfb-canvas" chartId="tfb" chartOption="{{topicData}}" height="100%"></c-echars>
|
|
|
</view>
|
|
|
<view class="tu-chart-title">TOP分发帖用户</view>
|
|
|
<view class="tu-chart-item" style="margin-top: 32rpx;height: auto;">
|
|
|
<view class="kol-content">
|
|
|
<view class="kol-item" wx:for="{{topicUser}}" wx:key="index" wx:if="{{index < 3}}">
|
|
|
<view class="kol-user-name" style="margin-top: 25%">{{item.name}}</view>
|
|
|
<view style="display: flex;justify-content: space-between;margin: 0 auto;padding: 24rpx 5rpx;">
|
|
|
<view class="kol-value">影响力</view>
|
|
|
<view class="kol-value-number">{{item.value}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="tu-item">
|
|
|
<view class="tu-area-title">
|
|
|
<view style="width: 55%;">主贴用户分析</view>
|
|
|
<view style="width: 45%;">
|
|
|
<van-tabs type="card" active="{{ muActive }}" color="#BBBBBB" bind:change="muChange">
|
|
|
<van-tab title="性别"></van-tab>
|
|
|
<van-tab title="认证"></van-tab>
|
|
|
</van-tabs>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view style="display: flex;justify-content: flex-start;">
|
|
|
<view class="circle-chart" style="margin-right: 48rpx;">
|
|
|
<c-echars showChart="{{showChart}}" canvasId="wytotal-canvas" chartId="wytotal" chartOption="{{mainUserChart}}" height="100%"></c-echars>
|
|
|
</view>
|
|
|
<view class="circle-data" style="margin-top: 24rpx;height: auto;">
|
|
|
<view wx:for="{{mainUserData}}" wx:for-item="item" wx:key="name" style="margin-bottom: 64rpx;display: flex;justify-content: space-between;">
|
|
|
<view class="circle-data-item" style="width: 60%;">
|
|
|
<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>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="tu-item">
|
|
|
<view class="tu-area-title">
|
|
|
<view style="width: 55%;">ID车型分析</view>
|
|
|
<view style="width: 45%;">
|
|
|
<van-tabs type="card" active="{{ mcmActive }}" color="#BBBBBB" bind:change="mcmChange">
|
|
|
<van-tab title="主贴ID"></van-tab>
|
|
|
<van-tab title="跟帖ID"></van-tab>
|
|
|
</van-tabs>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="ranking">
|
|
|
<view class="title">排名</view>
|
|
|
<view class="title1">车型</view>
|
|
|
<view class="title2">数量</view>
|
|
|
</view>
|
|
|
<view class="rank" wx:for="{{mainIdTypeData}}" wx:key="index" wx:if="{{index < 5}}">
|
|
|
<view style="width: 30%;margin-top: 6rpx;color: #999999;">
|
|
|
<image class="rank_num" wx:if="{{index === 0}}" src="{{imageUrl}}/img_diyi.png"></image>
|
|
|
<image class="rank_num" wx:if="{{index === 1}}" src="{{imageUrl}}/img_dier.png"></image>
|
|
|
<image class="rank_num" wx:if="{{index === 2}}" src="{{imageUrl}}/img_disan.png"></image>
|
|
|
<view class="num" wx:if="{{index !== 0 &&index !== 1 &&index !== 2 }}">{{index >= 9 ? index + 1 : '0' + (index + 1)}}</view>
|
|
|
</view>
|
|
|
<view class="media">{{item.name}}</view>
|
|
|
<view class="volume">{{item.value}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="tu-item">
|
|
|
<view class="tu-chart-title">主贴ID区域分布</view>
|
|
|
<view class="area-item">
|
|
|
<view class="area-item-chart">
|
|
|
<c-echars showChart="{{showChart}}" canvasId="aua-canvas" chartId="aua" chartOption="{{mainIdArea1}}" height="100%"></c-echars>
|
|
|
</view>
|
|
|
<view class="area-item-chart">
|
|
|
<c-echars showChart="{{showChart}}" canvasId="aua-canvas" chartId="aua" chartOption="{{mainIdArea2}}" height="100%"></c-echars>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="tu-item">
|
|
|
<view class="tu-area-title">
|
|
|
<view style="width: 55%;">跟帖用户分析</view>
|
|
|
<view style="width: 45%;">
|
|
|
<van-tabs type="card" active="{{ suActive }}" color="#BBBBBB" bind:change="suChange">
|
|
|
<van-tab title="性别"></van-tab>
|
|
|
<van-tab title="认证"></van-tab>
|
|
|
</van-tabs>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view style="display: flex;justify-content: flex-start;">
|
|
|
<view class="circle-chart" style="margin-right: 48rpx;">
|
|
|
<c-echars showChart="{{showChart}}" canvasId="wytotal-canvas" chartId="wytotal" chartOption="{{subUserChart}}" height="100%"></c-echars>
|
|
|
</view>
|
|
|
<view class="circle-data" style="margin-top: 24rpx;height: auto;">
|
|
|
<view wx:for="{{subUserData}}" wx:for-item="item" wx:key="name" style="margin-bottom: 64rpx;display: flex;justify-content: space-between;">
|
|
|
<view class="circle-data-item" style="width: 60%;">
|
|
|
<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>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="tu-item">
|
|
|
<view class="tu-chart-title">跟帖ID区域分布</view>
|
|
|
<view class="area-item" style="padding-left: 16rpx;">
|
|
|
<view class="area-item-chart">
|
|
|
<c-echars showChart="{{showChart}}" canvasId="sua-canvas" chartId="sua" chartOption="{{subIdArea1}}" height="100%"></c-echars>
|
|
|
</view>
|
|
|
<view class="area-item-chart">
|
|
|
<c-echars showChart="{{showChart}}" canvasId="sua-canvas" chartId="sua" chartOption="{{subIdArea2}}" height="100%"></c-echars>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="tu-item">
|
|
|
<view class="tu-chart-title">疑似车黑ID</view>
|
|
|
<view class="tu-chart-item">
|
|
|
<c-echars showChart="{{showChart}}" canvasId="chi-canvas" chartId="chiTransBar" chartOption="{{carHaterId}}" height="100%"></c-echars>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="tu-item">
|
|
|
<view class="tu-chart-title">跟帖ID注册时间</view>
|
|
|
<view class="tu-chart-item">
|
|
|
<c-echars showChart="{{showChart}}" canvasId="iec-canvas" chartId="iecBar" chartOption="{{idEventChart}}" height="100%"></c-echars>
|
|
|
</view>
|
|
|
</view>
|
|
|
<van-dialog use-slot title="千人发帖量算法" show="{{infoShow1}}">
|
|
|
<view style="margin: 24rpx">
|
|
|
<view>行业千人发帖量=【（行业所有车型主贴量×1000）÷所有阅读量】÷车型数量</view>
|
|
|
<view>千人发帖量=（车型主贴量×1000）÷阅读量</view>
|
|
|
<view>千人发帖量量差=品牌千人发帖量－行业千人发帖量</view>
|
|
|
</view>
|
|
|
</van-dialog>
|
|
|
<van-dialog use-slot title="千人评论量算法" show="{{infoShow2}}">
|
|
|
<view style="margin: 24rpx">
|
|
|
<view>行业千人评论量=【（行业所有车型评论量×1000）÷所有阅读量】÷车型数量</view>
|
|
|
<view>千人评论量=（车型评论量×1000）÷阅读量</view>
|
|
|
<view>千人评论量量差=品牌千人评论量－行业千人评论量</view>
|
|
|
</view>
|
|
|
</van-dialog>
|
|
|
</view> |
