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