Skip to content

C
clique-web
Commit f97df62e by huaying
Options

fix； 特殊积分获取策略编辑

parent 034b6e5b
Showing with 278 additions and 105 deletions
src/components/memberShip/point-form.vue
<template> <template>
<div class="form-wrap"> <div>
<div class="form-wrap" style="margin-bottom:180px;">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="90px" class="demo-ruleForm"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="90px" class="demo-ruleForm">
<dm-sub-title type="fill" text="积分获取策略" style="margin-bottom: 20px;margin-top:10px;"/> <dm-sub-title type="fill" text="积分获取策略" style="margin-bottom: 20px;margin-top:10px;"/>
<el-form-item label="获取规则:" prop="integralGetStatus"> <el-form-item label="获取规则:" prop="integralGetStatus">
...@@ -92,17 +93,18 @@ ...@@ -92,17 +93,18 @@
<el-input v-model="ruleForm.effectiveTime" @keyup.native="formatInput($event)"></el-input><label>天</label> <span style="font-size: 12px;color: #828282;line-height: 1;padding-left: 10px;">适用于所有方式获取的积分</span> <el-input v-model="ruleForm.effectiveTime" @keyup.native="formatInput($event)"></el-input><label>天</label> <span style="font-size: 12px;color: #828282;line-height: 1;padding-left: 10px;">适用于所有方式获取的积分</span>
</el-form-item> </el-form-item>
<dm-sub-title type="fill" text="积分说明" style="margin-bottom: 20px; margin-top:40px;"/> <dm-sub-title type="fill" text="积分说明" style="margin-bottom: 20px; margin-top:40px;"/>
<el-form-item label="" prop="desc" class="margin-20"> <el-form-item label="" label-width="0" prop="desc" class="margin-20">
<div class="tinymce-wrap"> <div class="tinymce-wrap">
<editor id="tinymce" v-model="ruleForm.integralScript" :init="init"></editor> <editor id="tinymce" v-model="ruleForm.integralScript" :init="init"></editor>
</div> </div>
<!-- <div v-html='tinymceHtml'></div> --> <!-- <div v-html='tinymceHtml'></div> -->
</el-form-item> </el-form-item>
<el-form-item style="margin-bottom: 48px">
<el-button :disabled="contactBool" type="primary" @click="submitForm('ruleForm')">保存</el-button>
</el-form-item>
</el-form> </el-form>
</div> </div>
<div class="bottom">
<el-button :disabled="contactBool" type="primary" @click="submitForm('ruleForm')" style="margin:13px 0 0 -220px;">保存</el-button>
</div>
</div>
</template> </template>
<script type="text/javascript"> <script type="text/javascript">
import { postRequest, postForm } from '@/api/api'; import { postRequest, postForm } from '@/api/api';
...@@ -452,6 +454,17 @@ export default { ...@@ -452,6 +454,17 @@ export default {
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.bottom{
position: fixed;
bottom: 0px;
left: 200px;
width: 100%;
height: 55px;
// margin: 25px;
text-align: center;
background: #FFFFFF;
box-shadow: 1px -2px 8px 0px rgba(220, 223, 230, 0.6);
}
.form-wrap { .form-wrap {
.el-radio { .el-radio {
margin-right: 0; margin-right: 0;
...@@ -492,7 +505,8 @@ export default { ...@@ -492,7 +505,8 @@ export default {
} }
.tinymce-wrap { .tinymce-wrap {
width: 890px; width: 1000px;
height: 254px;
/deep/ .mce-tinymce { /deep/ .mce-tinymce {
-webkit-box-shadow: none; -webkit-box-shadow: none;
......
src/view/companyGroup/membershipSystem/addIntegralSytem.vue
...@@ -232,17 +232,10 @@ ...@@ -232,17 +232,10 @@
</el-date-picker> </el-date-picker>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item>
<el-row>
<el-button
:disabled="tpnEditBool"
type="primary"
@click="submitForm('ruleForm')"
>保 存</el-button>
<el-button @click="goBack">返 回</el-button>
</el-row>
</el-form-item>
</el-form> </el-form>
<div class="bottom">
<el-button :disabled="tpnEditBool" type="primary" @click="submitForm('ruleForm')" style="margin:13px 0 0 -220px;">保 存</el-button>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -1045,6 +1038,16 @@ export default { ...@@ -1045,6 +1038,16 @@ export default {
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.bottom{
position: fixed;
bottom: 0px;
left: 200px;
width: 100%;
height: 55px;
text-align: center;
background: #FFFFFF;
box-shadow: 1px -2px 8px 0px rgba(220, 223, 230, 0.6);
}
.right-box { .right-box {
padding: 20px; padding: 20px;
} }
......
src/view/companyGroup/membershipSystem/addPointSystem.vue
...@@ -253,7 +253,8 @@ ...@@ -253,7 +253,8 @@
<el-radio v-model="ruleForm.perpetualFlag" :label="1">永久有效</el-radio> <el-radio v-model="ruleForm.perpetualFlag" :label="1">永久有效</el-radio>
<el-radio v-model="ruleForm.perpetualFlag" :label="0"> <el-radio v-model="ruleForm.perpetualFlag" :label="0">
在该时段内有效 在该时段内有效
<el-date-picker </el-radio>
<div style="marginTop:10px;"><el-date-picker
v-if="ruleForm.perpetualFlag === 0" v-if="ruleForm.perpetualFlag === 0"
v-model="ruleForm.perpetualDate" v-model="ruleForm.perpetualDate"
type="datetimerange" type="datetimerange"
...@@ -262,14 +263,16 @@ ...@@ -262,14 +263,16 @@
format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss"
value-format="timestamp" value-format="timestamp"
:default-time="['00:00:00', '23:59:59']"> :default-time="['00:00:00', '23:59:59']">
</el-date-picker> </el-date-picker></div>
</el-radio>
</el-form-item> </el-form-item>
<el-form-item> <!-- <el-form-item style="bottom">
<el-button :disabled="tpnEditBool" type="primary" @click="submitForm('ruleForm')">保 存</el-button> <el-button :disabled="tpnEditBool" type="primary" @click="submitForm('ruleForm')" style="margin:13px 0 0 -220px;">保 存</el-button>
<el-button @click="goBack">返 回</el-button> <el-button @click="goBack">返 回</el-button>
</el-form-item> </el-form-item> -->
</el-form> </el-form>
<div class="bottom">
<el-button :disabled="tpnEditBool" type="primary" @click="submitForm('ruleForm')" style="margin:13px 0 0 -220px;">保 存</el-button>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -1282,6 +1285,19 @@ export default { ...@@ -1282,6 +1285,19 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.bottom{
position: fixed;
bottom: 0px;
left: 200px;
width: 100%;
height: 55px;
text-align: center;
background: #FFFFFF;
box-shadow: 1px -2px 8px 0px rgba(220, 223, 230, 0.6);
}
.el-radio {
margin-right: 0;
}
.setting-tips { .setting-tips {
margin-left: 16px; margin-left: 16px;
font-size: 12px; font-size: 12px;
...@@ -1290,7 +1306,7 @@ export default { ...@@ -1290,7 +1306,7 @@ export default {
line-height: 17px; line-height: 17px;
} }
.attention-wrap { .attention-wrap {
padding: 24px 32px; padding: 20px;
background: #fff; background: #fff;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
...@@ -1310,13 +1326,13 @@ export default { ...@@ -1310,13 +1326,13 @@ export default {
vertical-align: top; vertical-align: top;
width: 300px; width: 300px;
} }
.attention-content-wrap { // .attention-content-wrap {
} // }
} }
.form-wrap { .form-wrap {
.el-input { .el-input {
width: 178px; width: 115px;
padding: 0 10px; padding: 0 10px;
&.w-300 { &.w-300 {
width: 300px; width: 300px;
......
src/view/companyGroup/membershipSystem/editIntegralSytem.vue
...@@ -225,13 +225,10 @@ ...@@ -225,13 +225,10 @@
></el-date-picker> ></el-date-picker>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item>
<el-row>
<el-button :disabled="tpnEditBool" type="primary" @click="submitForm('ruleForm')">保 存</el-button>
<el-button @click="goBack">返 回</el-button>
</el-row>
</el-form-item>
</el-form> </el-form>
<div class="bottom">
<el-button :disabled="tpnEditBool" type="primary" @click="submitForm('ruleForm')" style="margin:13px 0 0 -220px;">保 存</el-button>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -1141,6 +1138,16 @@ export default { ...@@ -1141,6 +1138,16 @@ export default {
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.bottom{
position: fixed;
bottom: 0px;
left: 200px;
width: 100%;
height: 55px;
text-align: center;
background: #FFFFFF;
box-shadow: 1px -2px 8px 0px rgba(220, 223, 230, 0.6);
}
.right-box { .right-box {
padding: 20px; padding: 20px;
} }
......
src/view/companyGroup/membershipSystem/editPointSystem.vue
...@@ -5,9 +5,11 @@ ...@@ -5,9 +5,11 @@
<div class="right-box"> <div class="right-box">
<div class="attention-wrap"> <div class="attention-wrap">
<div class="form-wrap"> <div class="form-wrap">
<el-form :model="ruleForm" ref="ruleForm" label-width="120px" class="demo-ruleForm"> <el-form :model="ruleForm" ref="ruleForm" label-width="100px" class="demo-ruleForm" :rules="rules">
<el-form-item label="策略名称" prop> <dm-sub-title type="fill" text="基本信息" style="margin-bottom: 20px;"/>
<el-form-item label="策略名称:" prop="strategyName">
<el-input <el-input
placeholder="请输入策略名称"
v-model="ruleForm.strategyName" v-model="ruleForm.strategyName"
class="w-340" class="w-340"
@keyup.native="value => toInput(value)" @keyup.native="value => toInput(value)"
...@@ -16,15 +18,15 @@ ...@@ -16,15 +18,15 @@
</el-input> </el-input>
<label class="input-label">{{ cateNameLength }}/20</label> <label class="input-label">{{ cateNameLength }}/20</label>
</el-form-item> </el-form-item>
<dm-sub-title type="fill" text="渠道配置" style="margin-bottom: 20px; margin-top:40px;"/>
<template v-for="(item, index) in ruleForm.channelList"> <template v-for="(item, index) in ruleForm.channelList">
<!-- 线下渠道 --> <!-- 线下渠道 -->
<template v-if="item.channelType == 3"> <template v-if="item.channelType == 3">
<el-form-item label="适用线下渠道" prop="" :key="index"> <el-form-item label="线下渠道:" prop="" :key="index">
<el-switch v-model="item.openStatus" active-text="启用" inactive-text="停用"></el-switch> <el-switch v-model="item.openStatus"></el-switch>
</el-form-item> <span style="color: #909399;font-size:12px; margin-left:16px;">客户在线下门店产生的订单</span>
<div class="form-child" v-if="item.openStatus" :key="index"> <div class="form-child" v-if="item.openStatus" :key="index">
<el-form-item label="消费门店" prop="region"> <el-form-item label="消费门店:" prop="region">
<dm-store-selector <dm-store-selector
:scenesVal="scencs" :scenesVal="scencs"
:options="options" :options="options"
...@@ -34,8 +36,9 @@ ...@@ -34,8 +36,9 @@
ref="storeGroup" ref="storeGroup"
></dm-store-selector> ></dm-store-selector>
</el-form-item> </el-form-item>
<el-form-item label="适用商品" prop="name" class="padding-0"> <el-form-item label="适用商品:" prop="name" class="margin-20">
<el-select <el-select
class=" w215"
v-model="item.channelRelationProType" v-model="item.channelRelationProType"
placeholder="请选择" placeholder="请选择"
@change="changeGood($event)" @change="changeGood($event)"
...@@ -81,7 +84,7 @@ ...@@ -81,7 +84,7 @@
@click="showGoodsDialog" @click="showGoodsDialog"
>已选0件商品</el-button> >已选0件商品</el-button>
</el-form-item> </el-form-item>
<el-form-item label="折扣控制" prop="region"> <el-form-item label="折扣控制:" prop="region" class="margin-20 padding-bottom-20">
<div class="radio-cell"> <div class="radio-cell">
<el-radio v-model="item.integralUseDiscountControl" label="1">所有折扣商品都适用</el-radio> <el-radio v-model="item.integralUseDiscountControl" label="1">所有折扣商品都适用</el-radio>
</div> </div>
...@@ -93,8 +96,7 @@ ...@@ -93,8 +96,7 @@
:precision="2" :precision="2"
:controls="false" :controls="false"
:max="10.0" :max="10.0"
:min="0.01" :min="1"
:step="0.01"
></el-input-number> ></el-input-number>
<label>至</label> <label>至</label>
<!-- <el-input v-model="item.integralUseDiscountControlUpper" @focus="inputFocus(item)" @keyup.native="formatInput($event)"></el-input> --> <!-- <el-input v-model="item.integralUseDiscountControlUpper" @focus="inputFocus(item)" @keyup.native="formatInput($event)"></el-input> -->
...@@ -103,25 +105,27 @@ ...@@ -103,25 +105,27 @@
:precision="2" :precision="2"
:controls="false" :controls="false"
:max="10.0" :max="10.0"
:min="0.01" :min="1"
></el-input-number> ></el-input-number>
<label>折商品都适用</label> <label>折商品都适用</label>
<span <span
style="font-size: 13px;color: #828282;line-height: 1;padding-left: 10px;" style="font-size: 12px;color: #828282;line-height: 1;padding-left: 10px;"
>注意：折扣范围0.01-10.00，最低折扣不能大于最高折扣</span> >折扣范围1-10，填写8.8，则表示“打8.8折”，也即商品原价*8.8/10=商品折后价</span>
</div> </div>
</el-form-item> </el-form-item>
</div> </div>
</el-form-item>
</template> </template>
<template v-if="item.channelType == 1"> <template v-if="item.channelType == 1">
<!-- 微信商城 --> <!-- 微信商城 -->
<el-form-item label="适用微信商城" prop="" :key="index"> <el-form-item label="达摩微商城" prop="" :key="index">
<el-switch v-model="item.openStatus" active-text="启用" inactive-text="停用"></el-switch> <el-switch v-model="item.openStatus"></el-switch>
</el-form-item> <span style="color: #909399;font-size:12px; margin-left:16px;">客户在达摩微商城产生的订单</span>
<div class="form-child margin-20" v-if="item.openStatus == true" :key="index"> <div class="form-child margin-20" v-if="item.openStatus == true" :key="index">
<el-form-item label="选择商户"> <el-form-item label="选择商户:">
<el-select <el-select
class="w215"
size="small" size="small"
v-model="item.enterpriseRelationIdArr" v-model="item.enterpriseRelationIdArr"
placeholder="请选择" placeholder="请选择"
...@@ -136,8 +140,9 @@ ...@@ -136,8 +140,9 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="适用商品" class="padding-0"> <el-form-item label="适用商品:" class="margin-20">
<el-select <el-select
class="w215"
v-model="item.channelRelationProType" v-model="item.channelRelationProType"
placeholder="请选择" placeholder="请选择"
@change="changeGood($event)" @change="changeGood($event)"
...@@ -182,7 +187,7 @@ ...@@ -182,7 +187,7 @@
@click="showGoodsDialog" @click="showGoodsDialog"
>已选0件商品</el-button> >已选0件商品</el-button>
</el-form-item> </el-form-item>
<el-form-item label="折扣控制" prop="region"> <el-form-item label="折扣控制:" prop="region" class="margin-20 padding-bottom-20">
<div class="radio-cell"> <div class="radio-cell">
<el-radio v-model="item.integralUseDiscountControl" label="1">所有折扣商品都适用</el-radio> <el-radio v-model="item.integralUseDiscountControl" label="1">所有折扣商品都适用</el-radio>
</div> </div>
...@@ -194,7 +199,7 @@ ...@@ -194,7 +199,7 @@
:precision="2" :precision="2"
:controls="false" :controls="false"
:max="10.0" :max="10.0"
:min="0.01" :min="1"
></el-input-number> ></el-input-number>
<label>至</label> <label>至</label>
<!-- <el-input v-model="item.integralUseDiscountControlUpper" @focus="inputFocus(item)" @keyup.native="formatInput($event)"></el-input> --> <!-- <el-input v-model="item.integralUseDiscountControlUpper" @focus="inputFocus(item)" @keyup.native="formatInput($event)"></el-input> -->
...@@ -203,15 +208,14 @@ ...@@ -203,15 +208,14 @@
:precision="2" :precision="2"
:controls="false" :controls="false"
:max="10.0" :max="10.0"
:min="0.01" :min="1"
></el-input-number> ></el-input-number>
<label>折商品都适用</label> <label>折商品都适用</label>
<span <span style="font-size: 12px;color: #828282;line-height: 1;padding-left: 10px;">折扣范围1-10，填写8.8，则表示“打8.8折”，也即商品原价*8.8/10=商品折后价</span>
style="font-size: 13px;color: #828282;line-height: 1;padding-left: 10px;"
>注意：折扣范围0.01-10.00，最低折扣不能大于最高折扣</span>
</div> </div>
</el-form-item> </el-form-item>
</div> </div>
</el-form-item>
</template> </template>
<template v-if="false"> <template v-if="false">
...@@ -263,88 +267,165 @@ ...@@ -263,88 +267,165 @@
</template> </template>
<!-- 微盟渠道--> <!-- 微盟渠道-->
<template v-if="item.channelType == 9"> <template v-if="item.channelType == 9">
<el-form-item label="微盟渠道" prop="" :key="index"> <el-form-item label="微盟渠道:" prop="" :key="index">
<el-switch v-model="item.openStatus"> </el-switch> <el-switch v-model="item.openStatus"> </el-switch>
</el-form-item> <span style="color: #909399;font-size:12px; margin-left:16px;">客户在微盟微商城产生的订单</span>
<div class="form-child margin-20" v-if="item.openStatus == true" :key="index"> <div class="form-child margin-20" v-if="item.openStatus == true" :key="index">
<el-form-item label="选择商户"> <el-form-item label="选择商户:">
<el-select size="small" v-model="item.enterpriseRelationIdArr" placeholder="请选择" multiple> <el-select size="small" v-model="item.enterpriseRelationIdArr" placeholder="请选择" multiple class="w215">
<el-option v-for="(item, ind) in mechantOption" :key="ind" :label="item.label" :value="item.value"> </el-option> <el-option v-for="(item, ind) in mechantOption" :key="ind" :label="item.label" :value="item.value"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="选择店铺"> <el-form-item label="选择店铺:" class="margin-20">
<el-select v-model="storeValue" v-if="!isJinHua"> <el-select v-model="storeValue" v-if="!isJinHua" class="w215">
<el-option label="所有门店" value=""></el-option> <el-option label="所有门店:" value=""></el-option>
</el-select> </el-select>
<vue-gic-store-new v-else :scenesVal="scencs" :options="options" :isAdd="isAdd" :uuid.sync="wmuuid" ref="wmstoreGroup"></vue-gic-store-new> <vue-gic-store-new v-else :scenesVal="scencs" :options="options" :isAdd="isAdd" :uuid.sync="wmuuid" ref="wmstoreGroup"></vue-gic-store-new>
</el-form-item> </el-form-item>
<el-form-item label="微盟商品" class="padding-0"> <el-form-item label="微盟商品:" class="margin-20">
<el-select v-model="item.channelRelationProType" placeholder="请选择"> <el-select v-model="item.channelRelationProType" placeholder="请选择" class="w215">
<el-option v-for="item in wMGoodOption" :key="item.value" :label="item.label" :value="item.value"> </el-option> <el-option v-for="item in wMGoodOption" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="折扣控制" prop="region" class="input-margin-b"> <el-form-item label="折扣控制:" prop="region" class="input-margin-b margin-20 padding-bottom-20">
<div class="radio-cell"> <div class="radio-cell">
<el-radio v-model="item.integralUseDiscountControl" label="1">所有折扣商品都适用</el-radio> <el-radio v-model="item.integralUseDiscountControl" label="1">所有折扣商品都适用</el-radio>
</div> </div>
<div class="radio-cell margin-20"> <div class="radio-cell margin-20">
<el-radio v-model="item.integralUseDiscountControl" label="2">折扣</el-radio> <el-radio v-model="item.integralUseDiscountControl" label="2">折扣</el-radio>
<el-input-number v-model="item.integralUseDiscountControlLower" :precision="2" :controls="false" :max="10.0" :min="0.01"></el-input-number> <el-input-number v-model="item.integralUseDiscountControlLower" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
<label>至</label> <label>至</label>
<el-input-number v-model="item.integralUseDiscountControlUpper" :precision="2" :controls="false" :max="10.0" :min="0.01"></el-input-number> <el-input-number v-model="item.integralUseDiscountControlUpper" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
<label>折商品都适用</label> <label>折商品都适用</label>
<span style="font-size: 13px;color: #828282;line-height: 1;padding-left: 10px;">注意：折扣范围0.01-10.00，最低折扣不能大于最高折扣</span> <span style="font-size: 12px;color: #828282;line-height: 1;padding-left: 10px;">折扣范围1-10，填写8.8，则表示“打8.8折”，也即商品原价*8.8/10=商品折后价</span>
</div>
</el-form-item>
</div>
</el-form-item>
</template>
<!-- 天猫渠道-->
<template v-if="item.channelType == 8">
<el-form-item label="天猫渠道:" prop="" :key="index">
<el-switch v-model="item.openStatus"> </el-switch>
<span style="color: #909399;font-size:12px; margin-left:16px;">客户在天猫店铺产生的订单</span>
<div class="form-child margin-20" v-if="item.openStatus == true" :key="index">
<el-form-item label="选择商户:">
<el-select size="small" v-model="item.enterpriseRelationIdArr" placeholder="请选择" multiple class="w215">
<el-option v-for="(item, ind) in mechantOption" :key="ind" :label="item.label" :value="item.value"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="折扣控制:" prop="region" class="input-margin-b margin-20 padding-bottom-20">
<div class="radio-cell">
<el-radio v-model="item.integralUseDiscountControl" label="1">所有折扣商品都适用</el-radio>
</div>
<div class="radio-cell margin-20">
<el-radio v-model="item.integralUseDiscountControl" label="2">折扣</el-radio>
<el-input-number v-model="item.integralUseDiscountControlLower" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
<label>至</label>
<el-input-number v-model="item.integralUseDiscountControlUpper" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
<label>折商品都适用</label>
<span style="font-size: 12px;color: #828282;line-height: 1;padding-left: 10px;">折扣范围1-10，填写8.8，则表示“打8.8折”，也即商品原价*8.8/10=商品折后价</span>
</div> </div>
</el-form-item> </el-form-item>
</div> </div>
</el-form-item>
</template>
<!-- 天猫渠道-->
<template v-if="item.channelType == 11">
<el-form-item label="抖音渠道:" prop="" :key="index">
<el-switch v-model="item.openStatus"> </el-switch>
<span style="color: #909399;font-size:12px; margin-left:16px;">客户在抖音店铺产生的订单</span>
<div class="form-child margin-20" v-if="item.openStatus == true" :key="index">
<el-form-item label="选择商户:">
<el-select size="small" v-model="item.enterpriseRelationIdArr" placeholder="请选择" multiple class="w215">
<el-option v-for="(item, ind) in mechantOption" :key="ind" :label="item.label" :value="item.value"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="折扣控制:" prop="region" class="input-margin-b margin-20 padding-bottom-20">
<div class="radio-cell">
<el-radio v-model="item.integralUseDiscountControl" label="1">所有折扣商品都适用</el-radio>
</div>
<div class="radio-cell margin-20">
<el-radio v-model="item.integralUseDiscountControl" label="2">折扣</el-radio>
<el-input-number v-model="item.integralUseDiscountControlLower" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
<label>至</label>
<el-input-number v-model="item.integralUseDiscountControlUpper" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
<label>折商品都适用</label>
<span style="font-size: 12px;color: #828282;line-height: 1;padding-left: 10px;">折扣范围1-10，填写8.8，则表示“打8.8折”，也即商品原价*8.8/10=商品折后价</span>
</div>
</el-form-item>
</div>
</el-form-item>
</template>
<!-- 其他渠道-->
<template v-if="item.channelType == 10">
<el-form-item label="其他渠道:" prop="" :key="index">
<el-switch v-model="item.openStatus"> </el-switch>
<span style="color: #909399;font-size:12px; margin-left:16px;">客户在其他渠道产生的订单</span>
<div class="form-child margin-20" v-if="item.openStatus == true" :key="index">
<el-form-item label="选择商户:">
<el-select size="small" v-model="item.enterpriseRelationIdArr" placeholder="请选择" multiple class="w215">
<el-option v-for="(item, ind) in mechantOption" :key="ind" :label="item.label" :value="item.value"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="折扣控制:" prop="region" class="input-margin-b margin-20 padding-bottom-20">
<div class="radio-cell">
<el-radio v-model="item.integralUseDiscountControl" label="1">所有折扣商品都适用</el-radio>
</div>
<div class="radio-cell margin-20">
<el-radio v-model="item.integralUseDiscountControl" label="2">折扣</el-radio>
<el-input-number v-model="item.integralUseDiscountControlLower" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
<label>至</label>
<el-input-number v-model="item.integralUseDiscountControlUpper" :precision="2" :controls="false" :max="10.0" :min="1"></el-input-number>
<label>折商品都适用</label>
<span style="font-size: 12px;color: #828282;line-height: 1;padding-left: 10px;">折扣范围1-10，填写8.8，则表示“打8.8折”，也即商品原价*8.8/10=商品折后价</span>
</div>
</el-form-item>
</div>
</el-form-item>
</template> </template>
</template> </template>
<dm-sub-title text="规则配置" type="fill" style="margin: 40px 0 20px"></dm-sub-title>
<el-form-item label="适用对象" prop="" class="margin-20"> <el-form-item label="适用对象:" prop="useCrowd" class="margin-20">
<el-select v-model="ruleForm.useCrowd" placeholder="请选择"> <el-select v-model="ruleForm.useCrowd" placeholder="请选择" class="w215">
<el-option v-for="item in applyObjOption" :key="item.value" :label="item.label" :value="item.value"> </el-option> <el-option v-for="item in applyObjOption" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="人群定向" v-if="ruleForm.useCrowd == 2" prop="" class="padding-0"> <el-form-item label="人群定向" v-if="ruleForm.useCrowd == 2" prop="" class="padding-0">
<el-button style="width: 214px;" @click="showPeople">已设置{{ selectCount }}项筛选</el-button> <el-button style="width: 214px;" @click="showPeople">已设置{{ selectCount }}项筛选</el-button>
</el-form-item> </el-form-item>
<el-form-item label="获取规则" prop=""> <el-form-item label="获取规则:" prop="integralGetStatus">
<div> <div>
<el-radio v-model="ruleForm.integralGetStatus" label="0" >不获取积分</el-radio>
</div>
<div class="margin-20">
<el-radio v-model="ruleForm.integralGetStatus" label="1">每消费</el-radio> <el-radio v-model="ruleForm.integralGetStatus" label="1">每消费</el-radio>
<!-- <el-input v-model="ruleForm.integralGet.fee" @blur="formatInputNumBlur($event)"></el-input> --> <!-- <el-input v-model="ruleForm.integralGet.fee" @blur="formatInputNumBlur($event)"></el-input> -->
<el-input-number v-model="ruleForm.integralGet.fee" :precision="1" :controls="false" :max="10000.0" :min="0.1"></el-input-number> <el-input-number v-model="ruleForm.integralGet.fee" :precision="1" :controls="false" :max="10000.0" :min="0.1"></el-input-number>
<label>元，获取 </label> <label>元，获取 </label>
<!-- <el-input v-model="ruleForm.integralGet.integral" @blur="formatInputNumBlur($event)"></el-input> --> <!-- <el-input v-model="ruleForm.integralGet.integral" @blur="formatInputNumBlur($event)"></el-input> -->
<el-input-number v-model="ruleForm.integralGet.integral" :precision="1" :controls="false" :max="10000.0" :min="0.1"></el-input-number> <el-input-number v-model="ruleForm.integralGet.integral" step-strictly :controls="false"></el-input-number>
<label>积分。取整策略为</label> <label>积分。取整策略为</label>
<el-select v-model="ruleForm.integralGetStrategy" placeholder="请选择"> <el-select v-model="ruleForm.integralGetStrategy" placeholder="请选择" style="width:115px;">
<el-option v-for="item in cateOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option> <el-option v-for="item in cateOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select> </el-select>
</div> <p style="color: #909399;font-size:12px;">例：根据消费金额计算出积分为4.3，选择「四舍五入」和「进位制」时为5积分，选择「抹零」则为4积分</p>
<div>
<el-radio v-model="ruleForm.integralGetStatus" label="0" class="margin-20">不获取积分</el-radio>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="积分冻结期" v-if="ruleForm.integralGetStatus == 1"> <el-form-item label="积分冻结期:" v-if="ruleForm.integralGetStatus == 1" prop="integralGetFreezeDays">
<el-input <label>自获取之日起</label><el-input v-model="ruleForm.integralGetFreezeDays" @keyup.native="formatInputNum($event)"></el-input><label>天</label>
v-model="ruleForm.integralGetFreezeDays" <span style="font-size: 12px;color: #828282;line-height: 1;padding-left: 10px;">仅对通过订单获取的积分生效，活动类获取的积分没有冻结期</span>
@keyup.native="formatInputNum($event)"
></el-input>
<label>天</label>
</el-form-item> </el-form-item>
<el-form-item label="积分有效期" v-if="ruleForm.integralGetStatus == 1"> <el-form-item label="积分有效期:" v-if="ruleForm.integralGetStatus == 1" prop="integralGetEffectiveDays">
<el-input <label>自获取之日起</label><el-input v-model="ruleForm.integralGetEffectiveDays" @keyup.native="formatInputNum($event)"></el-input><label>天</label>
v-model="ruleForm.integralGetEffectiveDays" <span style="font-size: 12px;color: #828282;;padding-left: 10px;">适用于所有方式获取的积分</span>
@keyup.native="formatInputNum($event)"
></el-input>
<label>天</label>
</el-form-item> </el-form-item>
<!-- 新增策略有效期配置 --> <!-- 新增策略有效期配置 -->
<el-form-item label="策略有效期" prop> <el-form-item label="策略有效期:" prop="perpetualFlag">
<!-- 1 永久 0 非永久 --> <!-- 1 永久 0 非永久 -->
<el-radio v-model="ruleForm.perpetualFlag" :label="1">永久有效</el-radio> <el-radio v-model="ruleForm.perpetualFlag" :label="1">永久有效</el-radio>
<el-radio v-model="ruleForm.perpetualFlag" :label="0"> <el-radio v-model="ruleForm.perpetualFlag" :label="0">在该时段内有效</el-radio>
在该时段内有效 <div style="marginTop:10px;">
<el-date-picker <el-date-picker
v-if="ruleForm.perpetualFlag === 0" v-if="ruleForm.perpetualFlag === 0"
v-model="ruleForm.perpetualDate" v-model="ruleForm.perpetualDate"
...@@ -355,13 +436,16 @@ ...@@ -355,13 +436,16 @@
value-format="timestamp" value-format="timestamp"
:default-time="['00:00:00', '23:59:59']" :default-time="['00:00:00', '23:59:59']"
></el-date-picker> ></el-date-picker>
</el-radio> </div>
</el-form-item> </el-form-item>
<el-form-item> <!-- <el-form-item>
<el-button :disabled="tpnEditBool" type="primary" @click.stop="submitForm('ruleForm')">保 存</el-button> <el-button :disabled="tpnEditBool" type="primary" @click.stop="submitForm('ruleForm')">保 存</el-button>
<el-button @click="goBack">返 回</el-button> <el-button @click="goBack">返 回</el-button>
</el-form-item> </el-form-item> -->
</el-form> </el-form>
<div class="bottom">
<el-button :disabled="tpnEditBool" type="primary" @click.stop="submitForm('ruleForm')" style="margin:13px 0 0 -220px;">保 存</el-button>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -567,6 +651,14 @@ export default { ...@@ -567,6 +651,14 @@ export default {
], ],
// 长度 // 长度
cateNameLength: 0, cateNameLength: 0,
rules: {
strategyName: { required: true, message: '请输入策略名称', trigger: 'blur' },
useCrowd: { required: true, message: '请选择适用对象', trigger: 'blur' },
integralGetStatus: { required: true, message: '请选择获取规则', trigger: 'blur' },
integralGetFreezeDays: { required: true, message: '请输入积分冻结期', trigger: 'blur' },
integralGetEffectiveDays: { required: true, message: '请输入积分有效期', trigger: 'blur' },
perpetualFlag: { required: true, message: '请选择策略有效期', trigger: 'blur' }
},
ruleForm: { ruleForm: {
// 积分获取规则 // 积分获取规则
...@@ -1093,6 +1185,14 @@ export default { ...@@ -1093,6 +1185,14 @@ export default {
that.useId = item.selectorParamsId; that.useId = item.selectorParamsId;
that.hasSearchData = item.crowdJson; that.hasSearchData = item.crowdJson;
} }
// 对channelList进行排序
const channelListSort = [3, 1, 9, 8, 11, 10]
let channelList = channelListSort.map(el => item.channelList.find(item => item.channelType == el));
// 将channelListSort中不存在的渠道拼到channelList上
channelList = channelList.concat(item.channelList.filter(el => !channelListSort.some(item => el.channelType == item)));
item.channelList = channelList;
that.ruleForm = that.formatData(item); that.ruleForm = that.formatData(item);
that.$set(that.ruleForm, 'perpetualDate', []); that.$set(that.ruleForm, 'perpetualDate', []);
...@@ -1125,7 +1225,7 @@ export default { ...@@ -1125,7 +1225,7 @@ export default {
} }
let channelType = []; let channelType = [];
if (!!item.channelList.length) { if (!!item.channelList.length) {
item.channelList[0] = item.channelList.splice(1, 1, item.channelList[0])[0]; // 第一个与第二个互换位置 // item.channelList[0] = item.channelList.splice(1, 1, item.channelList[0])[0]; // 第一个与第二个互换位置
item.channelList.forEach((ele, index) => { item.channelList.forEach((ele, index) => {
ele.openStatus = ele.openStatus == 0 ? false : true; ele.openStatus = ele.openStatus == 0 ? false : true;
ele.channelType = String(ele.channelType); ele.channelType = String(ele.channelType);
...@@ -1398,8 +1498,26 @@ export default { ...@@ -1398,8 +1498,26 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.bottom{
position: fixed;
bottom: 0px;
left: 200px;
width: 100%;
height: 55px;
text-align: center;
background: #FFFFFF;
box-shadow: 1px -2px 8px 0px rgba(220, 223, 230, 0.6);
}
.w215{
width: 215px;
}
/deep/.dm-store {
.w200 {
width: 240px !important;
}
}
.attention-wrap { .attention-wrap {
padding: 24px 32px; padding: 20px;
background: #fff; background: #fff;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
...@@ -1419,13 +1537,16 @@ export default { ...@@ -1419,13 +1537,16 @@ export default {
vertical-align: top; vertical-align: top;
width: 300px; width: 300px;
} }
.attention-content-wrap { // .attention-content-wrap {
} // }
} }
.form-wrap { .form-wrap {
.el-radio {
margin-right: 0;
}
.el-input { .el-input {
width: 178px; width: 115px;
padding: 0 10px; padding: 0 10px;
&.w-300 { &.w-300 {
width: 300px; width: 300px;
...@@ -1458,9 +1579,9 @@ export default { ...@@ -1458,9 +1579,9 @@ export default {
} }
.form-child { .form-child {
padding: 15px 20px 10px 0px; padding: 20px 20px 0px 0px;
background: #f5f6f9; background: #f5f6f9;
margin: 22px 0; margin-top: 20px;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
...@@ -1469,11 +1590,23 @@ export default { ...@@ -1469,11 +1590,23 @@ export default {
.margin-20 { .margin-20 {
margin-top: 20px; margin-top: 20px;
} }
.padding-bottom-20{
padding-bottom: 20px;
}
.tinymce-wrap { .tinymce-wrap {
width: 780px; width: 780px;
} }
} }
/deep/ .el-input-number{
width: 115px;
padding: 0 10px;
.el-input{
margin: 0;
.el-input__inner{
text-align:left;
}
}
}
/*树形*/ /*树形*/
.vue-treeselect /deep/ { .vue-treeselect /deep/ {
......
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