|
|
@@ -64,7 +64,7 @@
|
|
|
src="../../../assets/image/shou.gif"
|
|
|
width="26px"
|
|
|
alt=""
|
|
|
- style="vertical-align: middle;transform: rotate(45deg);"
|
|
|
+ style="vertical-align: middle; transform: rotate(45deg)"
|
|
|
/>
|
|
|
</van-col>
|
|
|
</van-row>
|
|
|
@@ -98,7 +98,7 @@
|
|
|
<van-icon
|
|
|
v-if="v.occrate_change !== '相等'"
|
|
|
name="down"
|
|
|
- :color="v.occrate_change === '上升' ? '#f00' : '#0f0'"
|
|
|
+ :color="v.occrate_change === '上升' ? '#f00' : '##04c15f'"
|
|
|
:class="{ rise: v.occrate_change === '上升' }"
|
|
|
/>
|
|
|
</van-col>
|
|
|
@@ -107,7 +107,7 @@
|
|
|
<van-icon
|
|
|
v-if="v.user_duration_change !== '相等'"
|
|
|
name="down"
|
|
|
- :color="v.user_duration_change === '上升' ? '#f00' : '#0f0'"
|
|
|
+ :color="v.user_duration_change === '上升' ? '#f00' : '##04c15f'"
|
|
|
:class="{ rise: v.user_duration_change === '上升' }"
|
|
|
/>
|
|
|
</van-col>
|
|
|
@@ -129,7 +129,9 @@
|
|
|
>
|
|
|
<div
|
|
|
@click="show = false"
|
|
|
- style="color: #5470c6; cursor: pointer"
|
|
|
+ :style="
|
|
|
+ 'color: #5470c6;cursor:pointer;font-size:' + fontSize + 'px'
|
|
|
+ "
|
|
|
>
|
|
|
<van-icon name="revoke" />
|
|
|
{{ ratios.channelname }}
|
|
|
@@ -137,58 +139,31 @@
|
|
|
</van-cell>
|
|
|
<van-cell-group title="视听收视新指标">
|
|
|
<van-row>
|
|
|
- <van-col span="10" class="td" style="text-align: right">
|
|
|
+ <van-col span="7" class="td" style="text-align: right">
|
|
|
收视总时长：
|
|
|
</van-col>
|
|
|
- <van-col span="14" class="td">
|
|
|
- <counto
|
|
|
- :startVal="0"
|
|
|
- :endVal="ratios.timecount || 0"
|
|
|
- :duration="1000"
|
|
|
- ></counto>
|
|
|
- <span v-if="ratios.timecountP">.</span>
|
|
|
- {{
|
|
|
- (ratios.timecountP > 0 ? ratios.timecountP : "") +
|
|
|
- ratios.timecountWei
|
|
|
- }}
|
|
|
+ <van-col span="5" class="td">
|
|
|
+ {{ ratios.timecount }}
|
|
|
</van-col>
|
|
|
- <van-col span="10" class="td" style="text-align: right">
|
|
|
+ <van-col span="7" class="td" style="text-align: right">
|
|
|
收视总次数：
|
|
|
</van-col>
|
|
|
- <van-col span="14" class="td">
|
|
|
- <counto
|
|
|
- :startVal="0"
|
|
|
- :endVal="ratios.hitcount || 0"
|
|
|
- :duration="1000"
|
|
|
- ></counto>
|
|
|
- <span v-if="ratios.hitcountP">.</span>
|
|
|
- {{
|
|
|
- (ratios.hitcountP > 0 ? ratios.hitcountP : "") +
|
|
|
- ratios.hitcountWei
|
|
|
- }}
|
|
|
+ <van-col span="5" class="td">
|
|
|
+ {{ ratios.hitcount }}
|
|
|
</van-col>
|
|
|
|
|
|
- <van-col span="10" class="td" style="text-align: right">
|
|
|
+ <van-col span="7" class="td" style="text-align: right">
|
|
|
周活跃户数：
|
|
|
</van-col>
|
|
|
- <van-col span="14" class="td">
|
|
|
- <counto
|
|
|
- :startVal="0"
|
|
|
- :endVal="ratios.usrcount || 0"
|
|
|
- :duration="1000"
|
|
|
- ></counto>
|
|
|
- <span v-if="ratios.usrcountP">.</span>
|
|
|
- {{
|
|
|
- (ratios.usrcountP > 0 ? ratios.usrcountP : "") +
|
|
|
- ratios.usrcountWei
|
|
|
- }}
|
|
|
+ <van-col span="5" class="td">
|
|
|
+ {{ ratios.usrcount }}
|
|
|
</van-col>
|
|
|
|
|
|
- <van-col span="10" class="td" style="text-align: right">
|
|
|
- 接触频次：
|
|
|
+ <van-col span="7" class="td" style="text-align: right">
|
|
|
+ 周接触频次：
|
|
|
</van-col>
|
|
|
- <van-col span="14" class="td">
|
|
|
- {{ formatType1(ratios.touchfreq, 0) }}%
|
|
|
+ <van-col span="5" class="td">
|
|
|
+ {{ formatType1(ratios.touchfreq, 0) }}次
|
|
|
</van-col>
|
|
|
</van-row>
|
|
|
</van-cell-group>
|
|
|
@@ -214,10 +189,6 @@
|
|
|
<van-col span="5" class="td"
|
|
|
>{{ formatNum(ratios.loyalty, 2) }}%
|
|
|
</van-col>
|
|
|
- <van-col span="7" class="td"> 接触度： </van-col>
|
|
|
- <van-col span="7" class="td"
|
|
|
- >{{ formatType1(ratios.hitcount, 0) }}次
|
|
|
- </van-col>
|
|
|
</van-row>
|
|
|
</van-cell-group>
|
|
|
<div ref="pie"></div>
|
|
|
@@ -246,7 +217,6 @@
|
|
|
|
|
|
<script>
|
|
|
// @ is an alias to /src
|
|
|
-import counto from "@/components/counto/vue-countTo.vue";
|
|
|
import watermark from "watermark-package";
|
|
|
import {
|
|
|
Col as vanCol,
|
|
|
@@ -388,18 +358,9 @@ export default {
|
|
|
showPopup(i) {
|
|
|
this.show = true;
|
|
|
const reaios = JSON.parse(JSON.stringify(this.platfromData[i] || {}));
|
|
|
- let hitcount = this.formatType(reaios.hitcount, 1);
|
|
|
- reaios.hitcount = hitcount.N;
|
|
|
- reaios.hitcountP = hitcount.P;
|
|
|
- reaios.hitcountWei = hitcount.wei;
|
|
|
- let usrcount = this.formatType(reaios.usrcount, 1);
|
|
|
- reaios.usrcount = usrcount.N;
|
|
|
- reaios.usrcountP = usrcount.P;
|
|
|
- reaios.usrcountWei = usrcount.wei;
|
|
|
- let timecount = this.formatType(reaios.timecount / 60, 1);
|
|
|
- reaios.timecount = timecount.N;
|
|
|
- reaios.timecountP = timecount.P;
|
|
|
- reaios.timecountWei = timecount.wei + "小时";
|
|
|
+ reaios.hitcount = this.formatType1(reaios.hitcount, 1);
|
|
|
+ reaios.usrcount = this.formatType1(reaios.usrcount, 1);
|
|
|
+ reaios.timecount = this.formatType1(reaios.timecount / 60, 1);
|
|
|
this.ratios = reaios;
|
|
|
this.$nextTick(() => {
|
|
|
this.upEcharts();
|
|
|
@@ -436,7 +397,10 @@ export default {
|
|
|
? this.ratios.usrcount_compare + " 单位：户"
|
|
|
: "单位：户",
|
|
|
textStyle: {
|
|
|
- fontSize: 14,
|
|
|
+ fontSize: this.fontSize * 1.05,
|
|
|
+ },
|
|
|
+ subtextStyle: {
|
|
|
+ fontSize: this.fontSize,
|
|
|
},
|
|
|
},
|
|
|
tooltip: {
|
|
|
@@ -447,9 +411,13 @@ export default {
|
|
|
type: "category",
|
|
|
boundaryGap: false,
|
|
|
data: key,
|
|
|
+ axisLabel: {
|
|
|
+ interval: 0,
|
|
|
+ rotate: 60,
|
|
|
+ },
|
|
|
},
|
|
|
grid: {
|
|
|
- right: "25px",
|
|
|
+ right: "5px",
|
|
|
left: "40px",
|
|
|
},
|
|
|
yAxis: {
|
|
|
@@ -493,7 +461,7 @@ export default {
|
|
|
text: "观看时长用户分布",
|
|
|
subtext: "单位：%",
|
|
|
textStyle: {
|
|
|
- fontSize: 14,
|
|
|
+ fontSize: this.fontSize * 1.05,
|
|
|
},
|
|
|
},
|
|
|
color: [
|
|
|
@@ -528,7 +496,6 @@ export default {
|
|
|
},
|
|
|
beforeUnmount() {},
|
|
|
components: {
|
|
|
- counto,
|
|
|
vanCol,
|
|
|
vanRow,
|
|
|
vanIcon,
|
liyongli