|
@@ -22,7 +22,7 @@
|
|
|
</div>
|
|
|
<a-divider type="vertical"/>
|
|
|
<div class="tongbi">
|
|
|
- <div style="margin-bottom:8px">
|
|
|
+ <div style="margin-bottom:8px;margin-left: 23px;">
|
|
|
同比
|
|
|
<a-tooltip >
|
|
|
<template slot="title">
|
|
@@ -31,7 +31,10 @@
|
|
|
<a-icon type="question-circle" />
|
|
|
</a-tooltip>
|
|
|
</div>
|
|
|
- <div style="font-size:14px;font-weight:600">{{ yearCostReportList.compare || 0 }}</div>
|
|
|
+ <div style="font-size:14px;font-weight:600">
|
|
|
+ <a-icon type="arrow-down" style="color: #f00"/>
|
|
|
+ {{ yearCostReportList.compare || 0 }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="costNum">{{ Number(yearCostReportList.nowCost) | decimalsHandle }}</div>
|
|
@@ -45,6 +48,15 @@
|
|
|
>
|
|
|
<a-empty/>
|
|
|
</div>
|
|
|
+ <span class="cost-radio-tool">
|
|
|
+ 花费占比
|
|
|
+ <a-tooltip>
|
|
|
+ <template slot="title">
|
|
|
+ <span>花费占比指花费占账户预算的比例</span>
|
|
|
+ </template>
|
|
|
+ <a-icon type="question-circle"/>
|
|
|
+ </a-tooltip>
|
|
|
+ </span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="accountBodyLeftOther">
|
|
@@ -116,10 +128,6 @@
|
|
|
<span class="name">投放状态:</span>
|
|
|
<span>{{ topAccountMsg.accountMap && topAccountMsg.accountMap.accountStatus === 0 ? '投放中' : '未投放' }}</span>
|
|
|
</div>
|
|
|
- <div class="accountBodyRightInfoItem createNum">
|
|
|
- <span class="name">被拒创意数:</span>
|
|
|
- <span>0</span>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -872,6 +880,7 @@ export default {
|
|
|
},
|
|
|
// 计划点击分页操作
|
|
|
handleOnShowSizeChange(current, pageSize) {
|
|
|
+ console.log(current, pageSize, 'current, pageSize');
|
|
|
this.planPagin = {
|
|
|
page: current,
|
|
|
size: pageSize
|
|
@@ -996,15 +1005,24 @@ export default {
|
|
|
trigger: 'axis',
|
|
|
formatter: params => {
|
|
|
let isType = '';
|
|
|
+ let showBai = '';
|
|
|
this.throwColumns.forEach(item => {
|
|
|
+ console.log(item, 'item--item');
|
|
|
if (item.dataIndex === this.isActive) {
|
|
|
isType = item.title;
|
|
|
}
|
|
|
+ if (item.type === 'int') {
|
|
|
+ showBai = '%';
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ showBai = '';
|
|
|
+ }
|
|
|
});
|
|
|
+ console.log(showBai, 'showBai');
|
|
|
let option = isType + '<br/>';
|
|
|
for (let i = 0, length = params.length; i < length; i++) {
|
|
|
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}${showBai}<br />`;
|
|
|
}
|
|
|
return option;
|
|
|
}
|
|
@@ -1186,7 +1204,7 @@ export default {
|
|
|
},
|
|
|
data: [
|
|
|
{
|
|
|
- name: '花费占比',
|
|
|
+ name: '',
|
|
|
value: dataArr
|
|
|
}
|
|
|
],
|
|
@@ -1416,14 +1434,14 @@ export default {
|
|
|
}
|
|
|
.costInfo {
|
|
|
margin: 20px 0 0 0;
|
|
|
- width: 70%;
|
|
|
+ width: 100%;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
- .yesterdayInfo {
|
|
|
- width:50%;
|
|
|
- flex-shrink: 0;
|
|
|
- }
|
|
|
+ // .yesterdayInfo {
|
|
|
+ // width:50%;
|
|
|
+ // flex-shrink: 0;
|
|
|
+ // }
|
|
|
.costNum{
|
|
|
width: 90%;
|
|
|
font-size: 26px;
|
|
@@ -1454,6 +1472,13 @@ export default {
|
|
|
}
|
|
|
.accountBodyLeftCostRight {
|
|
|
width: 45%;
|
|
|
+ margin-left: 15px;
|
|
|
+ position: relative;
|
|
|
+ .cost-radio-tool {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 34px;
|
|
|
+ left: 28%;
|
|
|
+ }
|
|
|
}
|
|
|
.accountBodyLeftOther {
|
|
|
width: 60%;
|