|
@@ -24,6 +24,9 @@
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div style="float:right;margin:10px">
|
|
|
|
+ 更新时间:{{updateAccountEchart||'-'}}
|
|
|
|
+ </div>
|
|
<div class="accountIndexEchart" id="accountIndexEchart" ref="accountIndexEchart" :style="{ width: (clientWidth / 24) * 18 - 48 - 24 + 'px' }">
|
|
<div class="accountIndexEchart" id="accountIndexEchart" ref="accountIndexEchart" :style="{ width: (clientWidth / 24) * 18 - 48 - 24 + 'px' }">
|
|
<a-empty />
|
|
<a-empty />
|
|
</div>
|
|
</div>
|
|
@@ -42,12 +45,12 @@
|
|
</span>
|
|
</span>
|
|
<span class="left-title-radio" v-if="personData && personData.grew < 0">
|
|
<span class="left-title-radio" v-if="personData && personData.grew < 0">
|
|
<img class="title-radio-img" src="@/assets/up.png" alt="">
|
|
<img class="title-radio-img" src="@/assets/up.png" alt="">
|
|
- {{ personData.grew ? personData.grew + '%' : '-' }}
|
|
|
|
|
|
+ {{ personData.grew + '%' }}
|
|
</span>
|
|
</span>
|
|
<!-- TODO 这个是下降的样式,后续优化 -->
|
|
<!-- TODO 这个是下降的样式,后续优化 -->
|
|
<span class="left-title-radio-down" v-else-if="personData && personData.grew >= 0">
|
|
<span class="left-title-radio-down" v-else-if="personData && personData.grew >= 0">
|
|
<img class="title-radio-img" src="@/assets/down.png" alt="">
|
|
<img class="title-radio-img" src="@/assets/down.png" alt="">
|
|
- {{personData.grew ? personData.grew + '%':'-'}}
|
|
|
|
|
|
+ {{ personData.grew + '%' }}
|
|
</span>
|
|
</span>
|
|
<a-tooltip class="">
|
|
<a-tooltip class="">
|
|
<template slot="title">
|
|
<template slot="title">
|
|
@@ -60,19 +63,19 @@
|
|
<div class="header-left-title-else">
|
|
<div class="header-left-title-else">
|
|
<span class="title-label">账户数:</span>
|
|
<span class="title-label">账户数:</span>
|
|
<span>
|
|
<span>
|
|
- {{ personData.accouuntCount ? personData.accouuntCount : '-' }}
|
|
|
|
|
|
+ {{ personData.accouuntCount }}
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="header-left-title-else">
|
|
<div class="header-left-title-else">
|
|
<span class="title-label">本周消耗:</span>
|
|
<span class="title-label">本周消耗:</span>
|
|
<span>
|
|
<span>
|
|
- {{ personData.weekCharge ? personData.weekCharge : '-' }}
|
|
|
|
|
|
+ {{ personData.weekCharge }}
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="header-left-title-else">
|
|
<div class="header-left-title-else">
|
|
<span class="title-label">上周消耗:</span>
|
|
<span class="title-label">上周消耗:</span>
|
|
<span>
|
|
<span>
|
|
- {{ personData.lweekCharge ? personData.lweekCharge : '-' }}
|
|
|
|
|
|
+ {{ personData.lweekCharge }}
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="header-left-title-else">
|
|
<div class="header-left-title-else">
|
|
@@ -80,12 +83,12 @@
|
|
周消耗环比:
|
|
周消耗环比:
|
|
</span>
|
|
</span>
|
|
<span class="left-title-radio" v-if="personData && personData.grew < 0">
|
|
<span class="left-title-radio" v-if="personData && personData.grew < 0">
|
|
- {{ personData.weekGrew ? personData.weekGrew + '%' : '-' }}
|
|
|
|
|
|
+ {{ personData.weekGrew + '%' }}
|
|
<img class="title-radio-img" src="@/assets/up.png" alt="">
|
|
<img class="title-radio-img" src="@/assets/up.png" alt="">
|
|
</span>
|
|
</span>
|
|
<!-- TODO 这个是下降的样式,后续优化 -->
|
|
<!-- TODO 这个是下降的样式,后续优化 -->
|
|
<span class="left-title-radio-down" v-else-if="personData && personData.grew >= 0">
|
|
<span class="left-title-radio-down" v-else-if="personData && personData.grew >= 0">
|
|
- {{personData.grew ? personData.grew + '%':'-'}}
|
|
|
|
|
|
+ {{ personData.grew + '%' }}
|
|
<img class="title-radio-img" src="@/assets/down.png" alt="">
|
|
<img class="title-radio-img" src="@/assets/down.png" alt="">
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
@@ -331,6 +334,7 @@ export default {
|
|
target: 'cost',
|
|
target: 'cost',
|
|
order: 'descend',
|
|
order: 'descend',
|
|
clientWidth: 0,
|
|
clientWidth: 0,
|
|
|
|
+ updateAccountEchart: null,
|
|
ipagination: {
|
|
ipagination: {
|
|
current: 1,
|
|
current: 1,
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
@@ -523,6 +527,7 @@ export default {
|
|
this.columnsFixd = keepPersonData.setNoDeleteProjectColumns();
|
|
this.columnsFixd = keepPersonData.setNoDeleteProjectColumns();
|
|
}
|
|
}
|
|
this.showChange = true;
|
|
this.showChange = true;
|
|
|
|
+ this.showColumn();
|
|
this.getPersonList();
|
|
this.getPersonList();
|
|
},
|
|
},
|
|
|
|
|
|
@@ -628,7 +633,8 @@ export default {
|
|
params.endTime = this.dateEchart.length === 2 ? moment(this.dateEchart[1]).format('YYYY-MM-DD') : null;
|
|
params.endTime = this.dateEchart.length === 2 ? moment(this.dateEchart[1]).format('YYYY-MM-DD') : null;
|
|
this.postDataAction('/etl/reportAccountHourly/queryNewlyData',params).then(res => {
|
|
this.postDataAction('/etl/reportAccountHourly/queryNewlyData',params).then(res => {
|
|
if(res.success){
|
|
if(res.success){
|
|
- this.initEchart('accountIndexEchart',this.initAccountIndexEchart(res.result))
|
|
|
|
|
|
+ this.initEchart('accountIndexEchart',this.initAccountIndexEchart(res.result.data))
|
|
|
|
+ this.updateAccountEchart = res.result.updateTime
|
|
}
|
|
}
|
|
}).catch(error => {
|
|
}).catch(error => {
|
|
console.log(error)
|
|
console.log(error)
|