|
@@ -1,5 +1,5 @@
|
1
|
1
|
<template>
|
2
|
|
- <div class="areaBox">
|
|
2
|
+ <div class="areaBox" :key="`previewAreaTable_${updateKey}`">
|
3
|
3
|
<div class="empty-block"
|
4
|
4
|
v-if="!infoObj || !infoObj.campaign_list || !pageInfo.campaign_list || pageInfo.campaign_list.length == 0">
|
5
|
5
|
<h3 class="empty-title">预览区</h3>
|
|
@@ -29,10 +29,9 @@
|
29
|
29
|
<!-- <Dropdown title="批量操作" lMar="10px" :list="pageInfo.moreList" @close="dropdownEvent" :disabledFlag="pageInfo.chooseList&&pageInfo.chooseList.length == 0"></Dropdown>-->
|
30
|
30
|
</div>
|
31
|
31
|
</div>
|
32
|
|
- <el-table :data="pageInfo.tableList" :header-cell-style="tableHeaderStyle" :key="`previewAreaTable_${updateKey}`"
|
|
32
|
+ <el-table :data="pageInfo.tableList" :header-cell-style="tableHeaderStyle"
|
33
|
33
|
style="width: 100%;" border empty-text="暂无数据" :row-key="rowKeyStr" @selection-change="selectionChangeEvent"
|
34
|
34
|
:span-method="objectSpanMethod" max-height="calc(100vh - 240px)">
|
35
|
|
- <!-- <el-table-column fixed reserve-selection type="selection" width="60" align="center"/> -->
|
36
|
35
|
<template v-for="bigItem in pageInfo.descol">
|
37
|
36
|
<el-table-column :label="bigItem.name">
|
38
|
37
|
<template v-for="item in bigItem.list">
|
|
@@ -47,44 +46,44 @@
|
47
|
46
|
<template #default="scope">
|
48
|
47
|
<div class="cellDiv" v-if="item.column == 'a1'">
|
49
|
48
|
<div class="clampOne tMar10 flex">名称:
|
50
|
|
- <el-tooltip placement="top" :content="scope.row.main_info.campaign_name"
|
51
|
|
- :disabled="scope.row.main_info.campaign_name ? false : true">
|
52
|
|
- <div class="ellipsis">{{ scope.row.main_info.campaign_name || '-' }}</div>
|
|
49
|
+ <el-tooltip placement="top" :content="scope.row.main_info?.campaign_name"
|
|
50
|
+ :disabled="scope.row.main_info?.campaign_name ? false : true">
|
|
51
|
+ <div class="ellipsis">{{ scope.row.main_info?.campaign_name || '-' }}</div>
|
53
|
52
|
</el-tooltip>
|
54
|
53
|
<el-icon color="#3173FF" class="pointer"
|
55
|
54
|
@click="openSubDialogEvent(scope.row, 'campaign_name')"><i-ep-Edit /></el-icon>
|
56
|
55
|
</div>
|
57
|
56
|
<div class="clampOne">推广目标: {{ pageInfo?.target?.desc || '-' }} </div>
|
58
|
|
- <div class="clampOne flex">推广计划日预算:{{ scope.row.main_info.daily_budget == '' ||
|
59
|
|
- scope.row.main_info.daily_budget <= 0 ? '不限' : scope.row.main_info.daily_budget + '元' }} <el-icon
|
|
57
|
+ <div class="clampOne flex">推广计划日预算:{{ scope.row.main_info?.daily_budget == '' ||
|
|
58
|
+ scope.row.main_info?.daily_budget <= 0 ? '不限' : scope.row.main_info?.daily_budget + '元' }} <el-icon
|
60
|
59
|
color="#3173FF" class="pointer" @click="openSubDialogEvent(scope.row, 'PromotePlanBudget_day')">
|
61
|
60
|
<i-ep-Edit /></el-icon>
|
62
|
61
|
</div>
|
63
|
|
- <div class="clampOne flex">推广计划总预算:{{ scope.row.main_info.total_budget == '' ||
|
64
|
|
- scope.row.main_info.total_budget <= 0 ? '不限' : scope.row.main_info.total_budget }} <el-icon
|
|
62
|
+ <div class="clampOne flex">推广计划总预算:{{ scope.row.main_info?.total_budget == '' ||
|
|
63
|
+ scope.row.main_info?.total_budget <= 0 ? '不限' : scope.row.main_info?.total_budget }} <el-icon
|
65
|
64
|
color="#3173FF" class="pointer"
|
66
|
65
|
@click="openSubDialogEvent(scope.row, 'PromotePlanBudget_total')"><i-ep-Edit /></el-icon>
|
67
|
66
|
</div>
|
68
|
|
- <div class="clampOne">投放方式:{{ scope.row.main_info.speed_mode == 'SPEED_MODE_FAST' ? '加速投放' :
|
69
|
|
- scope.row.main_info.speed_mode == 'SPEED_MODE_STANDARD' ? '标准投放' : '-' }} </div>
|
|
67
|
+ <div class="clampOne">投放方式:{{ scope.row.main_info?.speed_mode == 'SPEED_MODE_FAST' ? '加速投放' :
|
|
68
|
+ scope.row.main_info?.speed_mode == 'SPEED_MODE_STANDARD' ? '标准投放' : '-' }} </div>
|
70
|
69
|
</div>
|
71
|
70
|
<div class="cellDiv flex" v-else-if="item.column == 'ad_name'">
|
72
|
|
- <el-tooltip placement="top" :content="scope.row.ad_name"
|
73
|
|
- :disabled="scope.row.ad_name ? false : true">
|
74
|
|
- <div class="ellipsis">{{ scope.row.ad_name || '-' }}</div>
|
|
71
|
+ <el-tooltip placement="top" :content="scope.row?.ad_name"
|
|
72
|
+ :disabled="scope.row?.ad_name ? false : true">
|
|
73
|
+ <div class="ellipsis">{{ scope.row?.ad_name || '-' }}</div>
|
75
|
74
|
</el-tooltip>
|
76
|
75
|
<el-icon color="#3173FF" class="pointer"
|
77
|
76
|
@click="openSubDialogEvent(scope.row, 'ad_name')"><i-ep-Edit /></el-icon>
|
78
|
77
|
</div>
|
79
|
78
|
<div class="cellDiv flex" v-else-if="item.column == 'bid_amount'">
|
80
|
|
- <span>{{ scope.row.bid_amount || 0 }}元/{{ scope.row.optimization_goal_name || '千次曝光' }}</span>
|
|
79
|
+ <span>{{ scope.row?.bid_amount || 0 }}元/{{ scope.row?.optimization_goal_name || '千次曝光' }}</span>
|
81
|
80
|
<el-icon color="#3173FF" class="pointer"
|
82
|
81
|
@click="openSubDialogEvent(scope.row, 'bid_amount')"><i-ep-Edit /></el-icon>
|
83
|
82
|
</div>
|
84
|
83
|
<div class="cellDiv flex" v-else-if="item.column == 'adcreative_name'">
|
85
|
|
- <el-tooltip placement="top" :content="scope.row.adcreatives_info.adcreative_name"
|
86
|
|
- :disabled="scope.row.adcreatives_info.adcreative_name ? false : true">
|
87
|
|
- <div class="ellipsis">{{ scope.row.adcreatives_info.adcreative_name || '-' }}</div>
|
|
84
|
+ <el-tooltip placement="top" :content="scope.row?.adcreatives_info?.adcreative_name"
|
|
85
|
+ :disabled="scope.row?.adcreatives_info?.adcreative_name ? false : true">
|
|
86
|
+ <div class="ellipsis">{{ scope.row?.adcreatives_info?.adcreative_name || '-' }}</div>
|
88
|
87
|
</el-tooltip>
|
89
|
88
|
</div>
|
90
|
89
|
<div class="cellDiv flex" v-else-if="item.column == 'a5'">
|
|
@@ -92,19 +91,19 @@
|
92
|
91
|
</div>
|
93
|
92
|
<div class="cellDiv pointer" style="color:#3173FF;" v-else-if="item.column == 'a7'"
|
94
|
93
|
@click="openSubDialogEvent(scope.row, 'seeVideoImg')">已选
|
95
|
|
- <span>{{scope.row?.adcreatives_info.adcreative_elements.self_image_count != 'self_image_count' ? scope.row?.adcreatives_info.adcreative_elements.self_image_count : 0}}张图片,</span>
|
96
|
|
- <span>{{scope.row?.adcreatives_info.adcreative_elements.self_video_count != 'self_video_count' ? scope.row?.adcreatives_info.adcreative_elements.self_video_count : 0}}个视频</span>
|
|
94
|
+ <span>{{scope.row?.adcreatives_info?.adcreative_elements?.self_image_count != 'self_image_count' ? scope.row?.adcreatives_info?.adcreative_elements?.self_image_count : 0}}张图片,</span>
|
|
95
|
+ <span>{{scope.row?.adcreatives_info?.adcreative_elements?.self_video_count != 'self_video_count' ? scope.row?.adcreatives_info?.adcreative_elements?.self_video_count : 0}}个视频</span>
|
97
|
96
|
</div>
|
98
|
97
|
<div class="cellDiv" v-else-if="item.column == 'description'">
|
99
|
98
|
<el-tooltip placement="top"
|
100
|
|
- :content="scope.row?.adcreatives_info.adcreative_elements.description"
|
101
|
|
- :disabled="scope.row?.adcreatives_info.adcreative_elements.description ? false : true">
|
102
|
|
- <span>文案:已选{{ (scope.row?.adcreatives_info.adcreative_elements.description && 1) ||
|
|
99
|
+ :content="scope.row?.adcreatives_info?.adcreative_elements?.description"
|
|
100
|
+ :disabled="scope.row?.adcreatives_info?.adcreative_elements?.description ? false : true">
|
|
101
|
+ <span>文案:已选{{ (scope.row?.adcreatives_info?.adcreative_elements?.description && 1) ||
|
103
|
102
|
0 }}条文案</span>
|
104
|
103
|
</el-tooltip>
|
105
|
104
|
</div>
|
106
|
105
|
<div class="cellDiv flex" v-else-if="item.column == 'page_spec'">
|
107
|
|
- <span>{{ scope.row.adcreatives_info.page_spec.page_name || '-' }}</span>
|
|
106
|
+ <span>{{ scope.row?.adcreatives_info?.page_spec?.page_name || '-' }}</span>
|
108
|
107
|
</div>
|
109
|
108
|
<div class="cellDiv" v-else-if="item.column == 'a10'">
|
110
|
109
|
<Popconfirm @confirm="deleTextEvent(scope.row, scope.$index)" />
|
|
@@ -113,10 +112,10 @@
|
113
|
112
|
{{ scope.row.a11 == 1 ? '已提交' : '待提交' }}
|
114
|
113
|
</div>
|
115
|
114
|
<div class="cellDiv" v-else-if="item.column == 'promoted_object_name'">
|
116
|
|
- {{ scope.row?.adcreatives_info.adcreative_elements.self_promoted_object_name || '暂未配置' }}
|
|
115
|
+ {{ scope.row?.adcreatives_info?.adcreative_elements?.self_promoted_object_name || '暂未配置' }}
|
117
|
116
|
</div>
|
118
|
117
|
<div class="cellDiv" :style="{ justifyContent: item.alignSelf ? item.alignSelf : 'left' }" v-else>
|
119
|
|
- <el-tooltip :disabled="!(scope.row[item.column] && scope.row[item.column].length > 30)"
|
|
118
|
+ <el-tooltip :disabled="!(scope.row[item.column] && scope.row[item.column]?.length > 30)"
|
120
|
119
|
effect="dark" :content="scope.row[item.column] + ''">
|
121
|
120
|
<div class="clampTwo line21" style="flex: 1">
|
122
|
121
|
{{ scope.row[item.column] || scope.row[item.column] == 0 ?
|
|
@@ -137,11 +136,9 @@
|
137
|
136
|
<!--修改推广计划名称-->
|
138
|
137
|
<EditPromotePlanName ref="EditPromotePlanNameRef" @confirm="val => echoVal(val, 'campaign_name')"></EditPromotePlanName>
|
139
|
138
|
<!--推广计划日预算-->
|
140
|
|
- <PromotePlanBudget_day ref="PromotePlanBudget_dayRef" @confirm="val => echoVal(val, 'PromotePlanBudget_day')">
|
141
|
|
- </PromotePlanBudget_day>
|
|
139
|
+ <PromotePlanBudget_day ref="PromotePlanBudget_dayRef" @confirm="val => echoVal(val, 'PromotePlanBudget_day')"></PromotePlanBudget_day>
|
142
|
140
|
<!--推广计划总预算-->
|
143
|
|
- <PromotePlanBudget_total ref="PromotePlanBudget_totalRef" @confirm="val => echoVal(val, 'PromotePlanBudget_total')">
|
144
|
|
- </PromotePlanBudget_total>
|
|
141
|
+ <PromotePlanBudget_total ref="PromotePlanBudget_totalRef" @confirm="val => echoVal(val, 'PromotePlanBudget_total')"></PromotePlanBudget_total>
|
145
|
142
|
<!--修改广告名称-->
|
146
|
143
|
<EditAdverteName ref="EditAdverteNameRef" @confirm="val => echoVal(val, 'ad_name')"></EditAdverteName>
|
147
|
144
|
<!--修改出价-->
|