Merge branch 'test' of https://e.coding.net/g-cphe0354/yinshoukeguanliduan/management into ymf_test
This commit is contained in:
@@ -417,6 +417,17 @@ export function modityActivate(data) {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 新增、修改活动 新的!
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
export function storageupActivate(data) {
|
||||||
|
return request({
|
||||||
|
url: `/shop/storage/upActivate`,
|
||||||
|
method: "post",
|
||||||
|
data
|
||||||
|
});
|
||||||
|
}
|
||||||
/**
|
/**
|
||||||
* 活动列表
|
* 活动列表
|
||||||
* @returns
|
* @returns
|
||||||
|
|||||||
175
src/components/coupon/index.vue
Normal file
175
src/components/coupon/index.vue
Normal file
@@ -0,0 +1,175 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog title="选择优惠劵" top="5vh" :visible.sync="dialogVisible">
|
||||||
|
<div class="head-container">
|
||||||
|
<el-table ref="table" :data="tableData.list" height="500" v-loading="tableData.loading">
|
||||||
|
<!-- <el-table-column type="selection" width="55" align="center" v-if="!radio"></el-table-column> -->
|
||||||
|
<el-table-column label="名称" prop="title" />
|
||||||
|
<el-table-column label="使用门槛">
|
||||||
|
<template v-slot="scope">
|
||||||
|
{{ `满${scope.row.fullAmount}${scope.row.discountAmount ? '减' + scope.row.discountAmount + '元' :
|
||||||
|
''}` }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="总发放数量" prop="number" />
|
||||||
|
<el-table-column label="已使用" prop="useNumber" />
|
||||||
|
<el-table-column label="剩余" prop="leftNumber" />
|
||||||
|
<el-table-column label="操作">
|
||||||
|
<template v-slot="scope">
|
||||||
|
<el-button type="primary" @click="selectHandle(scope.row)">选择</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<el-pagination :total="tableData.total" :current-page="tableData.page + 1" :page-size="tableData.size"
|
||||||
|
@current-change="paginationChange" @size-change="sizeChange"
|
||||||
|
layout="total, sizes, prev, pager, next, jumper"></el-pagination>
|
||||||
|
<span slot="footer" class="dialog-footer" v-if="!radio">
|
||||||
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="confirmHandle">确 定</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getTbShopCoupon, delTbShopCoupon } from '@/api/coupon'
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
// 是否为单选
|
||||||
|
radio: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dialogVisible: false,
|
||||||
|
searhForm: {
|
||||||
|
name: '',
|
||||||
|
category: ''
|
||||||
|
},
|
||||||
|
categoryList: [],
|
||||||
|
tableData: {
|
||||||
|
page: 0,
|
||||||
|
size: 10,
|
||||||
|
total: 0,
|
||||||
|
loading: false,
|
||||||
|
list: []
|
||||||
|
},
|
||||||
|
goods: []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 单选商品
|
||||||
|
selectHandle(row) {
|
||||||
|
this.$emit('success', [{ ...row }])
|
||||||
|
this.close()
|
||||||
|
},
|
||||||
|
// 确定选商品
|
||||||
|
confirmHandle() {
|
||||||
|
let res = this.$refs.table.selection
|
||||||
|
this.$emit('success', res)
|
||||||
|
this.close()
|
||||||
|
},
|
||||||
|
// 重置查询
|
||||||
|
resetHandle() {
|
||||||
|
this.searhForm.name = ''
|
||||||
|
this.searhForm.category = ''
|
||||||
|
this.tableData.page = 0
|
||||||
|
this.tableData.size = 10
|
||||||
|
this.tableData.list = []
|
||||||
|
this.getTableData()
|
||||||
|
},
|
||||||
|
// 分页大小改变
|
||||||
|
sizeChange(e) {
|
||||||
|
this.tableData.size = e
|
||||||
|
this.getTableData()
|
||||||
|
},
|
||||||
|
// 分页回调
|
||||||
|
paginationChange(e) {
|
||||||
|
this.tableData.page = e - 1
|
||||||
|
this.getTableData()
|
||||||
|
},
|
||||||
|
// 商品列表
|
||||||
|
async getTableData() {
|
||||||
|
this.tableData.loading = true
|
||||||
|
try {
|
||||||
|
const res = await getTbShopCoupon({
|
||||||
|
page: this.tableData.page,
|
||||||
|
size: this.tableData.size,
|
||||||
|
name: this.searhForm.name,
|
||||||
|
categoryId: this.searhForm.category,
|
||||||
|
shopId: localStorage.getItem('shopId'),
|
||||||
|
sort: 'id',
|
||||||
|
})
|
||||||
|
this.tableData.list = res.content
|
||||||
|
this.tableData.total = res.totalElements
|
||||||
|
|
||||||
|
if (this.goods.length) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.selection()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
this.tableData.loading = false
|
||||||
|
}, 500);
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 商品分类
|
||||||
|
async tbShopCategoryGet() {
|
||||||
|
try {
|
||||||
|
const res = await getTbShopCoupon({
|
||||||
|
page: 0,
|
||||||
|
size: 100,
|
||||||
|
sort: 'id',
|
||||||
|
shopId: localStorage.getItem('shopId')
|
||||||
|
})
|
||||||
|
this.categoryList = res.content
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async show(goods, categoryId) {
|
||||||
|
this.dialogVisible = true
|
||||||
|
if (goods && goods.length) {
|
||||||
|
this.goods = goods
|
||||||
|
} else {
|
||||||
|
this.goods = []
|
||||||
|
}
|
||||||
|
this.resetHandle()
|
||||||
|
|
||||||
|
console.log(categoryId);
|
||||||
|
|
||||||
|
if (categoryId) {
|
||||||
|
this.searhForm.category = categoryId
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log(this.searhForm);
|
||||||
|
},
|
||||||
|
close() {
|
||||||
|
this.dialogVisible = false
|
||||||
|
},
|
||||||
|
selection() {
|
||||||
|
this.goods.forEach(row => {
|
||||||
|
this.tableData.list.forEach((item, index) => {
|
||||||
|
if (row.id == item.id) {
|
||||||
|
this.$refs.table.toggleRowSelection(this.tableData.list[index]);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.shop_info {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
span {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -6,29 +6,30 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- 优惠券 -->
|
<!-- 优惠券 -->
|
||||||
<div v-if="form.type == 1" class="content">
|
<div v-if="form.type == 1" class="content">
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="left">
|
<el-form ref="form" :inline="true" :model="form" :rules="rules" label-width="120px" label-position="left">
|
||||||
<el-form-item label="优惠券券名" prop="title">
|
<el-form-item label="优惠券券名" prop="title" style="width: 100%;">
|
||||||
<el-input v-model="form.title" placeholder="" style="width: 289px;" />
|
<el-input v-model="form.title" placeholder="" style="width: 289px;" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="使用门槛">
|
<el-form-item label="使用门槛" prop="fullAmount">
|
||||||
<el-input v-model="form.fullAmount" type="number" placeholder="" style="width: 180px;margin-right: 66px;">
|
<el-input v-model="form.fullAmount" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" placeholder="" style="width: 180px;margin-right: 66px;">
|
||||||
<template slot="prepend">满</template>
|
<template slot="prepend">满</template>
|
||||||
<template slot="append">元</template>
|
<template slot="append">元</template>
|
||||||
</el-input>
|
</el-input>
|
||||||
<el-input v-model="form.discountAmount" type="number" placeholder="" style="width: 180px;">
|
</el-form-item>
|
||||||
|
<el-form-item label="" prop="discountAmount">
|
||||||
|
<el-input v-model="form.discountAmount" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" placeholder="" style="width: 180px;">
|
||||||
<template slot="prepend">减</template>
|
<template slot="prepend">减</template>
|
||||||
<template slot="append">元</template>
|
<template slot="append">元</template>
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item label="有效期类型" style="width: 100%;">
|
||||||
<el-form-item label="有效期类型">
|
|
||||||
<el-radio-group v-model="form.validityType">
|
<el-radio-group v-model="form.validityType">
|
||||||
<el-radio v-for="item in couponEnum.validityType" :key="item.value" :label="item.value">
|
<el-radio v-for="item in couponEnum.validityType" :key="item.value" :label="item.value">
|
||||||
{{ item.label }}
|
{{ item.label }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="form.validityType == 'custom'" label="有效时间" prop="validEndTime">
|
<el-form-item v-if="form.validityType == 'custom'" label="有效时间" prop="validEndTime" style="width: 100%;">
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
v-model="validityTime"
|
v-model="validityTime"
|
||||||
type="daterange"
|
type="daterange"
|
||||||
@@ -40,12 +41,12 @@
|
|||||||
@change="validityChange"
|
@change="validityChange"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="有效期(天)" prop="validDays">
|
<el-form-item label="有效期(天)" prop="validDays" style="width: 100%;">
|
||||||
<el-input v-model="form.validDays" placeholder="" style="width: 200px;">
|
<el-input v-model="form.validDays" placeholder="" style="width: 200px;">
|
||||||
<template slot="append">天</template>
|
<template slot="append">天</template>
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item label="使用门槛" prop="daysToTakeEffect">
|
<!-- <el-form-item label="使用门槛" prop="daysToTakeEffect" style="width: 100%;">
|
||||||
<el-input v-model="form.daysToTakeEffect" placeholder="" style="width: 200px;">
|
<el-input v-model="form.daysToTakeEffect" placeholder="" style="width: 200px;">
|
||||||
<template slot="prepend">隔</template>
|
<template slot="prepend">隔</template>
|
||||||
<template slot="append">天生效</template>
|
<template slot="append">天生效</template>
|
||||||
@@ -54,19 +55,19 @@
|
|||||||
<i class="el-icon-question" />
|
<i class="el-icon-question" />
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</el-form-item> -->
|
</el-form-item> -->
|
||||||
<el-form-item label="可用周期" prop="userDays">
|
<el-form-item label="可用周期" prop="userDays" style="width: 100%;">
|
||||||
<el-checkbox-group v-model="form.userDays">
|
<el-checkbox-group v-model="form.userDays">
|
||||||
<el-checkbox v-for="(city,index) in couponEnum.cycle" :key="index" :label="city.label" @change="userDayChagne">{{ city.label }}</el-checkbox>
|
<el-checkbox v-for="(city,index) in couponEnum.cycle" :key="index" :label="city.label" @change="userDayChagne">{{ city.label }}</el-checkbox>
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="指定时间段">
|
<el-form-item label="指定时间段" style="width: 100%;">
|
||||||
<el-radio-group v-model="form.useTimeType">
|
<el-radio-group v-model="form.useTimeType">
|
||||||
<el-radio v-for="item in couponEnum.useTimeType" :key="item.value" :label="item.value">
|
<el-radio v-for="item in couponEnum.useTimeType" :key="item.value" :label="item.value">
|
||||||
{{ item.label }}
|
{{ item.label }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="form.useTimeType == 'custom'" label="指定时间段" prop="useEndTime">
|
<el-form-item v-if="form.useTimeType == 'custom'" label="指定时间段" prop="useEndTime" style="width: 100%;">
|
||||||
<el-time-picker
|
<el-time-picker
|
||||||
v-model="useTime"
|
v-model="useTime"
|
||||||
is-range
|
is-range
|
||||||
@@ -78,8 +79,8 @@
|
|||||||
@change="useTimeChange"
|
@change="useTimeChange"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="发放数量" prop="number">
|
<el-form-item label="发放数量" prop="number" style="width: 100%;">
|
||||||
<el-input v-model="form.number" type="number" placeholder="" style="width: 200px;" />
|
<el-input v-model="form.number" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" placeholder="" style="width: 200px;" />
|
||||||
<el-tooltip class="item" effect="dark" content="限用户自行领取,(当库存为 0时,集草等活动仍会赠送)" placement="top-start">
|
<el-tooltip class="item" effect="dark" content="限用户自行领取,(当库存为 0时,集草等活动仍会赠送)" placement="top-start">
|
||||||
<i class="el-icon-question" />
|
<i class="el-icon-question" />
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
@@ -96,16 +97,14 @@
|
|||||||
<el-form-item label="商品券券名" prop="title">
|
<el-form-item label="商品券券名" prop="title">
|
||||||
<el-input v-model="form.title" placeholder="" style="width: 289px;" />
|
<el-input v-model="form.title" placeholder="" style="width: 289px;" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item />
|
|
||||||
<el-form-item />
|
|
||||||
<el-form-item label="发放数量" prop="number">
|
<el-form-item label="发放数量" prop="number">
|
||||||
<el-input v-model="form.number" type="number" placeholder="" style="width: 289px;" />
|
<el-input v-model="form.number" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" placeholder="" style="width: 289px;" />
|
||||||
<el-tooltip class="item" effect="dark" content="限用户自行领取,(当库存为 0时,集草等活动仍会赠送)" placement="top-start">
|
<el-tooltip class="item" effect="dark" content="限用户自行领取,(当库存为 0时,集草等活动仍会赠送)" placement="top-start">
|
||||||
<i class="el-icon-question" />
|
<i class="el-icon-question" />
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="使用门槛">
|
<el-form-item label="使用门槛" prop="fullAmount">
|
||||||
全额满<el-input v-model="form.fullAmount" placeholder="" style="width: 100px;margin: 0 23px;"><template slot="suffix">元</template></el-input>可用
|
全额满<el-input v-model="form.fullAmount" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" placeholder="" style="width: 100px;margin: 0 23px;"><template slot="suffix">元</template></el-input>可用
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="赠送商品" prop="products">
|
<el-form-item label="赠送商品" prop="products">
|
||||||
<div>
|
<div>
|
||||||
@@ -186,6 +185,20 @@ export default {
|
|||||||
trigger: 'blur'
|
trigger: 'blur'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
fullAmount: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '填写满减金额',
|
||||||
|
trigger: 'blur'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
discountAmount: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '填写满减金额',
|
||||||
|
trigger: 'blur'
|
||||||
|
}
|
||||||
|
],
|
||||||
number: [
|
number: [
|
||||||
{
|
{
|
||||||
required: true,
|
required: true,
|
||||||
|
|||||||
@@ -31,7 +31,7 @@
|
|||||||
<el-table-column label="总发放数量" prop="number" />
|
<el-table-column label="总发放数量" prop="number" />
|
||||||
<el-table-column label="已领取" align="center">
|
<el-table-column label="已领取" align="center">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<div style="display: flex;align-items: center;">
|
<div style="display: flex;align-items: center;justify-content: center;">
|
||||||
<div style="width: 30px;">{{ scope.row.number-scope.row.leftNumber }}</div>
|
<div style="width: 30px;">{{ scope.row.number-scope.row.leftNumber }}</div>
|
||||||
<div style="margin: 0 10px;">|</div>
|
<div style="margin: 0 10px;">|</div>
|
||||||
<div style="color: #3F9EFF;cursor: pointer;flex-shrink: 0;" @click="couponDetailsOpen(scope.row)">详情</div>
|
<div style="color: #3F9EFF;cursor: pointer;flex-shrink: 0;" @click="couponDetailsOpen(scope.row)">详情</div>
|
||||||
|
|||||||
@@ -602,16 +602,30 @@ export default {
|
|||||||
batchNumberForm: {
|
batchNumberForm: {
|
||||||
batchNumber: 0,
|
batchNumber: 0,
|
||||||
},
|
},
|
||||||
|
routequery:''
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.tbShopUnit();
|
this.tbShopUnit();
|
||||||
this.tbShopCategoryGet();
|
this.tbShopCategoryGet();
|
||||||
this.changeTypeEnum(0);
|
this.changeTypeEnum(0);
|
||||||
|
|
||||||
if (this.$route.query.goods_id) {
|
if (this.$route.query.goods_id) {
|
||||||
this.tbProductGetDetail();
|
this.tbProductGetDetail();
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
// 监听路由对象中的参数变化
|
||||||
|
$route(to, from) {
|
||||||
|
console.log(to.query.goods_id)
|
||||||
|
if (to.query.goods_id) {
|
||||||
|
if (this.routequery == to.query.goods_id) {
|
||||||
|
return false;
|
||||||
|
} else {
|
||||||
|
this.tbProductGetDetail();
|
||||||
|
}
|
||||||
|
this.routequery = to.query.goods_id
|
||||||
|
}
|
||||||
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
uploadImgSucess(res, item) {
|
uploadImgSucess(res, item) {
|
||||||
|
|||||||
@@ -33,6 +33,13 @@
|
|||||||
<el-radio :label="0">禁用</el-radio>
|
<el-radio :label="0">禁用</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item label="排列方式">
|
||||||
|
<el-radio-group v-model="form.sortMode">
|
||||||
|
<el-radio label="0">默认</el-radio>
|
||||||
|
<el-radio label="1">价格由高到低</el-radio>
|
||||||
|
<el-radio label="2">销量由高到低</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
<el-form-item label="" v-if="form.useTime == 1">
|
<el-form-item label="" v-if="form.useTime == 1">
|
||||||
<!-- <el-time-picker is-range v-model="form.saleTime" value-format="HH:mm" format="HH:mm"
|
<!-- <el-time-picker is-range v-model="form.saleTime" value-format="HH:mm" format="HH:mm"
|
||||||
:picker-options="pickerOptions" range-separator="至" start-placeholder="开始时间"
|
:picker-options="pickerOptions" range-separator="至" start-placeholder="开始时间"
|
||||||
@@ -86,6 +93,7 @@ export default {
|
|||||||
productIds: [],
|
productIds: [],
|
||||||
saleTime: [],
|
saleTime: [],
|
||||||
useTime: 0,
|
useTime: 0,
|
||||||
|
sortMode: '0',
|
||||||
shopId: localStorage.getItem('shopId')
|
shopId: localStorage.getItem('shopId')
|
||||||
},
|
},
|
||||||
pickerOptions: {
|
pickerOptions: {
|
||||||
@@ -192,6 +200,9 @@ export default {
|
|||||||
this.form.name = obj.name
|
this.form.name = obj.name
|
||||||
this.form.sort = obj.sort
|
this.form.sort = obj.sort
|
||||||
this.form.productIds = obj.productIds
|
this.form.productIds = obj.productIds
|
||||||
|
this.form.sortMode = obj.sortMode + ''
|
||||||
|
console.log(obj, '体哦啊是1')
|
||||||
|
console.log(this.form, '体哦啊是1')
|
||||||
// if (obj.saleStartTime != null) {
|
// if (obj.saleStartTime != null) {
|
||||||
// this.$set(this.form, 'saleTime', [obj.saleStartTime, obj.saleEndTime])
|
// this.$set(this.form, 'saleTime', [obj.saleStartTime, obj.saleEndTime])
|
||||||
// }
|
// }
|
||||||
|
|||||||
@@ -298,11 +298,9 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
async mounted() {
|
async mounted() {
|
||||||
console.log(this.$route.query.productId, 'tiaoshi1')
|
|
||||||
if (this.$route.query.productId) {
|
if (this.$route.query.productId) {
|
||||||
this.query.productId = this.$route.query.productId
|
this.query.productId = this.$route.query.productId
|
||||||
}
|
}
|
||||||
console.log(this.query)
|
|
||||||
|
|
||||||
await this.tbShopCategoryGet()
|
await this.tbShopCategoryGet()
|
||||||
await this.getTableData()
|
await this.getTableData()
|
||||||
@@ -533,7 +531,6 @@ export default {
|
|||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
console.log(res);
|
|
||||||
|
|
||||||
this.tableData.loading = false
|
this.tableData.loading = false
|
||||||
this.tableData.data = res.content
|
this.tableData.data = res.content
|
||||||
|
|||||||
@@ -19,24 +19,26 @@
|
|||||||
下载会员充值二维码
|
下载会员充值二维码
|
||||||
</el-button>
|
</el-button>
|
||||||
<div style="margin-top: 35px; font-size: 16px; color: #333;">
|
<div style="margin-top: 35px; font-size: 16px; color: #333;">
|
||||||
允许充值自定义金额:<el-switch v-model="shopInfo.isCustom" active-value="1" inactive-value="0" size="large" @change="customStatusChange"></el-switch>
|
允许充值自定义金额:<el-switch v-model="shopInfo.isCustom" active-value="1" inactive-value="0" size="large"
|
||||||
|
@change="customStatusChange"></el-switch>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="head-container">
|
<div class="head-container">
|
||||||
<el-table :data="tableData.data" v-loading="tableData.loading">
|
<el-table :data="tableData.data" v-loading="tableData.loading">
|
||||||
<el-table-column label="店铺ID" prop="shopId"></el-table-column>
|
<el-table-column label="店铺ID" prop="shopId"></el-table-column>
|
||||||
<el-table-column label="最小金额" prop="minNum"></el-table-column>
|
<el-table-column label="充值金额" prop="amount"></el-table-column>
|
||||||
<el-table-column label="最大金额" prop="maxNum"></el-table-column>
|
<el-table-column label="赠送金额" prop="giftAmount"></el-table-column>
|
||||||
<el-table-column label="赠送金额" prop="handselNum"></el-table-column>
|
<!-- <el-table-column label="赠送金额" prop="handselNum"></el-table-column>
|
||||||
<el-table-column label="赠送类型" prop="handselType">
|
<el-table-column label="是否使用优惠券" prop="isUseCoupon">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{ scope.row.handselType | handselTypeFilter }}
|
{{ scope.row.handselType | handselTypeFilter }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- <el-table-column label="排序" sortable prop="sort"></el-table-column> -->
|
<el-table-column label="排序" sortable prop="sort"></el-table-column> -->
|
||||||
<el-table-column label="是否启用" prop="isDel">
|
<el-table-column label="赠送积分" prop="giftPoints"></el-table-column>
|
||||||
|
<el-table-column label="是否使用优惠券" prop="isUseCoupon">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<el-switch v-model="scope.row.isDel" active-value="0" inactive-value="1"
|
<el-switch v-model="scope.row.isUseCoupon" :active-value="1" :inactive-value="0"
|
||||||
@change="statusChange($event, scope.row)"></el-switch>
|
@change="statusChange($event, scope.row)"></el-switch>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
@@ -65,7 +67,7 @@
|
|||||||
import handselTypes from './handselTypes'
|
import handselTypes from './handselTypes'
|
||||||
import addActive from './components/addActive'
|
import addActive from './components/addActive'
|
||||||
import QR from './components/downloadQR.vue'
|
import QR from './components/downloadQR.vue'
|
||||||
import { findActivate, modityActivate } from '@/api/shop'
|
import { findActivate, storageupActivate } from '@/api/shop'
|
||||||
import { tbShopInfo, tbShopInfoPut } from "@/api/user";
|
import { tbShopInfo, tbShopInfoPut } from "@/api/user";
|
||||||
import dayjs from 'dayjs'
|
import dayjs from 'dayjs'
|
||||||
export default {
|
export default {
|
||||||
@@ -104,16 +106,27 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
// 切换状态
|
// 切换状态
|
||||||
async statusChange(e, row) {
|
async statusChange(e, row) {
|
||||||
|
if (row.couponName) {
|
||||||
try {
|
try {
|
||||||
this.tableData.loading = true
|
this.tableData.loading = true
|
||||||
const data = { ...row }
|
const data = { ...row }
|
||||||
data.status = e
|
data.isUseCoupon = e
|
||||||
await modityActivate(data)
|
console.log(data.isUseCoupon)
|
||||||
|
await storageupActivate(data)
|
||||||
this.getTableData()
|
this.getTableData()
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log(error)
|
console.log(error)
|
||||||
this.tableData.loading = false
|
this.tableData.loading = false
|
||||||
}
|
}
|
||||||
|
} else {
|
||||||
|
console.log(22)
|
||||||
|
this.$message({
|
||||||
|
message: '请选择优惠劵',
|
||||||
|
type: 'warning'
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
// 重置查询
|
// 重置查询
|
||||||
resetHandle() {
|
resetHandle() {
|
||||||
|
|||||||
@@ -2,7 +2,23 @@
|
|||||||
<div>
|
<div>
|
||||||
<el-dialog :title="form.id ? '编辑活动' : '添加活动'" :visible.sync="dialogVisible" @close="reset">
|
<el-dialog :title="form.id ? '编辑活动' : '添加活动'" :visible.sync="dialogVisible" @close="reset">
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="left">
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="left">
|
||||||
<el-form-item label="最小金额">
|
<el-form-item label="充值">
|
||||||
|
<template>
|
||||||
|
<div style="display: flex;">
|
||||||
|
<el-input style="width: 220px;" placeholder="请输入金额" v-model="form.amount">
|
||||||
|
<template slot="prepend">满</template>
|
||||||
|
<template slot="append">元</template>
|
||||||
|
</el-input>
|
||||||
|
<el-input style="margin-left: 20px; width: 220px;" placeholder="请输入金额"
|
||||||
|
v-model="form.giftAmount">
|
||||||
|
<template slot="prepend">赠</template>
|
||||||
|
<template slot="append">元</template>
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<!-- <el-form-item label="最小金额">
|
||||||
<el-input-number v-model="form.minNum" controls-position="right" :min="1"></el-input-number>
|
<el-input-number v-model="form.minNum" controls-position="right" :min="1"></el-input-number>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="最大金额">
|
<el-form-item label="最大金额">
|
||||||
@@ -11,32 +27,46 @@
|
|||||||
<el-form-item label="赠送金额">
|
<el-form-item label="赠送金额">
|
||||||
<el-input-number v-model="form.handselNum" controls-position="right" :min="0"></el-input-number>
|
<el-input-number v-model="form.handselNum" controls-position="right" :min="0"></el-input-number>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item label="赠送类型">
|
<el-form-item label="赠送类型">
|
||||||
<el-select v-model="form.handselType">
|
<el-select v-model="form.handselType">
|
||||||
<el-option :label="item.label" :value="item.value" v-for="item in handselTypes"
|
<el-option :label="item.label" :value="item.value" v-for="item in handselTypes"
|
||||||
:key="item.value"></el-option>
|
:key="item.value"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item> -->
|
</el-form-item>
|
||||||
<el-form-item label="状态">
|
<el-form-item label="状态">
|
||||||
<el-switch v-model="form.isDel" active-value="0" inactive-value="1"></el-switch>
|
<el-switch v-model="form.isDel" active-value="0" inactive-value="1"></el-switch>
|
||||||
|
</el-form-item> -->
|
||||||
|
|
||||||
|
<el-form-item label="是否使用优惠券">
|
||||||
|
<el-switch v-model="form.isUseCoupon" :active-value="1" :inactive-value="0"></el-switch>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="是否赠送商品">
|
<el-form-item label="数量">
|
||||||
<el-switch v-model="form.isGiftPro" :active-value="1" :inactive-value="0"></el-switch>
|
<el-input-number v-model="form.num" controls-position="right" :min="1"></el-input-number>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="赠送商品">
|
<el-form-item label="积分">
|
||||||
|
<template>
|
||||||
|
<div class="labelboxss">
|
||||||
|
<div>赠送</div>
|
||||||
|
<el-input style="width: 140px;margin: 0 15px;" v-model="form.giftPoints"></el-input>
|
||||||
|
<div>积分</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="选择优惠劵" v-if="form.isUseCoupon == 1">
|
||||||
<div>
|
<div>
|
||||||
<el-button type="primary" icon="el-icon-plus" @click="$refs.shopListRef.show([...productIds])">
|
<el-button type="primary" icon="el-icon-plus" @click="$refs.coupon.show([...productIds])">
|
||||||
添加商品
|
添加优惠劵
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="shop_list">
|
<div class="shop_list">
|
||||||
<div class="item_wrap" style="display: flex;align-items: center;margin-top: 6px;"
|
<div class="item_wrap" style="display: flex;align-items: center;margin-top: 6px;"
|
||||||
v-for="(item, index) in productIds" :key="item.id">
|
v-for="(item, index) in productIds" :key="item.id">
|
||||||
<div class="name">{{ item.name }}</div>
|
<div class="name">{{ item.title }}</div>
|
||||||
<el-input style="width: 120px;" v-model="item.num" placeholder='请填写数量'
|
<!-- <el-input style="width: 120px;" v-model="item.num" placeholder='请填写数量'
|
||||||
@input="checkIfNum(item)"></el-input>
|
@input="checkIfNum(item)"></el-input> -->
|
||||||
<el-button type="text" @click="productIds.splice(index, 1)"
|
<!-- <el-button type="text" @click="productIds.splice(index, 1)"
|
||||||
style="margin-left: 20px;">删除</el-button>
|
style="margin-left: 20px;">删除</el-button> -->
|
||||||
|
<el-button type="text" @click="productIds = []" style="margin-left: 20px;">删除</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -46,18 +76,18 @@
|
|||||||
<el-button type="primary" :loading="loading" @click="onSubmitHandle">确 定</el-button>
|
<el-button type="primary" :loading="loading" @click="onSubmitHandle">确 定</el-button>
|
||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<shopList ref="shopListRef" @success="slectShop" />
|
<coupon ref="coupon" @success="slectShop" />
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import handselTypes from '../handselTypes'
|
import handselTypes from '../handselTypes'
|
||||||
import { modityActivate, activate } from '@/api/shop'
|
import { activate, storageupActivate } from '@/api/shop'
|
||||||
import shopList from '@/components/shopList'
|
import coupon from '@/components/coupon'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { shopList },
|
components: { coupon },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
dialogVisible: false,
|
dialogVisible: false,
|
||||||
@@ -70,7 +100,10 @@ export default {
|
|||||||
maxNum: 1,
|
maxNum: 1,
|
||||||
handselNum: 1, // 打印类型
|
handselNum: 1, // 打印类型
|
||||||
handselType: 'GD',
|
handselType: 'GD',
|
||||||
isDel: '0'
|
isDel: '0',
|
||||||
|
num: 1,
|
||||||
|
amount: '',
|
||||||
|
giftAmount: ''
|
||||||
},
|
},
|
||||||
productIds: [],
|
productIds: [],
|
||||||
resetForm: '',
|
resetForm: '',
|
||||||
@@ -97,15 +130,16 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
slectShop(res) {
|
slectShop(res) {
|
||||||
if (this.productIds.length) {
|
console.log(res, 11)
|
||||||
res.map(async item => {
|
// if (this.productIds.length) {
|
||||||
if (!await this.checkShop(item.id)) {
|
// res.map(async item => {
|
||||||
this.productIds.push({ ...item })
|
// if (!await this.checkShop(item.id)) {
|
||||||
}
|
// this.productIds.push({ ...item })
|
||||||
})
|
// }
|
||||||
} else {
|
// })
|
||||||
|
// } else {
|
||||||
this.productIds = res
|
this.productIds = res
|
||||||
}
|
// }
|
||||||
},
|
},
|
||||||
// 判断是否存在重复商品
|
// 判断是否存在重复商品
|
||||||
checkShop(id) {
|
checkShop(id) {
|
||||||
@@ -125,21 +159,37 @@ export default {
|
|||||||
this.form.config.categoryList = e
|
this.form.config.categoryList = e
|
||||||
},
|
},
|
||||||
onSubmitHandle() {
|
onSubmitHandle() {
|
||||||
// console.log(this.form)
|
console.log(this.form)
|
||||||
let arr = []
|
if (this.form.amount == '') {
|
||||||
this.productIds.forEach(ele => {
|
this.$message({
|
||||||
arr.push({
|
message: '充值金额不能为空',
|
||||||
productId: ele.id,
|
type: 'warning'
|
||||||
num: ele.num
|
});
|
||||||
})
|
return false;
|
||||||
})
|
}
|
||||||
this.form.products = arr
|
if (this.form.isUseCoupon == 1) {
|
||||||
|
if (this.productIds.length == 0) {
|
||||||
|
this.$message({
|
||||||
|
message: '请选择优惠劵',
|
||||||
|
type: 'warning'
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
this.form.couponId = this.productIds[0].id
|
||||||
|
}
|
||||||
|
// let arr = []
|
||||||
|
// this.productIds.forEach(ele => {
|
||||||
|
// arr.push({
|
||||||
|
// productId: ele.id,
|
||||||
|
// num: ele.num
|
||||||
|
// })
|
||||||
|
// })
|
||||||
this.$refs.form.validate(async valid => {
|
this.$refs.form.validate(async valid => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
try {
|
try {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
this.form.shopId = localStorage.getItem('shopId')
|
this.form.shopId = localStorage.getItem('shopId')
|
||||||
let res = await modityActivate(this.form)
|
let res = await storageupActivate(this.form)
|
||||||
this.$emit('success', res)
|
this.$emit('success', res)
|
||||||
this.close()
|
this.close()
|
||||||
this.$notify({
|
this.$notify({
|
||||||
@@ -159,9 +209,13 @@ export default {
|
|||||||
this.dialogVisible = true
|
this.dialogVisible = true
|
||||||
if (obj && obj.id) {
|
if (obj && obj.id) {
|
||||||
this.form = { ...obj }
|
this.form = { ...obj }
|
||||||
let res = await activate(obj.id)
|
// let res = await activate(obj.id)
|
||||||
this.productIds = res
|
// this.productIds = res
|
||||||
console.log(res, '调试1')
|
if (obj.couponName) {
|
||||||
|
this.productIds = [{ title: obj.couponName }]
|
||||||
|
|
||||||
|
}
|
||||||
|
console.log(obj, '调试1')
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
close() {
|
close() {
|
||||||
@@ -174,6 +228,35 @@ export default {
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
.labelbox {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #666666;
|
||||||
|
width: 130px;
|
||||||
|
background: #F7F7FA;
|
||||||
|
border-radius: 2px 2px 2px 2px;
|
||||||
|
border: 1px solid #DDDFE6;
|
||||||
|
padding: 0 10px;
|
||||||
|
|
||||||
|
input {
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.labelboxss {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
|
||||||
.shop_list {
|
.shop_list {
|
||||||
// display: flex;/
|
// display: flex;/
|
||||||
// flex-wrap: wrap;
|
// flex-wrap: wrap;
|
||||||
|
|||||||
@@ -25,13 +25,14 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
show() {
|
show() {
|
||||||
this.isshow = true
|
|
||||||
this.getlist()
|
this.getlist()
|
||||||
},
|
},
|
||||||
async getlist() {
|
async getlist() {
|
||||||
let res = await getwxacode({
|
let res = await getwxacode({
|
||||||
shopId: localStorage.getItem('shopId')
|
shopId: localStorage.getItem('shopId')
|
||||||
})
|
})
|
||||||
|
this.isshow = true
|
||||||
|
|
||||||
this.imgUrl = res
|
this.imgUrl = res
|
||||||
}, downImg() {
|
}, downImg() {
|
||||||
// window.location.href()
|
// window.location.href()
|
||||||
|
|||||||
Reference in New Issue
Block a user