Skip to content

S
shareConfig
Commit 2a10c9dd by Jings
Options

fix: 修改分享有礼文案

parent 677724d4
Showing with 50 additions and 127 deletions
src/components/active/active-select.vue
......@@ -3,8 +3,8 @@
* @version: 1.0.0
* @Author: 无尘
* @Date: 2019-11-13 16:37:02
* @LastEditors : 无尘
* @LastEditTime : 2019-12-19 15:07:31
* @LastEditors: Drama
* @LastEditTime: 2022-10-21 17:23:02
-->
<!--
<active-select></active-select>
......@@ -13,26 +13,19 @@ import activeSelect from '@/components/active/active-select.vue';
-->
<template>
<div class="active-select border-box" v-if="isOverdue===0">
<div class="active-select border-box" v-if="isOverdue === 0">
<template>
<div class="active-select-title font-22 color-303133 font-w-600">请选择您的活动目的</div>
<ul class="flex flex-pack-center">
<template v-for="(item, index) in firstData">
<li
:class="['li-cell flex-1 ', firstGoal.goalId == item.goalId ? 'li-cell-active' : '']"
:key="index + 'first'"
@click="selectFirst(item)"
>
<div class="li-cell-inner flex ">
<li :class="['li-cell flex-1 ', firstGoal.goalId == item.goalId ? 'li-cell-active' : '']" :key="index + 'first'" @click="selectFirst(item)">
<div class="li-cell-inner flex">
<div class="li-cell-left flex flex-align-center flex-pack-center">
<img
:src="firstGoal.goalId == item.goalId ? item.selectedIconUrl : item.iconUrl"
alt=""
/>
<img :src="firstGoal.goalId == item.goalId ? item.selectedIconUrl : item.iconUrl" alt="" />
</div>
<div class="li-cell-right border-box flex flex-column ">
<div class="li-cell-active_name flex flex-align-center font-18 color-303133">{{ item.goalName }}</div>
<div class="li-cell-active_description flex flex-align-center font-14 color-606266">{{ item.description }}</div>
<div class="li-cell-right border-box flex flex-column">
<div class="li-cell-active_name flex flex-align-center font-18 color-303133">{{ item.goalName }}</div>
<div class="li-cell-active_description flex flex-align-center font-14 color-606266">{{ item.description }}</div>
</div>
</div>
<div class="common-cell-check">
......@@ -48,19 +41,12 @@ import activeSelect from '@/components/active/active-select.vue';
<div v-if="!!firstGoal.goalId">
<div class="active-select-next"></div>
<div class="active-select-title font-22 color-303133 font-w-600">请进一步明确活动目的</div>
<ul class="flex flex-pack-center m-t-48">
<ul class="flex flex-pack-center m-t-48">
<template v-for="(item, index) in secondData">
<li
:class="['li-cell li-second-cell flex-1 ', secondGoal.goalId == item.goalId ? 'li-second-active' : '']"
:key="index + 'second'"
@click="selectSecond(item)"
>
<li :class="['li-cell li-second-cell flex-1 ', secondGoal.goalId == item.goalId ? 'li-second-active' : '']" :key="index + 'second'" @click="selectSecond(item)">
<div class="li-cell-inner">
<div class="li-cell-top border-box flex flex-align-center flex-pack-center">
<img
:src="secondGoal.goalId == item.goalId ? item.selectedIconUrl : item.iconUrl"
alt=""
/><span class="p-l-15 font-18 color-303133 font-w-700">{{ item.goalName }}</span>
<img :src="secondGoal.goalId == item.goalId ? item.selectedIconUrl : item.iconUrl" alt="" /><span class="p-l-15 font-18 color-303133 font-w-700">{{ item.goalName }}</span>
</div>
<div class="li-cell-bottom border-box">
<div class="li-cell-scene">
......@@ -87,21 +73,13 @@ import activeSelect from '@/components/active/active-select.vue';
<div v-if="!!secondGoal.goalId">
<div class="active-select-next"></div>
<div class="active-select-title font-22 color-303133 font-w-600 m-b-0">请配置受邀人的转化路径</div>
<div class="active-select-subtitle font-14 color-606266">基于您的活动设计期望，配置受邀人的转化路径（即受邀人需要经历的交互步骤）。系统会根据您所选择的转化路径，自动配置服务号关注后回复、认证后卡券投放等营销脚本。您只需要根据自身需求选择路径，并选择相关的营销活动页、游戏计划或卡券。</div>
<ul class="flex flex-pack-center m-t-50">
<div class="active-select-subtitle font-14 color-606266">基于您的活动设计期望，配置受邀人的转化路径（注意：获取最终奖励可以只满足开始和结束步骤，转化路径中间步骤跳过也可获得最终奖励）。系统会根据您所选择的转化路径，自动配置服务号关注后回复、认证后卡券投放等营销脚本。您只需要根据自身需求选择路径，并选择相关的营销活动页、游戏计划或卡券。</div>
<ul class="flex flex-pack-center m-t-50">
<template v-for="(item, index) in thirdData">
<li
v-if="item.display == 1"
:class="['li-cell li-third-cell flex-1 ', item.check ? 'li-third-active' : '', item.mustFlag ? 'li-third-active-disable' : '']"
:key="index + 'third'"
@click="selectThird(item)"
>
<li v-if="item.display == 1" :class="['li-cell li-third-cell flex-1 ', item.check ? 'li-third-active' : '', item.mustFlag ? 'li-third-active-disable' : '']" :key="index + 'third'" @click="selectThird(item)">
<div class="li-cell-inner border-box">
<div class="li-cell-path_img flex flex-pack-center flex-pack--center">
<img
:src="item.iconUrl"
alt=""
/>
<img :src="item.iconUrl" alt="" />
</div>
<div class="li-cell-path_title font-16 color-303133 text-center">{{ item.transName }}</div>
<div class="li-cell-path_text font-14 color-606266">{{ item.description }}</div>
......@@ -123,78 +101,29 @@ import activeSelect from '@/components/active/active-select.vue';
<div class="active-select-subtitle font-14 color-606266">根据您配置的转化路径，请确保完成以下工作，否则活动无法被正常执行。</div>
<ul class="flex flex-pack-center m-t-50">
<template v-for="(item, index) in fourData">
<li
v-if="(item.id == 'marking' && pathNames.includes('访问活动营销页')) || (item.id == 'game' && pathNames.includes('游戏参与')) || (item.id == 'card' && pathNames.includes('卡券领取'))"
class="li-four-cell flex-1 "
:key="index + 'four'"
>
<li v-if="(item.id == 'marking' && pathNames.includes('访问活动营销页')) || (item.id == 'game' && pathNames.includes('游戏参与')) || (item.id == 'card' && pathNames.includes('卡券领取'))" class="li-four-cell flex-1" :key="index + 'four'">
<div class="li-cell-inner border-box">
<div class="li-cell-title font-18 color-303133 font-w-600">{{ item.title }}</div>
<div class="li-cell-subtitle font-14 color-606266">{{ item.text }}</div>
<div
v-if="item.id == 'marking'"
class="li-cell-tip font-14 color-303133"
>如果您还没有创建活动营销页，请立即前往创建。</div>
<div
v-if="item.id == 'game'"
class="li-cell-tip font-14 color-303133"
>如果您还没有创建游戏计划，请立即前往创建。</div>
<div
v-if="item.id == 'card'"
class="li-cell-tip font-14 color-303133"
>如果您还没有创建卡券，请立即前往创建。</div>
<div
v-if="item.id == 'marking'"
class="li-cell-select"
>
<el-select
size="large"
v-model="markingValue"
placeholder="请选择活动着陆页"
@change="changeMarking"
>
<el-option
v-for="item in markingList"
:key="item.pageId"
:label="item.name"
:value="item.pageId"
> </el-option>
<div v-if="item.id == 'marking'" class="li-cell-tip font-14 color-303133">如果您还没有创建活动营销页，请立即前往创建。</div>
<div v-if="item.id == 'game'" class="li-cell-tip font-14 color-303133">如果您还没有创建游戏计划，请立即前往创建。</div>
<div v-if="item.id == 'card'" class="li-cell-tip font-14 color-303133">如果您还没有创建卡券，请立即前往创建。</div>
<div v-if="item.id == 'marking'" class="li-cell-select">
<el-select size="large" v-model="markingValue" placeholder="请选择活动着陆页" @change="changeMarking">
<el-option v-for="item in markingList" :key="item.pageId" :label="item.name" :value="item.pageId"> </el-option>
</el-select>
</div>
<div
v-if="item.id == 'game'"
class="li-cell-select"
>
<game-select
v-model="gameValue"
@changeGame="changeGame"
></game-select>
<div v-if="item.id == 'game'" class="li-cell-select">
<game-select v-model="gameValue" @changeGame="changeGame"></game-select>
</div>
<div
v-if="item.id == 'card'"
class="li-cell-select"
>
<el-select
size="large"
v-model="cardValue"
placeholder="请选择卡券"
@change="changeCard"
>
<el-option
v-for="item in cardList"
:key="item.coupCardId"
:label="item.cardName"
:value="item.coupCardId"
> </el-option>
<div v-if="item.id == 'card'" class="li-cell-select">
<el-select size="large" v-model="cardValue" placeholder="请选择卡券" @change="changeCard">
<el-option v-for="item in cardList" :key="item.coupCardId" :label="item.cardName" :value="item.coupCardId"> </el-option>
</el-select>
</div>
<div class="li-cell-seperator">OR</div>
<div class="li-cell-btn">
<el-button
type="primary"
plain
@click="toRedirectPage(item)"
>立即前往创建</el-button>
<el-button type="primary" plain @click="toRedirectPage(item)">立即前往创建</el-button>
</div>
</div>
</li>
......@@ -205,13 +134,7 @@ import activeSelect from '@/components/active/active-select.vue';
<div class="to-active-config">
<div class="to-active-tip font-14 color-606266">确认完成了所有前期准备工作，即可前往活动配置。</div>
<div class="to-active-btn">
<el-button
v-if="$getButtonLimit($buttonCode.marketingAddShare)"
:limit-code="$buttonCode.marketingAddShare"
type="primary"
:disabled="disableCreate"
@click="toCreate"
>前往活动配置<i class="el-icon-right"></i></el-button>
<el-button v-if="$getButtonLimit($buttonCode.marketingAddShare)" :limit-code="$buttonCode.marketingAddShare" type="primary" :disabled="disableCreate" @click="toCreate">前往活动配置<i class="el-icon-right"></i></el-button>
</div>
</div>
</template>
......@@ -997,7 +920,7 @@ export default {
.common-cell-check {
.common-cell-triangle {
.common-cell-outer {
background: #2F54EB;
background: #2f54eb;
i {
color: #fff;
}
......@@ -1067,7 +990,7 @@ export default {
.common-cell-triangle {
.common-cell-outer {
width: 50px;
background: #2F54EB;
background: #2f54eb;
i {
left: 20px;
color: #fff;
......@@ -1201,23 +1124,23 @@ export default {
}
}
}
.overdue-wrap{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 191px;
img{
display: block;
width: 94px;
height: 94px;
}
p{
margin-top: 20px;
font-size: 14px;
font-weight: 400;
color: #303133;
line-height: 20px;
}
.overdue-wrap {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 191px;
img {
display: block;
width: 94px;
height: 94px;
}
p {
margin-top: 20px;
font-size: 14px;
font-weight: 400;
color: #303133;
line-height: 20px;
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment