Skip to content

M
marketing
Commit a6362447 by 黑潮
Options

update: ui优化

parent 20887552
Showing with 60 additions and 26 deletions
src/views/ecm/form.js
......@@ -1033,6 +1033,7 @@ export default {
this.analyseConfig.crowd_send = 4;
this.analyseConfig.crowd_no_send = 1;
isOpenFlag && (this.analyseConfig.marke_days = 14);
isOpenFlag && (this.analyseConfig.crowd_flag = 0);
}
},
onChangeEffectType(val) {
......@@ -1040,10 +1041,6 @@ export default {
this.analyseConfig.crowd_flag = 0;
this.analyseConfig.crowd_send = 4;
this.analyseConfig.crowd_no_send = 1;
} else {
this.analyseConfig.crowd_flag = 1;
this.analyseConfig.crowd_send = 4;
this.analyseConfig.crowd_no_send = 1;
}
}
},
......
src/views/ecm/form.vue
......@@ -366,34 +366,43 @@
<el-switch :disabled="!isAdd" v-model="analyseConfig.open_flag" :active-value="1" :inactive-value="0" @change="onChangeAnalyseConfig($event, true)"></el-switch>
</h3>
<div v-if="analyseConfig.open_flag == 1" style="padding-bottom:10px;color:#303133">
<div v-show="[1, 2].includes(form.effectType)">
<div class="w140 text-right inline-block mr10">
<el-tooltip slot="label" open-delay="200" content="设置后系统按比例随机抽取部分人群不触发任务进行数据参照" placement="top">
<label class="tooltip-icon cursor">设置参照组</label>
</el-tooltip>
<div class="mt20">
<div class="w150 text-right inline-block mr10">
<label class="cursor required">
<span>设置营销效果时长</span>
<el-tooltip slot="label" open-delay="200" placement="top">
<i style="cursor:pointer;color:#909399;font-size:14px;" class="iconfont icon-xinxixianshi"></i>
<div slot="content" style="width:376px;line-height: 22px;">设置线索在被营销触达之后的{{ analyseConfig.marke_days || '--' }}天内，客户所产生的消费纳入到该线索收益统计中</div>
</el-tooltip>
</label>
</div>
<el-input-number :disabled="!isAdd" controls-position="right" class="w150" :min="3" :max="31" v-model="analyseConfig.marke_days"></el-input-number>
<span class="ml10">天之内</span>
</div>
<div style="margin-top:6px;color:#A5A7AD;font-size:12px;margin-left:164px">最长 31 天，最短 3 天 (以自然日计算)</div>
<div class="mt20" v-show="[1, 2].includes(form.effectType)">
<div class="w150 text-right inline-block mr10">
<label class="cursor">
<span>设置参照组</span>
<el-tooltip slot="label" open-delay="200" placement="top">
<i style="cursor:pointer;color:#909399;font-size:14px;" class="iconfont icon-xinxixianshi"></i>
<div slot="content" style="width:376px;line-height: 22px;">设置后，系统按下方比例随机抽取部分营销人群作为参照，不触发任务。后续可在【触达效果】中查看对照数据结果</div>
</el-tooltip>
</label>
</div>
<el-switch :disabled="!isAdd" v-model="analyseConfig.crowd_flag" :active-value="1" :inactive-value="0" @change="onChangeAnalyseConfig($event, false)"></el-switch>
</div>
<div v-if="analyseConfig.crowd_flag == 1" class="mt20">
<label class="w140 text-right inline-block mr10">实验组 (触发任务人群)</label>
<label class="w150 text-right inline-block mr10">实验组 (触发任务人群)</label>
<el-input-number :disabled="!isAdd" controls-position="right" class="w150" :min="1" v-model="analyseConfig.crowd_send"></el-input-number>
<span class="ml10 mr10">:</span>
<el-input-number :disabled="!isAdd" controls-position="right" class="w150" :min="1" v-model="analyseConfig.crowd_no_send"></el-input-number>
<span class="ml10">参照组 (触发任务人群)</span>
<el-tooltip class="item" effect="dark" placement="top" content="说明：同一用户在同一计划中不会既存在实验组中，又存在参照组中。首次触发时，用户被归入到实验组中，再次被触发时，只能归入实验组。先满足此条件，再满足实验组比例。故一些重复触发的任务，最终呈现的人数比例可能和配置的比例不一致。" :open-delay="300">
<i style="cursor:pointer;color:#c0c4cc;font-size:14px;" class="el-icon-question"></i>
<span class="ml10">参照组 (不触发任务人群)</span>
<el-tooltip v-if="analyseConfig.crowd_no_send > 1" class="item" effect="dark" placement="top" :open-delay="300">
<i style="cursor:pointer;color:#909399;font-size:14px;vertical-align: middle;" class="iconfont icon-xinxixianshi"></i>
<div slot="content" style="width:376px;line-height: 22px;">原则：同一用户在同一计划中不会既存在实验组中，又存在于参照组中。 在计划允许对同一个用户重复营销的情况下，如果首次触发时，某些用户已经被归为实验组了，那么下一次触发时，这些用户还会被默认归入到实验组，剩余的再按照比例进行触发。 因此对于这些允许对用户进行重复营销的计划，最终在【触达效果】中所呈现的实验组与参照组的人数比例可能和配置的比例不一致。</div>
</el-tooltip>
</div>
<div class="mt20">
<div class="w140 text-right inline-block mr10">
<el-tooltip slot="label" open-delay="200" content="任务完成多少天后产生的消费归因此次营销" placement="top">
<label class="tooltip-icon cursor">设置营销效果时长</label>
</el-tooltip>
</div>
<el-input-number :disabled="!isAdd" controls-position="right" class="w150" :min="3" :max="31" v-model="analyseConfig.marke_days"></el-input-number>
<span class="ml10">天之内</span>
</div>
<div style="margin-top:6px;color:#A5A7AD;font-size:12px;margin-left:150px">最长 31 天，最短 3 天 (以自然日计算)</div>
</div>
</section>
<!-- 操作区 -->
......@@ -549,4 +558,9 @@ export default ecmForm;
.el-form-item__label.align-left {
text-align: left;
}
.required::before {
content: '*';
color: #f56c6c;
margin-right: 4px;
}
</style>
src/views/ecm/marketing-event/components/lib-qywx.vue
......@@ -6,7 +6,7 @@
<dm-step title="配置任务完成方式"></dm-step>
</dm-steps>
<div v-if="isEdit" class="sub-title">基本信息</div>
<el-form ref="form" :model="form" :rules="rules" v-show="step == 0 || isEdit" label-width="106px">
<el-form ref="form" :model="form" :rules="rules" v-show="step == 0 || isEdit" label-width="120px">
<el-form-item label="选择企业" prop="qywxEnterpriseId">
<el-select v-model="form.qywxEnterpriseId" @change="onChangeEnterprise" :disabled="isEdit">
<el-option v-for="el in entepriseList" :key="el.wxEnterpriseId" :value="el.wxEnterpriseId" :label="el.corpName"></el-option>
......@@ -20,8 +20,10 @@
</el-form-item>
<el-form-item>
<template slot="label">
<span>任务发放规则</span>
<el-tooltip slot="label" open-delay="200" content="优先所选用户的内容优先级" placement="top">
<span class="tooltip-icon cursor">任务发放规则</span>
<i style="cursor:pointer;color:#909399;font-size:14px;" class="iconfont icon-xinxixianshi"></i>
<div slot="content" style="line-height:22px;width:350px">任务会按照此处的优先级进行下发。<br />如果客户有①，那么会给①下发线索任务；<br />如果没有①，则会给②下发线索任务，逐步按照优先级判断；<br />如果都没有，则不形成线索任务。</div>
</el-tooltip>
</template>
<div class="rule-header">
......@@ -49,17 +51,22 @@
</el-form>
<div v-if="isEdit" class="sub-title" style="margin-top:48px">任务完成方式</div>
<div v-show="step == 1 || isEdit">
<div class="task-tip">
<i class="el-icon-info"></i>
勾选多个，则门店人员通过任一方式即可完成任务。
</div>
<div class="task-wrapper">
<el-checkbox label="话务" v-model="form.telFlag" :true-label="1" :false-label="0" :disabled="readOnly"></el-checkbox>
</div>
<div class="task-wrapper">
<el-checkbox style="margin-bottom:0" label="会话" v-model="form.chatFlag" :true-label="1" :false-label="0" :disabled="readOnly"></el-checkbox>
<span style="color: #909399;font-size:12px;line-height:17px;margin-left:15px">最多可添加 5 个</span>
<!-- <span style="color: #909399;font-size:12px;line-height:17px;margin-left:15px">最多可添加 5 个</span> -->
<div style="margin-bottom:16px;display:flex;flex-wrap:wrap;margin-top:12px">
<material-item class="card-item" v-for="item in materials" :key="item.relation_id" :item="item" @delete="onDeleteMaterial" :read-only="readOnly"></material-item>
<div v-show="materials.length < 5 && !readOnly" class="chat-item card-item" @click="materialVisible = true">
<i class="el-icon-plus"></i>
<span class="add-text">添加素材</span>
<span style="font-size:12px;line-height:17px;color:#909399;margin-top:3px">最多可添加 5 个</span>
</div>
</div>
</div>
......@@ -514,4 +521,20 @@ export default {
color: #1890ff;
border-color: #1890ff;
}
.task-tip {
width: 374px;
height: 36px;
background: #e6f7ff;
border-radius: 4px;
border: 1px solid #91d5ff;
font-weight: 400;
color: #606266;
line-height: 36px;
margin-bottom: 10px;
i {
color: #1890ff;
font-size: 12px;
margin: 0 5px 0 15px;
}
}
</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