|
@@ -95,14 +95,18 @@ th div {
|
|
<a-row :gutter="16">
|
|
<a-row :gutter="16">
|
|
<a-col :span="24">
|
|
<a-col :span="24">
|
|
<a-card :bordered="false" style="margin:10px 0">
|
|
<a-card :bordered="false" style="margin:10px 0">
|
|
- <div>
|
|
|
|
|
|
+ <div style="box-sizing:border-box;">
|
|
<h3>数据汇总</h3>
|
|
<h3>数据汇总</h3>
|
|
<div
|
|
<div
|
|
v-for="(item, index) of allData"
|
|
v-for="(item, index) of allData"
|
|
:key="index"
|
|
:key="index"
|
|
- style="margin-right:20px;font-size:16px;word-wrap: break-word;word-break: normal;display:inline-block;width:20%"
|
|
|
|
|
|
+ style="font-size:16px;word-wrap: break-word;word-break: normal;display:inline-block;width:25%;"
|
|
>
|
|
>
|
|
- <span style="display:inline-block;width:100px;text-align-last: justify;">{{ item.label }}</span> :
|
|
|
|
|
|
+ <span
|
|
|
|
+ style="display:inline-block;width:120px;text-align-last: justify;font-family: Serif;font-weight:700"
|
|
|
|
+ >{{ item.label }}</span
|
|
|
|
+ >
|
|
|
|
+ :
|
|
<span>{{ item.value }}</span>
|
|
<span>{{ item.value }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -159,87 +163,101 @@ const columns = [
|
|
title: '有消费计划数',
|
|
title: '有消费计划数',
|
|
dataIndex: 'costCampaignCount',
|
|
dataIndex: 'costCampaignCount',
|
|
key: 'costCampaignCount',
|
|
key: 'costCampaignCount',
|
|
- align: 'center'
|
|
|
|
|
|
+ align: 'center',
|
|
|
|
+ sorter: (a, b) => a.costCampaignCount - b.costCampaignCount
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '总余额',
|
|
title: '总余额',
|
|
dataIndex: 'balance',
|
|
dataIndex: 'balance',
|
|
key: 'balance',
|
|
key: 'balance',
|
|
- align: 'center'
|
|
|
|
|
|
+ align: 'center',
|
|
|
|
+ sorter: (a, b) => a.balance - b.balance
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '总消耗',
|
|
title: '总消耗',
|
|
dataIndex: 'cost',
|
|
dataIndex: 'cost',
|
|
key: 'cost',
|
|
key: 'cost',
|
|
- align: 'center'
|
|
|
|
|
|
+ align: 'center',
|
|
|
|
+ sorter: (a, b) => a.cost - b.cost
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '现金消耗',
|
|
title: '现金消耗',
|
|
dataIndex: 'xianjinCost',
|
|
dataIndex: 'xianjinCost',
|
|
key: 'xianjinCost',
|
|
key: 'xianjinCost',
|
|
- align: 'center'
|
|
|
|
|
|
+ align: 'center',
|
|
|
|
+ sorter: (a, b) => a.xianjinCost - b.xianjinCost
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '后返消耗',
|
|
title: '后返消耗',
|
|
dataIndex: 'fandianCost',
|
|
dataIndex: 'fandianCost',
|
|
key: 'fandianCost',
|
|
key: 'fandianCost',
|
|
- align: 'center'
|
|
|
|
|
|
+ align: 'center',
|
|
|
|
+ sorter: (a, b) => a.fandianCost - b.fandianCost
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '框返消耗',
|
|
title: '框返消耗',
|
|
dataIndex: 'kuangfanCost',
|
|
dataIndex: 'kuangfanCost',
|
|
key: 'kuangfanCost',
|
|
key: 'kuangfanCost',
|
|
- align: 'center'
|
|
|
|
|
|
+ align: 'center',
|
|
|
|
+ sorter: (a, b) => a.kuangfanCost - b.kuangfanCost
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '激励账户消耗',
|
|
title: '激励账户消耗',
|
|
dataIndex: 'jiliCost',
|
|
dataIndex: 'jiliCost',
|
|
key: 'jiliCost',
|
|
key: 'jiliCost',
|
|
- align: 'center'
|
|
|
|
|
|
+ align: 'center',
|
|
|
|
+ sorter: (a, b) => a.jiliCost - b.jiliCost
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '信⽤账户消耗',
|
|
title: '信⽤账户消耗',
|
|
dataIndex: 'xinyongCost',
|
|
dataIndex: 'xinyongCost',
|
|
key: 'xinyongCost',
|
|
key: 'xinyongCost',
|
|
- align: 'center'
|
|
|
|
|
|
+ align: 'center',
|
|
|
|
+ sorter: (a, b) => a.xinyongCost - b.xinyongCostxinyongCost
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '封⾯曝光数',
|
|
title: '封⾯曝光数',
|
|
dataIndex: 'fengmianShowCount',
|
|
dataIndex: 'fengmianShowCount',
|
|
key: 'fengmianShowCount',
|
|
key: 'fengmianShowCount',
|
|
- align: 'center'
|
|
|
|
|
|
+ align: 'center',
|
|
|
|
+ sorter: (a, b) => a.fengmianShowCount - b.fengmianShowCount
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '封⾯点击数',
|
|
title: '封⾯点击数',
|
|
dataIndex: 'fengmianClickCount',
|
|
dataIndex: 'fengmianClickCount',
|
|
key: 'fengmianClickCount',
|
|
key: 'fengmianClickCount',
|
|
- align: 'center'
|
|
|
|
|
|
+ align: 'center',
|
|
|
|
+ sorter: (a, b) => a.fengmianClickCount - b.fengmianClickCount
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '素材曝光数',
|
|
title: '素材曝光数',
|
|
dataIndex: 'sucaiShowCount',
|
|
dataIndex: 'sucaiShowCount',
|
|
key: 'sucaiShowCount',
|
|
key: 'sucaiShowCount',
|
|
- align: 'center'
|
|
|
|
|
|
+ align: 'center',
|
|
|
|
+ sorter: (a, b) => a.sucaiShowCount - b.sucaiShowCount
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '行为数',
|
|
title: '行为数',
|
|
dataIndex: 'convertCount',
|
|
dataIndex: 'convertCount',
|
|
key: 'convertCount',
|
|
key: 'convertCount',
|
|
- align: 'center'
|
|
|
|
|
|
+ align: 'center',
|
|
|
|
+ sorter: (a, b) => a.convertCount - b.convertCount
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '封⾯点击率',
|
|
title: '封⾯点击率',
|
|
dataIndex: 'fengmianClickRate',
|
|
dataIndex: 'fengmianClickRate',
|
|
key: 'fengmianClickRate',
|
|
key: 'fengmianClickRate',
|
|
scopedSlots: { customRender: 'fengmianClickRate' },
|
|
scopedSlots: { customRender: 'fengmianClickRate' },
|
|
- align: 'center'
|
|
|
|
|
|
+ align: 'center',
|
|
|
|
+ sorter: (a, b) => a.fengmianClickRate - b.fengmianClickRate
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '转化点击率',
|
|
title: '转化点击率',
|
|
dataIndex: 'convertClickRate',
|
|
dataIndex: 'convertClickRate',
|
|
key: 'convertClickRate',
|
|
key: 'convertClickRate',
|
|
scopedSlots: { customRender: 'convertClickRate' },
|
|
scopedSlots: { customRender: 'convertClickRate' },
|
|
- align: 'center'
|
|
|
|
|
|
+ align: 'center',
|
|
|
|
+ sorter: (a, b) => a.convertClickRate - b.convertClickRate
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '操作',
|
|
title: '操作',
|
|
@@ -361,7 +379,6 @@ export default {
|
|
this.loading = true
|
|
this.loading = true
|
|
var date = new Date()
|
|
var date = new Date()
|
|
var params = {}
|
|
var params = {}
|
|
- console.log(moment(date).format('YYYY-MM-DD'))
|
|
|
|
switch (type) {
|
|
switch (type) {
|
|
case 1:
|
|
case 1:
|
|
params.startDate = moment(new Date()).format('YYYY-MM-DD')
|
|
params.startDate = moment(new Date()).format('YYYY-MM-DD')
|
|
@@ -414,7 +431,6 @@ export default {
|
|
}
|
|
}
|
|
})
|
|
})
|
|
postAction('/report/kuaishouReportDailyAgentSum/companyReportSum', params).then(res => {
|
|
postAction('/report/kuaishouReportDailyAgentSum/companyReportSum', params).then(res => {
|
|
- console.log(res)
|
|
|
|
if (res.result) {
|
|
if (res.result) {
|
|
this.allData = [
|
|
this.allData = [
|
|
{ value: res.result.costCampaignCount, label: '有消费计划数' },
|
|
{ value: res.result.costCampaignCount, label: '有消费计划数' },
|