dianliang/oil-station
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

11.16

Browse Source
This commit is contained in:
@QQNZX 2023-11-16 10:55:35 +08:00
parent 758442ff37
commit f0342e4544
9 changed files with 673 additions and 106 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
fuintAdmin/src/api/EventMarketing/activeDiscount.js
View File

@ -3,7 +3,7 @@ import request from '@/utils/request'
// 查询折扣营销列表
export function listActiveDiscount(query) {
return request({
url: '/business/marketingActivity/activeDiscount/list',
url: 'business/marketingActivity/activeDiscount',
method: 'get',
params: query
})

2
fuintAdmin/src/api/EventMarketing/activeFullminus.js
View File

@ -3,7 +3,7 @@ import request from '@/utils/request'
// 查询满减营销列表
export function listActiveFullminus(query) {
return request({
url: '/business/marketingActivity/activeFullminus/list',
url: '/business/marketingActivity/activeFullminus',
method: 'get',
params: query
})

21
fuintAdmin/src/views/EventMarketing/activeConsumption/index.vue
View File

@ -38,13 +38,12 @@
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button>
</el-col>
</el-row>
<el-table v-loading="loading" :data="activeConsumptionList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="活动id" align="center" prop="id" />
<el-table-column label="活动名称" align="center" prop="name" />
@ -53,22 +52,13 @@
<span>{{ scope.row.participationConditionMoney }} 元</span>
</template>
</el-table-column>
<!-- <el-table-column label="活动开始时间" align="center" prop="activeStartTime" width="180">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{ parseTime(scope.row.activeStartTime, '{y}-{m}-{d}') }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="适用会员类型" align="center" prop="adaptUserType" >
<template slot-scope="scope">
<span v-if="scope.row.adaptUserType == 0">全部用户</span>
<span v-if="scope.row.adaptUserType == 1">全部会员</span>
<span v-if="scope.row.adaptUserType == 2">等级会员</span>
</template>
</el-table-column>
<el-table-column label="柴油会员等级" align="center" prop="dieselUserLevel" >
<template slot-scope="scope">
<span v-for="(item,index) in scope.row.dieselUserLevel "> V{{item}}会员 </span>
@ -85,15 +75,6 @@
</template>
</el-table-column>
<!-- <el-table-column label="活动奖品 " align="center" prop="activeGift" >-->
<!-- <template slot-scope="scope">-->
<!-- <span v-if="scope.row.activeGift == 1">赠送优惠券</span>-->
<!-- <span v-if="scope.row.activeGift == 2">赠送兑换券</span>-->
<!-- <span v-if="scope.row.activeGift == 4">赠送实物</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="活动状态" align="center" prop="status" >
<template slot-scope="scope">

112
fuintAdmin/src/views/EventMarketing/activeDiscount/index.vue
View File

@ -43,13 +43,30 @@
</el-row>
<el-table v-loading="loading" :data="activeDiscountList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="活动id" align="center" prop="id" />
<el-table-column label="活动名称" align="center" prop="name" />
<el-table-column label="柴油会员等级 " align="center" prop="dieselUserLevel" />
<el-table-column label="汽油会员等级 " align="center" prop="gasolineUserLevel" />
<el-table-column label="天然气会员等级 " align="center" prop="naturalUserLevel" />
<el-table-column label="活动状态 " align="center" prop="status" />
<el-table-column label="柴油会员等级" align="center" prop="dieselUserLevel" >
<template slot-scope="scope">
<span v-for="(item,index) in scope.row.dieselUserLevel "> V{{item}}会员 </span>
</template>
</el-table-column>
<el-table-column label="汽油会员等级" align="center" prop="gasolineUserLevel" >
<template slot-scope="scope">
<span v-for="(item,index) in scope.row.gasolineUserLevel "> V{{item}}会员 </span>
</template>
</el-table-column>
<el-table-column label="天然气会员等级 " align="center" prop="naturalUserLevel" >
<template slot-scope="scope">
<span v-for="(item,index) in scope.row.naturalUserLevel "> V{{item}}会员 </span>
</template>
</el-table-column>
<el-table-column label="活动状态 " align="center" prop="status" >
<template slot-scope="scope">
<span v-if="scope.row.status == 0" > 启用</span>
<span v-if="scope.row.status == 1" > 禁用</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
@ -59,13 +76,13 @@
@click="handleUpdate(scope.row)"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDeletexia(scope.row)"
v-if="scope.row.isonline == 0"
>下线</el-button>
<!-- <el-button-->
<!-- size="mini"-->
<!-- type="text"-->
<!-- icon="el-icon-delete"-->
<!-- @click="handleDeletexia(scope.row)"-->
<!-- v-if="scope.row.isonline == 0"-->
<!-- >下线</el-button>-->
</template>
</el-table-column>
</el-table>
@ -79,11 +96,30 @@
/>
</el-card>
<!-- 添加或修改折扣营销对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-dialog :title="title" :visible.sync="open" width="45%" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="活动名称" prop="name">
<el-input v-model="form.name" placeholder="请输入活动名称" />
</el-form-item>
<el-form-item label="满减规则" prop="activeDiscountChildList">
<div v-for="(item,index) in form.activeDiscountChildList" :key="index" style="width: 100%; display: flex;align-items: center; margin-bottom: 10px ">
<div style="width: 25%;display: flex; align-items: center;margin-right: 20px " >
<span>满</span><el-input v-model="item.amount" placeholder="多少" style="margin: 0px 10px" /> <span>元</span>
</div>
<div style="width: 25%;display: flex; align-items: center;">
<span>减</span><el-input v-model="item.discount" placeholder="多少" style="margin: 0px 10px" /><span>元</span>
</div>
<div @click="deleteactiveDiscountChildList(index)">
<el-button type="danger" icon="el-icon-delete" circle style="margin-left: 8px" ></el-button>
</div>
</div>
<div @click="addactiveDiscountChildList">
<el-button type="primary" icon="el-icon-plus">新增</el-button>
</div>
</el-form-item>
<el-form-item label="活动开始时间" prop="activeStartTime">
<el-date-picker clearable
v-model="form.activeStartTime"
@ -182,7 +218,9 @@ export default {
name: "ActiveDiscount",
data() {
return {
oillist:['92#','95#','98#','0#','-10#','LNG','CNG','京92#','京95#','京0#',],
discount:'',
amount:'',
oillist:['92#','95#','98#','0#','-10#','LNG','CNG','京92#','京95#','京0#'],
// 遮罩层
loading: true,
// 选中数组
@ -227,6 +265,36 @@ export default {
form: {},
// 表单校验
rules: {
name: [
{ required: true, message: '不能为空', trigger: 'change' }
],
activeStartTime:[
{ required: true, message: '不能为空', trigger: 'change' }
],
activeEndTime:[
{ required: true, message: '不能为空', trigger: 'change' }
],
adaptOil:[
{ required: true, message: '不能为空', trigger: 'change' }
],
dieselUserLevel:[
{ required: true, message: '不能为空', trigger: 'change' }
],
gasolineUserLevel:[
{ required: true, message: '不能为空', trigger: 'change' }
],
naturalUserLevel:[
{ required: true, message: '不能为空', trigger: 'change' }
],
participationCondition:[
{ required: true, message: '不能为空', trigger: 'change' }
],
participationAcount:[
{ required: true, message: '不能为空', trigger: 'change' }
],
isonline:[
{ required: true, message: '不能为空', trigger: 'change' }
],
}
};
},
@ -238,11 +306,24 @@ export default {
getList() {
this.loading = true;
listActiveDiscount(this.queryParams).then(response => {
console.log(response)
this.activeDiscountList = response.data.records;
this.total = response.data.total;
this.loading = false;
});
},
// 新增
addactiveDiscountChildList(){
let data = {
discount :this.form.activeDiscountChildList.discount,
amount:this.form.activeDiscountChildList.amount,
}
this.form.activeDiscountChildList.push(data)
},
deleteactiveDiscountChildList(index){
this.form.activeDiscountChildList.splice(index, 1)
},
// 取消按钮
cancel() {
this.open = false;
@ -304,6 +385,7 @@ export default {
this.reset();
const id = row.id || this.ids
getActiveDiscount(id).then(response => {
console.log( response.data)
this.form = response.data;
this.open = true;
this.title = "修改折扣营销";

112
fuintAdmin/src/views/EventMarketing/activeFullminus/index.vue
View File

@ -43,13 +43,30 @@
</el-row>
<el-table v-loading="loading" :data="activeFullminusList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="活动id" align="center" prop="id" />
<el-table-column label="活动名称" align="center" prop="name" />
<el-table-column label="柴油会员等级 " align="center" prop="dieselUserLevel" />
<el-table-column label="汽油会员等级 " align="center" prop="gasolineUserLevel" />
<el-table-column label="天然气会员等级 " align="center" prop="naturalUserLevel" />
<el-table-column label="活动状态 " align="center" prop="status" />
<el-table-column label="柴油会员等级" align="center" prop="dieselUserLevel" >
<template slot-scope="scope">
<span v-for="(item,index) in scope.row.dieselUserLevel "> V{{item}}会员 </span>
</template>
</el-table-column>
<el-table-column label="汽油会员等级" align="center" prop="gasolineUserLevel" >
<template slot-scope="scope">
<span v-for="(item,index) in scope.row.gasolineUserLevel "> V{{item}}会员 </span>
</template>
</el-table-column>
<el-table-column label="天然气会员等级 " align="center" prop="naturalUserLevel" >
<template slot-scope="scope">
<span v-for="(item,index) in scope.row.naturalUserLevel "> V{{item}}会员 </span>
</template>
</el-table-column>
<el-table-column label="活动状态 " align="center" prop="status" >
<template slot-scope="scope">
<span v-if="scope.row.status == 0" > 启用</span>
<span v-if="scope.row.status == 1" > 禁用</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
@ -57,15 +74,15 @@
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['business/marketingActivity:activeFullminus:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business/marketingActivity:activeFullminus:remove']"
>下线</el-button>
<!-- <el-button-->
<!-- size="mini"-->
<!-- type="text"-->
<!-- icon="el-icon-delete"-->
<!-- @click="handleDelete(scope.row)"-->
<!-- -->
<!-- >下线</el-button>-->
</template>
</el-table-column>
</el-table>
@ -80,11 +97,30 @@
</el-card>
<!-- 添加或修改满减营销对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-dialog :title="title" :visible.sync="open" width="45%" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="110px">
<el-form-item label="活动名称" prop="name">
<el-input v-model="form.name" placeholder="请输入活动名称" />
</el-form-item>
<el-form-item label="满减规则" prop="activeDiscountChildList">
<div v-for="(item,index) in form.activeDiscountChildList" :key="index" style="width: 100%; display: flex;align-items: center; margin-bottom: 10px ">
<div style="width: 25%;display: flex; align-items: center;margin-right: 20px " >
<span>满</span><el-input v-model="item.amount" placeholder="多少" style="margin: 0px 10px" /> <span>元</span>
</div>
<div style="width: 25%;display: flex; align-items: center;">
<span>减</span><el-input v-model="item.deductionAmount" placeholder="多少" style="margin: 0px 10px" /><span>元</span>
</div>
<div @click="deleteactiveDiscountChildList(index)">
<el-button type="danger" icon="el-icon-delete" circle style="margin-left: 8px" ></el-button>
</div>
</div>
<div @click="addactiveDiscountChildList">
<el-button type="primary" icon="el-icon-plus">新增</el-button>
</div>
</el-form-item>
<el-form-item label="活动开始时间" prop="activeStartTime">
<el-date-picker clearable
v-model="form.activeStartTime"
@ -183,7 +219,7 @@ export default {
name: "ActiveFullminus",
data() {
return {
oillist:['92#','95#','98#','0#','-10#','LNG','CNG','京92#','京95#','京0#',],
oillist:['92#','95#','98#','0#','-10#','LNG','CNG','京92#','京95#','京0#'],
// 遮罩层
loading: true,
// 选中数组
@ -211,7 +247,7 @@ export default {
name: null,
activeStartTime: null,
activeEndTime: null,
adaptOil: null,
adaptOil: [],
adaptUserType: null,
memberType: null,
dieselUserLevel: null,
@ -228,6 +264,36 @@ export default {
form: {},
// 表单校验
rules: {
name: [
{ required: true, message: '不能为空', trigger: 'change' }
],
activeStartTime:[
{ required: true, message: '不能为空', trigger: 'change' }
],
activeEndTime:[
{ required: true, message: '不能为空', trigger: 'change' }
],
adaptOil:[
{ required: true, message: '不能为空', trigger: 'change' }
],
dieselUserLevel:[
{ required: true, message: '不能为空', trigger: 'change' }
],
gasolineUserLevel:[
{ required: true, message: '不能为空', trigger: 'change' }
],
naturalUserLevel:[
{ required: true, message: '不能为空', trigger: 'change' }
],
participationCondition:[
{ required: true, message: '不能为空', trigger: 'change' }
],
participationAcount:[
{ required: true, message: '不能为空', trigger: 'change' }
],
isonline:[
{ required: true, message: '不能为空', trigger: 'change' }
],
}
};
},
@ -244,6 +310,18 @@ export default {
this.loading = false;
});
},
// 新增
addactiveDiscountChildList(){
let data = {
amount :this.form.activeDiscountChildList.discount,
deductionAmount:this.form.activeDiscountChildList.amount,
}
this.form.activeDiscountChildList.push(data)
},
deleteactiveDiscountChildList(index){
this.form.activeDiscountChildList.splice(index, 1)
},
// 取消按钮
cancel() {
this.open = false;

483
fuintAdmin/src/views/EventMarketing/activeNewlyweds/index.vue
View File

@ -44,7 +44,7 @@
</el-row>
<el-table v-loading="loading" :data="activeNewlywedsList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="活动id" align="center" prop="id" />
<el-table-column label="活动名称" align="center" prop="name" />
<el-table-column label="活动开始时间" align="center" prop="activeStartTime" width="180">
@ -58,20 +58,27 @@
</template>
</el-table-column>
<el-table-column label="有礼奖励 有礼奖励 0：优惠券 1：兑换券" align="center" prop="courtesyReward" >
<el-table-column label="有礼奖励" align="center" prop="courtesyReward" >
<template slot-scope="scope">
<span v-for="(item,index) in scope.row.courtesyReward "> V{{item}}会员 </span>
<div v-for="(item,index) in scope.row.courtesyReward ">
<div v-if="item == 0" >优惠券</div>
<div v-if="item == 1">兑换券</div>
</div>
</template>
</el-table-column>
<el-table-column label="活动码" align="center" prop="activeCode" />
<el-table-column label="活动码" align="center" prop="activeCode" >
<template slot-scope="scope">
<div style="cursor: pointer" @click="qrcodelook(scope.row.activeCode)">
<i class="el-icon-picture" ></i>
</div>
</template>
</el-table-column>
<el-table-column label="活动状态" align="center" prop="status" >
<template slot-scope="scope">
<span v-if="scope.row.status == 0">启用</span>
<span v-if="scope.row.status == 1">禁用</span>
<span v-if="scope.row.status == 0"> <el-tag>进行中</el-tag> </span>
<span v-if="scope.row.status == 1"> <el-tag type="success">待生效</el-tag> </span>
<span v-if="scope.row.status == 2"> <el-tag type="danger">已结束</el-tag> </span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
@ -81,15 +88,9 @@
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['business/marketingActivity:activeNewlyweds:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business/marketingActivity:activeNewlyweds:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
@ -104,8 +105,8 @@
</el-card>
<!-- 添加或修改新人有礼活动对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-dialog :title="title" :visible.sync="open" width="45%" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="活动名称" prop="name">
<el-input v-model="form.name" placeholder="请输入活动名称" />
</el-form-item>
@ -125,34 +126,302 @@
placeholder="请选择活动结束时间">
</el-date-picker>
</el-form-item>
<el-form-item label="有礼奖励 " prop="courtesyReward">
<el-input v-model="form.courtesyReward" placeholder="请输入有礼奖励 " />
<el-form-item label="有礼奖励" prop="courtesyReward" >
<el-checkbox-group v-model="form.courtesyReward">
<el-checkbox label="1" >赠送优惠券</el-checkbox>
<el-checkbox label="2" >赠送兑换券</el-checkbox>
</el-checkbox-group>
</el-form-item>
<!-- 选择优惠券-->
<div class="xh-box" v-if="form.courtesyReward && form.courtesyReward.indexOf('1')>-1 " >
<div class="box-bt"> <div >赠送卡券</div> <el-button type="primary" icon="el-icon-plus" @click="getlistFavorable()" >新增</el-button> </div>
<div style="margin: 10px 0px">
<el-table
:data="form.tableDatas"
border
style="width: 100%">
<el-table-column
prop="giftCardName"
label="卡券名称"
width="0">
</el-table-column>
<el-table-column
prop="giftCardType"
label="券类型"
width="80">
<template slot-scope="scope">
<span v-if="scope.row.giftCardType == 0" >油品券</span>
<span v-if="scope.row.giftCardType == 1" >商品券</span>
<span v-if="scope.row.giftCardType == 2" >通用券</span>
</template>
</el-table-column>
<el-table-column
prop="date"
label="券详情"
width="80">
<template slot-scope="scope">
<span>{{scope.row.giftCardDetail}}</span>
</template>
</el-table-column>
<el-table-column
prop="date"
label="有效期（天）"
width="240">
<template slot-scope="scope">
<span v-if="scope.row.timeType == 0" > <el-input-number v-model="scope.row.validityZero" controls-position="right" :min="1" :max="9999"></el-input-number>天 </span>
<span v-if="scope.row.timeType == 1" > <el-input-number v-model="scope.row.validityOne" controls-position="right" :min="1" :max="9999"></el-input-number>天 </span>
<span v-if="scope.row.timeType == 2" > <el-input-number v-model="scope.row.validityTwo" controls-position="right" :min="1" :max="9999"></el-input-number>天 </span>
</template>
</el-table-column>
<el-table-column
prop="date"
label="数量"
width="240">
<template slot-scope="scope">
<el-input-number v-model="scope.row.giftCardTotal" controls-position="right" :min="1" :max="9999"></el-input-number>
</template>
</el-table-column>
<el-table-column
prop="address"
label="操作">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
@click="deletedata(scope.row)"
>删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
<!-- 选择兑换券-->
<div class="xh-box" v-if="form.courtesyReward && form.courtesyReward.indexOf('2')>-1 " >
<div class="box-bt"> <div >选择兑换券</div> <el-button type="primary" icon="el-icon-plus" @click="getlistExchange()" >新增</el-button> </div>
<div style="margin: 10px 0px">
<el-table
:data="tableDatas"
border
style="width: 100%">
<el-table-column
prop="giftCardName"
label="卡券名称"
width="80">
</el-table-column>
<el-table-column
prop="date"
label="券类型"
width="80">
<template slot-scope="scope">
<span v-if="scope.row.giftCardType == 0" >油品券</span>
<span v-if="scope.row.giftCardType == 1" >商品券</span>
<span v-if="scope.row.giftCardType == 2" >通用券</span>
</template>
</el-table-column>
<el-table-column
prop="date"
label="券详情"
width="80">
<template slot-scope="scope">
<span>{{scope.row.giftCardDetail}}</span>
</template>
</el-table-column>
<el-table-column
prop="date"
label="有效期（天）"
width="240">
<template slot-scope="scope">
<span > <el-input-number v-model="scope.row.giftCardTime" controls-position="right" :min="1" :max="9999"></el-input-number>天 </span>
</template>
</el-table-column>
<el-table-column
prop="date"
label="数量"
width="240">
<template slot-scope="scope">
<el-input-number v-model="scope.row.giftCardTotal" controls-position="right" :min="1" :max="9999"></el-input-number>
</template>
</el-table-column>
<el-table-column
prop="address"
label="操作"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
@click="deletedhdata(scope.row)"
>删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
<el-form-item label="赠送积分" prop="points">
<el-input v-model="form.points" placeholder="请输入赠送积分" />
<el-input-number v-model="form.points" controls-position="right" :min="1" :max="99999"></el-input-number>
</el-form-item>
<el-form-item label="赠送成长值" prop="growthValue">
<el-input v-model="form.growthValue" placeholder="请输入赠送成长值" />
<el-input-number v-model="form.growthValue" controls-position="right" :min="1" :max="9999999"></el-input-number>
</el-form-item>
<el-form-item label="自定义规则" prop="remark">
<el-input v-model="form.remark" placeholder="请输入自定义规则" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<!-- 优惠券列表-->
<el-dialog title="优惠券列表" :visible.sync="dialogTableVisible">
<el-table
:data="tableData"
border
style="width: 100%">
<el-table-column
prop="name"
label="卡券名称"
width="100">
</el-table-column>
<el-table-column
prop="date"
label="券类型"
width="100">
<template slot-scope="scope">
<span v-if="scope.row.type == 0" >油品券</span>
<span v-if="scope.row.type == 1" >商品券</span>
<span v-if="scope.row.type == 2" >通用券</span>
</template>
</el-table-column>
<el-table-column
prop="date"
label="券详情"
width="100">
<template slot-scope="scope">
<span>满{{scope.row.fullDeduction}}减 {{scope.row.discountAmount}}元 </span>
</template>
</el-table-column>
<el-table-column
prop="date"
label="有效期（天）"
width="180">
<template slot-scope="scope">
<span v-if="scope.row.timeType == 0" >{{scope.row.validityZero}}天 </span>
<span v-if="scope.row.timeType == 1" >{{scope.row.validityOne}}天 </span>
<span v-if="scope.row.timeType == 2" >{{scope.row.validityTwo}}天 </span>
</template>
</el-table-column>
<el-table-column
prop="address"
label="操作">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
@click="chosedata(scope.row)"
>选择</el-button>
</template>
</el-table-column>
</el-table>
</el-dialog>
<!-- 兑换券列表-->
<el-dialog title="兑换券列表" :visible.sync="dialogTableVisibledh">
<el-table
:data="tableDatadh"
border
style="width: 100%">
<el-table-column
prop="name"
label="卡券名称"
width="100">
</el-table-column>
<el-table-column
prop="date"
label="券类型"
width="100">
<template slot-scope="scope">
<span v-if="scope.row.type == 0" >油品券</span>
<span v-if="scope.row.type == 1" >商品券</span>
<span v-if="scope.row.type == 2" >通用券</span>
</template>
</el-table-column>
<el-table-column
prop="date"
label="使用说明"
width="100">
<template slot-scope="scope">
<span>{{scope.row.useInstructions}}</span>
</template>
</el-table-column>
<el-table-column
prop="date"
label="有效期（天）"
width="180">
<template slot-scope="scope">
<span >{{scope.row.validity}}天 </span>
</template>
</el-table-column>
<el-table-column
prop="address"
label="操作">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
@click="Favorabledata(scope.row)"
>选择</el-button>
</template>
</el-table-column>
</el-table>
</el-dialog>
<el-dialog
title="二维码"
v-loading="loadingdialog"
:visible.sync="centerDialogVisible"
width="350px"
center>
<div style="display: flex;align-items: center">
<div class="qr-code" id="qrCode" ref="qrCodeUrl"></div>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="centerDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import { listActiveNewlyweds, getActiveNewlyweds, delActiveNewlyweds, addActiveNewlyweds, updateActiveNewlyweds } from "@/api/EventMarketing/activeNewlyweds";
import {listExchange, listFavorable} from "@/api/EventMarketing/activeConsumption";
import QRCode from "qrcodejs2";
export default {
name: "ActiveNewlyweds",
data() {
return {
loadingdialog:false,
centerDialogVisible:false,
pdidlist:[],//判断优惠券id
pddhidlist:[],//判断兑换券id
tableData: [],//优惠券
tableDatadh:[],//兑换券
dialogTableVisible:false,//优惠券
dialogTableVisibledh:false,//兑换券
tableDatas:[],
// 遮罩层
loading: true,
// 选中数组
@ -189,9 +458,33 @@ export default {
growthValue: null,
},
// 表单参数
form: {},
form: {
tableDatas:[],
activeNewlywedsChildList:[],
},
// 表单校验
rules: {
name: [
{ required: true, message: '必填项不能为空', trigger: 'blur' },
],
activeStartTime: [
{ required: true, message: '必填项不能为空', trigger: 'blur' },
],
activeEndTime: [
{ required: true, message: '必填项不能为空', trigger: 'blur' },
],
courtesyReward: [
{ required: true, message: '必填项不能为空', trigger: 'blur' },
],
points: [
{ required: true, message: '必填项不能为空', trigger: 'blur' },
],
growthValue: [
{ required: true, message: '必填项不能为空', trigger: 'blur' },
],
remark: [
{ required: true, message: '必填项不能为空', trigger: 'blur' },
],
}
};
},
@ -208,6 +501,25 @@ export default {
this.loading = false;
});
},
qrcodelook(url) {
this.loadingdialog = true
this.centerDialogVisible = true
setTimeout(() => {
this.creatQrCode(url)
this.loadingdialog = false
}, 1000);
},
creatQrCode(url) {
document.getElementById("qrCode").innerHTML = ""
new QRCode(this.$refs.qrCodeUrl, {
text: url, // 二维码的内容
width: 300,
height: 300,
colorDark: '#000',
colorLight: '#fff',
correctLevel: QRCode.CorrectLevel.H
})
},
// 取消按钮
cancel() {
this.open = false;
@ -223,6 +535,8 @@ export default {
activeStartTime: null,
activeEndTime: null,
courtesyReward: [],
tableDatas:[],
activeNewlywedsChildList:[],
activeCode: null,
isonline: null,
status: null,
@ -237,6 +551,123 @@ export default {
};
this.resetForm("form");
},
// 请求兑换券
getlistExchange(){
listExchange().then(res=>{
if(res.code==200){
this.dialogTableVisibledh = true
this.tableDatadh = res.data.records
}
})
},
// 请求优惠券
getlistFavorable(){
listFavorable(this.listFavorable).then(res=>{
if(res.code == 200){
this.dialogTableVisible = true
this.tableData = res.data.records
}
})
},
// 兑换券券列表选择
Favorabledata(row){
this.dialogTableVisibledh = false
if(this.pddhidlist.indexOf(row.id)>-1 ){
this.$message.error("该兑换卡券已存在")
return
}
this.pddhidlist.push(row.id)
console.log(row)
let data ={
activeGift: 2, //活动奖品 0：赠送积分1：赠送优惠券 2. 赠送兑换券 3：赠送成长值 4. 赠送实物
goodsIds: "", //商品id
goodsName:"" , //商品名称
goodsTotal: "", //商品数量
vouchersId:row.id, //券id
giftCardName:row.name, //赠送卡券名称
giftCardType: row.type, //券类型
validityZero: null,
validityOne: null,
validityTwo:null,
validity:row.validity,
giftCardDetail: row.useInstructions , //券详情
giftCardTime: row.validity, //券有效期
giftCardTotal: 1 //券数量
}
this.tableDatas.push(data)
this.$message.success("新增成功")
},
// 优惠券列表选择
chosedata(row){
this.dialogTableVisible = false
if(this.pdidlist.indexOf(row.id)>-1 ){
this.$message.error("该优惠卡券已存在")
return
}
this.pdidlist.push(row.id)
let data ={
activeGift: 1, //活动奖品 0：赠送积分1：赠送优惠券 2. 赠送兑换券 3：赠送成长值 4. 赠送实物
goodsIds: "", //商品id
goodsName:"" , //商品名称
goodsTotal: "", //商品数量
vouchersId:row.id, //券id
giftCardName:row.name, //赠送卡券名称
giftCardType: row.type, //券类型
timeType: row.timeType,
validityZero: row.validityZero,
validityOne: row.validityOne,
validityTwo:row.validityTwo,
giftCardDetail: "满"+ row.fullDeduction+"减 "+row.discountAmount+"元" , //券详情
giftCardTime: "", //券有效期
giftCardTotal: 1//券数量
}
this.form.tableDatas.push(data)
this.$message.success("新增成功")
},
// 优惠券删除
deletedata(row){
if(this.form.tableDatas&&this.form.tableDatas.length>0){
let delIdx=-1;
for ( let item of this.form.tableDatas) {
delIdx++;
if (item.id===row.id){
break
}
}
this.pdidlist.splice(delIdx,1);
this.form.tableDatas.splice(delIdx,1);
}
},
// 兑换券删除
deletedhdata(row){
if(this.tableDatas&&this.tableDatas.length>0){
let delIdx=-1;
for ( let item of this.tableDatas) {
delIdx++;
if (item.id===row.id){
break
}
}
this.pddhidlist.splice(delIdx,1);
this.tableDatas.splice(delIdx,1);
}
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
@ -265,12 +696,16 @@ export default {
const id = row.id || this.ids
getActiveNewlyweds(id).then(response => {
this.form = response.data;
this.form.tableDatas = response.data.activeNewlywedsChildList.filter(item => item.activeGift == '1')
this.tableDatas = response.data.activeNewlywedsChildList.filter(item => item.activeGift == '2')
this.open = true;
this.title = "修改新人有礼活动";
});
},
/** 提交按钮 */
submitForm() {
// this.form.activeNewlywedsChildList
this.form.activeNewlywedsChildList = this.form.tableDatas.concat(this.tableDatas);
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {

37
fuintAdmin/src/views/EventMarketing/activeRecommend/index.vue
View File

@ -172,15 +172,15 @@
<el-input-number v-model="ruleForm.growthValue" controls-position="right" :min="0" :max="999999999"></el-input-number>
</el-form-item>
<el-form-item label="新用户获得" prop="resource">
<el-radio-group v-model="ruleForm.resource">
<el-form-item label="新用户获得" prop="newuserGiftType">
<el-radio-group v-model="ruleForm.newuserGiftType">
<el-radio label="0">优惠券</el-radio>
<el-radio label="1">新人有礼活动</el-radio>
</el-radio-group>
</el-form-item>
<!-- 新用户-->
<div class="xh-box" v-if=" ruleForm.resource == 0 " >
<div class="box-bt"> <div >赠送卡券</div> <el-button type="primary" icon="el-icon-plus" @click="xgetlistFavorable()" >新增</el-button> </div>
<div class="xh-box" v-if=" ruleForm.newuserGiftType == 0 " >
<div class="box-bt"> <div >新用户获得</div> <el-button type="primary" icon="el-icon-plus" @click="xgetlistFavorable()" >新增</el-button> </div>
<div style="margin: 10px 0px">
<el-table
@ -598,17 +598,14 @@ export default {
/** 查询推荐有礼列表 */
getList() {
this.loading = true;
getActiveRecommend(1).then(response => {
this.ruleForm = response.data
console.log( response.data.records)
this.ruleForm.xylist = response.data.activeConsumptionChildList.filter(item => item.giftUserType == '1')
this.ruleForm.ylist = response.data.activeConsumptionChildList.filter(item => item.activeGift == '1')
this.ruleForm.dlist = response.data.activeConsumptionChildList.filter(item => item.activeGift == '0')
console.log(this.ruleForm.xylist)
console.log(this.ruleForm.ylist)
console.log(this.ruleForm.dlist)
this.ruleForm.xylist = response.data.activeRecommendChildList.filter(item => item.giftUserType == '1')
this.ruleForm.ylist = response.data.activeRecommendChildList.filter(item => { return item.activeGift === '1' && item.giftUserType=== '0'; })
this.ruleForm.dlist = response.data.activeRecommendChildList.filter(item => item.activeGift == '2')
console.log( "1", this.ruleForm.xylist)//优惠券数组 新用户获得
console.log( "2",this.ruleForm.ylist)// 优惠券数组
console.log( "3",this.ruleForm.dlist)//兑换券数组
this.loading = false;
});
},
@ -646,7 +643,6 @@ export default {
this.$message.error("该兑换卡券已存在")
return
}
this.pddhidlist.push(row.id)
console.log(row)
let data ={
@ -680,6 +676,7 @@ export default {
this.xpdidlist.push(row.id)
let data ={
giftUserType:1,//新用户获得
activeGift: 1, //活动奖品 0：赠送积分1：赠送优惠券 2. 赠送兑换券 3：赠送成长值 4. 赠送实物
goodsIds: "", //商品id
goodsName:"" , //商品名称
@ -698,7 +695,7 @@ export default {
this.ruleForm.xylist.push(data)
this.$message.success("新增成功")
},
// 优惠券列表选择
// 优惠券
chosedata(row){
this.dialogTableVisible = false
if(this.pdidlist.indexOf(row.id)>-1 ){
@ -709,6 +706,7 @@ export default {
this.pdidlist.push(row.id)
let data ={
giftUserType:0,//邀请人获得
activeGift: 1, //活动奖品 0：赠送积分1：赠送优惠券 2. 赠送兑换券 3：赠送成长值 4. 赠送实物
goodsIds: "", //商品id
goodsName:"" , //商品名称
@ -724,7 +722,9 @@ export default {
giftCardTime: "", //券有效期
giftCardTotal: 1//券数量
}
console.log(data)
this.ruleForm.ylist.push(data)
console.log(this.ruleForm.ylist)
this.$message.success("新增成功")
},
// 新优惠券删除
@ -801,6 +801,7 @@ export default {
createBy: null,
createTime: null,
updateBy: null,
activeRecommendChildList:[],
updateTime: null
};
this.resetForm("form");
@ -840,8 +841,8 @@ export default {
/** 提交按钮 */
submitForm() {
this.ruleForm.activeConsumptionChildList = this.ruleForm.ylist.concat(this.ruleForm.dlist,this.ruleForm.xylist);
console.log(this.ruleForm.activeConsumptionChildList)
this.ruleForm.activeRecommendChildList = this.ruleForm.ylist.concat(this.ruleForm.dlist,this.ruleForm.xylist);
console.log(this.ruleForm.activeRecommendChildList)
console.log(this.ruleForm)
this.$refs["ruleForm"].validate(valid => {

6
fuintAdmin/src/views/EventMarketing/cardFavorable/index.vue
View File

@ -25,14 +25,11 @@
<el-option label="通用券" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card style="margin-bottom: 20px">
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
@ -98,12 +95,9 @@
<el-table-column label="满足金额" align="center" prop="satisfiedAmount" />
<el-table-column label="二维码链接" align="center" prop="qrCodeLink" >
<template slot-scope="scope">
<!-- <span >{{scope.row.qrCodeLink}}</span>-->
<div style="cursor: pointer" @click="qrcodelook(scope.row.qrCodeLink)">
<i class="el-icon-picture" ></i>
</div>
</template>
</el-table-column>
<el-table-column label="优惠券状态" align="center" prop="status" >

4
fuintAdmin/src/views/EventMarketing/center/index.vue
View File

@ -15,13 +15,9 @@
<activeFullminus v-if="value == 3"></activeFullminus>
<activeNewlyweds v-if="value == 4" ></activeNewlyweds>
<activeRecommend v-if="value == 5"></activeRecommend>
<!-- 添加或修改兑换券对话框 -->
</div>
</template>
<script>
import activeDiscount from '../activeDiscount/index'