|
|
@@ -154,14 +154,22 @@
|
|
|
<van-col span="7" class="td">
|
|
|
{{ ratios.timecount }}小时
|
|
|
</van-col>
|
|
|
- <van-col
|
|
|
- span="10"
|
|
|
- class="td"
|
|
|
- :style="
|
|
|
- ratios.timecount_ring > 0 ? 'color: red' : 'color: #04c15f'
|
|
|
- "
|
|
|
- >
|
|
|
- {{ ratios.timecount_compare }}
|
|
|
+ <van-col span="10" class="td" style="text-align: left;">
|
|
|
+ 环比：
|
|
|
+ <span
|
|
|
+ :style="
|
|
|
+ ratios.timecount_ring > 0
|
|
|
+ ? 'color: red'
|
|
|
+ : 'color: #04c15f'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{ ratios.timecount_ring }}%
|
|
|
+ <van-icon
|
|
|
+ v-if="ratios.timecount_change !== '相等'"
|
|
|
+ name="down"
|
|
|
+ :class="{ rise: ratios.timecount_change === '上升' }"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
</van-col>
|
|
|
<van-col span="7" class="td" style="text-align: right">
|
|
|
收视总次数：
|
|
|
@@ -169,14 +177,22 @@
|
|
|
<van-col span="7" class="td">
|
|
|
{{ ratios.hitcount }}
|
|
|
</van-col>
|
|
|
- <van-col
|
|
|
- span="10"
|
|
|
- class="td"
|
|
|
- :style="
|
|
|
- ratios.hitcount_ring > 0 ? 'color: red' : 'color: #04c15f'
|
|
|
- "
|
|
|
- >
|
|
|
- {{ ratios.hitcount_compare }}
|
|
|
+ <van-col span="10" class="td" style="text-align: left;">
|
|
|
+ 环比：
|
|
|
+ <span
|
|
|
+ :style="
|
|
|
+ ratios.timecount_ring > 0
|
|
|
+ ? 'color: red'
|
|
|
+ : 'color: #04c15f'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{ ratios.timecount_ring }}%
|
|
|
+ <van-icon
|
|
|
+ v-if="ratios.hitcount_change !== '相等'"
|
|
|
+ name="down"
|
|
|
+ :class="{ rise: ratios.hitcount_change === '上升' }"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
</van-col>
|
|
|
|
|
|
<van-col span="7" class="td" style="text-align: right">
|
|
|
@@ -185,14 +201,20 @@
|
|
|
<van-col span="7" class="td">
|
|
|
{{ ratios.usrcount }}
|
|
|
</van-col>
|
|
|
- <van-col
|
|
|
- span="10"
|
|
|
- class="td"
|
|
|
- :style="
|
|
|
- ratios.usrcount_ring > 0 ? 'color: red' : 'color: #04c15f'
|
|
|
- "
|
|
|
- >
|
|
|
- {{ ratios.usrcount_compare }}
|
|
|
+ <van-col span="10" class="td" style="text-align: left;">
|
|
|
+ 环比：
|
|
|
+ <span
|
|
|
+ :style="
|
|
|
+ ratios.usrcount_ring > 0 ? 'color: red' : 'color: #04c15f'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{ ratios.usrcount_ring }}%
|
|
|
+ <van-icon
|
|
|
+ v-if="ratios.usrcount_change !== '相等'"
|
|
|
+ name="down"
|
|
|
+ :class="{ rise: ratios.usrcount_change === '上升' }"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
</van-col>
|
|
|
|
|
|
<van-col span="7" class="td" style="text-align: right">
|
|
|
@@ -201,14 +223,23 @@
|
|
|
<van-col span="7" class="td">
|
|
|
{{ formatType1(ratios.touchfreq, 2) }}次
|
|
|
</van-col>
|
|
|
- <van-col
|
|
|
- span="10"
|
|
|
- class="td"
|
|
|
- :style="
|
|
|
- ratios.touchfreq_ring > 0 ? 'color: red' : 'color: #04c15f'
|
|
|
- "
|
|
|
- >
|
|
|
- {{ ratios.touchfreq_compare }}
|
|
|
+
|
|
|
+ <van-col span="10" class="td" style="text-align: left;">
|
|
|
+ 环比：
|
|
|
+ <span
|
|
|
+ :style="
|
|
|
+ ratios.touchfreq_ring > 0
|
|
|
+ ? 'color: red'
|
|
|
+ : 'color: #04c15f'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{ ratios.touchfreq_ring }}%
|
|
|
+ <van-icon
|
|
|
+ v-if="ratios.touchfreq_change !== '相等'"
|
|
|
+ name="down"
|
|
|
+ :class="{ rise: ratios.touchfreq_change === '上升' }"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
</van-col>
|
|
|
</van-row>
|
|
|
</van-cell-group>
|
|
|
@@ -220,14 +251,22 @@
|
|
|
<van-col span="7" class="td"
|
|
|
>{{ formatNum(ratios.reachrate, 2) }}%
|
|
|
</van-col>
|
|
|
- <van-col
|
|
|
- span="10"
|
|
|
- class="td"
|
|
|
- :style="
|
|
|
- ratios.reachrate_ring > 0 ? 'color: red' : 'color: #04c15f'
|
|
|
- "
|
|
|
- >
|
|
|
- {{ ratios.reachrate_compare }}
|
|
|
+ <van-col span="10" class="td" style="text-align: left;">
|
|
|
+ 环比：
|
|
|
+ <span
|
|
|
+ :style="
|
|
|
+ ratios.reachrate_ring > 0
|
|
|
+ ? 'color: red'
|
|
|
+ : 'color: #04c15f'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{ ratios.reachrate_ring }}%
|
|
|
+ <van-icon
|
|
|
+ v-if="ratios.reachrate_change !== '相等'"
|
|
|
+ name="down"
|
|
|
+ :class="{ rise: ratios.reachrate_change === '上升' }"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
</van-col>
|
|
|
<van-col span="7" class="td" style="text-align: right">
|
|
|
周人均时长：
|
|
|
@@ -235,16 +274,22 @@
|
|
|
<van-col span="7" class="td"
|
|
|
>{{ timeFormat(ratios.user_duration, 0) }}分钟
|
|
|
</van-col>
|
|
|
- <van-col
|
|
|
- span="10"
|
|
|
- class="td"
|
|
|
- :style="
|
|
|
- ratios.user_duration_ring > 0
|
|
|
- ? 'color: red'
|
|
|
- : 'color: #04c15f'
|
|
|
- "
|
|
|
- >
|
|
|
- {{ ratios.user_duration_compare }}
|
|
|
+ <van-col span="10" class="td" style="text-align: left;">
|
|
|
+ 环比：
|
|
|
+ <span
|
|
|
+ :style="
|
|
|
+ ratios.user_duration_ring > 0
|
|
|
+ ? 'color: red'
|
|
|
+ : 'color: #04c15f'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{ ratios.user_duration_ring }}%
|
|
|
+ <van-icon
|
|
|
+ v-if="ratios.user_duration_change !== '相等'"
|
|
|
+ name="down"
|
|
|
+ :class="{ rise: ratios.user_duration_change === '上升' }"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
</van-col>
|
|
|
<van-col span="7" class="td" style="text-align: right">
|
|
|
收视率：
|
|
|
@@ -252,14 +297,22 @@
|
|
|
<van-col span="7" class="td">
|
|
|
{{ formatNum(ratios.watchrate, 2) }}%
|
|
|
</van-col>
|
|
|
- <van-col
|
|
|
- span="10"
|
|
|
- class="td"
|
|
|
- :style="
|
|
|
- ratios.watchrate_ring > 0 ? 'color: red' : 'color: #04c15f'
|
|
|
- "
|
|
|
- >
|
|
|
- {{ ratios.watchrate_compare }}
|
|
|
+ <van-col span="10" class="td" style="text-align: left;">
|
|
|
+ 环比：
|
|
|
+ <span
|
|
|
+ :style="
|
|
|
+ ratios.watchrate_ring > 0
|
|
|
+ ? 'color: red'
|
|
|
+ : 'color: #04c15f'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{ ratios.watchrate_ring }}%
|
|
|
+ <van-icon
|
|
|
+ v-if="ratios.watchrate_change !== '相等'"
|
|
|
+ name="down"
|
|
|
+ :class="{ rise: ratios.watchrate_change === '上升' }"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
</van-col>
|
|
|
<van-col span="7" class="td" style="text-align: right">
|
|
|
市场占有率：
|
|
|
@@ -267,14 +320,22 @@
|
|
|
<van-col span="7" class="td"
|
|
|
>{{ formatNum(ratios.occrate, 2) }}%
|
|
|
</van-col>
|
|
|
- <van-col
|
|
|
- span="10"
|
|
|
- class="td"
|
|
|
- :style="
|
|
|
- ratios.occrate_ring > 0 ? 'color: red' : 'color: #04c15f'
|
|
|
- "
|
|
|
- >
|
|
|
- {{ ratios.occrate_compare }}
|
|
|
+ <van-col span="10" class="td" style="text-align: left;">
|
|
|
+ 环比：
|
|
|
+ <span
|
|
|
+ :style="
|
|
|
+ ratios.occrate_ring > 0
|
|
|
+ ? 'color: red'
|
|
|
+ : 'color: #04c15f'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{ ratios.occrate_ring }}%
|
|
|
+ <van-icon
|
|
|
+ v-if="ratios.occrate_change !== '相等'"
|
|
|
+ name="down"
|
|
|
+ :class="{ rise: ratios.occrate_change === '上升' }"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
</van-col>
|
|
|
<van-col span="7" class="td" style="text-align: right">
|
|
|
忠诚度：
|
|
|
@@ -282,14 +343,22 @@
|
|
|
<van-col span="7" class="td"
|
|
|
>{{ formatNum(ratios.loyalty, 2) }}%
|
|
|
</van-col>
|
|
|
- <van-col
|
|
|
- span="10"
|
|
|
- class="td"
|
|
|
- :style="
|
|
|
- ratios.loyalty_ring > 0 ? 'color: red' : 'color: #04c15f'
|
|
|
- "
|
|
|
- >
|
|
|
- {{ ratios.loyalty_compare }}
|
|
|
+ <van-col span="10" class="td" style="text-align: left;">
|
|
|
+ 环比：
|
|
|
+ <span
|
|
|
+ :style="
|
|
|
+ ratios.loyalty_ring > 0
|
|
|
+ ? 'color: red'
|
|
|
+ : 'color: #04c15f'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{ ratios.loyalty_ring }}%
|
|
|
+ <van-icon
|
|
|
+ v-if="ratios.loyalty_change !== '相等'"
|
|
|
+ name="down"
|
|
|
+ :class="{ rise: ratios.loyalty_change === '上升' }"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
</van-col>
|
|
|
</van-row>
|
|
|
</van-cell-group>
|
liyongli