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.
160 lines
8.8 KiB
160 lines
8.8 KiB
<view class="bc-container">
|
|
<view class="bc-top" style="background-color: {{topBg}};">
|
|
<view class="bc-top-inner" style="{{healthCrisis}}" wx:if="{{healthIndex < 60}}">
|
|
<view class="bc-c-j" style="margin-top: 60rpx;">健康指数</view>
|
|
<view class="bc-top-fen" style="color: #FF3A30">{{healthIndex}}</view>
|
|
<view class="bc-top-btn1">{{healthIndexMsg}}</view>
|
|
<view class="bc-brand">{{headlBrand}}</view>
|
|
</view>
|
|
<view class="bc-top-inner" style="{{healthGood}}" wx:if="{{healthIndex >= 90}}">
|
|
<view class="bc-c-j" style="margin-top: -100rpx;">健康指数</view>
|
|
<view class="bc-top-fen" style="color: #0284FF">{{healthIndex}}</view>
|
|
<view class="bc-top-btn1" style="color: #0084FF">{{healthIndexMsg}}</view>
|
|
<view class="bc-brand">{{headlBrand}}</view>
|
|
</view>
|
|
<view class="bc-top-inner" style="{{healthGenerally}}" wx:if="{{80 <= healthIndex && healthIndex < 90}}">
|
|
<view class="bc-c-j" style="margin-top: -100rpx;">健康指数</view>
|
|
<view class="bc-top-fen" style="color: #00CA2F">{{healthIndex}}</view>
|
|
<view class="bc-top-btn1" style="color: #00CA2F">{{healthIndexMsg}}</view>
|
|
<view class="bc-brand">{{headlBrand}}</view>
|
|
</view>
|
|
<view class="bc-top-inner" style="{{healthMedium}}" wx:if="{{70 <= healthIndex && healthIndex < 80}}">
|
|
<view class="bc-c-j" style="margin-top: -60rpx;margin-left: 30rpx;">健康指数</view>
|
|
<view class="bc-top-fen" style="color: #FFCC01;margin-left: 30rpx;">{{healthIndex}}</view>
|
|
<view class="bc-top-btn1" style="color: #FFCC01;margin-left: 30rpx;">{{healthIndexMsg}}</view>
|
|
<view class="bc-brand">{{headlBrand}}</view>
|
|
</view>
|
|
<view class="bc-top-inner" style="{{healthWarning}}" wx:if="{{60 <= healthIndex && healthIndex < 70}}">
|
|
<view class="bc-c-j" style="margin-top: 90rpx;">健康指数</view>
|
|
<view class="bc-top-fen" style="color: #FF9500">{{healthIndex}}</view>
|
|
<view class="bc-top-btn1" style="color: #FF9500 ">{{healthIndexMsg}}</view>
|
|
<view class="bc-brand">{{headlBrand}}</view>
|
|
</view>
|
|
<view class="bc-top-wj">
|
|
<image class="bc-tt" src="{{imageUrl}}/trumpet.png"></image>
|
|
<view class="bc-tnt">
|
|
<swiper vertical="true" autoplay="true" class="bc-tnt-sv">
|
|
<swiper-item wx:for="{{crisisList}}" wx:key="key">
|
|
<view class="sy-item">
|
|
<text class="sy-item-t1" wx:if="{{item._source.crisis === 3}}">高级危机</text>
|
|
<text class="sy-item-t1" style="color: #FF6E25;background: #FFE5DF;" wx:if="{{item._source.crisis === 2}}">中级危机</text>
|
|
<text class="sy-item-t1" style="color: #FFBF00;background: #FCFFE0;" wx:if="{{item._source.crisis === 1}}">低级危机</text>
|
|
<text class="sy-item-t2">{{item._source.title}}</text>
|
|
</view>
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|
|
<view class="bc-twt">
|
|
<view wx:if="{{crisisNum > '999'}}" style="background: #FF343F;color: #fff;padding:5px 10px;font-size: 11px;border-radius: 16px;" bindtap="handlerGoList">999+</view>
|
|
<view wx:if="{{crisisNum < 999}}" style="background: #FF343F;color: #fff;padding:5px 10px;font-size: 11px;border-radius: 16px;" bindtap="handlerGoList">
|
|
{{crisisNum}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="bc-top-bt"></view>
|
|
</view>
|
|
<view class="bc-cont">
|
|
<time-component-home bindchange="changeTime"></time-component-home>
|
|
</view>
|
|
<view class="brand-info">
|
|
<view class="bi-title">品牌信息</view>
|
|
<view class="bi-d1" style="margin-top: 10px;">
|
|
<view style="width: 30%">
|
|
<view class="bi-d1-t">数据总量</view>
|
|
<view class="bi-d1-s" style="color: #0084FF;">{{totalNum}}</view>
|
|
</view>
|
|
<view style="width: 23%">
|
|
<view class="bi-d1-t" style="text-align: center;">正面调性</view>
|
|
<view class="bi-d1-s" style="text-align: center;color: #20CC62;">{{frontDx}}%</view>
|
|
</view>
|
|
<view style="width: 23%">
|
|
<view class="bi-d1-t" style="text-align: center;">负面调性</view>
|
|
<view class="bi-d1-s" style="text-align: center;color: #FF343F;">
|
|
{{negativeDx}}%
|
|
</view>
|
|
</view>
|
|
<view style="width: 24%">
|
|
<view class="bi-d1-t" style="text-align: right;">中性调性</view>
|
|
<view class="bi-d1-s" style="text-align: right;color: #0084FF;">
|
|
{{neutralDx}}%
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="bi-d1" style="margin-top: 10px;">
|
|
<view style="width: 30%">
|
|
<view class="bi-d1-t">负面总量</view>
|
|
<view class="bi-d1-s" style="color: #FF343F;">{{negativeNum}}</view>
|
|
</view>
|
|
<view style="width: 23%">
|
|
<view class="bi-d1-t" style="text-align: center;">低级危机</view>
|
|
<view class="bi-d1-s" style="text-align: center;color: #FFBF00;">
|
|
{{lowLevelCrisis}}%
|
|
</view>
|
|
</view>
|
|
<view style="width: 23%">
|
|
<view class="bi-d1-t" style="text-align: center;">中级危机</view>
|
|
<view class="bi-d1-s" style="text-align: center;color: #FF6E25;">
|
|
{{intermediateCrisis}}%
|
|
</view>
|
|
</view>
|
|
<view style="width: 24%">
|
|
<view class="bi-d1-t" style="text-align: right;">高级危机</view>
|
|
<view class="bi-d1-s" style="text-align: right;color: #FF343F;">
|
|
{{seniorCrisis}}%
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="brand-info">
|
|
<view class="bi-title">热点事件</view>
|
|
<view class="bi-i-item" style="margin-top: 10px;" wx:for="{{hotEventsList}}" wx:key="key" data-row="{{item}}" bindtap="handlerHEvent">
|
|
<view class="biii-d1">
|
|
<view class="biii-d1-t1">{{item.events_title}}</view>
|
|
<view style="font-size: 14px;color: #333333;font-weight: 600;">{{item.count}}</view>
|
|
</view>
|
|
<view class="biii-d1">
|
|
<view style="color: #999999;font-size: 12px;">关联车型：{{item.events_series}}</view>
|
|
<view style="color: #999999;font-size: 12px;">影响力</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="bc-ws">
|
|
<van-cell is-link value="查看详情" bindtap="handlerSet">
|
|
<view slot="title">
|
|
<view class="bc-ws-dd">
|
|
<image class="bc-ws-m1" src="{{imageUrl}}/setting-one.png" />
|
|
<text style="font-weight: 600;">危机预警设置</text>
|
|
</view>
|
|
</view>
|
|
</van-cell>
|
|
</view>
|
|
<view class="brand-info" style="background-image: url({{imageUrl}}/sj_beijin.png)">
|
|
<view class="bi-title">危机信息</view>
|
|
<view class="bi-i-item" style="margin-top: 10px;" wx:for="{{crisisList}}" wx:key="key" data-row="{{item}}" bindtap="handlerCrisis">
|
|
<view class="biii-d1">
|
|
<view class="biii-d1-t1">{{item._source.title}}</view>
|
|
<view style="font-size: 14px;color: #333333;font-weight: 600;color: #FFBF00;" wx:if="{{item._source.crisis == 1}}">
|
|
低级危机
|
|
</view>
|
|
<view style="font-size: 14px;color: #333333;font-weight: 600;color: #FF6E25;" wx:if="{{item._source.crisis == 2}}">
|
|
中级危机
|
|
</view>
|
|
<view style="font-size: 14px;color: #333333;font-weight: 600;color: #FF343F;" wx:if="{{item._source.crisis == 3}}">
|
|
高级危机
|
|
</view>
|
|
</view>
|
|
<view class="biii-d1">
|
|
<view style="color: #999999;font-size: 12px;width: 74%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">
|
|
关联车型：{{item._source.carseries || '-'}}
|
|
</view>
|
|
<view style="color: #999999;font-size: 12px;width: 27px;">调性</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="brand-info">
|
|
<view class="bi-title">媒体分布</view>
|
|
<view class="bc-media">
|
|
<c-echars showChart="{{showChart}}" canvasId="brandCrisis-canvas" chartId="brandCrisis" chartOption="{{dataOption}}" height="100%"></c-echars>
|
|
</view>
|
|
</view>
|
|
</view> |