|
@@ -1,7 +1,9 @@
|
|
<template>
|
|
<template>
|
|
<div class="page-wrap page-wrap-account">
|
|
<div class="page-wrap page-wrap-account">
|
|
- <tool-bar :text="['account_name', 'email', 'ad_name', 'campaign_name']"
|
|
|
|
- :label="['账户名', '邮箱', '计划名称', '广告组名称']">
|
|
|
|
|
|
+ <tool-bar
|
|
|
|
+ :text="['account_name', 'email', 'ad_name', 'campaign_name']"
|
|
|
|
+ :label="['账户名', '邮箱', '计划名称', '广告组名称']"
|
|
|
|
+ >
|
|
<template #picker>
|
|
<template #picker>
|
|
<p class="label">日期</p>
|
|
<p class="label">日期</p>
|
|
<a-range-picker />
|
|
<a-range-picker />
|
|
@@ -13,13 +15,15 @@
|
|
</a-select>
|
|
</a-select>
|
|
</div> -->
|
|
</div> -->
|
|
</tool-bar>
|
|
</tool-bar>
|
|
- <a-table :columns="columns"
|
|
|
|
- :data-source="list"
|
|
|
|
- :pagination="tablePageOptions"
|
|
|
|
- :loading="loading.value"
|
|
|
|
- @change="handleTableChange"
|
|
|
|
- rowKey="id"
|
|
|
|
- :scroll="{ x: 2500 }"></a-table>
|
|
|
|
|
|
+ <a-table
|
|
|
|
+ :columns="columns"
|
|
|
|
+ :data-source="list"
|
|
|
|
+ :pagination="tablePageOptions"
|
|
|
|
+ :loading="loading.value"
|
|
|
|
+ @change="handleTableChange"
|
|
|
|
+ rowKey="id"
|
|
|
|
+ :scroll="{ x: 2500 }"
|
|
|
|
+ ></a-table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -33,7 +37,7 @@ import {
|
|
ALLCloumnList,
|
|
ALLCloumnList,
|
|
} from "../_pageOptions/table-put";
|
|
} from "../_pageOptions/table-put";
|
|
|
|
|
|
-import { getADPlanlist } from "@/api";
|
|
|
|
|
|
+import { getADPlanlist, getCustomColumn } from "@/api";
|
|
|
|
|
|
import { ADPlanItem, PageOptions } from "@/types/api";
|
|
import { ADPlanItem, PageOptions } from "@/types/api";
|
|
|
|
|
|
@@ -51,7 +55,7 @@ const PutAdPlan = defineComponent({
|
|
tablePageOptions,
|
|
tablePageOptions,
|
|
columns: TableColumnOfPutAdPlan,
|
|
columns: TableColumnOfPutAdPlan,
|
|
});
|
|
});
|
|
- state.columns.push(...(ALLCloumnList as any[]));
|
|
|
|
|
|
+
|
|
const onSearch = async (fields: Record<string, string>) => {
|
|
const onSearch = async (fields: Record<string, string>) => {
|
|
try {
|
|
try {
|
|
const {
|
|
const {
|
|
@@ -85,6 +89,19 @@ const PutAdPlan = defineComponent({
|
|
getADPlanlist().then((res) => {
|
|
getADPlanlist().then((res) => {
|
|
state.list = res.data.list;
|
|
state.list = res.data.list;
|
|
});
|
|
});
|
|
|
|
+
|
|
|
|
+ getCustomColumn().then((res) => {
|
|
|
|
+ let columns: any[] = [];
|
|
|
|
+ res.data.map((item: { desc: string; name: string }) => {
|
|
|
|
+ let lolumnItem = {
|
|
|
|
+ title: item.desc,
|
|
|
|
+ dataIndex: item.name,
|
|
|
|
+ };
|
|
|
|
+ columns.push(lolumnItem);
|
|
|
|
+ });
|
|
|
|
+ state.columns.push(...columns);
|
|
|
|
+ });
|
|
|
|
+
|
|
const handleTableChange = (pagination: PageOptions) => {
|
|
const handleTableChange = (pagination: PageOptions) => {
|
|
const { current, pageSize, total } = pagination;
|
|
const { current, pageSize, total } = pagination;
|
|
getADPlanlist({ page: current }).then((res) => {
|
|
getADPlanlist({ page: current }).then((res) => {
|