|
@@ -53,7 +53,7 @@
|
|
<div class="todyCost">
|
|
<div class="todyCost">
|
|
<span v-if="item.type === 'double'">{{ item.today }}</span>
|
|
<span v-if="item.type === 'double'">{{ item.today }}</span>
|
|
<span v-else-if="item.type === 'string'">{{ item.today }}</span>
|
|
<span v-else-if="item.type === 'string'">{{ item.today }}</span>
|
|
- <span v-else-if="item.type === 'int'">{{ item.today }}</span>
|
|
|
|
|
|
+ <span v-else-if="item.type === 'int'">{{ item.today !== 0 ? item.today + '%' : 0 }}</span>
|
|
<span class="sign">
|
|
<span class="sign">
|
|
<a-icon type="rise" class="rise" v-show="item.today - item.yesterday > 0"/>
|
|
<a-icon type="rise" class="rise" v-show="item.today - item.yesterday > 0"/>
|
|
<a-icon type="fall" class="fall" v-show="item.today - item.yesterday < 0" />
|
|
<a-icon type="fall" class="fall" v-show="item.today - item.yesterday < 0" />
|
|
@@ -231,7 +231,7 @@
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
<div style="text-align:right">已优先定向:</div>
|
|
<div style="text-align:right">已优先定向:</div>
|
|
</a-col>
|
|
</a-col>
|
|
- <a-col :span="16">DMP</a-col>
|
|
|
|
|
|
+ <a-col :span="16">{{ packageName }}</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
<a-row style="margin-top: 20px;">
|
|
<a-row style="margin-top: 20px;">
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
@@ -359,7 +359,7 @@ export default {
|
|
key: 'activation',
|
|
key: 'activation',
|
|
today: 0,
|
|
today: 0,
|
|
yesterday: 0,
|
|
yesterday: 0,
|
|
- type: 'int'
|
|
|
|
|
|
+ type: 'string'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '转化率',
|
|
title: '转化率',
|
|
@@ -597,7 +597,8 @@ export default {
|
|
topCostList: {},
|
|
topCostList: {},
|
|
yearCostReportList: {}, // 环比数据
|
|
yearCostReportList: {}, // 环比数据
|
|
selectiveList: [],
|
|
selectiveList: [],
|
|
- currentUnit: {}
|
|
|
|
|
|
+ currentUnit: {},
|
|
|
|
+ packageName: ''
|
|
};
|
|
};
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
@@ -642,7 +643,24 @@ export default {
|
|
console.log(error, 'eeee');
|
|
console.log(error, 'eeee');
|
|
});
|
|
});
|
|
},
|
|
},
|
|
|
|
+ handleGetADAudiencePackageId(actId, id) {
|
|
|
|
+ const paramsData = {
|
|
|
|
+ accountId: actId,
|
|
|
|
+ adId: id
|
|
|
|
+ };
|
|
|
|
+ getAction(urlAcount + '/bytedance-api/advertiser/bytedanceReportController/getADAudiencePackageId', paramsData).then(result => {
|
|
|
|
+ if (result.code === 0) {
|
|
|
|
+ this.packageName = result.result.packageId ? this.selectiveList.filter(item => item.audience_package_id === Number(result.result.packageId))[0].name : '暂无';
|
|
|
|
+ }
|
|
|
|
+ else {
|
|
|
|
+ this.$message.error(result.message);
|
|
|
|
+ }
|
|
|
|
+ }).catch(error => {
|
|
|
|
+ console.log(error, 'eeee');
|
|
|
|
+ });
|
|
|
|
+ },
|
|
handleUpdateDirectional(record) {
|
|
handleUpdateDirectional(record) {
|
|
|
|
+ this.handleGetADAudiencePackageId(this.topAccountMsg.accountMap.accountId, record.adId);
|
|
this.currentUnit = record;
|
|
this.currentUnit = record;
|
|
this.targetVisible = true;
|
|
this.targetVisible = true;
|
|
},
|
|
},
|
|
@@ -828,6 +846,7 @@ export default {
|
|
// 修改定向的取消按钮
|
|
// 修改定向的取消按钮
|
|
handleTargethandleCancel() {
|
|
handleTargethandleCancel() {
|
|
this.adAudiencePackageId = '';
|
|
this.adAudiencePackageId = '';
|
|
|
|
+ this.packageName = '';
|
|
this.targetVisible = false;
|
|
this.targetVisible = false;
|
|
},
|
|
},
|
|
handleAccounthandleOk() {
|
|
handleAccounthandleOk() {
|
|
@@ -835,8 +854,8 @@ export default {
|
|
account: {
|
|
account: {
|
|
accountId: this.selectaccountId
|
|
accountId: this.selectaccountId
|
|
},
|
|
},
|
|
- startTime: this.topCostList.startTime,
|
|
|
|
- endTime: this.topCostList.startTime
|
|
|
|
|
|
+ startTime: this.dateValue[0],
|
|
|
|
+ endTime: this.dateValue[1]
|
|
};
|
|
};
|
|
this.topCostList = paramsData;
|
|
this.topCostList = paramsData;
|
|
this.handleGetAccountMessage(this.selectaccountId);
|
|
this.handleGetAccountMessage(this.selectaccountId);
|
|
@@ -905,10 +924,7 @@ export default {
|
|
this.handleGetPlanTableList(paramsData);
|
|
this.handleGetPlanTableList(paramsData);
|
|
},
|
|
},
|
|
handleCostTimeChange(date, dateString) {
|
|
handleCostTimeChange(date, dateString) {
|
|
- if (dateString.length > 0 && dateString[0] !== dateString[1]) {
|
|
|
|
- let interval = date[1].diff(date[0], 'days');
|
|
|
|
- this.dateStringShow = `${moment(date[0]).subtract(1 + interval, 'days').format('YYYY-MM-DD')}~${moment(date[0]).subtract(1, 'days').format('YYYY-MM-DD')}`;
|
|
|
|
- }
|
|
|
|
|
|
+ this.dateValue = dateString;
|
|
const paramsData = {
|
|
const paramsData = {
|
|
account: {
|
|
account: {
|
|
accountId: this.topCostList.account.accountId
|
|
accountId: this.topCostList.account.accountId
|
|
@@ -988,7 +1004,7 @@ export default {
|
|
let option = isType + '<br/>';
|
|
let option = isType + '<br/>';
|
|
for (let i = 0, length = params.length; i < length; i++) {
|
|
for (let i = 0, length = params.length; i < length; i++) {
|
|
const showTime = specialIdentification === '时' ? params[i].seriesName : '';
|
|
const showTime = specialIdentification === '时' ? params[i].seriesName : '';
|
|
- option += `<span style="width:8px;height:8px;border-radius:50%;background:${params[i].color};display:inline-block;position:relative;top:-2px;margin-right:5px"></span>${showTime} ${params[i].axisValue}${specialIdentification} ${params[i].data}<br />`;
|
|
|
|
|
|
+ option += `<span style="width:8px;height:8px;border-radius:50%;background:${params[i].color};display:inline-block;position:relative;top:-2px;margin-right:5px"></span>${showTime} ${params[i].axisValue}${specialIdentification} ${params[i].data}%<br />`;
|
|
}
|
|
}
|
|
return option;
|
|
return option;
|
|
}
|
|
}
|