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>
<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">
<dm-sub-title type="fill" text="积分获取策略" style="margin-bottom: 20px;margin-top:10px;"/>
<el-form-item label="获取规则:" prop="integralGetStatus">
......@@ -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-form-item>
<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">
<editor id="tinymce" v-model="ruleForm.integralScript" :init="init"></editor>
</div>
<!-- <div v-html='tinymceHtml'></div> -->
</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>
</div>
<div class="bottom">
<el-button :disabled="contactBool" type="primary" @click="submitForm('ruleForm')" style="margin:13px 0 0 -220px;">保存</el-button>
</div>
</div>
</template>
<script type="text/javascript">
import { postRequest, postForm } from '@/api/api';
......@@ -452,6 +454,17 @@ export default {
};
</script>
<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 {
.el-radio {
margin-right: 0;
......@@ -492,7 +505,8 @@ export default {
}
.tinymce-wrap {
width: 890px;
width: 1000px;
height: 254px;
/deep/ .mce-tinymce {
-webkit-box-shadow: none;
......
src/view/companyGroup/membershipSystem/addIntegralSytem.vue
......@@ -232,17 +232,10 @@
</el-date-picker>
</div>
</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>
<div class="bottom">
<el-button :disabled="tpnEditBool" type="primary" @click="submitForm('ruleForm')" style="margin:13px 0 0 -220px;">保 存</el-button>
</div>
</div>
</div>
</div>
......@@ -1045,6 +1038,16 @@ export default {
};
</script>
<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 {
padding: 20px;
}
......
src/view/companyGroup/membershipSystem/addPointSystem.vue
......@@ -253,7 +253,8 @@
<el-radio v-model="ruleForm.perpetualFlag" :label="1">永久有效</el-radio>
<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-model="ruleForm.perpetualDate"
type="datetimerange"
......@@ -262,14 +263,16 @@
format="yyyy-MM-dd HH:mm:ss"
value-format="timestamp"
:default-time="['00:00:00', '23:59:59']">
</el-date-picker>
</el-radio>
</el-date-picker></div>
</el-form-item>
<el-form-item>
<el-button :disabled="tpnEditBool" type="primary" @click="submitForm('ruleForm')">保 存</el-button>
<!-- <el-form-item style="bottom">
<el-button :disabled="tpnEditBool" type="primary" @click="submitForm('ruleForm')" style="margin:13px 0 0 -220px;">保 存</el-button>
<el-button @click="goBack">返 回</el-button>
</el-form-item>
</el-form-item> -->
</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>
......@@ -1282,6 +1285,19 @@ export default {
};
</script>
<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 {
margin-left: 16px;
font-size: 12px;
......@@ -1290,7 +1306,7 @@ export default {
line-height: 17px;
}
.attention-wrap {
padding: 24px 32px;
padding: 20px;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
......@@ -1310,13 +1326,13 @@ export default {
vertical-align: top;
width: 300px;
}
.attention-content-wrap {
}
// .attention-content-wrap {
// }
}
.form-wrap {
.el-input {
width: 178px;
width: 115px;
padding: 0 10px;
&.w-300 {
width: 300px;
......
src/view/companyGroup/membershipSystem/editIntegralSytem.vue
......@@ -225,13 +225,10 @@
></el-date-picker>
</div>
</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>
<div class="bottom">
<el-button :disabled="tpnEditBool" type="primary" @click="submitForm('ruleForm')" style="margin:13px 0 0 -220px;">保 存</el-button>
</div>
</div>
</div>
</div>
......@@ -1141,6 +1138,16 @@ export default {
};
</script>
<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 {
padding: 20px;
}
......
src/view/companyGroup/membershipSystem/editPointSystem.vue
......@@ -5,9 +5,11 @@
<div class="right-box">
<div class="attention-wrap">
<div class="form-wrap">
<el-form :model="ruleForm" ref="ruleForm" label-width="120px" class="demo-ruleForm">
<el-form-item label="策略名称" prop>
<el-form :model="ruleForm" ref="ruleForm" label-width="100px" class="demo-ruleForm" :rules="rules">
<dm-sub-title type="fill" text="基本信息" style="margin-bottom: 20px;"/>
<el-form-item label="策略名称:" prop="strategyName">
<el-input
placeholder="请输入策略名称"
v-model="ruleForm.strategyName"
class="w-340"
@keyup.native="value => toInput(value)"
......@@ -16,15 +18,15 @@
</el-input>
<label class="input-label">{{ cateNameLength }}/20</label>
</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-if="item.channelType == 3">
<el-form-item label="适用线下渠道" prop="" :key="index">
<el-switch v-model="item.openStatus" active-text="启用" inactive-text="停用"></el-switch>
</el-form-item>
<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" v-if="item.openStatus" :key="index">
<el-form-item label="消费门店" prop="region">
<el-form-item label="消费门店:" prop="region">
<dm-store-selector
:scenesVal="scencs"
:options="options"
......@@ -34,8 +36,9 @@
ref="storeGroup"
></dm-store-selector>
</el-form-item>
<el-form-item label="适用商品" prop="name" class="padding-0">
<el-form-item label="适用商品:" prop="name" class="margin-20">
<el-select
class=" w215"
v-model="item.channelRelationProType"
placeholder="请选择"
@change="changeGood($event)"
......@@ -81,7 +84,7 @@
@click="showGoodsDialog"
>已选0件商品</el-button>
</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">
<el-radio v-model="item.integralUseDiscountControl" label="1">所有折扣商品都适用</el-radio>
</div>
......@@ -93,8 +96,7 @@
:precision="2"
:controls="false"
:max="10.0"
:min="0.01"
:step="0.01"
:min="1"
></el-input-number>
<label>至</label>
<!-- <el-input v-model="item.integralUseDiscountControlUpper" @focus="inputFocus(item)" @keyup.native="formatInput($event)"></el-input> -->
......@@ -103,25 +105,27 @@
:precision="2"
:controls="false"
:max="10.0"
:min="0.01"
:min="1"
></el-input-number>
<label>折商品都适用</label>
<span
style="font-size: 13px;color: #828282;line-height: 1;padding-left: 10px;"
>注意：折扣范围0.01-10.00，最低折扣不能大于最高折扣</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 == 1">
<!-- 微信商城 -->
<el-form-item label="适用微信商城" prop="" :key="index">
<el-switch v-model="item.openStatus" active-text="启用" inactive-text="停用"></el-switch>
</el-form-item>
<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-form-item label="选择商户:">
<el-select
class="w215"
size="small"
v-model="item.enterpriseRelationIdArr"
placeholder="请选择"
......@@ -136,8 +140,9 @@
</el-select>
</el-form-item>
<el-form-item label="适用商品" class="padding-0">
<el-form-item label="适用商品:" class="margin-20">
<el-select
class="w215"
v-model="item.channelRelationProType"
placeholder="请选择"
@change="changeGood($event)"
......@@ -182,7 +187,7 @@
@click="showGoodsDialog"
>已选0件商品</el-button>
</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">
<el-radio v-model="item.integralUseDiscountControl" label="1">所有折扣商品都适用</el-radio>
</div>
......@@ -194,7 +199,7 @@
:precision="2"
:controls="false"
:max="10.0"
:min="0.01"
:min="1"
></el-input-number>
<label>至</label>
<!-- <el-input v-model="item.integralUseDiscountControlUpper" @focus="inputFocus(item)" @keyup.native="formatInput($event)"></el-input> -->
......@@ -203,15 +208,14 @@
:precision="2"
:controls="false"
:max="10.0"
:min="0.01"
:min="1"
></el-input-number>
<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="false">
......@@ -263,88 +267,165 @@
</template>
<!-- 微盟渠道-->
<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-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">
<el-form-item label="选择商户">
<el-select size="small" v-model="item.enterpriseRelationIdArr" placeholder="请选择" multiple>
<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="选择店铺">
<el-select v-model="storeValue" v-if="!isJinHua">
<el-option label="所有门店" value=""></el-option>
<el-form-item label="选择店铺:" class="margin-20">
<el-select v-model="storeValue" v-if="!isJinHua" class="w215">
<el-option label="所有门店:" value=""></el-option>
</el-select>
<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 label="微盟商品" class="padding-0">
<el-select v-model="item.channelRelationProType" placeholder="请选择">
<el-form-item label="微盟商品:" class="margin-20">
<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-select>
</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">
<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="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>
<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>
<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>
</el-form-item>
</div>
</el-form-item>
</template>
<el-form-item label="适用对象" prop="" class="margin-20">
<el-select v-model="ruleForm.useCrowd" placeholder="请选择">
<!-- 天猫渠道-->
<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>
<dm-sub-title text="规则配置" type="fill" style="margin: 40px 0 20px"></dm-sub-title>
<el-form-item label="适用对象:" prop="useCrowd" class="margin-20">
<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-select>
</el-form-item>
<el-form-item label="人群定向" v-if="ruleForm.useCrowd == 2" prop="" class="padding-0">
<el-button style="width: 214px;" @click="showPeople">已设置{{ selectCount }}项筛选</el-button>
</el-form-item>
<el-form-item label="获取规则" prop="">
<el-form-item label="获取规则:" prop="integralGetStatus">
<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-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>
<label>元，获取 </label>
<!-- <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>
<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-select>
</div>
<div>
<el-radio v-model="ruleForm.integralGetStatus" label="0" class="margin-20">不获取积分</el-radio>
<p style="color: #909399;font-size:12px;">例：根据消费金额计算出积分为4.3，选择「四舍五入」和「进位制」时为5积分，选择「抹零」则为4积分</p>
</div>
</el-form-item>
<el-form-item label="积分冻结期" v-if="ruleForm.integralGetStatus == 1">
<el-input
v-model="ruleForm.integralGetFreezeDays"
@keyup.native="formatInputNum($event)"
></el-input>
<label>天</label>
<el-form-item label="积分冻结期:" v-if="ruleForm.integralGetStatus == 1" prop="integralGetFreezeDays">
<label>自获取之日起</label><el-input v-model="ruleForm.integralGetFreezeDays" @keyup.native="formatInputNum($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 label="积分有效期" v-if="ruleForm.integralGetStatus == 1">
<el-input
v-model="ruleForm.integralGetEffectiveDays"
@keyup.native="formatInputNum($event)"
></el-input>
<label>天</label>
<el-form-item label="积分有效期:" v-if="ruleForm.integralGetStatus == 1" prop="integralGetEffectiveDays">
<label>自获取之日起</label><el-input v-model="ruleForm.integralGetEffectiveDays" @keyup.native="formatInputNum($event)"></el-input><label>天</label>
<span style="font-size: 12px;color: #828282;;padding-left: 10px;">适用于所有方式获取的积分</span>
</el-form-item>
<!-- 新增策略有效期配置 -->
<el-form-item label="策略有效期" prop>
<el-form-item label="策略有效期:" prop="perpetualFlag">
<!-- 1 永久 0 非永久 -->
<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
v-if="ruleForm.perpetualFlag === 0"
v-model="ruleForm.perpetualDate"
......@@ -355,13 +436,16 @@
value-format="timestamp"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-radio>
</div>
</el-form-item>
<el-form-item>
<!-- <el-form-item>
<el-button :disabled="tpnEditBool" type="primary" @click.stop="submitForm('ruleForm')">保 存</el-button>
<el-button @click="goBack">返 回</el-button>
</el-form-item>
</el-form-item> -->
</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>
......@@ -567,6 +651,14 @@ export default {
],
// 长度
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: {
// 积分获取规则
......@@ -1093,6 +1185,14 @@ export default {
that.useId = item.selectorParamsId;
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.$set(that.ruleForm, 'perpetualDate', []);
......@@ -1125,7 +1225,7 @@ export default {
}
let channelType = [];
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) => {
ele.openStatus = ele.openStatus == 0 ? false : true;
ele.channelType = String(ele.channelType);
......@@ -1398,8 +1498,26 @@ export default {
};
</script>
<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 {
padding: 24px 32px;
padding: 20px;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
......@@ -1419,13 +1537,16 @@ export default {
vertical-align: top;
width: 300px;
}
.attention-content-wrap {
}
// .attention-content-wrap {
// }
}
.form-wrap {
.el-radio {
margin-right: 0;
}
.el-input {
width: 178px;
width: 115px;
padding: 0 10px;
&.w-300 {
width: 300px;
......@@ -1458,9 +1579,9 @@ export default {
}
.form-child {
padding: 15px 20px 10px 0px;
padding: 20px 20px 0px 0px;
background: #f5f6f9;
margin: 22px 0;
margin-top: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
......@@ -1469,11 +1590,23 @@ export default {
.margin-20 {
margin-top: 20px;
}
.padding-bottom-20{
padding-bottom: 20px;
}
.tinymce-wrap {
width: 780px;
}
}
/deep/ .el-input-number{
width: 115px;
padding: 0 10px;
.el-input{
margin: 0;
.el-input__inner{
text-align:left;
}
}
}
/*树形*/
.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