|
@@ -12,7 +12,7 @@
|
|
:allowClear="false"
|
|
:allowClear="false"
|
|
format="YYYY-MM-DD"
|
|
format="YYYY-MM-DD"
|
|
:disabled-date="disabledDate"
|
|
:disabled-date="disabledDate"
|
|
- @change="onChange"
|
|
|
|
|
|
+ @change="handleCostTimeChange"
|
|
/>
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="costInfo">
|
|
<div class="costInfo">
|
|
@@ -144,7 +144,6 @@
|
|
:columns="planColumns"
|
|
:columns="planColumns"
|
|
:data-source="planData"
|
|
:data-source="planData"
|
|
:pagination="false"
|
|
:pagination="false"
|
|
- @change="handlePlaneSort"
|
|
|
|
>
|
|
>
|
|
<span slot="optStatus" slot-scope="text, record">
|
|
<span slot="optStatus" slot-scope="text, record">
|
|
<a-switch :checked="text === 'AD_STATUS_ENABLE'" @change="handleSwitchChang($event, record)"/>
|
|
<a-switch :checked="text === 'AD_STATUS_ENABLE'" @change="handleSwitchChang($event, record)"/>
|
|
@@ -194,7 +193,6 @@
|
|
:columns="materialColumns"
|
|
:columns="materialColumns"
|
|
:data-source="materialData"
|
|
:data-source="materialData"
|
|
:pagination="false"
|
|
:pagination="false"
|
|
- @change="materialChange"
|
|
|
|
>
|
|
>
|
|
<span slot="posterUrl" slot-scope="text,record">
|
|
<span slot="posterUrl" slot-scope="text,record">
|
|
<div style="background:#e8e8e8;text-align:center;border-radius:3px">
|
|
<div style="background:#e8e8e8;text-align:center;border-radius:3px">
|
|
@@ -209,9 +207,9 @@
|
|
</span>
|
|
</span>
|
|
</a-table>
|
|
</a-table>
|
|
<a-pagination
|
|
<a-pagination
|
|
- class="pagin-table-class"
|
|
|
|
:total="materTotalAll"
|
|
:total="materTotalAll"
|
|
:show-total="total => `共 ${materTotalAll} 条`"
|
|
:show-total="total => `共 ${materTotalAll} 条`"
|
|
|
|
+ class="pagin-table-class"
|
|
size="small"
|
|
size="small"
|
|
show-size-changer
|
|
show-size-changer
|
|
show-quick-jumper
|
|
show-quick-jumper
|
|
@@ -279,8 +277,8 @@
|
|
</div>
|
|
</div>
|
|
</a-modal>
|
|
</a-modal>
|
|
<a-modal
|
|
<a-modal
|
|
- title="修改调价"
|
|
|
|
v-if="budgetVisible"
|
|
v-if="budgetVisible"
|
|
|
|
+ title="修改调价"
|
|
:visible="budgetVisible"
|
|
:visible="budgetVisible"
|
|
dialog-class="mode-modal-class"
|
|
dialog-class="mode-modal-class"
|
|
@ok="handleBudgetSure"
|
|
@ok="handleBudgetSure"
|
|
@@ -295,9 +293,7 @@
|
|
:wrapper-col="wrapperCol"
|
|
:wrapper-col="wrapperCol"
|
|
>
|
|
>
|
|
<a-form-model-item label="调价" prop="budget">
|
|
<a-form-model-item label="调价" prop="budget">
|
|
- <a-input-number
|
|
|
|
- v-model="budgetForm.budget"
|
|
|
|
- /> 元
|
|
|
|
|
|
+ <a-input-number v-model="budgetForm.budget"/> 元
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-form-model>
|
|
</a-form-model>
|
|
</div>
|
|
</div>
|
|
@@ -611,10 +607,7 @@ export default {
|
|
...mapGetters(['userInfo']),
|
|
...mapGetters(['userInfo']),
|
|
// 获取所有的定向包的列表
|
|
// 获取所有的定向包的列表
|
|
handleGetAdAudiencePackage(account) {
|
|
handleGetAdAudiencePackage(account) {
|
|
- const params = {
|
|
|
|
- accountId: account
|
|
|
|
- };
|
|
|
|
- getAction(urlAcount + '/bytedance-api/advertiser/aiBytedanceAdvertiserStrategy/getAdAudiencePackage', params)
|
|
|
|
|
|
+ getAction(urlAcount + '/bytedance-api/advertiser/aiBytedanceAdvertiserStrategy/getAdAudiencePackage', {accountId: account})
|
|
.then(result => {
|
|
.then(result => {
|
|
if (result.code === 0) {
|
|
if (result.code === 0) {
|
|
this.selectiveList = result.result || [];
|
|
this.selectiveList = result.result || [];
|
|
@@ -771,10 +764,7 @@ export default {
|
|
},
|
|
},
|
|
// 获取头部最右侧数据
|
|
// 获取头部最右侧数据
|
|
handleGetAccountMessage(value) {
|
|
handleGetAccountMessage(value) {
|
|
- const paramsData = {
|
|
|
|
- accountId: value
|
|
|
|
- };
|
|
|
|
- getAction(urlAcount + '/bytedance-api/advertiser/bytedanceReportController/getAccountCost', paramsData).then(result => {
|
|
|
|
|
|
+ getAction(urlAcount + '/bytedance-api/advertiser/bytedanceReportController/getAccountCost', {accountId: value}).then(result => {
|
|
if (result.code === 0) {
|
|
if (result.code === 0) {
|
|
this.topAccountMsg = result.result;
|
|
this.topAccountMsg = result.result;
|
|
}
|
|
}
|
|
@@ -891,7 +881,7 @@ export default {
|
|
};
|
|
};
|
|
this.handleGetmaterialData(paramsData);
|
|
this.handleGetmaterialData(paramsData);
|
|
},
|
|
},
|
|
- // have 跳转到拒审重提-创意页面
|
|
|
|
|
|
+ // TODO 暂时功能隐藏 跳转到拒审重提-创意页面
|
|
gorejectCreativePage() {
|
|
gorejectCreativePage() {
|
|
this.$router.push('/Statistics/refuseDataCreatNew');
|
|
this.$router.push('/Statistics/refuseDataCreatNew');
|
|
},
|
|
},
|
|
@@ -914,7 +904,7 @@ export default {
|
|
};
|
|
};
|
|
this.handleGetPlanTableList(paramsData);
|
|
this.handleGetPlanTableList(paramsData);
|
|
},
|
|
},
|
|
- onChange(date, dateString) {
|
|
|
|
|
|
+ handleCostTimeChange(date, dateString) {
|
|
if (dateString.length > 0 && dateString[0] !== dateString[1]) {
|
|
if (dateString.length > 0 && dateString[0] !== dateString[1]) {
|
|
let interval = date[1].diff(date[0], 'days');
|
|
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.dateStringShow = `${moment(date[0]).subtract(1 + interval, 'days').format('YYYY-MM-DD')}~${moment(date[0]).subtract(1, 'days').format('YYYY-MM-DD')}`;
|
|
@@ -998,7 +988,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;
|
|
}
|
|
}
|
|
@@ -1059,11 +1049,14 @@ export default {
|
|
y: 0,
|
|
y: 0,
|
|
x2: 0,
|
|
x2: 0,
|
|
y2: 1,
|
|
y2: 1,
|
|
- colorStops: [{
|
|
|
|
- offset: 0, color: '#2461F1' // 0% 处的颜色
|
|
|
|
- }, {
|
|
|
|
- offset: 1, color: 'white' // 100% 处的颜色
|
|
|
|
- }]
|
|
|
|
|
|
+ colorStops: [
|
|
|
|
+ {
|
|
|
|
+ offset: 0, color: '#2461F1' // 0% 处的颜色
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ offset: 1, color: 'white' // 100% 处的颜色
|
|
|
|
+ }
|
|
|
|
+ ]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
@@ -1091,11 +1084,13 @@ export default {
|
|
y: 0,
|
|
y: 0,
|
|
x2: 0,
|
|
x2: 0,
|
|
y2: 1,
|
|
y2: 1,
|
|
- colorStops: [{
|
|
|
|
- offset: 0, color: '#3CC6A5' // 0% 处的颜色
|
|
|
|
- }, {
|
|
|
|
- offset: 1, color: 'white' // 100% 处的颜色
|
|
|
|
- }]
|
|
|
|
|
|
+ colorStops: [
|
|
|
|
+ {
|
|
|
|
+ offset: 0, color: '#3CC6A5' // 0% 处的颜色
|
|
|
|
+ }, {
|
|
|
|
+ offset: 1, color: 'white' // 100% 处的颜色
|
|
|
|
+ }
|
|
|
|
+ ]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -1173,10 +1168,12 @@ export default {
|
|
fontFamily: 'PingFangSC'
|
|
fontFamily: 'PingFangSC'
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- data: [{
|
|
|
|
- name: '花费占比',
|
|
|
|
- value: dataArr
|
|
|
|
- }],
|
|
|
|
|
|
+ data: [
|
|
|
|
+ {
|
|
|
|
+ name: '花费占比',
|
|
|
|
+ value: dataArr
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
pointer: {
|
|
pointer: {
|
|
show: true,
|
|
show: true,
|
|
length: '75%',
|
|
length: '75%',
|
|
@@ -1260,43 +1257,12 @@ export default {
|
|
]
|
|
]
|
|
};
|
|
};
|
|
return option;
|
|
return option;
|
|
- },
|
|
|
|
- // 投放点击排序功能
|
|
|
|
- handlePlaneSort(pagination, filters, sorter, {currentDataSource}) {
|
|
|
|
- if (sorter.order === 'descend') {
|
|
|
|
- this.newDataSortType = 'DESC';
|
|
|
|
- this.newDataSortCode = sorter.columnKey;
|
|
|
|
- }
|
|
|
|
- else if (sorter.order === 'ascend') {
|
|
|
|
- this.newDataSortType = 'ASC';
|
|
|
|
- this.newDataSortCode = sorter.columnKey;
|
|
|
|
- }
|
|
|
|
- else {
|
|
|
|
- this.newDataSortType = 'DESC';
|
|
|
|
- this.newDataSortCode = 'charge';
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- // 素材点击排序功能
|
|
|
|
- materialChange(pagination, filters, sorter) {
|
|
|
|
- console.log(sorter, 'v--sorter--sorter');
|
|
|
|
- if (sorter.order === 'descend') {
|
|
|
|
- this.materialSortType = 'DESC';
|
|
|
|
- this.materialSortCode = sorter.columnKey;
|
|
|
|
- }
|
|
|
|
- else if (sorter.order === 'ascend') {
|
|
|
|
- this.materialSortType = 'ASC';
|
|
|
|
- this.materialSortCode = sorter.columnKey;
|
|
|
|
- }
|
|
|
|
- else {
|
|
|
|
- this.materialSortType = 'DESC';
|
|
|
|
- this.materialSortCode = 'charge';
|
|
|
|
- }
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
<style lang="scss">
|
|
<style lang="scss">
|
|
- .accountPage .accountBody{
|
|
|
|
|
|
+ .accountPage .accountBody {
|
|
line-height: 1;
|
|
line-height: 1;
|
|
.ant-input {
|
|
.ant-input {
|
|
-webkit-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|