|
@@ -513,7 +513,13 @@ export default {
|
|
params.smallDate = moment(this.contrastValue[0]._d).format('YYYY-MM-DD')
|
|
params.smallDate = moment(this.contrastValue[0]._d).format('YYYY-MM-DD')
|
|
params.bigDate = moment(this.contrastValue[1]._d).format('YYYY-MM-DD')
|
|
params.bigDate = moment(this.contrastValue[1]._d).format('YYYY-MM-DD')
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+ this.columnsDb = [
|
|
|
|
+ { title: '时间', dataIndex: 'statDate', align: 'center' },
|
|
|
|
+ { title: '总消耗', dataIndex: 'cost', align: 'center' },
|
|
|
|
+ { title: '封面点击数', dataIndex: 'photoClick', align: 'center' },
|
|
|
|
+ { title: '封面曝光数', dataIndex: 'photoShow', align: 'center' },
|
|
|
|
+ { title: '素材曝光数', dataIndex: 'aclick', align: 'center' }
|
|
|
|
+ ]
|
|
getKsAccountReport(params).then(res => {
|
|
getKsAccountReport(params).then(res => {
|
|
if (res.compared) {
|
|
if (res.compared) {
|
|
this.contrastDataAll = res
|
|
this.contrastDataAll = res
|
|
@@ -927,26 +933,139 @@ export default {
|
|
} else if (type == 'noTitleKeyTableTwo') {
|
|
} else if (type == 'noTitleKeyTableTwo') {
|
|
this.dataTableTwo = []
|
|
this.dataTableTwo = []
|
|
if (key == 'small') {
|
|
if (key == 'small') {
|
|
|
|
+ this.columnsDb = [
|
|
|
|
+ { title: '时间', dataIndex: 'statDate', align: 'center' },
|
|
|
|
+ { title: '总消耗', dataIndex: 'cost', align: 'center' },
|
|
|
|
+ { title: '封面点击数', dataIndex: 'photoClick', align: 'center' },
|
|
|
|
+ { title: '封面曝光数', dataIndex: 'photoShow', align: 'center' },
|
|
|
|
+ { title: '素材曝光数', dataIndex: 'aclick', align: 'center' }
|
|
|
|
+ ]
|
|
if (this.value == 'day') {
|
|
if (this.value == 'day') {
|
|
- this.dataTableTwo = this.dataAllTableTwo.beComparedDetail.map(item => {
|
|
|
|
|
|
+ this.dataTableTwo = this.dataAllTableTwo.beComparedDetail.map((item, index) => {
|
|
return {
|
|
return {
|
|
|
|
+ key: index,
|
|
...item,
|
|
...item,
|
|
statDate: item.statDate + ' ' + item.statHour + '时'
|
|
statDate: item.statDate + ' ' + item.statHour + '时'
|
|
}
|
|
}
|
|
})
|
|
})
|
|
} else {
|
|
} else {
|
|
- this.dataTableTwo = this.dataAllTableTwo.beComparedDetail
|
|
|
|
- }
|
|
|
|
- } else {
|
|
|
|
- if (this.value == 'day') {
|
|
|
|
- this.dataTableTwo = this.dataAllTableTwo.comparedDetail.map(item => {
|
|
|
|
|
|
+ this.dataTableTwo = this.dataAllTableTwo.beComparedDetail.map((item, index) => {
|
|
return {
|
|
return {
|
|
- ...item,
|
|
|
|
- statDate: item.statDate + ' ' + item.statHour + '时'
|
|
|
|
|
|
+ key: index,
|
|
|
|
+ ...item
|
|
}
|
|
}
|
|
})
|
|
})
|
|
|
|
+ }
|
|
|
|
+ } else {
|
|
|
|
+ this.columnsDb = [
|
|
|
|
+ { title: '时间', dataIndex: 'statDate', align: 'center' },
|
|
|
|
+ {
|
|
|
|
+ title: '总消耗环比',
|
|
|
|
+ dataIndex: 'yesCost',
|
|
|
|
+ scopedSlots: { customRender: 'yesCost' },
|
|
|
|
+ align: 'center'
|
|
|
|
+ },
|
|
|
|
+ { title: '总消耗', dataIndex: 'cost', align: 'center' },
|
|
|
|
+ {
|
|
|
|
+ title: '封面点击数环比',
|
|
|
|
+ dataIndex: 'yesPhotoClick',
|
|
|
|
+ scopedSlots: { customRender: 'photoClickProportion' },
|
|
|
|
+ align: 'center'
|
|
|
|
+ },
|
|
|
|
+ { title: '封面点击数', dataIndex: 'photoClick', align: 'center' },
|
|
|
|
+ {
|
|
|
|
+ title: '封面曝光数环比',
|
|
|
|
+ dataIndex: 'yesPhotoShow',
|
|
|
|
+ scopedSlots: { customRender: 'photoShowProportion' },
|
|
|
|
+ align: 'center'
|
|
|
|
+ },
|
|
|
|
+ { title: '封面曝光数', dataIndex: 'photoShow', align: 'center' },
|
|
|
|
+ {
|
|
|
|
+ title: '素材曝光数环比',
|
|
|
|
+ dataIndex: 'yesAclick',
|
|
|
|
+ scopedSlots: { customRender: 'aclickProportion' },
|
|
|
|
+ align: 'center'
|
|
|
|
+ },
|
|
|
|
+ { title: '素材曝光数', dataIndex: 'aclick', align: 'center' }
|
|
|
|
+ ]
|
|
|
|
+ if (this.value == 'day') {
|
|
|
|
+ for (let i = 0; i < this.dataAllTableTwo.comparedDetail.length; i++) {
|
|
|
|
+ this.dataTableTwo.push({
|
|
|
|
+ key: i,
|
|
|
|
+ statDate:
|
|
|
|
+ this.dataAllTableTwo.comparedDetail[i].statDate +
|
|
|
|
+ ' ' +
|
|
|
|
+ this.dataAllTableTwo.comparedDetail[i].statHour +
|
|
|
|
+ '时',
|
|
|
|
+ yesCost:
|
|
|
|
+ (
|
|
|
|
+ this.dataAllTableTwo.comparedDetail[i].cost / this.dataAllTableTwo.beComparedDetail[i].cost -
|
|
|
|
+ 1
|
|
|
|
+ ).toFixed(2) + '%',
|
|
|
|
+ cost: this.dataAllTableTwo.comparedDetail[i].cost,
|
|
|
|
+ yesPhotoClick:
|
|
|
|
+ (
|
|
|
|
+ this.dataAllTableTwo.comparedDetail[i].photoClick /
|
|
|
|
+ this.dataAllTableTwo.beComparedDetail[i].photoClick -
|
|
|
|
+ 1
|
|
|
|
+ ).toFixed(2) + '%',
|
|
|
|
+ photoClick: this.dataAllTableTwo.comparedDetail[i].photoClick,
|
|
|
|
+ yesPhotoShow:
|
|
|
|
+ (
|
|
|
|
+ this.dataAllTableTwo.comparedDetail[i].photoShow /
|
|
|
|
+ this.dataAllTableTwo.beComparedDetail[i].photoShow -
|
|
|
|
+ 1
|
|
|
|
+ ).toFixed(2) + '%',
|
|
|
|
+ photoShow: this.dataAllTableTwo.comparedDetail[i].photoShow,
|
|
|
|
+ yesAclick:
|
|
|
|
+ (
|
|
|
|
+ this.dataAllTableTwo.comparedDetail[i].aclick / this.dataAllTableTwo.beComparedDetail[i].aclick -
|
|
|
|
+ 1
|
|
|
|
+ ).toFixed(2) + '%',
|
|
|
|
+ aclick: this.dataAllTableTwo.comparedDetail[i].aclick
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ // this.dataTableTwo = this.dataAllTableTwo.comparedDetail.map(item => {
|
|
|
|
+ // return {
|
|
|
|
+ // ...item,
|
|
|
|
+ // statDate: item.statDate + ' ' + item.statHour + '时'
|
|
|
|
+ // }
|
|
|
|
+ // })
|
|
} else {
|
|
} else {
|
|
- this.dataTableTwo = this.dataAllTableTwo.comparedDetail
|
|
|
|
|
|
+ this.dataTableTwo = []
|
|
|
|
+ for (let i = 0; i < this.dataAllTableTwo.comparedDetail.length; i++) {
|
|
|
|
+ this.dataTableTwo.push({
|
|
|
|
+ key: i,
|
|
|
|
+ statDate: this.dataAllTableTwo.comparedDetail[i].statDate,
|
|
|
|
+ yesCost:
|
|
|
|
+ (
|
|
|
|
+ this.dataAllTableTwo.comparedDetail[i].cost / this.dataAllTableTwo.beComparedDetail[i].cost -
|
|
|
|
+ 1
|
|
|
|
+ ).toFixed(2) + '%',
|
|
|
|
+ cost: this.dataAllTableTwo.comparedDetail[i].cost,
|
|
|
|
+ yesPhotoClick:
|
|
|
|
+ (
|
|
|
|
+ this.dataAllTableTwo.comparedDetail[i].photoClick /
|
|
|
|
+ this.dataAllTableTwo.beComparedDetail[i].photoClick -
|
|
|
|
+ 1
|
|
|
|
+ ).toFixed(2) + '%',
|
|
|
|
+ photoClick: this.dataAllTableTwo.comparedDetail[i].photoClick,
|
|
|
|
+ yesPhotoShow:
|
|
|
|
+ (
|
|
|
|
+ this.dataAllTableTwo.comparedDetail[i].photoShow /
|
|
|
|
+ this.dataAllTableTwo.beComparedDetail[i].photoShow -
|
|
|
|
+ 1
|
|
|
|
+ ).toFixed(2) + '%',
|
|
|
|
+ photoShow: this.dataAllTableTwo.comparedDetail[i].photoShow,
|
|
|
|
+ yesAclick:
|
|
|
|
+ (
|
|
|
|
+ this.dataAllTableTwo.comparedDetail[i].aclick / this.dataAllTableTwo.beComparedDetail[i].aclick -
|
|
|
|
+ 1
|
|
|
|
+ ).toFixed(2) + '%',
|
|
|
|
+ aclick: this.dataAllTableTwo.comparedDetail[i].aclick
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ console.log(this.dataTableTwo)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
} else {
|