Skip to content

M
marketing
Commit 379937ae by crushh
Options

update: temp

parent 4162af00
Showing with 64 additions and 20 deletions
src/assets/style/base/reset.scss
......@@ -123,6 +123,9 @@ a:hover {
.ml30{
margin-left: 30px!important;
}
.ml58{
margin-left: 58px!important;
}
.ml80{
margin-left: 80px!important;
}
......
src/views/ecm/form.js
......@@ -86,7 +86,8 @@ export default {
order_store: '',
order_store_new: '',
storedLowest: 0,
storedMax: 0
storedMax: 0,
consum_type: 1
},
template: {
headerColor: '#173177',
......
src/views/ecm/form.vue
......@@ -105,17 +105,30 @@
<i class="dm-title__label--icon iconfont icon-xinxixianshi"></i>
<span class="gray fz13">仅适用于线下单笔消费；仅限对当天线下的单笔购买消费订单进行触发；重导订单、非购买订单均不触发。</span>
</h3>
<el-form-item label="消费触发配置" prop="consum_type">
<el-radio :label="1" v-model="form.consum_type"
<p class="fz14 gray mb20 ml10">同时满足以下条件即可触发</p>
<div class="ecm-title">消费触发配置</div>
<div class="ecm-content">
<el-radio :label="1" v-model="form.consum_type" @change="form.marketingTimesType = 0"
>按照单笔订金实付金额触发
<span class="gray fz13"> 仅适用于线下单笔消费；仅限对当天线下的单笔购买消费订单进行触发；重导订单、非购买订单均不触发</span>
<span class="gray fz13 ml58"> 仅适用于线下单笔消费；仅限对当天线下的单笔购买消费订单进行触发；重导订单、非购买订单均不触发</span>
</el-radio>
<el-radio :label="2" style="margin-left:0" v-model="form.consum_type"
<el-radio :label="2" style="margin-left:0" v-model="form.consum_type" @change="form.marketingTimesType = 1"
>按照当天累计订单实付金额触发
<span class="gray fz13">仅适用于线下当天累计消费，请保证订单实时同步；重导订单、非购买订单均不触发</span>
<span class="gray fz13 ml58">仅适用于线下当天累计消费，请保证订单实时同步；重导订单、非购买订单均不触发</span>
</el-radio>
</el-form-item>
<p class="fz14 gray mb20 ml10">同时满足以下条件即可触发</p>
</div>
<!-- <el-form-item label="消费触发配置" >
<div class="ecm-content">
<el-radio :label="1" v-model="form.consum_type" @change="form.marketingTimesType = 0"
>按照单笔订金实付金额触发
<span class="gray fz13 ml58"> 仅适用于线下单笔消费；仅限对当天线下的单笔购买消费订单进行触发；重导订单、非购买订单均不触发</span>
</el-radio>
<el-radio :label="2" style="margin-left:0" v-model="form.consum_type" @change="form.marketingTimesType = 1"
>按照当天累计订单实付金额触发
<span class="gray fz13 ml58">仅适用于线下当天累计消费，请保证订单实时同步；重导订单、非购买订单均不触发</span>
</el-radio>
</div>
</el-form-item> -->
<el-form-item>
<div class="no_label_form_label">
<el-checkbox class="el-form-item__label align-left" :disabled="!isAdd" v-model="consumeChecked.store" @change="initStoreCardLeft"
......@@ -123,8 +136,8 @@
><template slot="content">固定门店：系统基于所选定的门店来判断是否触发<br />按门店条件：系统基于所选的门店条件下所包含的门店来实时判断是否触发；所选门店条件下门店发生变更，立即生效。</template><i style="margin-left:4px;cursor:pointer;color:#c0c4cc;font-size:14px;" class="el-icon-question"></i> </el-tooltip
></el-checkbox>
<div>
<span class="fz14 gray" v-show="!consumeChecked.store && form.consum_type !== 1">所有消费门店</span>
<span class="fz14 gray" v-show="!consumeChecked.store && form.consum_type == 1">勾选后，客户当天在所选门店内的订单才会进行统计</span>
<span class="fz14 gray" v-show="!consumeChecked.store && form.consum_type == 1">所有消费门店</span>
<span class="fz14 gray" v-show="!consumeChecked.store && form.consum_type !== 1">勾选后，客户当天在所选门店内的订单才会进行统计</span>
<template v-if="consumeChecked.store">
<el-radio-group :disabled="!isAdd" v-show="consumeChecked.store" v-model="form.consumerStoreType">
<el-radio :label="0">固定门店</el-radio>
......@@ -140,8 +153,8 @@
<div class="no_label_form_label">
<el-checkbox class="el-form-item__label align-left" :disabled="!isAdd" v-model="consumeChecked.good">消费商品</el-checkbox>
<div>
<span class="fz14 gray" v-show="!consumeChecked.good && form.consum_type !== 1">所有消费商品</span>
<div class="fz12 gray" v-show="!consumeChecked.good && form.consum_type == 1">勾选后，满足条件的订单中在所选商品范围内的商品金额才会进行统计</div>
<span class="fz14 gray" v-show="!consumeChecked.good && form.consum_type == 1">所有消费商品</span>
<div class="fz14 gray" v-show="!consumeChecked.good && form.consum_type !== 1">勾选后，满足条件的订单中在所选商品范围内的商品金额才会进行统计</div>
<div class="sysp__content clearfix" v-show="consumeChecked.good">
<div class="fl" v-if="xxSysp.filterAbbrInfo.length && !Array.isArray(xxSysp.filterAbbrInfo[0])">
<template v-for="(item, idx) in xxSysp.filterAbbrInfo">
......@@ -172,9 +185,17 @@
</el-radio-group>
</div>
<div v-show="consumeChecked.good && form.consum_type == 1" class="fz12" style="color:#f5222d;margin-left: 38px;">勾选消费商品后，消费金额、消费件数仅指适用消费商品的金额和件数。</div>
<div v-show="consumeChecked.good && form.consum_type == 2" class="fz12" style="color:#f5222d;margin-left: 38px;">勾选消费商品后，消费金额仅指适用消费商品的金额。</div>
</div>
</div>
</el-form-item>
<el-form-item label="消费金额" v-if="form.consum_type == 2" :required="true">
<div class="ml58">
<el-input-number :disabled="!isAdd" controls-position="right" :min="0" :max="1000000" style="width:150px;" v-model="form.lowest_cost" @change="handleLowestCost()"></el-input-number>
<span class="pl5">元</span>
<span class="fz14 gray ml58">订单传至GIC系统后，计算该客户当天的累计实付金额高于此门槛才会触发；</span>
</div>
</el-form-item>
<el-form-item v-if="form.consum_type == 1">
<div class="no_label_form_label">
<el-checkbox class="el-form-item__label align-left" v-model="discount_limit.flag" :disabled="!isAdd">适用商品折扣</el-checkbox>
......@@ -210,13 +231,6 @@
</div>
</div>
</el-form-item>
<el-form-item label="消费金额" v-if="form.consum_type == 2" :required="true">
<div style="margin-left: 55px;">
<el-input-number :disabled="!isAdd" controls-position="right" :min="0" :max="1000000" style="width:150px;" v-model="form.lowest_cost" @change="handleLowestCost()"></el-input-number>
<span class="pl5">元</span>
<span class="fz14 gray">订单传至GIC系统后，计算该客户当天的累计实付金额高于此门槛才会触发；</span>
</div>
</el-form-item>
<el-form-item v-if="form.consum_type == 1">
<div class="no_label_form_label">
<el-checkbox class="el-form-item__label align-left" :disabled="!isAdd" v-model="consumeChecked.count">消费件数</el-checkbox>
......@@ -313,14 +327,29 @@
<i class="dm-title__label--icon iconfont icon-xinxixianshi"></i>
<span class="gray fz13">设置本营销计划对同个会员的触发次数</span>
</h3>
<el-form-item label="营销次数配置" prop="marketingTimesType">
<el-form-item label="营销次数配置" prop="marketingTimesType" v-if="form.consum_type == 1">
<el-select :disabled="!isAdd" v-model="form.marketingTimesType" class="w150 vertical-middle">
<el-option v-for="(v, i) in marketingTimesTypeOptions" :key="i" :value="v.value" :label="v.label"></el-option>
</el-select>
<span class="vertical-middle" v-if="form.marketingTimesType !== -1"><el-input-number :disabled="!isAdd" controls-position="right" class="w150" :min="1" v-model="form.marketingTimes"></el-input-number> 次</span>
<span class="pl20 fz13 gray"> * 该营销计划{{ marketingTimesTips }}</span>
</el-form-item>
<!-- <div v-else>
<div class="ecm-title">消费触发配置</div>
<div class="ecm-content">
<el-radio :label="1">每天触发一次</el-radio>
<el-radio :label="-1">每天叠加触发</el-radio>
</div>
</div> -->
<el-form-item label="营销次数配置" prop="marketingTimesType" v-else>
<div class="ecm-content" style="margin:8px 0 0 0;">
<el-radio :label="1" v-model="form.marketingTimesType">每天触发一次 <span class="gray fz13 ml58">客户当天累计消费金额满足所配置的消费金额就会触发，只触发一次</span></el-radio>
<el-radio style="margin-left:0" :label="-1" v-model="form.marketingTimesType">每天叠加触发 <span class="gray fz13 ml58">客户当天累计消费金额每满足所配置的消费金额就会触发，不限制次数。（例如消费金额为2000触发，则客户当天累计消费金额达2000会触发一次，达到4000还会触发一次）</span></el-radio>
</div>
</el-form-item>
</section>
<!-- 有效时间 -->
<section class="dm-form__wrap" v-if="form.effectType == 0 || form.effectType == 1">
<h3 class="dm-title__label">有效时间</h3>
......@@ -709,4 +738,15 @@ export default ecmForm;
color: #f56c6c;
margin-right: 4px;
}
.ecm-title {
margin-left: 20px;
// display: inline;
}
.ecm-content {
display: inline-flex;
flex-wrap: wrap;
width: 200px;
gap: 20px;
margin: 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