智能方案管理页面
This commit is contained in:
林志军
@ -183,4 +183,16 @@
|
||||
word-wrap: break-word
|
||||
}
|
||||
|
||||
//表现分析标题
|
||||
.player-title {
|
||||
margin: 10px 0px 15px 20px;
|
||||
// 表现分析
|
||||
color: var(--Text-1, #211F24);
|
||||
font-size: 16px;
|
||||
font-family: Alibaba PuHuiTi;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
word-wrap: break-word
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -131,14 +131,16 @@
|
||||
</template>
|
||||
</a-table>
|
||||
<!-- 分页 -->
|
||||
<a-pagination
|
||||
class="account-page"
|
||||
:total="listResult.total"
|
||||
:size="listQuery.page_size"
|
||||
show-total
|
||||
show-jumper
|
||||
show-page-size
|
||||
/>
|
||||
<div>
|
||||
<a-pagination
|
||||
class="account-page"
|
||||
:total="listResult.total"
|
||||
:size="listQuery.page_size"
|
||||
show-total
|
||||
show-jumper
|
||||
show-page-size
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="part-div">
|
||||
<div class="part-div-header">
|
||||
@ -146,8 +148,6 @@
|
||||
<a-popover position="tl">
|
||||
<icon-question-circle />
|
||||
<template #content>
|
||||
|
||||
|
||||
<p style="margin: 0">本月摘要。</p>
|
||||
</template>
|
||||
</a-popover>
|
||||
@ -231,6 +231,225 @@
|
||||
</a-row>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="part-div">
|
||||
<div class="part-div-header">
|
||||
<span class="part-div-header-title">投放行动指南</span>
|
||||
<a-popover position="tl">
|
||||
<icon-question-circle />
|
||||
<template #content>
|
||||
<p style="margin: 0">投放建议优化。</p>
|
||||
</template>
|
||||
</a-popover>
|
||||
</div>
|
||||
<a-space>
|
||||
<span class="player-title">表现分析</span>
|
||||
<a-popover position="tl">
|
||||
<icon-question-circle />
|
||||
<template #content>
|
||||
<p style="margin: 0">表现分析。</p>
|
||||
</template>
|
||||
</a-popover>
|
||||
</a-space>
|
||||
<div>
|
||||
<a-row class="grid-demo" :gutter="24">
|
||||
<a-col :span="12">
|
||||
<div class="overall-strategy">
|
||||
<span class="placement-optimization-title">人群分析</span>
|
||||
<a-space direction="vertical">
|
||||
<a-space class="placement-optimization-str">
|
||||
<span>
|
||||
<img :src="topImages[0]" style="width: 25px; height: 17px" />
|
||||
18-24岁女性，兴趣为“美妆/穿搭”，一线城市，抖音平台 ROI 3.2</span
|
||||
>
|
||||
</a-space>
|
||||
<a-space>
|
||||
<span>
|
||||
<img :src="topImages[1]" style="width: 25px; height: 17px" />
|
||||
25-34岁男性，兴趣为“数码产品”，二线城市，巨量引擎 ROI 2.8</span
|
||||
>
|
||||
</a-space>
|
||||
<a-space>
|
||||
<span>
|
||||
<img :src="topImages[2]" style="width: 25px; height: 17px" />
|
||||
18-24岁男性，兴趣为“运动/健身”，三线城市，抖音 ROI 2.3</span
|
||||
>
|
||||
</a-space>
|
||||
</a-space>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<div class="overall-strategy">
|
||||
<span class="placement-optimization-title">投放素材</span>
|
||||
<a-space direction="vertical">
|
||||
<a-space class="placement-optimization-str">
|
||||
<span>
|
||||
<img :src="topImages[0]" style="width: 25px; height: 17px" />
|
||||
图文风格 + 明确福利点，CTR 3.2%、CVR 8.5%</span
|
||||
>
|
||||
</a-space>
|
||||
<a-space>
|
||||
<span>
|
||||
<img :src="topImages[1]" style="width: 25px; height: 17px" />
|
||||
场景短视频 + 明确人设定位，CTR 2.7%、CVR 7.1%</span
|
||||
>
|
||||
</a-space>
|
||||
<a-space>
|
||||
<span>
|
||||
<img :src="topImages[2]" style="width: 25px; height: 17px" />
|
||||
口播讲解类 + 产品对比，CTR 2.1%、CVR 6.0%</span
|
||||
>
|
||||
</a-space>
|
||||
</a-space>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row class="grid-demo" :gutter="24">
|
||||
<a-col :span="12">
|
||||
<div class="overall-strategy">
|
||||
<span class="placement-optimization-title">投放时段</span>
|
||||
<a-space direction="vertical">
|
||||
<a-space class="placement-optimization-str">
|
||||
<span>
|
||||
<img :src="topImages[0]" style="width: 25px; height: 17px" />
|
||||
晚高峰时段（19:00–21:00），ROI 3.1</span
|
||||
>
|
||||
</a-space>
|
||||
<a-space>
|
||||
<span>
|
||||
<img :src="topImages[1]" style="width: 25px; height: 17px" />
|
||||
中午时段（11:30–13:00），ROI 2.5</span
|
||||
>
|
||||
</a-space>
|
||||
<a-space>
|
||||
<span>
|
||||
<img :src="topImages[2]" style="width: 25px; height: 17px" />
|
||||
下午茶时段（15:00–17:00），ROI 2.3</span
|
||||
>
|
||||
</a-space>
|
||||
</a-space>
|
||||
</div>
|
||||
</a-col>
|
||||
|
||||
<a-col :span="12">
|
||||
<div class="overall-strategy">
|
||||
<span class="placement-optimization-title">平台表现</span>
|
||||
<a-space direction="vertical">
|
||||
<a-space class="placement-optimization-str">
|
||||
<span>
|
||||
<img :src="topImages[0]" style="width: 25px; height: 17px" />
|
||||
抖音 - ROI 3.2，CVR 8.5%</span
|
||||
>
|
||||
</a-space>
|
||||
<a-space>
|
||||
<span>
|
||||
<img :src="topImages[1]" style="width: 25px; height: 17px" />
|
||||
聚光平台 - ROI 2.7，CVR 7.3%</span
|
||||
>
|
||||
</a-space>
|
||||
<a-space>
|
||||
<span>
|
||||
<img :src="topImages[2]" style="width: 25px; height: 17px" />
|
||||
B站 - ROI 2.4，CVR 6.8%</span
|
||||
>
|
||||
</a-space>
|
||||
</a-space>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
<a-space>
|
||||
<span class="player-title">新投放建议生成</span>
|
||||
<a-popover position="tl">
|
||||
<icon-question-circle />
|
||||
<template #content>
|
||||
<p style="margin: 0">新投放建议生成。</p>
|
||||
</template>
|
||||
</a-popover>
|
||||
</a-space>
|
||||
<a-row class="grid-demo" :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="overall-strategy">
|
||||
<span class="placement-optimization-title">人群建议</span>
|
||||
<a-space direction="vertical">
|
||||
<a-space class="placement-optimization-str">
|
||||
<span>
|
||||
<img :src="topImages[0]" style="width: 25px; height: 17px" />
|
||||
集中在 18–24 岁女性 + 精准兴趣标签（如“护肤”、“口红”）</span
|
||||
>
|
||||
</a-space>
|
||||
<a-space>
|
||||
<span>
|
||||
<img :src="topImages[1]" style="width: 25px; height: 17px" />
|
||||
24–30 岁男性 + 实用类内容受众（如“工具控”、“搞机党”）</span
|
||||
>
|
||||
</a-space>
|
||||
<a-space>
|
||||
<span>
|
||||
<img :src="topImages[2]" style="width: 25px; height: 17px" />
|
||||
泛娱乐向受众 + 较大地域分布（兴趣“短剧”、“直播带货”）</span
|
||||
>
|
||||
</a-space>
|
||||
</a-space>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row class="grid-demo" :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="overall-strategy">
|
||||
<span class="placement-optimization-title">素材建议</span>
|
||||
<a-space direction="vertical">
|
||||
<a-space class="placement-optimization-str">
|
||||
<span>
|
||||
<img :src="topImages[0]" style="width: 25px; height: 17px" />
|
||||
福利明确+钩子强的图文短视频，建议加限时优惠提示</span
|
||||
>
|
||||
</a-space>
|
||||
<a-space>
|
||||
<span>
|
||||
<img :src="topImages[1]" style="width: 25px; height: 17px" />
|
||||
场景代入型视频，突出客户痛点与产品关联</span
|
||||
>
|
||||
</a-space>
|
||||
<a-space>
|
||||
<span>
|
||||
<img :src="topImages[2]" style="width: 25px; height: 17px" />
|
||||
达人口播/测评，搭配标题党封面吸引点击</span
|
||||
>
|
||||
</a-space>
|
||||
</a-space>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
<a-row class="grid-demo" :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="overall-strategy">
|
||||
<span class="placement-optimization-title">投放策略建议</span>
|
||||
<a-space direction="vertical">
|
||||
<a-space class="placement-optimization-str">
|
||||
<span>
|
||||
<img :src="topImages[0]" style="width: 25px; height: 17px" />
|
||||
预算前置在 ROI 最佳时段和平台，优先抢头部流量</span
|
||||
>
|
||||
</a-space>
|
||||
<a-space>
|
||||
<span>
|
||||
<img :src="topImages[1]" style="width: 25px; height: 17px" />
|
||||
中等预算组合投放 + 高点击素材A/B测试</span
|
||||
>
|
||||
</a-space>
|
||||
<a-space>
|
||||
<span>
|
||||
<img :src="topImages[2]" style="width: 25px; height: 17px" />
|
||||
低预算长周期测试，重点看 CVR，优胜劣汰</span
|
||||
>
|
||||
</a-space>
|
||||
</a-space>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user