main
liudan
8 months ago
parent
059728f38f
commit
f57270c50a
@ -0,0 +1,11 @@ |
|||||||
|
import request from './request' |
||||||
|
/** |
||||||
|
* @description 数据统计 |
||||||
|
*/ |
||||||
|
export function getStatisticList(data) { |
||||||
|
return request.get('statistics/all_data', data) |
||||||
|
} |
||||||
|
// 惠通宝转让记录
|
||||||
|
export function getHuitongbao(data) { |
||||||
|
return request.get('user/huitong_list', data) |
||||||
|
} |
||||||
@ -0,0 +1,26 @@ |
|||||||
|
import Layout from '@/layout' |
||||||
|
import { roterPre } from '@/settings' |
||||||
|
const statisticRoute = |
||||||
|
{ |
||||||
|
path: `${roterPre}/dataStatistic`, |
||||||
|
name: 'data_statistic', |
||||||
|
meta: { |
||||||
|
icon: 'dashboard', |
||||||
|
title: '数据统计' |
||||||
|
}, |
||||||
|
alwaysShow: true, |
||||||
|
component: Layout, |
||||||
|
children: [ |
||||||
|
{ |
||||||
|
path: 'statistic', |
||||||
|
name: 'statistic', |
||||||
|
meta: { |
||||||
|
title: '数据统计', |
||||||
|
noCache: true |
||||||
|
}, |
||||||
|
component: () => import('@/views/dataStatistic/statistic') |
||||||
|
}, |
||||||
|
|
||||||
|
] |
||||||
|
} |
||||||
|
export default statisticRoute |
||||||
@ -0,0 +1,159 @@ |
|||||||
|
<template> |
||||||
|
<div class="statistic"> |
||||||
|
<el-button type="primary">导出数据统计</el-button> |
||||||
|
<div class="contentContainer"> |
||||||
|
<div class="section" v-for="(item,index) in list" :key="index"> |
||||||
|
<div class="sectionTitle">{{item.title}}</div> |
||||||
|
<div class="content"> |
||||||
|
<div v-for="(p,i) in item.data" class="sectionDesc"> |
||||||
|
<div class="item">{{p.name}}</div> |
||||||
|
<div class="num" v-if="index==0">{{huitong[p.countText]}}</div> |
||||||
|
<div class="num" v-if="index==1">{{welfare[p.countText]}}</div> |
||||||
|
<div class="num" v-if="index==2">{{consume[p.countText]}}</div> |
||||||
|
<div class="num" v-if="index==3">{{contribution[p.countText]}}</div> |
||||||
|
<div class="num" v-if="index==4">{{share_point[p.countText]}}</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import {getStatisticList} from '@/api/statistic' |
||||||
|
export default{ |
||||||
|
data(){ |
||||||
|
return{ |
||||||
|
list:[ |
||||||
|
{ |
||||||
|
title:'惠通宝数据统计', |
||||||
|
data:[ |
||||||
|
{name:'发放惠通宝总数',obj:'huitong',countText:'total'}, |
||||||
|
{name:'可用惠通宝总数',obj:'huitong',countText:'available'}, |
||||||
|
{name:'冻结惠通宝总数',obj:'huitong',countText:'frozen'}, |
||||||
|
{name:'燃烧惠通宝总数',obj:'huitong',countText:'burned'}, |
||||||
|
{name:'昨日发放惠通宝总数',obj:'huitong',countText:'total_yesterday'}, |
||||||
|
{name:'昨日燃烧惠通宝总数',obj:'huitong',countText:'burned_yesterday'}, |
||||||
|
] |
||||||
|
}, |
||||||
|
{ |
||||||
|
title:'福利积分数据统计', |
||||||
|
data:[ |
||||||
|
{name:'发放福利积分总数',countText:'total'}, |
||||||
|
{name:'可用福利积分总数',countText:'available'}, |
||||||
|
{name:'冻结福利积分总数',countText:'frozen'}, |
||||||
|
{name:'昨日发放福利积分总数',countText:'total_yesterday'}, |
||||||
|
{name:'订单平台账户福利积分总数',countText:'platform'}, |
||||||
|
] |
||||||
|
}, |
||||||
|
{ |
||||||
|
title:'消费积分数据统计', |
||||||
|
data:[ |
||||||
|
{name:'发放消费积分总数',countText:'total'}, |
||||||
|
{name:'可用消费积分总数',countText:'available'}, |
||||||
|
{name:'冻结消费积分总数',countText:'frozen'}, |
||||||
|
{name:'昨日发放消费积分总数',countText:'total_yesterday'}, |
||||||
|
] |
||||||
|
}, |
||||||
|
{ |
||||||
|
title:'贡献值数据统计', |
||||||
|
data:[ |
||||||
|
{name:'发放贡献值总数',countText:'total'}, |
||||||
|
{name:'可用贡献值总数',countText:'available'}, |
||||||
|
{name:'冻结贡献值总数',countText:'frozen'}, |
||||||
|
{name:'昨日发放贡献值总数',countText:'total_yesterday'}, |
||||||
|
] |
||||||
|
}, |
||||||
|
{ |
||||||
|
title:'分红点数据统计', |
||||||
|
data:[ |
||||||
|
{name:'分红点用户总数',countText:'user_total'}, |
||||||
|
{name:'分红点总数',countText:'total'}, |
||||||
|
{name:'昨日新增分红点用户',countText:'user_yesterday'}, |
||||||
|
{name:'昨日新增分红点总数',countText:'total_yesterday'}, |
||||||
|
] |
||||||
|
}, |
||||||
|
], |
||||||
|
consume:{ |
||||||
|
available:0, |
||||||
|
frozen:0, |
||||||
|
total:0, |
||||||
|
total_yesterday:0, |
||||||
|
}, |
||||||
|
contribution:{ |
||||||
|
available:0, |
||||||
|
frozen:0, |
||||||
|
total:0, |
||||||
|
total_yesterday:0, |
||||||
|
}, |
||||||
|
huitong:{ |
||||||
|
available:0, |
||||||
|
burned:0, |
||||||
|
burned_yesterday:0, |
||||||
|
frozen:0, |
||||||
|
total:0, |
||||||
|
total_yesterday:0, |
||||||
|
}, |
||||||
|
share_point:{ |
||||||
|
total:0, |
||||||
|
total_yesterday:0, |
||||||
|
user_total:0, |
||||||
|
user_yesterday:0, |
||||||
|
}, |
||||||
|
welfare:{ |
||||||
|
available:0, |
||||||
|
frozen:0, |
||||||
|
platform:0, |
||||||
|
total:0, |
||||||
|
total_yesterday:0 |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
getStatisticListHandle(){ |
||||||
|
getStatisticList().then(res=>{ |
||||||
|
|
||||||
|
Object.keys(res.data).forEach(item=>{ |
||||||
|
Object.keys(res.data[item]).forEach(i=>{ |
||||||
|
this.$set(this[item],i,res.data[item][i]) |
||||||
|
}) |
||||||
|
|
||||||
|
}) |
||||||
|
}) |
||||||
|
} |
||||||
|
}, |
||||||
|
created(){ |
||||||
|
this.getStatisticListHandle() |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
.statistic{ |
||||||
|
padding: 20px 10px; |
||||||
|
.contentContainer{ |
||||||
|
.section{ |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
margin: 40px 0; |
||||||
|
.sectionTitle{ |
||||||
|
font-size: 18px; |
||||||
|
font-weight: bold; |
||||||
|
width: 160px; |
||||||
|
flex-shrink: 0; |
||||||
|
} |
||||||
|
.content{ |
||||||
|
display: flex; |
||||||
|
.sectionDesc{ |
||||||
|
width:200px; |
||||||
|
.num{ |
||||||
|
font-size: 24px; |
||||||
|
margin-top: 8px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue