This commit is contained in:
parent
d99c6bf261
commit
695898484e
|
|
@ -114,6 +114,7 @@
|
||||||
"unplugin-vue-components": "^28.0.0",
|
"unplugin-vue-components": "^28.0.0",
|
||||||
"vite": "^6.1.0",
|
"vite": "^6.1.0",
|
||||||
"vite-plugin-mock-dev-server": "^1.8.3",
|
"vite-plugin-mock-dev-server": "^1.8.3",
|
||||||
|
"vite-plugin-strip-code": "^1.1.0",
|
||||||
"vite-plugin-svg-icons": "^2.0.1",
|
"vite-plugin-svg-icons": "^2.0.1",
|
||||||
"vue-eslint-parser": "^9.4.3",
|
"vue-eslint-parser": "^9.4.3",
|
||||||
"vue-tsc": "^2.2.0"
|
"vue-tsc": "^2.2.0"
|
||||||
|
|
|
||||||
|
|
@ -450,6 +450,110 @@ export function getAcPushEventUser(data) {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 充值兑换 配置开关
|
||||||
|
export function rechargeRedemptionPut(data) {
|
||||||
|
return request({
|
||||||
|
url: `${Market_BaseUrl}/admin/rechargeRedemption/enable`,
|
||||||
|
method: 'put',
|
||||||
|
data
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 充值兑换 开关状态
|
||||||
|
export function rechargeRedemptionEnableStatus() {
|
||||||
|
return request({
|
||||||
|
url: `${Market_BaseUrl}/admin/rechargeRedemption/enable/status`,
|
||||||
|
method: 'get',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 充值兑换 配置信息获取 列表
|
||||||
|
export function rechargeRedemptionList(params) {
|
||||||
|
return request({
|
||||||
|
url: `${Market_BaseUrl}/admin/rechargeRedemption/list`,
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 充值兑换 配置信息添加/编辑
|
||||||
|
export function rechargeRedemption(data, method = 'post') {
|
||||||
|
return request({
|
||||||
|
url: `${Market_BaseUrl}/admin/rechargeRedemption`,
|
||||||
|
method: method,
|
||||||
|
data
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 充值兑换 充值兑换码列表
|
||||||
|
export function rechargeRedemptionCodeList(params) {
|
||||||
|
return request({
|
||||||
|
url: `${Market_BaseUrl}/admin/rechargeRedemption/code/list`,
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 充值兑换 配置信息详情
|
||||||
|
export function rechargeRedemptionDetail(params) {
|
||||||
|
return request({
|
||||||
|
url: `${Market_BaseUrl}/admin/rechargeRedemption`,
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 充值兑换 配置信息详情
|
||||||
|
export function rechargeRedemptionExport(params) {
|
||||||
|
return request({
|
||||||
|
url: `${Market_BaseUrl}/admin/rechargeRedemption/code/export`,
|
||||||
|
method: 'get',
|
||||||
|
params,
|
||||||
|
responseType: "blob",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 券兑换码 开关。可用门店修改
|
||||||
|
export function couponRedemptionEnable(data) {
|
||||||
|
return request({
|
||||||
|
url: `${Market_BaseUrl}/admin/couponRedemption/enable`,
|
||||||
|
method: 'put',
|
||||||
|
data
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 券兑换码 开关状态，可用门店详情
|
||||||
|
export function couponRedemptionEnableStatus() {
|
||||||
|
return request({
|
||||||
|
url: `${Market_BaseUrl}/admin/couponRedemption/enable/status`,
|
||||||
|
method: 'get',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 券兑换码 配置信息获取 列表
|
||||||
|
export function couponRedemptionList(params) {
|
||||||
|
return request({
|
||||||
|
url: `${Market_BaseUrl}/admin/couponRedemption/list`,
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 券兑换码 配置信息添加/编辑
|
||||||
|
export function couponRedemption(data, method = 'post') {
|
||||||
|
return request({
|
||||||
|
url: `${Market_BaseUrl}/admin/couponRedemption`,
|
||||||
|
method: method,
|
||||||
|
data
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
// 声明模块，告诉 TypeScript 该模块存在且默认导出为函数
|
||||||
|
declare module 'vite-plugin-strip-code' {
|
||||||
|
import { Plugin } from 'vite';
|
||||||
|
|
||||||
|
// 插件配置选项的类型（根据插件实际参数定义）
|
||||||
|
interface StripCodeOptions {
|
||||||
|
start_comment: string;
|
||||||
|
end_comment: string;
|
||||||
|
// 其他可能的配置项（可选，按需添加）
|
||||||
|
}
|
||||||
|
|
||||||
|
// 插件函数的类型
|
||||||
|
function stripCode(options: StripCodeOptions): Plugin;
|
||||||
|
|
||||||
|
export default stripCode;
|
||||||
|
}
|
||||||
|
|
@ -9,11 +9,13 @@
|
||||||
<el-radio-button :value="1">员工</el-radio-button>
|
<el-radio-button :value="1">员工</el-radio-button>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<!-- DEV-START -->
|
||||||
<el-form-item label="快捷输入账号" label-width="100px" v-if="env == 'development'">
|
<el-form-item label="快捷输入账号" label-width="100px" v-if="env == 'development'">
|
||||||
<el-button :type="item.type" v-for="item in accountList" @click="accountHandle(item)">
|
<el-button :type="item.type" v-for="item in accountList" @click="accountHandle(item)">
|
||||||
{{ item.username }}
|
{{ item.username }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<!-- DEV-END -->
|
||||||
<el-form-item prop="username">
|
<el-form-item prop="username">
|
||||||
<el-input v-model="state.loginForm.username" type="text" auto-complete="off" placeholder="商户号"></el-input>
|
<el-input v-model="state.loginForm.username" type="text" auto-complete="off" placeholder="商户号"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -63,20 +65,22 @@ const route = useRoute();
|
||||||
|
|
||||||
const env = process.env.NODE_ENV
|
const env = process.env.NODE_ENV
|
||||||
|
|
||||||
|
// DEV-START
|
||||||
const accountList = reactive([
|
const accountList = reactive([
|
||||||
{ username: "admin", type: 'primary' },
|
{ username: "admin", type: 'primary' },
|
||||||
{ username: "19191703856", type: 'warning' },
|
{ username: "19191703856", type: 'warning' },
|
||||||
// { username: "19191703856", type: 'danger' },
|
{ username: "19107220837", type: 'danger' },
|
||||||
]);
|
]);
|
||||||
|
|
||||||
// 快捷模拟登录
|
// 快捷模拟登录
|
||||||
function accountHandle(item) {
|
function accountHandle(item) {
|
||||||
state.loginForm.username = item.username;
|
state.loginForm.username = item.username;
|
||||||
|
state.loginForm.code = 666666
|
||||||
const d = new Date();
|
const d = new Date();
|
||||||
state.loginForm.password = `czg${d.getHours().toString().padStart(2, '0')}${d.getMinutes().toString().padStart(2, '0')}`;
|
state.loginForm.password = `czg${d.getHours().toString().padStart(2, '0')}${d.getMinutes().toString().padStart(2, '0')}`;
|
||||||
|
|
||||||
handleLogin()
|
handleLogin()
|
||||||
}
|
}
|
||||||
|
// DEV-END
|
||||||
|
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
Background: Background,
|
Background: Background,
|
||||||
|
|
@ -84,9 +88,9 @@ const state = reactive({
|
||||||
cookiePass: "",
|
cookiePass: "",
|
||||||
loginForm: {
|
loginForm: {
|
||||||
username: "",
|
username: "",
|
||||||
password: process.env.NODE_ENV === "development" ? `czg${new Date().getHours().toString().padStart(2, '0')}${new Date().getMinutes().toString().padStart(2, '0')}` : "",
|
password: "",
|
||||||
// rememberMe: false,
|
// rememberMe: false,
|
||||||
code: process.env.NODE_ENV === "development" ? "666666" : "",
|
code: "",
|
||||||
uuid: "",
|
uuid: "",
|
||||||
staffUserName: "",
|
staffUserName: "",
|
||||||
loginType: 0,
|
loginType: 0,
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="m-4 bg-white p-4">
|
<div class="m-4 bg-white p-4">
|
||||||
<HeaderCard
|
<HeaderCard name="生日有礼" intro="用户生日管理设置" icon="birthdayGift" showSwitch v-model:isOpen="basicForm.isEnable">
|
||||||
name="生日有礼"
|
</HeaderCard>
|
||||||
intro="用户生日管理设置"
|
|
||||||
icon="birthdayGift"
|
|
||||||
showSwitch
|
|
||||||
v-model:isOpen="basicForm.isEnable"
|
|
||||||
></HeaderCard>
|
|
||||||
<el-tabs class="mt-4" v-model="activeTab" type="border-card">
|
<el-tabs class="mt-4" v-model="activeTab" type="border-card">
|
||||||
<el-tab-pane :label="item.label" v-for="item in configs" :key="item.name" :name="item.name">
|
<el-tab-pane :label="item.label" v-for="item in configs" :key="item.name" :name="item.name">
|
||||||
<template v-if="item.name == 'basic'">
|
<template v-if="item.name == 'basic'">
|
||||||
|
|
@ -48,11 +43,7 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="短信祝福">
|
<el-form-item label="短信祝福">
|
||||||
<el-switch
|
<el-switch v-model="basicForm.sendSms" :active-value="1" :inactive-value="0"></el-switch>
|
||||||
v-model="basicForm.sendSms"
|
|
||||||
:active-value="1"
|
|
||||||
:inactive-value="0"
|
|
||||||
></el-switch>
|
|
||||||
<span class="color-666 font-size-[12px] m-l-4">
|
<span class="color-666 font-size-[12px] m-l-4">
|
||||||
开启后，将会在用户生日当天，发送祝福短信
|
开启后，将会在用户生日当天，发送祝福短信
|
||||||
</span>
|
</span>
|
||||||
|
|
@ -63,15 +54,8 @@
|
||||||
</span>
|
</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
<div class="flex mt-10 justify-center gap-10" v-if="shopInfo.isHeadShop">
|
||||||
<div class="flex mt-10 justify-center gap-10">
|
<el-button style="width: 100px" type="primary" @click="basicSubmit" size="large">
|
||||||
<el-button
|
|
||||||
style="width: 100px"
|
|
||||||
type="primary"
|
|
||||||
@click="basicSubmit"
|
|
||||||
size="large"
|
|
||||||
v-if="shopInfo.isHeadShop"
|
|
||||||
>
|
|
||||||
保存
|
保存
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button @click="close" style="width: 100px" size="large">取消</el-button>
|
<el-button @click="close" style="width: 100px" size="large">取消</el-button>
|
||||||
|
|
@ -198,20 +182,23 @@ function close() {
|
||||||
router.back();
|
router.back();
|
||||||
}
|
}
|
||||||
//
|
//
|
||||||
function levelTabChange(index) {}
|
function levelTabChange(index) { }
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
:deep(.el-tabs--border-card) {
|
:deep(.el-tabs--border-card) {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-tabs--border-card > .el-tabs__header) {
|
:deep(.el-tabs--border-card > .el-tabs__header) {
|
||||||
border: none;
|
border: none;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-tabs--border-card > .el-tabs__header .el-tabs__item) {
|
:deep(.el-tabs--border-card > .el-tabs__header .el-tabs__item) {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active) {
|
:deep(.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active) {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -58,15 +58,17 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item" v-if="shopInfo.isHeadShop == 1 && shopInfo.shopType != 'only'">
|
<div class="item" v-if="shopInfo.isHeadShop == 1 || shopInfo.shopType == 'only'">
|
||||||
<el-button type="primary" @click="addCashBackItem">添加阶梯</el-button>
|
<el-button type="primary" @click="addCashBackItem">添加阶梯</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item style="margin-top: 50px;" v-if="shopInfo.isHeadShop == 1 && shopInfo.shopType != 'only'">
|
<div v-if="shopInfo.isHeadShop == 1 || shopInfo.shopType == 'only'">
|
||||||
<el-button type="primary" @click="submitHandle">保存</el-button>
|
<el-form-item style="margin-top: 50px;">
|
||||||
<el-button @click="router.back()">取消</el-button>
|
<el-button type="primary" @click="submitHandle">保存</el-button>
|
||||||
</el-form-item>
|
<el-button @click="router.back()">取消</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="返现明细" :name="2">
|
<el-tab-pane label="返现明细" :name="2">
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,273 @@
|
||||||
|
<template>
|
||||||
|
<el-dialog title="添加兑换码" width="500px" v-model="visible" @closed="onClosed">
|
||||||
|
<el-form ref="formRef" :model="form" :rules="rules" label-width="100px" label-position="right">
|
||||||
|
<el-form-item label="名称" prop="name">
|
||||||
|
<el-input v-model="form.name" placeholder="请输入" :maxlength="50" show-word-limit
|
||||||
|
style="width: 350px;"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="活动日期" prop="timeScope">
|
||||||
|
<div style="width: 350px;">
|
||||||
|
<el-date-picker v-model="form.timeScope" type="datetimerange" range-separator="至" start-placeholder="开始日期"
|
||||||
|
end-placeholder="结束日期" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss"
|
||||||
|
style="width: 100%;" />
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="发行数量" prop="total">
|
||||||
|
<el-input v-model="form.total" placeholder="请输入" :maxlength="8" show-word-limit style="width: 350px;"
|
||||||
|
@input="e => form.total = filterNumberInput(e, true)">
|
||||||
|
<template #append>个</template>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="赠送优惠券" style="margin-top: 14px;" prop="coupon">
|
||||||
|
<div class="center" v-for="(item, index) in selectCoupons" :key="item.id">
|
||||||
|
<el-select v-model="item.id" @change="selectCouponChnge($event, index)">
|
||||||
|
<el-option :label="val.title" :value="val.id" v-for="val in couponList" :key="val.id"></el-option>
|
||||||
|
</el-select>
|
||||||
|
<el-input v-model="item.num" input-style="text-align:center;">
|
||||||
|
<template #append>张/1个码</template>
|
||||||
|
</el-input>
|
||||||
|
<div class="del" @click="selectCoupons.splice(index, 1)">
|
||||||
|
<el-icon size="18" color="#FF2F2F">
|
||||||
|
<Delete />
|
||||||
|
</el-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="center">
|
||||||
|
<el-button link type="primary" icon="CirclePlus" @click="addCoupon">新增券</el-button>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<template #footer>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button @click="visible = false;">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="handleOk" :loading="confirmLoading">确 定</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import _ from 'lodash'
|
||||||
|
import { ref } from "vue";
|
||||||
|
import { filterNumberInput } from '@/utils'
|
||||||
|
import { couponRedemption, couponPage } from "@/api/coupon/index.js";
|
||||||
|
|
||||||
|
const visible = ref(false);
|
||||||
|
const confirmLoading = ref(false);
|
||||||
|
const formRef = ref(null);
|
||||||
|
|
||||||
|
const form = ref({
|
||||||
|
id: '',
|
||||||
|
stock: '',
|
||||||
|
name: '',
|
||||||
|
timeScope: [],
|
||||||
|
amount: '',
|
||||||
|
total: 0,
|
||||||
|
startTime: '',
|
||||||
|
endTime: '',
|
||||||
|
});
|
||||||
|
|
||||||
|
const resetForm = () => {
|
||||||
|
form.value = {
|
||||||
|
id: '',
|
||||||
|
stock: '',
|
||||||
|
name: '',
|
||||||
|
timeScope: [],
|
||||||
|
amount: '',
|
||||||
|
total: 0,
|
||||||
|
startTime: '',
|
||||||
|
endTime: '',
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
const rules = {
|
||||||
|
name: [
|
||||||
|
{ required: true, message: '请输入名称', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
timeScope: [
|
||||||
|
{ type: 'array', required: true, message: '请选择有效期', trigger: 'change' },
|
||||||
|
],
|
||||||
|
amount: [
|
||||||
|
{ required: true, message: '请输入金额', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
total: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
const num = Number(value);
|
||||||
|
if (value === '' || value == null) {
|
||||||
|
callback(new Error('请输入发行数量'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (isNaN(num) || !Number.isInteger(num)) {
|
||||||
|
callback(new Error('请输入有效整数'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (num < 1) {
|
||||||
|
callback(new Error('发行数量需大于1'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (num > 1000) {
|
||||||
|
callback(new Error('发行数量最大1000'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
callback();
|
||||||
|
},
|
||||||
|
trigger: 'blur'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
stock: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
const num = Number(value);
|
||||||
|
if (value === '' || value == null) {
|
||||||
|
callback(new Error('请输入库存'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (num > stockFlagNum.value) {
|
||||||
|
callback(new Error(`修改库存不能大于${stockFlagNum.value}`));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
callback();
|
||||||
|
},
|
||||||
|
trigger: 'blur'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
coupon: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
// value 是 selectCoupons.value 的 JSON 字符串
|
||||||
|
let coupons = selectCoupons.value;
|
||||||
|
if (coupons.length === 0) {
|
||||||
|
callback(new Error('至少添加1种优惠券'));
|
||||||
|
return;
|
||||||
|
} else {
|
||||||
|
// 校验每个优惠券
|
||||||
|
for (let i = 0; i < coupons.length; i++) {
|
||||||
|
if (!coupons[i].id) {
|
||||||
|
callback(new Error('请选择优惠券'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!coupons[i].num || !Number.isInteger(Number(coupons[i].num)) || Number(coupons[i].num) <= 0) {
|
||||||
|
callback(new Error('请输入大于零的优惠券数量'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
callback();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
trigger: 'change'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
};
|
||||||
|
|
||||||
|
// 开始提交
|
||||||
|
const emit = defineEmits(['success']);
|
||||||
|
const handleOk = () => {
|
||||||
|
formRef.value.validate(async (valid) => {
|
||||||
|
if (valid) {
|
||||||
|
try {
|
||||||
|
confirmLoading.value = true;
|
||||||
|
const data = { ...form.value };
|
||||||
|
data.startTime = form.value.timeScope[0];
|
||||||
|
data.endTime = form.value.timeScope[1];
|
||||||
|
data.couponInfoList = selectCoupons.value;
|
||||||
|
await couponRedemption(data, form.value.id ? 'put' : 'post');
|
||||||
|
emit('success');
|
||||||
|
visible.value = false;
|
||||||
|
} catch (error) {
|
||||||
|
console.log('error', error);
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
confirmLoading.value = false;
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const onClosed = () => {
|
||||||
|
visible.value = false;
|
||||||
|
resetForm();
|
||||||
|
};
|
||||||
|
|
||||||
|
// 选择优惠券开始
|
||||||
|
const couponList = ref([])
|
||||||
|
const selectCoupons = ref([]);
|
||||||
|
const couponObj = ref({ id: '', num: 1, title: '' });
|
||||||
|
|
||||||
|
// 选择优惠券添加标题
|
||||||
|
function selectCouponChnge(e, index) {
|
||||||
|
const coupon = couponList.value.find(item => item.id === e)
|
||||||
|
if (coupon) {
|
||||||
|
selectCoupons.value[index].title = coupon.title
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增优惠券
|
||||||
|
function addCoupon() {
|
||||||
|
selectCoupons.value.push(_.cloneDeep(couponObj.value));
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取优惠券列表
|
||||||
|
async function couponPageAjax() {
|
||||||
|
try {
|
||||||
|
const res = await couponPage({
|
||||||
|
shopId: form.value.shopId,
|
||||||
|
page: 1,
|
||||||
|
size: 500
|
||||||
|
})
|
||||||
|
couponList.value = res.records
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 选择优惠券结束
|
||||||
|
|
||||||
|
const stockFlagNum = ref(0)
|
||||||
|
|
||||||
|
function show(obj) {
|
||||||
|
couponPageAjax()
|
||||||
|
console.log(obj);
|
||||||
|
if (obj && obj.id) {
|
||||||
|
form.value = {
|
||||||
|
id: obj.id || '',
|
||||||
|
stock: obj.stock || '',
|
||||||
|
name: obj.name || '',
|
||||||
|
timeScope: obj.startTime && obj.endTime ? [obj.startTime, obj.endTime] : [],
|
||||||
|
amount: obj.amount || '',
|
||||||
|
total: obj.total || 0,
|
||||||
|
startTime: '',
|
||||||
|
endTime: '',
|
||||||
|
};
|
||||||
|
stockFlagNum.value = obj.stock || 0
|
||||||
|
} else {
|
||||||
|
resetForm();
|
||||||
|
}
|
||||||
|
visible.value = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
show,
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.center {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 14px;
|
||||||
|
|
||||||
|
&:not(:first-child) {
|
||||||
|
margin-top: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.del {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,224 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog title="充值兑换码" top="5vh" width="800px" v-model="visible" @closed="closedHandle">
|
||||||
|
<el-form label-width="80px" label-position="right">
|
||||||
|
<el-form-item label="名称">
|
||||||
|
{{ form.name }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="活动日期">
|
||||||
|
{{ form.startTime }} ~ {{ form.endTime }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="金额">
|
||||||
|
{{ form.amount }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="总数">
|
||||||
|
{{ form.total }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="库存">
|
||||||
|
{{ form.stock }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="addRef.show({ ...form })">编辑</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div class="row mt14">
|
||||||
|
<el-form :model="queryForm" inline>
|
||||||
|
<el-form-item>
|
||||||
|
<el-select v-model="queryForm.status" style="width: 200px;" placeholder="请选择状态" @change="getTableData">
|
||||||
|
<el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input v-model="queryForm.code" placeholder="请输入兑换码" style="width: 200px;" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="searchHandle">搜索</el-button>
|
||||||
|
<el-button type="primary" plain @click="exportHandle">导出</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<div class="row mt14">
|
||||||
|
<el-table :data="tableData.list" border stripe v-loading="tableData.loading" height="300px">
|
||||||
|
<el-table-column label="兑换码" prop="code" />
|
||||||
|
<el-table-column label="状态" prop="status" width="100">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-tag disable-transitions :type="statusList.find(item => item.value === scope.row.status).type">
|
||||||
|
{{statusList.find(item => item.value === scope.row.status).label}}
|
||||||
|
</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="兑换时间" prop="redemptionTime" />
|
||||||
|
<el-table-column label="兑换用户" prop="nickName" />
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<div class="row mt14">
|
||||||
|
<el-pagination v-model:current-page="tableData.page" v-model:page-size="tableData.size"
|
||||||
|
:page-sizes="[10, 30, 50, 100]" background layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
:total="tableData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
<add ref="addRef" @success="rechargeRedemptionDetailAjax" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref } from "vue";
|
||||||
|
import add from "./add.vue";
|
||||||
|
import { rechargeRedemptionCodeList, rechargeRedemptionDetail, rechargeRedemptionExport } from "@/api/coupon/index.js";
|
||||||
|
import { downloadFile } from "@/utils/index";
|
||||||
|
|
||||||
|
const emit = defineEmits(['update']);
|
||||||
|
|
||||||
|
const addRef = ref(null);
|
||||||
|
|
||||||
|
const visible = ref(false);
|
||||||
|
|
||||||
|
const form = ref({
|
||||||
|
id: '',
|
||||||
|
name: '',
|
||||||
|
startTime: '',
|
||||||
|
endTime: '',
|
||||||
|
amount: '',
|
||||||
|
total: 0,
|
||||||
|
stock: 0,
|
||||||
|
});
|
||||||
|
|
||||||
|
const resetForm = () => {
|
||||||
|
form.value = {
|
||||||
|
id: '',
|
||||||
|
name: '',
|
||||||
|
startTime: '',
|
||||||
|
endTime: '',
|
||||||
|
amount: '',
|
||||||
|
total: 0,
|
||||||
|
stock: 0,
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
// 关闭
|
||||||
|
function closedHandle() {
|
||||||
|
resetForm();
|
||||||
|
tableData.list = [];
|
||||||
|
tableData.page = 1;
|
||||||
|
tableData.size = 10;
|
||||||
|
tableData.total = 0;
|
||||||
|
queryForm.value = {
|
||||||
|
status: "",
|
||||||
|
code: '',
|
||||||
|
};
|
||||||
|
emit('update')
|
||||||
|
}
|
||||||
|
|
||||||
|
const statusList = ref([
|
||||||
|
{ label: "全部", value: "" },
|
||||||
|
{ label: "已兑换", value: 1, type: 'info' },
|
||||||
|
{ label: "未兑换", value: 0, type: 'success' },
|
||||||
|
]);
|
||||||
|
|
||||||
|
const queryForm = ref({
|
||||||
|
status: "",
|
||||||
|
code: '', // 兑换码
|
||||||
|
});
|
||||||
|
|
||||||
|
const tableData = reactive({
|
||||||
|
list: [],
|
||||||
|
loading: false,
|
||||||
|
page: 1,
|
||||||
|
size: 10,
|
||||||
|
total: 0,
|
||||||
|
});
|
||||||
|
|
||||||
|
// 分页大小发生变化
|
||||||
|
function handleSizeChange(e) {
|
||||||
|
tableData.size = e;
|
||||||
|
getTableData();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页发生变化
|
||||||
|
function handleCurrentChange(e) {
|
||||||
|
tableData.page = e;
|
||||||
|
getTableData();
|
||||||
|
}
|
||||||
|
|
||||||
|
function searchHandle() {
|
||||||
|
tableData.page = 1;
|
||||||
|
getTableData();
|
||||||
|
}
|
||||||
|
|
||||||
|
const redemptionId = ref('')
|
||||||
|
async function getTableData(id) {
|
||||||
|
// 获取表格数据
|
||||||
|
try {
|
||||||
|
tableData.loading = true
|
||||||
|
const res = await rechargeRedemptionCodeList({
|
||||||
|
redemptionId: redemptionId.value,
|
||||||
|
...queryForm.value,
|
||||||
|
page: tableData.page,
|
||||||
|
size: tableData.size,
|
||||||
|
})
|
||||||
|
tableData.totalAmount = res.totalAmount
|
||||||
|
tableData.list = res.records
|
||||||
|
tableData.total = +res.totalRow
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
tableData.loading = false
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 导出配置
|
||||||
|
const exportLoading = ref(false)
|
||||||
|
async function exportHandle() {
|
||||||
|
try {
|
||||||
|
exportLoading.value = true
|
||||||
|
const file = await rechargeRedemptionExport({
|
||||||
|
redemptionId: redemptionId.value,
|
||||||
|
...queryForm.value,
|
||||||
|
});
|
||||||
|
downloadFile(file, "数据", "xlsx");
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
exportLoading.value = false
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取配置详情
|
||||||
|
async function rechargeRedemptionDetailAjax() {
|
||||||
|
try {
|
||||||
|
const res = await rechargeRedemptionDetail({ id: redemptionId.value });
|
||||||
|
form.value = {
|
||||||
|
id: res.id || '',
|
||||||
|
name: res.name || '',
|
||||||
|
startTime: res.startTime || '',
|
||||||
|
endTime: res.endTime || '',
|
||||||
|
amount: res.amount || '',
|
||||||
|
total: res.total || 0,
|
||||||
|
stock: res.stock || 0,
|
||||||
|
};
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function show(obj) {
|
||||||
|
visible.value = true;
|
||||||
|
redemptionId.value = obj.id
|
||||||
|
getTableData()
|
||||||
|
rechargeRedemptionDetailAjax()
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
show,
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.row {
|
||||||
|
&.mt14 {
|
||||||
|
margin-top: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,101 @@
|
||||||
|
<template>
|
||||||
|
<el-dialog title="适用门店" width="400px" v-model="visible" @closed="resetForm">
|
||||||
|
<el-form ref="formRef" :model="form" :rules="rules" label-width="80px" label-position="right">
|
||||||
|
<el-form-item label="适用门店">
|
||||||
|
<el-radio-group v-model="form.useType">
|
||||||
|
<el-radio value="all" label="全部门店"></el-radio>
|
||||||
|
<el-radio value="part" label="指定门店"></el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="选择门店" v-if="form.useType == 'part'" prop="shopIds">
|
||||||
|
<selectBranchs all v-model="form.shopIdList" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<template #footer>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button @click="visible = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="handleOk" :loading="confirmLoading">确 定</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref } from "vue";
|
||||||
|
import { ElNotification } from "element-plus";
|
||||||
|
import selectBranchs from "../../components/selectBranchs.vue";
|
||||||
|
import { couponRedemptionEnable, couponRedemptionEnableStatus } from "@/api/coupon/index.js";
|
||||||
|
|
||||||
|
const visible = ref(false);
|
||||||
|
const confirmLoading = ref(false);
|
||||||
|
const formRef = ref(null);
|
||||||
|
const form = ref({
|
||||||
|
useType: 1,
|
||||||
|
shopIdList: [],
|
||||||
|
});
|
||||||
|
|
||||||
|
const resetForm = () => {
|
||||||
|
form.value = {
|
||||||
|
useType: 1,
|
||||||
|
shopIdList: [],
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
const rules = {
|
||||||
|
shopIdList: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请选择门店",
|
||||||
|
trigger: "change",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
|
||||||
|
// 提交保存
|
||||||
|
const handleOk = () => {
|
||||||
|
formRef.value.validate(async (valid) => {
|
||||||
|
if (valid) {
|
||||||
|
try {
|
||||||
|
confirmLoading.value = true;
|
||||||
|
await couponRedemptionEnable({
|
||||||
|
useType: form.value.useType,
|
||||||
|
shopIdList: form.value.shopIdList,
|
||||||
|
});
|
||||||
|
visible.value = false;
|
||||||
|
ElNotification({
|
||||||
|
type: "success",
|
||||||
|
title: '注意',
|
||||||
|
message: "保存成功",
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
confirmLoading.value = false;
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 获取状态
|
||||||
|
async function rechargeRedemptionEnableStatusAjax() {
|
||||||
|
try {
|
||||||
|
const res = await couponRedemptionEnableStatus();
|
||||||
|
form.value.useType = res.useType || 'all';
|
||||||
|
form.value.shopIdList = res.shopIdList || [];
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function show() {
|
||||||
|
visible.value = true;
|
||||||
|
rechargeRedemptionEnableStatusAjax();
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
show,
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss"></style>
|
||||||
|
|
@ -0,0 +1,196 @@
|
||||||
|
<!-- 券兑换码 -->
|
||||||
|
<template>
|
||||||
|
<div class="gyq_container">
|
||||||
|
<div class="gyq_content">
|
||||||
|
<header-card name="券兑换码" intro="可添加多券组合兑换" icon="qdhm" showSwitch v-model:isOpen="queryForm.isEnable" />
|
||||||
|
<div class="row mt14">
|
||||||
|
<el-form inline>
|
||||||
|
<el-form-item>
|
||||||
|
<el-select v-model="queryForm.status" @change="getTableData" style="width: 200px;" placeholder="请选择状态">
|
||||||
|
<el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="addRef.show()">添加</el-button>
|
||||||
|
<el-button type="primary" plain @click="useShopsRef.show()">适用门店</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<el-table :data="tableData.list" border stripe v-loading="tableData.loading">
|
||||||
|
<el-table-column label="ID" prop="id" width="80" />
|
||||||
|
<el-table-column label="名称" prop="name" />
|
||||||
|
<el-table-column label="优惠券（张）" prop="couponInfoList" width="200">
|
||||||
|
<template #default="scope">
|
||||||
|
<div class="column">
|
||||||
|
<div v-for="item in scope.row.couponInfoList" :key="item.id">
|
||||||
|
<el-tag effect="dark" round disable-transitions :type="getRandomStatus()">
|
||||||
|
{{ item.title }} x{{ item.num }}
|
||||||
|
</el-tag>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="库存" prop="stock" />
|
||||||
|
<el-table-column label="总数" prop="total" />
|
||||||
|
<el-table-column label="有效期" width="320">
|
||||||
|
<template #default="scope">
|
||||||
|
<div>{{ scope.row.startTime }} ~ {{ scope.row.endTime }}</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="状态" prop="operateTime">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-tag disable-transitions :type="statusList.find(item => item.value === scope.row.status).type">
|
||||||
|
{{statusList.find(item => item.value === scope.row.status).label}}
|
||||||
|
</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button link type="primary" @click="addRef.show(scope.row)">编辑</el-button>
|
||||||
|
<el-button link type="primary" @click="recordRef.show(scope.row)">查看</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<div class="row mt14">
|
||||||
|
<el-pagination v-model:current-page="tableData.page" v-model:page-size="tableData.size"
|
||||||
|
:page-sizes="[10, 30, 50, 100]" background layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
:total="tableData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<useShops ref="useShopsRef" />
|
||||||
|
<add ref="addRef" @success="getTableData" />
|
||||||
|
<record ref="recordRef" @update="getTableData" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import HeaderCard from "../components/headerCard.vue";
|
||||||
|
import useShops from "./components/useShops.vue";
|
||||||
|
import add from "./components/add.vue";
|
||||||
|
import record from "./components/record.vue";
|
||||||
|
import { ref, reactive, onMounted } from "vue";
|
||||||
|
import { couponRedemptionEnable, couponRedemptionList, couponRedemptionEnableStatus } from "@/api/coupon/index.js";
|
||||||
|
|
||||||
|
const useShopsRef = ref(null);
|
||||||
|
const addRef = ref(null);
|
||||||
|
const recordRef = ref(null);
|
||||||
|
|
||||||
|
const statusList = ref([
|
||||||
|
{ label: "全部", value: "" },
|
||||||
|
{ label: "有效", value: 0, type: 'success' },
|
||||||
|
{ label: "无效", value: 1, type: 'info' },
|
||||||
|
]);
|
||||||
|
|
||||||
|
function getRandomStatus() {
|
||||||
|
const statusList = ['primary', 'success', 'warning', 'danger'];
|
||||||
|
// 生成0到数组长度之间的随机整数索引
|
||||||
|
const randomIndex = Math.floor(Math.random() * statusList.length);
|
||||||
|
// 返回随机索引对应的元素
|
||||||
|
return statusList[randomIndex];
|
||||||
|
}
|
||||||
|
|
||||||
|
const queryForm = ref({
|
||||||
|
status: "",
|
||||||
|
isEnable: 0,
|
||||||
|
});
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => queryForm.value.isEnable,
|
||||||
|
(newVal) => {
|
||||||
|
if (!tableData.loading) {
|
||||||
|
updateStatus();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
const tableData = reactive({
|
||||||
|
loading: true,
|
||||||
|
list: [],
|
||||||
|
total: 0,
|
||||||
|
page: 1,
|
||||||
|
size: 10,
|
||||||
|
});
|
||||||
|
|
||||||
|
// 更新状态
|
||||||
|
async function updateStatus() {
|
||||||
|
try {
|
||||||
|
await couponRedemptionEnable({
|
||||||
|
isEnable: queryForm.value.isEnable,
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页大小发生变化
|
||||||
|
function handleSizeChange(e) {
|
||||||
|
tableData.pageSize = e;
|
||||||
|
consumeCashbackRecordAjax();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页发生变化
|
||||||
|
function handleCurrentChange(e) {
|
||||||
|
tableData.page = e;
|
||||||
|
consumeCashbackRecordAjax();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 配置信息获取 列表
|
||||||
|
async function getTableData() {
|
||||||
|
try {
|
||||||
|
tableData.loading = true;
|
||||||
|
const res = await couponRedemptionList({
|
||||||
|
status: queryForm.value.status,
|
||||||
|
page: tableData.page,
|
||||||
|
size: tableData.size,
|
||||||
|
});
|
||||||
|
tableData.list = res.records;
|
||||||
|
tableData.total = res.totalRow;
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
tableData.loading = false;
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 开关状态
|
||||||
|
async function rechargeRedemptionEnableStatusAjax() {
|
||||||
|
try {
|
||||||
|
const res = await couponRedemptionEnableStatus();
|
||||||
|
queryForm.value.isEnable = res.isEnable;
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
getTableData();
|
||||||
|
rechargeRedemptionEnableStatusAjax()
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.gyq_container {
|
||||||
|
padding: 14px;
|
||||||
|
|
||||||
|
.gyq_content {
|
||||||
|
padding: 14px;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
&.mt14 {
|
||||||
|
margin-top: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.column {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 4px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -48,10 +48,12 @@
|
||||||
<el-form-item label="可与积分同享">
|
<el-form-item label="可与积分同享">
|
||||||
<el-switch v-model="form.withPoints"></el-switch>
|
<el-switch v-model="form.withPoints"></el-switch>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item style="margin-top: 50px;" v-if="shopInfo.isHeadShop == 1 && shopInfo.shopType != 'only'">
|
<div v-if="shopInfo.isHeadShop == 1 || shopInfo.shopType == 'only'">
|
||||||
<el-button type="primary" @click="submitHandle">保存</el-button>
|
<el-form-item style="margin-top: 50px;">
|
||||||
<el-button @click="router.back()">取消</el-button>
|
<el-button type="primary" @click="submitHandle">保存</el-button>
|
||||||
</el-form-item>
|
<el-button @click="router.back()">取消</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<!-- <el-tab-pane label="充值记录" :name="2">
|
<!-- <el-tab-pane label="充值记录" :name="2">
|
||||||
|
|
|
||||||
|
|
@ -93,10 +93,10 @@ const menus = ref([
|
||||||
{
|
{
|
||||||
name: "充值兑换码",
|
name: "充值兑换码",
|
||||||
icon: "czdhm",
|
icon: "czdhm",
|
||||||
pathName: "",
|
pathName: "recharge_exchange",
|
||||||
intro: "兑换码直充余额，可当作礼品赠送",
|
intro: "兑换码直充余额，可当作礼品赠送",
|
||||||
},
|
},
|
||||||
{ name: "券兑换码", icon: "qdhm", pathName: "", intro: "可添加多券组合兑换" },
|
{ name: "券兑换码", icon: "qdhm", pathName: "coupon_exchange_code", intro: "可添加多券组合兑换" },
|
||||||
{ name: "限时折扣", icon: "xszk", pathName: "", intro: "批量设置商品折扣" },
|
{ name: "限时折扣", icon: "xszk", pathName: "", intro: "批量设置商品折扣" },
|
||||||
{ name: "商品拼团", icon: "sppt", pathName: "", intro: "拼团" },
|
{ name: "商品拼团", icon: "sppt", pathName: "", intro: "拼团" },
|
||||||
],
|
],
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<el-form-item label="发送对象">
|
<el-form-item label="发送对象">
|
||||||
<el-radio-group v-model="form.userType">
|
<el-radio-group v-model="form.userType">
|
||||||
<el-radio label="全部绑定手机号用户" :value="1"></el-radio>
|
<el-radio label="全部已关注公众号用户" :value="1"></el-radio>
|
||||||
<el-radio label="自定义用户" :value="2"></el-radio>
|
<el-radio label="自定义用户" :value="2"></el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,181 @@
|
||||||
|
<template>
|
||||||
|
<el-dialog title="添加兑换码" width="500px" v-model="visible" @closed="onClosed">
|
||||||
|
<el-form ref="formRef" :model="form" :rules="rules" label-width="80px" label-position="right">
|
||||||
|
<el-form-item label="名称" prop="name">
|
||||||
|
<el-input v-model="form.name" placeholder="请输入" :maxlength="50" show-word-limit
|
||||||
|
style="width: 350px;"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="有效期" prop="timeScope">
|
||||||
|
<div style="width: 350px;">
|
||||||
|
<el-date-picker v-model="form.timeScope" type="datetimerange" range-separator="至" start-placeholder="开始日期"
|
||||||
|
end-placeholder="结束日期" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss"
|
||||||
|
style="width: 100%;" />
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="金额" prop="amount">
|
||||||
|
<el-input v-model="form.amount" placeholder="请输入" :maxlength="8" show-word-limit
|
||||||
|
style="width: 350px;"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="发行数量" prop="total">
|
||||||
|
<el-input v-model="form.total" placeholder="请输入" :maxlength="4" show-word-limit style="width: 350px;"
|
||||||
|
@input="e => form.total = filterNumberInput(e, true)"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="库存" prop="stock" v-if="form.id">
|
||||||
|
<el-input v-model="form.stock" placeholder="请输入" :maxlength="4" show-word-limit style="width: 350px;"
|
||||||
|
@input="e => form.stock = filterNumberInput(e, true)"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<template #footer>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button @click="visible = false;">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="handleOk" :loading="confirmLoading">确 定</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref } from "vue";
|
||||||
|
import { filterNumberInput } from '@/utils'
|
||||||
|
import { rechargeRedemption } from "@/api/coupon/index.js";
|
||||||
|
|
||||||
|
const visible = ref(false);
|
||||||
|
const confirmLoading = ref(false);
|
||||||
|
const formRef = ref(null);
|
||||||
|
|
||||||
|
const form = ref({
|
||||||
|
id: '',
|
||||||
|
stock: '',
|
||||||
|
name: '',
|
||||||
|
timeScope: [],
|
||||||
|
amount: '',
|
||||||
|
total: 0,
|
||||||
|
startTime: '',
|
||||||
|
endTime: '',
|
||||||
|
});
|
||||||
|
|
||||||
|
const resetForm = () => {
|
||||||
|
form.value = {
|
||||||
|
id: '',
|
||||||
|
stock: '',
|
||||||
|
name: '',
|
||||||
|
timeScope: [],
|
||||||
|
amount: '',
|
||||||
|
total: 0,
|
||||||
|
startTime: '',
|
||||||
|
endTime: '',
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
const rules = {
|
||||||
|
name: [
|
||||||
|
{ required: true, message: '请输入名称', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
timeScope: [
|
||||||
|
{ type: 'array', required: true, message: '请选择有效期', trigger: 'change' },
|
||||||
|
],
|
||||||
|
amount: [
|
||||||
|
{ required: true, message: '请输入金额', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
total: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
const num = Number(value);
|
||||||
|
if (value === '' || value == null) {
|
||||||
|
callback(new Error('请输入发行数量'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (isNaN(num) || !Number.isInteger(num)) {
|
||||||
|
callback(new Error('请输入有效整数'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (num < 1) {
|
||||||
|
callback(new Error('发行数量需大于1'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (num > 1000) {
|
||||||
|
callback(new Error('发行数量最大1000'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
callback();
|
||||||
|
},
|
||||||
|
trigger: 'blur'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
stock: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
const num = Number(value);
|
||||||
|
if (value === '' || value == null) {
|
||||||
|
callback(new Error('请输入库存'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (num > stockFlagNum.value) {
|
||||||
|
callback(new Error(`修改库存不能大于${stockFlagNum.value}`));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
callback();
|
||||||
|
},
|
||||||
|
trigger: 'blur'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
|
|
||||||
|
// 开始提交
|
||||||
|
const emit = defineEmits(['success']);
|
||||||
|
const handleOk = () => {
|
||||||
|
formRef.value.validate(async (valid) => {
|
||||||
|
if (valid) {
|
||||||
|
try {
|
||||||
|
confirmLoading.value = true;
|
||||||
|
const data = { ...form.value };
|
||||||
|
data.startTime = form.value.timeScope[0];
|
||||||
|
data.endTime = form.value.timeScope[1];
|
||||||
|
await rechargeRedemption(data, form.value.id ? 'put' : 'post');
|
||||||
|
emit('success');
|
||||||
|
visible.value = false;
|
||||||
|
} catch (error) {
|
||||||
|
console.log('error', error);
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
confirmLoading.value = false;
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const onClosed = () => {
|
||||||
|
visible.value = false;
|
||||||
|
resetForm();
|
||||||
|
};
|
||||||
|
|
||||||
|
const stockFlagNum = ref(0)
|
||||||
|
|
||||||
|
function show(obj) {
|
||||||
|
console.log(obj);
|
||||||
|
if (obj && obj.id) {
|
||||||
|
form.value = {
|
||||||
|
id: obj.id || '',
|
||||||
|
stock: obj.stock || '',
|
||||||
|
name: obj.name || '',
|
||||||
|
timeScope: obj.startTime && obj.endTime ? [obj.startTime, obj.endTime] : [],
|
||||||
|
amount: obj.amount || '',
|
||||||
|
total: obj.total || 0,
|
||||||
|
startTime: '',
|
||||||
|
endTime: '',
|
||||||
|
};
|
||||||
|
stockFlagNum.value = obj.stock || 0
|
||||||
|
} else {
|
||||||
|
resetForm();
|
||||||
|
}
|
||||||
|
visible.value = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
show,
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss"></style>
|
||||||
|
|
@ -0,0 +1,224 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog title="充值兑换码" top="5vh" width="800px" v-model="visible" @closed="closedHandle">
|
||||||
|
<el-form label-width="80px" label-position="right">
|
||||||
|
<el-form-item label="名称">
|
||||||
|
{{ form.name }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="活动日期">
|
||||||
|
{{ form.startTime }} ~ {{ form.endTime }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="金额">
|
||||||
|
{{ form.amount }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="总数">
|
||||||
|
{{ form.total }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="库存">
|
||||||
|
{{ form.stock }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="addRef.show({ ...form })">编辑</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div class="row mt14">
|
||||||
|
<el-form :model="queryForm" inline>
|
||||||
|
<el-form-item>
|
||||||
|
<el-select v-model="queryForm.status" style="width: 200px;" placeholder="请选择状态" @change="getTableData">
|
||||||
|
<el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input v-model="queryForm.code" placeholder="请输入兑换码" style="width: 200px;" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="searchHandle">搜索</el-button>
|
||||||
|
<el-button type="primary" plain @click="exportHandle">导出</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<div class="row mt14">
|
||||||
|
<el-table :data="tableData.list" border stripe v-loading="tableData.loading" height="300px">
|
||||||
|
<el-table-column label="兑换码" prop="code" />
|
||||||
|
<el-table-column label="状态" prop="status" width="100">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-tag disable-transitions :type="statusList.find(item => item.value === scope.row.status).type">
|
||||||
|
{{statusList.find(item => item.value === scope.row.status).label}}
|
||||||
|
</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="兑换时间" prop="redemptionTime" />
|
||||||
|
<el-table-column label="兑换用户" prop="nickName" />
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<div class="row mt14">
|
||||||
|
<el-pagination v-model:current-page="tableData.page" v-model:page-size="tableData.size"
|
||||||
|
:page-sizes="[10, 30, 50, 100]" background layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
:total="tableData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
<add ref="addRef" @success="rechargeRedemptionDetailAjax" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref } from "vue";
|
||||||
|
import add from "./add.vue";
|
||||||
|
import { rechargeRedemptionCodeList, rechargeRedemptionDetail, rechargeRedemptionExport } from "@/api/coupon/index.js";
|
||||||
|
import { downloadFile } from "@/utils/index";
|
||||||
|
|
||||||
|
const emit = defineEmits(['update']);
|
||||||
|
|
||||||
|
const addRef = ref(null);
|
||||||
|
|
||||||
|
const visible = ref(false);
|
||||||
|
|
||||||
|
const form = ref({
|
||||||
|
id: '',
|
||||||
|
name: '',
|
||||||
|
startTime: '',
|
||||||
|
endTime: '',
|
||||||
|
amount: '',
|
||||||
|
total: 0,
|
||||||
|
stock: 0,
|
||||||
|
});
|
||||||
|
|
||||||
|
const resetForm = () => {
|
||||||
|
form.value = {
|
||||||
|
id: '',
|
||||||
|
name: '',
|
||||||
|
startTime: '',
|
||||||
|
endTime: '',
|
||||||
|
amount: '',
|
||||||
|
total: 0,
|
||||||
|
stock: 0,
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
// 关闭
|
||||||
|
function closedHandle() {
|
||||||
|
resetForm();
|
||||||
|
tableData.list = [];
|
||||||
|
tableData.page = 1;
|
||||||
|
tableData.size = 10;
|
||||||
|
tableData.total = 0;
|
||||||
|
queryForm.value = {
|
||||||
|
status: "",
|
||||||
|
code: '',
|
||||||
|
};
|
||||||
|
emit('update')
|
||||||
|
}
|
||||||
|
|
||||||
|
const statusList = ref([
|
||||||
|
{ label: "全部", value: "" },
|
||||||
|
{ label: "已兑换", value: 1, type: 'info' },
|
||||||
|
{ label: "未兑换", value: 0, type: 'success' },
|
||||||
|
]);
|
||||||
|
|
||||||
|
const queryForm = ref({
|
||||||
|
status: "",
|
||||||
|
code: '', // 兑换码
|
||||||
|
});
|
||||||
|
|
||||||
|
const tableData = reactive({
|
||||||
|
list: [],
|
||||||
|
loading: false,
|
||||||
|
page: 1,
|
||||||
|
size: 10,
|
||||||
|
total: 0,
|
||||||
|
});
|
||||||
|
|
||||||
|
// 分页大小发生变化
|
||||||
|
function handleSizeChange(e) {
|
||||||
|
tableData.size = e;
|
||||||
|
getTableData();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页发生变化
|
||||||
|
function handleCurrentChange(e) {
|
||||||
|
tableData.page = e;
|
||||||
|
getTableData();
|
||||||
|
}
|
||||||
|
|
||||||
|
function searchHandle() {
|
||||||
|
tableData.page = 1;
|
||||||
|
getTableData();
|
||||||
|
}
|
||||||
|
|
||||||
|
const redemptionId = ref('')
|
||||||
|
async function getTableData(id) {
|
||||||
|
// 获取表格数据
|
||||||
|
try {
|
||||||
|
tableData.loading = true
|
||||||
|
const res = await rechargeRedemptionCodeList({
|
||||||
|
redemptionId: redemptionId.value,
|
||||||
|
...queryForm.value,
|
||||||
|
page: tableData.page,
|
||||||
|
size: tableData.size,
|
||||||
|
})
|
||||||
|
tableData.totalAmount = res.totalAmount
|
||||||
|
tableData.list = res.records
|
||||||
|
tableData.total = +res.totalRow
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
tableData.loading = false
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 导出配置
|
||||||
|
const exportLoading = ref(false)
|
||||||
|
async function exportHandle() {
|
||||||
|
try {
|
||||||
|
exportLoading.value = true
|
||||||
|
const file = await rechargeRedemptionExport({
|
||||||
|
redemptionId: redemptionId.value,
|
||||||
|
...queryForm.value,
|
||||||
|
});
|
||||||
|
downloadFile(file, "数据", "xlsx");
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
exportLoading.value = false
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取配置详情
|
||||||
|
async function rechargeRedemptionDetailAjax() {
|
||||||
|
try {
|
||||||
|
const res = await rechargeRedemptionDetail({ id: redemptionId.value });
|
||||||
|
form.value = {
|
||||||
|
id: res.id || '',
|
||||||
|
name: res.name || '',
|
||||||
|
startTime: res.startTime || '',
|
||||||
|
endTime: res.endTime || '',
|
||||||
|
amount: res.amount || '',
|
||||||
|
total: res.total || 0,
|
||||||
|
stock: res.stock || 0,
|
||||||
|
};
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function show(obj) {
|
||||||
|
visible.value = true;
|
||||||
|
redemptionId.value = obj.id
|
||||||
|
getTableData()
|
||||||
|
rechargeRedemptionDetailAjax()
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
show,
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.row {
|
||||||
|
&.mt14 {
|
||||||
|
margin-top: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,101 @@
|
||||||
|
<template>
|
||||||
|
<el-dialog title="适用门店" width="400px" v-model="visible" @closed="resetForm">
|
||||||
|
<el-form ref="formRef" :model="form" :rules="rules" label-width="80px" label-position="right">
|
||||||
|
<el-form-item label="适用门店">
|
||||||
|
<el-radio-group v-model="form.useType">
|
||||||
|
<el-radio value="all" label="全部门店"></el-radio>
|
||||||
|
<el-radio value="part" label="指定门店"></el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="选择门店" v-if="form.useType == 'part'" prop="shopIds">
|
||||||
|
<selectBranchs all v-model="form.shopIdList" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<template #footer>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button @click="visible = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="handleOk" :loading="confirmLoading">确 定</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref } from "vue";
|
||||||
|
import { ElNotification } from "element-plus";
|
||||||
|
import selectBranchs from "../../components/selectBranchs.vue";
|
||||||
|
import { rechargeRedemptionPut, rechargeRedemptionEnableStatus } from "@/api/coupon/index.js";
|
||||||
|
|
||||||
|
const visible = ref(false);
|
||||||
|
const confirmLoading = ref(false);
|
||||||
|
const formRef = ref(null);
|
||||||
|
const form = ref({
|
||||||
|
useType: 1,
|
||||||
|
shopIdList: [],
|
||||||
|
});
|
||||||
|
|
||||||
|
const resetForm = () => {
|
||||||
|
form.value = {
|
||||||
|
useType: 1,
|
||||||
|
shopIdList: [],
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
const rules = {
|
||||||
|
shopIdList: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请选择门店",
|
||||||
|
trigger: "change",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
|
||||||
|
// 提交保存
|
||||||
|
const handleOk = () => {
|
||||||
|
formRef.value.validate(async (valid) => {
|
||||||
|
if (valid) {
|
||||||
|
try {
|
||||||
|
confirmLoading.value = true;
|
||||||
|
await rechargeRedemptionPut({
|
||||||
|
useType: form.value.useType,
|
||||||
|
shopIdList: form.value.shopIdList,
|
||||||
|
});
|
||||||
|
visible.value = false;
|
||||||
|
ElNotification({
|
||||||
|
type: "success",
|
||||||
|
title: '注意',
|
||||||
|
message: "保存成功",
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
confirmLoading.value = false;
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 获取状态
|
||||||
|
async function rechargeRedemptionEnableStatusAjax() {
|
||||||
|
try {
|
||||||
|
const res = await rechargeRedemptionEnableStatus();
|
||||||
|
form.value.useType = res.useType || 'all';
|
||||||
|
form.value.shopIdList = res.shopIdList || [];
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function show() {
|
||||||
|
visible.value = true;
|
||||||
|
rechargeRedemptionEnableStatusAjax();
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
show,
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss"></style>
|
||||||
|
|
@ -0,0 +1,172 @@
|
||||||
|
<!-- 充值兑换码 -->
|
||||||
|
<template>
|
||||||
|
<div class="gyq_container">
|
||||||
|
<div class="gyq_content">
|
||||||
|
<header-card name="充值兑换码" intro="兑换码直充余额，可当作礼品赠送" icon="czdhm" showSwitch v-model:isOpen="queryForm.isEnable" />
|
||||||
|
<div class="row mt14">
|
||||||
|
<el-form inline>
|
||||||
|
<el-form-item>
|
||||||
|
<el-select v-model="queryForm.status" @change="getTableData" style="width: 200px;">
|
||||||
|
<el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="addRef.show()">添加</el-button>
|
||||||
|
<el-button type="primary" plain @click="useShopsRef.show()">适用门店</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<el-table :data="tableData.list" border stripe v-loading="tableData.loading">
|
||||||
|
<el-table-column label="ID" prop="id" width="80" />
|
||||||
|
<el-table-column label="名称" prop="name" />
|
||||||
|
<el-table-column label="金额" prop="amount" />
|
||||||
|
<el-table-column label="库存" prop="stock" />
|
||||||
|
<el-table-column label="总数" prop="total" />
|
||||||
|
<el-table-column label="有效期" width="320">
|
||||||
|
<template #default="scope">
|
||||||
|
<div>{{ scope.row.startTime }} ~ {{ scope.row.endTime }}</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="状态" prop="operateTime">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-tag disable-transitions :type="statusList.find(item => item.value === scope.row.status).type">
|
||||||
|
{{statusList.find(item => item.value === scope.row.status).label}}
|
||||||
|
</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" width="120">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button link type="primary" @click="addRef.show(scope.row)">编辑</el-button>
|
||||||
|
<el-button link type="primary" @click="recordRef.show(scope.row)">查看</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<div class="row mt14">
|
||||||
|
<el-pagination v-model:current-page="tableData.page" v-model:page-size="tableData.size"
|
||||||
|
:page-sizes="[10, 30, 50, 100]" background layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
:total="tableData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<useShops ref="useShopsRef" />
|
||||||
|
<add ref="addRef" @success="getTableData" />
|
||||||
|
<record ref="recordRef" @update="getTableData" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import HeaderCard from "../components/headerCard.vue";
|
||||||
|
import useShops from "./components/useShops.vue";
|
||||||
|
import add from "./components/add.vue";
|
||||||
|
import record from "./components/record.vue";
|
||||||
|
import { ref, reactive, onMounted } from "vue";
|
||||||
|
import { rechargeRedemptionPut, rechargeRedemptionList, rechargeRedemptionEnableStatus } from "@/api/coupon/index.js";
|
||||||
|
|
||||||
|
const useShopsRef = ref(null);
|
||||||
|
const addRef = ref(null);
|
||||||
|
const recordRef = ref(null);
|
||||||
|
|
||||||
|
const statusList = ref([
|
||||||
|
{ label: "全部", value: "" },
|
||||||
|
{ label: "有效", value: 0, type: 'success' },
|
||||||
|
{ label: "无效", value: 1, type: 'info' },
|
||||||
|
]);
|
||||||
|
|
||||||
|
const queryForm = ref({
|
||||||
|
status: "",
|
||||||
|
isEnable: 0,
|
||||||
|
});
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => queryForm.value.isEnable,
|
||||||
|
(newVal) => {
|
||||||
|
if (!tableData.loading) {
|
||||||
|
updateStatus();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
const tableData = reactive({
|
||||||
|
loading: true,
|
||||||
|
list: [],
|
||||||
|
total: 0,
|
||||||
|
page: 1,
|
||||||
|
size: 10,
|
||||||
|
});
|
||||||
|
|
||||||
|
// 更新状态
|
||||||
|
async function updateStatus() {
|
||||||
|
try {
|
||||||
|
await rechargeRedemptionPut({
|
||||||
|
isEnable: queryForm.value.isEnable,
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页大小发生变化
|
||||||
|
function handleSizeChange(e) {
|
||||||
|
tableData.pageSize = e;
|
||||||
|
consumeCashbackRecordAjax();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页发生变化
|
||||||
|
function handleCurrentChange(e) {
|
||||||
|
tableData.page = e;
|
||||||
|
consumeCashbackRecordAjax();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 配置信息获取 列表
|
||||||
|
async function getTableData() {
|
||||||
|
try {
|
||||||
|
tableData.loading = true;
|
||||||
|
const res = await rechargeRedemptionList({
|
||||||
|
status: queryForm.value.status,
|
||||||
|
page: tableData.page,
|
||||||
|
size: tableData.size,
|
||||||
|
});
|
||||||
|
tableData.list = res.records;
|
||||||
|
tableData.total = res.totalRow;
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
tableData.loading = false;
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 开关状态
|
||||||
|
async function rechargeRedemptionEnableStatusAjax() {
|
||||||
|
try {
|
||||||
|
const res = await rechargeRedemptionEnableStatus();
|
||||||
|
queryForm.value.isEnable = res.isEnable;
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
getTableData();
|
||||||
|
rechargeRedemptionEnableStatusAjax()
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.gyq_container {
|
||||||
|
padding: 14px;
|
||||||
|
|
||||||
|
.gyq_content {
|
||||||
|
padding: 14px;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
&.mt14 {
|
||||||
|
margin-top: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -1,19 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="m-4 bg-white p-4">
|
<div class="m-4 bg-white p-4">
|
||||||
<HeaderCard
|
<HeaderCard name="超级会员" intro="用户会员管理设置" icon="super_vip" showSwitch v-model:isOpen="basicForm.isOpen"></HeaderCard>
|
||||||
name="超级会员"
|
|
||||||
intro="用户会员管理设置"
|
|
||||||
icon="super_vip"
|
|
||||||
showSwitch
|
|
||||||
v-model:isOpen="basicForm.isOpen"
|
|
||||||
></HeaderCard>
|
|
||||||
<el-tabs class="mt-4" v-model="activeTab" type="border-card">
|
<el-tabs class="mt-4" v-model="activeTab" type="border-card">
|
||||||
<el-tab-pane
|
<el-tab-pane :label="item.label" v-for="item in configs" :key="item.name" :name="item.name">
|
||||||
:label="item.label"
|
|
||||||
v-for="item in configs"
|
|
||||||
:key="item.name"
|
|
||||||
:name="item.name"
|
|
||||||
>
|
|
||||||
<template v-if="item.name == 'basic'">
|
<template v-if="item.name == 'basic'">
|
||||||
<h3>基础设置</h3>
|
<h3>基础设置</h3>
|
||||||
<el-form ref="form" :model="basicForm">
|
<el-form ref="form" :model="basicForm">
|
||||||
|
|
@ -43,40 +32,25 @@
|
||||||
<el-table :data="basicForm.configList" border style="width: 60%">
|
<el-table :data="basicForm.configList" border style="width: 60%">
|
||||||
<el-table-column prop="name" label="名称" align="center" />
|
<el-table-column prop="name" label="名称" align="center" />
|
||||||
<el-table-column prop="price" label="价格" align="center" />
|
<el-table-column prop="price" label="价格" align="center" />
|
||||||
<el-table-column
|
<el-table-column prop="reward" label="赠送成长值" align="center" />
|
||||||
prop="reward"
|
|
||||||
label="赠送成长值"
|
|
||||||
align="center"
|
|
||||||
/>
|
|
||||||
<el-table-column label="赠送优惠券" align="center">
|
<el-table-column label="赠送优惠券" align="center">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
{{ totalCount(scope.row.couponList) }}张优惠券
|
{{ totalCount(scope.row.couponList) }}张优惠券
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column prop="is_auto_renew" label="会员周期" align="center">
|
||||||
prop="is_auto_renew"
|
|
||||||
label="会员周期"
|
|
||||||
align="center"
|
|
||||||
>
|
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
{{ scope.row.circleTime }} {{ scope.row.circleUnit }}
|
{{ scope.row.circleTime }} {{ scope.row.circleUnit }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" align="center">
|
<el-table-column label="操作" align="center">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button
|
<el-button type="text" @click="
|
||||||
type="text"
|
refDialogPlans.open(scope.row, scope.$index)
|
||||||
@click="
|
">
|
||||||
refDialogPlans.open(scope.row, scope.$index)
|
|
||||||
"
|
|
||||||
>
|
|
||||||
编辑
|
编辑
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button type="text" style="color: red" @click="deletePlan(scope.row)">
|
||||||
type="text"
|
|
||||||
style="color: red"
|
|
||||||
@click="deletePlan(scope.row)"
|
|
||||||
>
|
|
||||||
删除
|
删除
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -88,23 +62,13 @@
|
||||||
<div v-if="basicForm.openType == 'CONDITION'">
|
<div v-if="basicForm.openType == 'CONDITION'">
|
||||||
<el-form-item label="成为会员条件">
|
<el-form-item label="成为会员条件">
|
||||||
<div>
|
<div>
|
||||||
<div
|
<div class="m-b-2" v-for="(item, index) in conditionLists" :key="index">
|
||||||
class="m-b-2"
|
|
||||||
v-for="(item, index) in conditionLists"
|
|
||||||
:key="index"
|
|
||||||
>
|
|
||||||
<el-checkbox v-model="item.checked">
|
<el-checkbox v-model="item.checked">
|
||||||
{{ item.label }}
|
{{ item.label }}
|
||||||
</el-checkbox>
|
</el-checkbox>
|
||||||
<el-input-number
|
<el-input-number style="margin-left: 20px" v-if="item.label != '绑定手机号' && item.checked"
|
||||||
style="margin-left: 20px"
|
v-model="item.value" :step="item.step" :precision="item.precision || 0"
|
||||||
v-if="item.label != '绑定手机号' && item.checked"
|
:step-strictly="item.stepStrictly || false" :min="item.min || 0" />
|
||||||
v-model="item.value"
|
|
||||||
:step="item.step"
|
|
||||||
:precision="item.precision || 0"
|
|
||||||
:step-strictly="item.stepStrictly || false"
|
|
||||||
:min="item.min || 0"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -115,22 +79,10 @@
|
||||||
<el-radio value="PART">指定门店</el-radio>
|
<el-radio value="PART">指定门店</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item
|
<el-form-item label="选择门店" v-if="basicForm.memberPriceShopType == 'PART'">
|
||||||
label="选择门店"
|
<el-select style="max-width: 600px" v-model="basicForm.memberPriceShopIdList" multiple
|
||||||
v-if="basicForm.memberPriceShopType == 'PART'"
|
placeholder="请选择门店">
|
||||||
>
|
<el-option v-for="item in shops" :key="item.shopId" :label="item.shopName" :value="item.shopId" />
|
||||||
<el-select
|
|
||||||
style="max-width: 600px"
|
|
||||||
v-model="basicForm.memberPriceShopIdList"
|
|
||||||
multiple
|
|
||||||
placeholder="请选择门店"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in shops"
|
|
||||||
:key="item.shopId"
|
|
||||||
:label="item.shopName"
|
|
||||||
:value="item.shopId"
|
|
||||||
/>
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="享受会员价">
|
<el-form-item label="享受会员价">
|
||||||
|
|
@ -140,13 +92,8 @@
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="规则说明">
|
<el-form-item label="规则说明">
|
||||||
<el-input
|
<el-input v-model="basicForm.remark" style="width: 400px" :autosize="{ minRows: 4, maxRows: 5 }"
|
||||||
v-model="basicForm.remark"
|
type="textarea" placeholder="请输入内容"></el-input>
|
||||||
style="width: 400px"
|
|
||||||
:autosize="{ minRows: 4, maxRows: 5 }"
|
|
||||||
type="textarea"
|
|
||||||
placeholder="请输入内容"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<h3>升级规则</h3>
|
<h3>升级规则</h3>
|
||||||
|
|
@ -156,20 +103,12 @@
|
||||||
<div>
|
<div>
|
||||||
<div class="m-b-4">
|
<div class="m-b-4">
|
||||||
<span>每消费1元获得</span>
|
<span>每消费1元获得</span>
|
||||||
<el-input-number
|
<el-input-number class="m-x-2" v-model="basicForm.costReward" placeholder="请输入内容" />
|
||||||
class="m-x-2"
|
|
||||||
v-model="basicForm.costReward"
|
|
||||||
placeholder="请输入内容"
|
|
||||||
/>
|
|
||||||
<span>成长值</span>
|
<span>成长值</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span>每充值1元获得</span>
|
<span>每充值1元获得</span>
|
||||||
<el-input-number
|
<el-input-number class="m-x-2" v-model="basicForm.rechargeReward" placeholder="请输入内容" />
|
||||||
class="m-x-2"
|
|
||||||
v-model="basicForm.rechargeReward"
|
|
||||||
placeholder="请输入内容"
|
|
||||||
/>
|
|
||||||
<span>成长值</span>
|
<span>成长值</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -181,13 +120,8 @@
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<div class="flex mt-10 justify-center gap-10">
|
<div class="flex mt-10 justify-center gap-10">
|
||||||
<el-button
|
<el-button style="width: 100px" type="primary" @click="basicSubmit" size="large"
|
||||||
style="width: 100px"
|
v-if="shopInfo.isHeadShop || shopInfo.shopType == 'only'">
|
||||||
type="primary"
|
|
||||||
@click="basicSubmit"
|
|
||||||
size="large"
|
|
||||||
v-if="shopInfo.isHeadShop"
|
|
||||||
>
|
|
||||||
保存
|
保存
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button @click="close" style="width: 100px" size="large">取消</el-button>
|
<el-button @click="close" style="width: 100px" size="large">取消</el-button>
|
||||||
|
|
@ -199,52 +133,22 @@
|
||||||
<div>
|
<div>
|
||||||
<el-button type="primary" @click="addLevel">添加会员等级</el-button>
|
<el-button type="primary" @click="addLevel">添加会员等级</el-button>
|
||||||
</div>
|
</div>
|
||||||
<el-tabs
|
<el-tabs v-model="activeLevelId" type="card" style="margin-top: 20px" @tab-remove="removeLevel"
|
||||||
v-model="activeLevelId"
|
@tab-add="addLevel" @tab-change="levelTabChange" editable>
|
||||||
type="card"
|
<el-tab-pane v-for="(level, index) in levels" :key="level.id"
|
||||||
style="margin-top: 20px"
|
:label="index + 1 + '级:' + level.name || '未命名等级'" :name="index">
|
||||||
@tab-remove="removeLevel"
|
|
||||||
@tab-add="addLevel"
|
|
||||||
@tab-change="levelTabChange"
|
|
||||||
editable
|
|
||||||
>
|
|
||||||
<el-tab-pane
|
|
||||||
v-for="(level, index) in levels"
|
|
||||||
:key="level.id"
|
|
||||||
:label="index + 1 + '级:' + level.name || '未命名等级'"
|
|
||||||
:name="index"
|
|
||||||
>
|
|
||||||
<!-- 编辑会员等级参数 -->
|
<!-- 编辑会员等级参数 -->
|
||||||
<el-form :model="level" label-width="150px">
|
<el-form :model="level" label-width="150px">
|
||||||
<el-form-item label="会员标题" required>
|
<el-form-item label="会员标题" required>
|
||||||
<el-input
|
<el-input v-model="level.name" :style="inputStyle" maxlength="30" placeholder="请输入会员标题" />
|
||||||
v-model="level.name"
|
|
||||||
:style="inputStyle"
|
|
||||||
maxlength="30"
|
|
||||||
placeholder="请输入会员标题"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="所需成长值" required>
|
<el-form-item label="所需成长值" required>
|
||||||
<el-input-number
|
<el-input-number :disabled="index == 0" v-model="level.experienceValue" type="number"
|
||||||
:disabled="index == 0"
|
placeholder="请输入所需成长值" :style="inputStyle" :min="levelExperienceValueMin(index, level)" />
|
||||||
v-model="level.experienceValue"
|
|
||||||
type="number"
|
|
||||||
placeholder="请输入所需成长值"
|
|
||||||
:style="inputStyle"
|
|
||||||
:min="levelExperienceValueMin(index, level)"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="会员折扣" required>
|
<el-form-item label="会员折扣" required>
|
||||||
<el-input-number
|
<el-input-number v-model="level.discount" :style="inputStyle" :step="1" step-strictly :min="1"
|
||||||
v-model="level.discount"
|
:max="100" type="number" placeholder="请输入会员折扣" />
|
||||||
:style="inputStyle"
|
|
||||||
:step="1"
|
|
||||||
step-strictly
|
|
||||||
:min="1"
|
|
||||||
:max="100"
|
|
||||||
type="number"
|
|
||||||
placeholder="请输入会员折扣"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="等级标识">
|
<el-form-item label="等级标识">
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -256,43 +160,22 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="消费送积分">
|
<el-form-item label="消费送积分">
|
||||||
<div>
|
<div>
|
||||||
<el-switch
|
<el-switch v-model="level.isCostRewardPoints" :inactive-value="0" :active-value="1" />
|
||||||
v-model="level.isCostRewardPoints"
|
|
||||||
:inactive-value="0"
|
|
||||||
:active-value="1"
|
|
||||||
/>
|
|
||||||
<!-- <el-radio-group v-model="level.isPointsEnabled">
|
<!-- <el-radio-group v-model="level.isPointsEnabled">
|
||||||
<el-radio :value="true">已启用</el-radio>
|
<el-radio :value="true">已启用</el-radio>
|
||||||
<el-radio :value="false">已禁用</el-radio>
|
<el-radio :value="false">已禁用</el-radio>
|
||||||
</el-radio-group> -->
|
</el-radio-group> -->
|
||||||
<div
|
<div v-if="level.isCostRewardPoints" style="margin-top: 10px" class="color-666 flex">
|
||||||
v-if="level.isCostRewardPoints"
|
|
||||||
style="margin-top: 10px"
|
|
||||||
class="color-666 flex"
|
|
||||||
>
|
|
||||||
<span class="no-wrap">每消费</span>
|
<span class="no-wrap">每消费</span>
|
||||||
<el-input-number
|
<el-input-number :min="0.01" :precision="2" :controls="false" class="m-x-2"
|
||||||
:min="0.01"
|
v-model="level.costRewardPoints" type="number" placeholder="请输入内容" />
|
||||||
:precision="2"
|
|
||||||
:controls="false"
|
|
||||||
class="m-x-2"
|
|
||||||
v-model="level.costRewardPoints"
|
|
||||||
type="number"
|
|
||||||
placeholder="请输入内容"
|
|
||||||
/>
|
|
||||||
<span class="no-wrap">元赠送1积分</span>
|
<span class="no-wrap">元赠送1积分</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="等级说明" required>
|
<el-form-item label="等级说明" required>
|
||||||
<el-input
|
<el-input v-model="level.remark" style="width: 400px" :maxlength="200"
|
||||||
v-model="level.remark"
|
:autosize="{ minRows: 4, maxRows: 5 }" type="textarea" placeholder="请输入等级说明，最多 250 字" />
|
||||||
style="width: 400px"
|
|
||||||
:maxlength="200"
|
|
||||||
:autosize="{ minRows: 4, maxRows: 5 }"
|
|
||||||
type="textarea"
|
|
||||||
placeholder="请输入等级说明，最多 250 字"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item label="周期时间">
|
<!-- <el-form-item label="周期时间">
|
||||||
<div class="flex w-full gap-2">
|
<div class="flex w-full gap-2">
|
||||||
|
|
@ -311,11 +194,7 @@
|
||||||
</el-form-item> -->
|
</el-form-item> -->
|
||||||
<el-form-item label="自动发放">
|
<el-form-item label="自动发放">
|
||||||
<div>
|
<div>
|
||||||
<el-switch
|
<el-switch v-model="level.isCycleReward" :inactive-value="0" :active-value="1" />
|
||||||
v-model="level.isCycleReward"
|
|
||||||
:inactive-value="0"
|
|
||||||
:active-value="1"
|
|
||||||
/>
|
|
||||||
<!-- <el-radio-group v-model="level.isCycleReward">
|
<!-- <el-radio-group v-model="level.isCycleReward">
|
||||||
<el-radio :value="true">已启用</el-radio>
|
<el-radio :value="true">已启用</el-radio>
|
||||||
<el-radio :value="false">已禁用</el-radio>
|
<el-radio :value="false">已禁用</el-radio>
|
||||||
|
|
@ -323,15 +202,8 @@
|
||||||
<div v-if="level.isCycleReward" style="margin-top: 10px">
|
<div v-if="level.isCycleReward" style="margin-top: 10px">
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
<span class="color-666 no-wrap mr-4">周期时间</span>
|
<span class="color-666 no-wrap mr-4">周期时间</span>
|
||||||
<el-input
|
<el-input v-model="level.cycleTime" type="number" placeholder="请输入周期时间" />
|
||||||
v-model="level.cycleTime"
|
<el-select v-model="level.cycleUnit" placeholder="选择单位">
|
||||||
type="number"
|
|
||||||
placeholder="请输入周期时间"
|
|
||||||
/>
|
|
||||||
<el-select
|
|
||||||
v-model="level.cycleUnit"
|
|
||||||
placeholder="选择单位"
|
|
||||||
>
|
|
||||||
<el-option label="周" value="周" />
|
<el-option label="周" value="周" />
|
||||||
<el-option label="月" value="月" />
|
<el-option label="月" value="月" />
|
||||||
<el-option label="年" value="年" />
|
<el-option label="年" value="年" />
|
||||||
|
|
@ -339,20 +211,12 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="flex mt-4">
|
<div class="flex mt-4">
|
||||||
<span class="color-666 no-wrap mr-4">赠送积分</span>
|
<span class="color-666 no-wrap mr-4">赠送积分</span>
|
||||||
<el-input-number
|
<el-input-number :step="1" step-strictly :min="1" v-model="level.cycleRewardPoints"
|
||||||
:step="1"
|
type="number" placeholder="赠送积分" />
|
||||||
step-strictly
|
|
||||||
:min="1"
|
|
||||||
v-model="level.cycleRewardPoints"
|
|
||||||
type="number"
|
|
||||||
placeholder="赠送积分"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="flex mt-4" style="align-items: flex-start">
|
<div class="flex mt-4" style="align-items: flex-start">
|
||||||
<span class="color-666 no-wrap mr-4">送优惠券</span>
|
<span class="color-666 no-wrap mr-4">送优惠券</span>
|
||||||
<CouponLists
|
<CouponLists v-model="level.cycleRewardCouponList" />
|
||||||
v-model="level.cycleRewardCouponList"
|
|
||||||
/>
|
|
||||||
<!-- <el-select v-model="level.autoSendCoupon" placeholder="选择赠送优惠券">
|
<!-- <el-select v-model="level.autoSendCoupon" placeholder="选择赠送优惠券">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="coupon in couponList"
|
v-for="coupon in couponList"
|
||||||
|
|
@ -366,14 +230,8 @@
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div class="flex mt-10 justify-center gap-10">
|
<div class="flex mt-10 justify-center gap-10" v-if="shopInfo.isHeadShop || shopInfo.shopType == 'only'">
|
||||||
<el-button
|
<el-button style="width: 100px" type="primary" @click="saveLevel(level)" size="large">
|
||||||
style="width: 100px"
|
|
||||||
type="primary"
|
|
||||||
@click="saveLevel(level)"
|
|
||||||
size="large"
|
|
||||||
v-if="shopInfo.isHeadShop"
|
|
||||||
>
|
|
||||||
保存
|
保存
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button @click="close" style="width: 100px" size="large">
|
<el-button @click="close" style="width: 100px" size="large">
|
||||||
|
|
@ -700,20 +558,23 @@ function close() {
|
||||||
router.back();
|
router.back();
|
||||||
}
|
}
|
||||||
//
|
//
|
||||||
function levelTabChange(index) {}
|
function levelTabChange(index) { }
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
:deep(.el-tabs--border-card) {
|
:deep(.el-tabs--border-card) {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-tabs--border-card > .el-tabs__header) {
|
:deep(.el-tabs--border-card > .el-tabs__header) {
|
||||||
border: none;
|
border: none;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-tabs--border-card > .el-tabs__header .el-tabs__item) {
|
:deep(.el-tabs--border-card > .el-tabs__header .el-tabs__item) {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active) {
|
:deep(.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active) {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -81,8 +81,8 @@
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div class="footer">
|
<div class="footer" v-if="shopInfo.isHeadShop || shopInfo.shopType == 'only'">
|
||||||
<el-button type="primary" size="large" @click="submitHandle" v-if="shopInfo.isHeadShop">
|
<el-button type="primary" size="large" @click="submitHandle">
|
||||||
保存
|
保存
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button size="large" @click="back">取消</el-button>
|
<el-button size="large" @click="back">取消</el-button>
|
||||||
|
|
|
||||||
|
|
@ -13,6 +13,8 @@ import UnoCSS from "unocss/vite";
|
||||||
import { resolve } from "path";
|
import { resolve } from "path";
|
||||||
import { name, version, engines, dependencies, devDependencies } from "./package.json";
|
import { name, version, engines, dependencies, devDependencies } from "./package.json";
|
||||||
|
|
||||||
|
import stripCode from 'vite-plugin-strip-code'; // 导入插件
|
||||||
|
|
||||||
// 平台的名称、版本、运行所需的 node 版本、依赖、构建时间的类型提示
|
// 平台的名称、版本、运行所需的 node 版本、依赖、构建时间的类型提示
|
||||||
const __APP_INFO__ = {
|
const __APP_INFO__ = {
|
||||||
pkg: { name, version, engines, dependencies, devDependencies },
|
pkg: { name, version, engines, dependencies, devDependencies },
|
||||||
|
|
@ -100,6 +102,12 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
|
||||||
iconDirs: [resolve(pathSrc, "assets/icons")],
|
iconDirs: [resolve(pathSrc, "assets/icons")],
|
||||||
symbolId: "icon-[dir]-[name]",
|
symbolId: "icon-[dir]-[name]",
|
||||||
}),
|
}),
|
||||||
|
mode === 'production' && stripCode({
|
||||||
|
// 定义需要剔除的代码块的「开始标记」和「结束标记」
|
||||||
|
// 注意：标记可以自定义，只要前后一致即可
|
||||||
|
start_comment: 'DEV-START', // 开始标记（自定义）
|
||||||
|
end_comment: 'DEV-END' // 结束标记（自定义）
|
||||||
|
})
|
||||||
],
|
],
|
||||||
// 预加载项目必需的组件
|
// 预加载项目必需的组件
|
||||||
optimizeDeps: {
|
optimizeDeps: {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue