|
@@ -18,9 +18,7 @@
|
|
<div class="costInfo">
|
|
<div class="costInfo">
|
|
<div class="yesterdayInfo">
|
|
<div class="yesterdayInfo">
|
|
<div style="margin-bottom:8px">上阶段花费</div>
|
|
<div style="margin-bottom:8px">上阶段花费</div>
|
|
- <div style="font-size:14px;font-weight:600">
|
|
|
|
- {{ yearCostReportList.lastCost }}
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div style="font-size:14px;font-weight:600">{{ yearCostReportList.lastCost }}</div>
|
|
</div>
|
|
</div>
|
|
<a-divider type="vertical"/>
|
|
<a-divider type="vertical"/>
|
|
<div class="tongbi">
|
|
<div class="tongbi">
|
|
@@ -33,27 +31,23 @@
|
|
<a-icon type="question-circle" />
|
|
<a-icon type="question-circle" />
|
|
</a-tooltip>
|
|
</a-tooltip>
|
|
</div>
|
|
</div>
|
|
- <div style="font-size:14px;font-weight:600">
|
|
|
|
- {{ yearCostReportList.compare }}
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div style="font-size:14px;font-weight:600">{{ yearCostReportList.compare }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="costNum">
|
|
|
|
- {{ yearCostReportList.nowCost }}
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="costNum">{{ yearCostReportList.nowCost }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="accountBodyLeftCostRight">
|
|
<div class="accountBodyLeftCostRight">
|
|
<div
|
|
<div
|
|
class="gaugeEchart"
|
|
class="gaugeEchart"
|
|
id="gaugeEchart"
|
|
id="gaugeEchart"
|
|
- style='width:100%;height:200px;margin:0 auto' ref="gaugeEchart"
|
|
|
|
|
|
+ style="width:100%;height:200px;margin:0 auto"
|
|
|
|
+ ref="gaugeEchart"
|
|
>
|
|
>
|
|
<a-empty/>
|
|
<a-empty/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accountBodyLeftOther">
|
|
<div class="accountBodyLeftOther">
|
|
- <!-- <span class="showIndex">显示指标</span> -->
|
|
|
|
<div class="top">
|
|
<div class="top">
|
|
<div class="item" v-for="item in throwColumns" :key="item.dataIndex">
|
|
<div class="item" v-for="item in throwColumns" :key="item.dataIndex">
|
|
<div class="todyCost">
|
|
<div class="todyCost">
|
|
@@ -96,9 +90,6 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="echart" style="margin-top:20px;position:relative">
|
|
<div class="echart" style="margin-top:20px;position:relative">
|
|
- <!-- <div style="position:absolute;right:5px;top:-15px">
|
|
|
|
- 更新时间:2021-05-21 13:28:30
|
|
|
|
- </div> -->
|
|
|
|
<a-spin :spinning="accountIndexEchartSpinning">
|
|
<a-spin :spinning="accountIndexEchartSpinning">
|
|
<div
|
|
<div
|
|
class="accountIndexEchart"
|
|
class="accountIndexEchart"
|
|
@@ -116,9 +107,13 @@
|
|
<div class="accountBodyRighTitle">
|
|
<div class="accountBodyRighTitle">
|
|
<div class="acount-body-content" @click="handleChangeAccount">
|
|
<div class="acount-body-content" @click="handleChangeAccount">
|
|
<p class="acount-body-title">{{ topAccountMsg.accountMap && topAccountMsg.accountMap.authName }}</p>
|
|
<p class="acount-body-title">{{ topAccountMsg.accountMap && topAccountMsg.accountMap.authName }}</p>
|
|
- <span><a-icon type="down" style="font-size:14px"/></span>
|
|
|
|
|
|
+ <span>
|
|
|
|
+ <a-icon type="down" style="font-size:14px"/>
|
|
|
|
+ </span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="accountBodyRighTitleID">
|
|
|
|
+ 账户ID:{{ topAccountMsg.accountMap && topAccountMsg.accountMap.accountId }}
|
|
</div>
|
|
</div>
|
|
- <div class="accountBodyRighTitleID">账户ID:{{ topAccountMsg.accountMap && topAccountMsg.accountMap.accountId }}</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="accountBodyRightInfo">
|
|
<div class="accountBodyRightInfo">
|
|
<div class="accountBodyRightInfoItem">
|
|
<div class="accountBodyRightInfoItem">
|
|
@@ -127,7 +122,9 @@
|
|
</div>
|
|
</div>
|
|
<div class="accountBodyRightInfoItem">
|
|
<div class="accountBodyRightInfoItem">
|
|
<span class="name">投放状态:</span>
|
|
<span class="name">投放状态:</span>
|
|
- <span>{{ topAccountMsg.accountMap && topAccountMsg.accountMap.accountStatus === '0' ? '投放中' : '未投放' }}</span>
|
|
|
|
|
|
+ <span>
|
|
|
|
+ {{ topAccountMsg.accountMap && topAccountMsg.accountMap.accountStatus === '0' ? '投放中' : '未投放' }}
|
|
|
|
+ </span>
|
|
</div>
|
|
</div>
|
|
<div class="accountBodyRightInfoItem createNum" @click="gorejectCreativePage">
|
|
<div class="accountBodyRightInfoItem createNum" @click="gorejectCreativePage">
|
|
<span class="name">被拒创意数:</span>
|
|
<span class="name">被拒创意数:</span>
|
|
@@ -148,6 +145,7 @@
|
|
v-model="planRangePicker"
|
|
v-model="planRangePicker"
|
|
style="width:200px;"
|
|
style="width:200px;"
|
|
:allowClear="false"
|
|
:allowClear="false"
|
|
|
|
+ :disabled-date="disabledDate"
|
|
@change="handlePlanPicker"
|
|
@change="handlePlanPicker"
|
|
/>
|
|
/>
|
|
</div>
|
|
</div>
|
|
@@ -200,7 +198,7 @@
|
|
/>
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="titleContext source-material">>素材相关</div>
|
|
|
|
|
|
+ <div class="titleContext source-material"> 素材相关</div>
|
|
<div class="materialBodyRight">
|
|
<div class="materialBodyRight">
|
|
<div class="material-table-class">
|
|
<div class="material-table-class">
|
|
<a-table
|
|
<a-table
|
|
@@ -580,12 +578,7 @@ export default {
|
|
sorter: () => {}
|
|
sorter: () => {}
|
|
}
|
|
}
|
|
],
|
|
],
|
|
- materialData: [
|
|
|
|
- {
|
|
|
|
- signature: '123',
|
|
|
|
- photoShow: '345'
|
|
|
|
- }
|
|
|
|
- ],
|
|
|
|
|
|
+ materialData: [],
|
|
materTotalAll: 0,
|
|
materTotalAll: 0,
|
|
accountIndexEchartSpinning: false, // 账户模块的指标的echart
|
|
accountIndexEchartSpinning: false, // 账户模块的指标的echart
|
|
newDataSortCode: 'charge',
|
|
newDataSortCode: 'charge',
|
|
@@ -947,7 +940,7 @@ export default {
|
|
};
|
|
};
|
|
this.handleGetmaterialData(paramsData);
|
|
this.handleGetmaterialData(paramsData);
|
|
},
|
|
},
|
|
- // have
|
|
|
|
|
|
+ // 默认echarts
|
|
initAccountIndexEchart(data, type) {
|
|
initAccountIndexEchart(data, type) {
|
|
const todayX = data.nowMap.costList.map(item => item.time);
|
|
const todayX = data.nowMap.costList.map(item => item.time);
|
|
let specialIdentification = '';
|
|
let specialIdentification = '';
|
|
@@ -1082,7 +1075,7 @@ export default {
|
|
option.series[1].data = yestodayShowY;
|
|
option.series[1].data = yestodayShowY;
|
|
return option;
|
|
return option;
|
|
},
|
|
},
|
|
- // have
|
|
|
|
|
|
+ // 花费占比echarts
|
|
initGaugechart(value) {
|
|
initGaugechart(value) {
|
|
let dataArr = value.split('%')[0];
|
|
let dataArr = value.split('%')[0];
|
|
let colorSet = {
|
|
let colorSet = {
|
|
@@ -1236,93 +1229,7 @@ export default {
|
|
};
|
|
};
|
|
return option;
|
|
return option;
|
|
},
|
|
},
|
|
- initNewDataChart(data) {
|
|
|
|
- let option = {
|
|
|
|
- tooltip: {
|
|
|
|
- trigger: 'axis'
|
|
|
|
- },
|
|
|
|
- legend: {
|
|
|
|
- data: ['新上计划数', '新上组数', '新上创意数']
|
|
|
|
- },
|
|
|
|
- xAxis: {
|
|
|
|
- type: 'category',
|
|
|
|
- data: data.xdata,
|
|
|
|
- axisLine: {
|
|
|
|
- onZero: false,
|
|
|
|
- lineStyle: {
|
|
|
|
- color: '#999'
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- yAxis: {
|
|
|
|
- type: 'value',
|
|
|
|
- axisLine: {
|
|
|
|
- onZero: false,
|
|
|
|
- show: false,
|
|
|
|
- color: '#999',
|
|
|
|
- lineStyle: {
|
|
|
|
- color: '#999'
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- series: [
|
|
|
|
- {
|
|
|
|
- name: '新上计划数',
|
|
|
|
- data: data.campaign,
|
|
|
|
- type: 'line',
|
|
|
|
- smooth: true,
|
|
|
|
- showSymbol: false,
|
|
|
|
- symbol: 'circle',
|
|
|
|
- lineStyle: {
|
|
|
|
- color: '#AC8BF9',
|
|
|
|
- width: 3
|
|
|
|
- },
|
|
|
|
- itemStyle: {
|
|
|
|
- color: '#AC8BF9',
|
|
|
|
- borderWidth: 2,
|
|
|
|
- borderColor: '#fff'
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- name: '新上组数',
|
|
|
|
- data: data.unit,
|
|
|
|
- type: 'line',
|
|
|
|
- smooth: true,
|
|
|
|
- symbol: 'circle',
|
|
|
|
- showSymbol: false,
|
|
|
|
- lineStyle: {
|
|
|
|
- color: '#4CA4F9',
|
|
|
|
- width: 3
|
|
|
|
- },
|
|
|
|
- itemStyle: {
|
|
|
|
- color: '#4CA4F9',
|
|
|
|
- borderWidth: 2,
|
|
|
|
- borderColor: '#fff'
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- name: '新上创意数',
|
|
|
|
- data: data.creative,
|
|
|
|
- type: 'line',
|
|
|
|
- smooth: true,
|
|
|
|
- symbol: 'circle',
|
|
|
|
- showSymbol: false,
|
|
|
|
- lineStyle: {
|
|
|
|
- color: '#3CC6A5',
|
|
|
|
- width: 3
|
|
|
|
- },
|
|
|
|
- itemStyle: {
|
|
|
|
- color: '#3CC6A5',
|
|
|
|
- borderWidth: 3,
|
|
|
|
- borderColor: '#fff'
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- ]
|
|
|
|
- };
|
|
|
|
- return option;
|
|
|
|
- },
|
|
|
|
- // 点击分页
|
|
|
|
|
|
+ // 投放点击排序功能
|
|
handlePlaneSort(pagination, filters, sorter, {currentDataSource}) {
|
|
handlePlaneSort(pagination, filters, sorter, {currentDataSource}) {
|
|
if (sorter.order === 'descend') {
|
|
if (sorter.order === 'descend') {
|
|
this.newDataSortType = 'DESC';
|
|
this.newDataSortType = 'DESC';
|
|
@@ -1338,6 +1245,7 @@ export default {
|
|
}
|
|
}
|
|
this.getLaunchData();
|
|
this.getLaunchData();
|
|
},
|
|
},
|
|
|
|
+ // 素材点击排序功能
|
|
materialChange(pagination, filters, sorter) {
|
|
materialChange(pagination, filters, sorter) {
|
|
console.log(sorter, 'v--sorter--sorter');
|
|
console.log(sorter, 'v--sorter--sorter');
|
|
if (sorter.order === 'descend') {
|
|
if (sorter.order === 'descend') {
|