czg_team
/
cashier_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'new_gyq' of https://newgitea.sxczgkj.cn/czg_team/cashier_app into ymf

This commit is contained in:
YeMingfei666 2025-11-21 10:48:27 +08:00
parent 0ad4b5daa7 e6212251e3
commit ef563a582b
11 changed files with 1099 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
App.vue
View File

@ -181,7 +181,7 @@ onLaunch(() => {
margin-top: 12upx;
}
.title {
width: 200upx;
width: 180upx;
font-size: 28upx;
color: #666;
}
@ -194,4 +194,12 @@ onLaunch(() => {
}
}
}
// u-form card专用样式
.u-form-card {
background-color: #fff;
border-radius: 20upx;
padding: 0 28upx 14upx;
margin-bottom: 28upx;
}
</style>

11
components/my-components/my-coupon-item.vue
View File

@ -10,7 +10,10 @@
</view>
<view class="total-info">
<view class="item">
<text class="info">{{ item.giveNum }}</text>
<text class="info">
<template v-if="item.giveNum == -10086">无限</template>
<template v-else>{{ item.giveNum }}</template>
</text>
<text class="title">总发放</text>
</view>
<view class="item">
@ -31,10 +34,10 @@
</view>
<view class="footer-wrap">
<view class="btn">
<u-button shape="circle">删除</u-button>
<u-button shape="circle" @click="emits('delete', item)">删除</u-button>
</view>
<view class="btn">
<u-button shape="circle" type="primary">编辑</u-button>
<u-button shape="circle" type="primary" @click="emits('editor', item)">编辑</u-button>
</view>
</view>
</view>
@ -47,6 +50,8 @@ const props = defineProps({
default: {}
}
});
const emits = defineEmits(['delete', 'editor']);
</script>
<style scoped lang="scss">

52
components/my-components/my-get-type.vue Normal file
View File

@ -0,0 +1,52 @@
<template>
<view class="conetnt">
<div class="row">
<u-radio-group v-model="getType">
<u-radio :label="item.label" :name="item.value" v-for="item in emunList.getType" :key="item.value" :customStyle="style"></u-radio>
</u-radio-group>
</div>
<template v-if="getType == 'yes'">
<view class="row mt">
<text class="title">用户领取方式</text>
</view>
<div class="row">
<u-checkbox-group v-model="getMode">
<u-checkbox :label="item.label" :name="item.value" v-for="item in emunList.getMode" :key="item.value" :customStyle="style"></u-checkbox>
</u-checkbox-group>
</div>
</template>
</view>
</template>
<script setup>
import { emunList } from '@/utils/couponUtils.js';
const style = {
marginRight: '20px'
};
const getType = defineModel('getType', {
type: String,
default: 'no'
});
const getMode = defineModel('getMode', {
type: Array,
default: ['eat']
});
</script>
<style scoped lang="scss">
.conetnt {
.row {
&.mt {
margin-top: 28upx;
padding-bottom: 10upx;
}
.title {
color: #303133;
font-size: 30upx;
}
}
}
</style>

36
http/api/market/index.js
View File

@ -38,7 +38,7 @@ export function limitTimeDiscount(data) {
}
/**
* 限时折扣-分页
* 优惠券-分页
* @param {Object} params
*/
export function couponPage(params) {
@ -47,4 +47,38 @@ export function couponPage(params) {
method: "GET",
params
});
}
/**
* 优惠券-添加/编辑
* @param {Object} params
*/
export function couponAdd(data) {
return request({
url: `${urlType}/admin/coupon`,
method: data.id ? 'put' : 'post',
data
});
}
/**
* 优惠券-删除
* @param {Object} params
*/
export function couponDel(id) {
return request({
url: `${urlType}/admin/coupon?id=${id}&type=0`,
method: 'delete'
});
}
/**
* 优惠券-详情
* @param {Object} params
*/
export function couponDetail(id) {
return request({
url: `${urlType}/admin/coupon/${id}`,
method: "GET"
});
}

49
pageMarket/addCoupon/addConsumeCoupon.vue Normal file
View File

@ -0,0 +1,49 @@
<template>
<view class="container">
<u-form ref="formRef" label-position="top" labelWidth="200" :model="form" :rules="rules">
<view class="u-form-card">
<u-form-item label="赠券门槛">
<u-input placeholder="请输入内容" v-model="form.fullAmount">
<template v-slot:prefix>满</template>
<template v-slot:suffix>可用</template>
</u-input>
</u-form-item>
</view>
</u-form>
</view>
</template>
<script setup>
import { ref } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
const shopInfo = ref({});
const formRef = ref(null);
const form = ref({
id: '',
shopId: '',
couponType: 1, // 1-满减券，2-商品兑换券，3-折扣券，4-第二件半价券，5-消费送券，6-买一送一券，7-固定价格券，8-免配送费券
fullAmount: '', // 使用门槛：满多少金额
couponGiftList: [], // 优惠券，目前单选
useType: ['dine'], // 可使用类型：dine堂食/pickup自取/deliv配送/express快递
giveNum: '', // 总发放数量，-10086为不限量
getLimit: '' // 每人领取限量，-10086为不限量
});
onLoad((options) => {
shopInfo.value = uni.getStorageSync('shopInfo');
});
</script>
<style>
page {
background-color: #f7f7f7;
}
</style>
<style scoped lang="scss">
.container {
padding: 28upx;
}
</style>

755
pageMarket/addCoupon/index.vue
View File

@ -1,7 +1,756 @@
<template>
<view class="">添加优惠券</view>
<view class="container">
<u-form ref="formRef" label-position="top" labelWidth="200" :model="form" :rules="rules">
<view class="u-form-card">
<u-form-item :label="`${getEmunListLabel('couponTypes', form.couponType)}名称`" prop="title">
<u-input placeholder="请输入优惠券名称" :maxlength="20" v-model="form.title" border="bottom" :customStyle="{ paddingLeft: 0 }"></u-input>
</u-form-item>
<view v-if="form.couponType == 1">
<u-form-item label="使用门槛" prop="fullAmount">
<view class="center">
<view>
<u-input placeholder="请输入" v-model="form.fullAmount" :maxlength="8" input-align="center" @change="fullAmountInput">
<template v-slot:prefix>满</template>
<template v-slot:suffix>元</template>
</u-input>
</view>
<view>
<u-input placeholder="请输入" v-model="form.discountAmount" :maxlength="8" input-align="center" @change="discountAmountInput">
<template v-slot:prefix>减</template>
<template v-slot:suffix>元</template>
</u-input>
</view>
</view>
</u-form-item>
</view>
<view v-if="form.couponType == 2">
<u-form-item label="使用门槛" prop="fullAmount2">
<u-input placeholder="请输入" v-model="form.fullAmount" :maxlength="8" input-align="center" @change="fullAmountInput">
<template v-slot:prefix>满</template>
<template v-slot:suffix>可用</template>
</u-input>
</u-form-item>
<u-form-item label="可用商品" prop="foods">
<my-select-goods v-model="form.foods" v-model:foodType="form.goodsType"></my-select-goods>
</u-form-item>
<u-form-item label="使用规则">
<u-radio-group v-model="form.useRule" placement="column">
<u-radio :label="item.label" :name="item.value" v-for="item in emunList.useRule" :key="item.value" :customStyle="radioStyle"></u-radio>
</u-radio-group>
</u-form-item>
<u-form-item label="可抵扣商品件数" prop="discountNum">
<u-input placeholder="请输入可抵扣商品件数" v-model="form.discountNum" @change="discountNumInput"></u-input>
</u-form-item>
</view>
<view v-if="form.couponType == 3">
<u-form-item label="折扣" prop="discountRate">
<u-input placeholder="输入折扣（%）" v-model="form.discountRate" @change="discountRateInput">
<template v-slot:suffix>%</template>
</u-input>
</u-form-item>
<u-form-item label="使用门槛" prop="fullAmount2">
<u-input placeholder="请输入" v-model="form.fullAmount" :maxlength="8" input-align="center" @change="fullAmountInput">
<template v-slot:prefix>满</template>
<template v-slot:suffix>可用</template>
</u-input>
</u-form-item>
<u-form-item label="可抵扣最大金额" prop="maxDiscountAmount">
<u-input placeholder="请输入" v-model="form.maxDiscountAmount" :maxlength="8" input-align="center" @change="maxDiscountAmountInput">
<template v-slot:prefix>可用</template>
</u-input>
</u-form-item>
</view>
<view v-if="form.couponType == 4 || form.couponType == 6">
<u-form-item label="可用商品" prop="foods">
<my-select-goods v-model="form.foods" v-model:foodType="form.goodsType"></my-select-goods>
</u-form-item>
<u-form-item label="使用规则">
<u-radio-group v-model="form.useRule" placement="column">
<u-radio :label="item.label" :name="item.value" v-for="item in emunList.useRule" :key="item.value" :customStyle="radioStyle"></u-radio>
</u-radio-group>
</u-form-item>
</view>
</view>
<view class="u-form-card">
<u-form-item label="可用门店" prop="useShops" v-if="shopInfo.isHeadShop && shopInfo.shopType != 'only'">
<my-shop-select-w v-model:useType="form.useShopType" v-model:selShops="form.useShops"></my-shop-select-w>
</u-form-item>
<u-form-item label="可用商品" v-if="form.couponType != 2 && form.couponType != 4 && form.couponType != 6" prop="foods">
<my-select-goods v-model="form.foods" v-model:foodType="form.goodsType"></my-select-goods>
</u-form-item>
<u-form-item label="可使用类型" prop="useType">
<my-dine-types v-model="form.useType"></my-dine-types>
</u-form-item>
</view>
<view class="u-form-card">
<u-form-item label="有效期类型">
<u-radio-group v-model="form.validType" placement="column">
<u-radio :label="item.label" :name="item.value" v-for="item in emunList.validType" :key="item.value"></u-radio>
</u-radio-group>
</u-form-item>
<u-form-item label="有效期" prop="validDays">
<template v-if="form.validType == 'fixed'">
<u-input placeholder="请输入有效期" v-model="form.validDays" :maxlength="8" @change="validDaysInput">
<template v-slot:suffix>天</template>
</u-input>
</template>
<template v-else>
<my-time-area v-model:startDate="form.validStartTime" v-model:endDate="form.validEndTime"></my-time-area>
</template>
</u-form-item>
<u-form-item label="隔天生效" prop="daysToTakeEffect" v-if="form.validType == 'fixed'">
<view class="center">
<div class="ipt">
<u-input placeholder="请输入隔天生效日期" input-align="center" :maxlength="5" v-model="form.daysToTakeEffect" @change="daysToTakeEffectInput">
<template v-slot:prefix>隔</template>
<template v-slot:suffix>天生效</template>
</u-input>
</div>
<div class="tips-icon" @click="showDaysToTakeEffectTipsHandle">
<u-icon name="question-circle-fill" size="22" color="#999"></u-icon>
</div>
</view>
</u-form-item>
<u-form-item label="可用周期" prop="useDays">
<my-week-sel v-model="form.useDays"></my-week-sel>
</u-form-item>
<u-form-item label="指定时间段" prop="useTimeType">
<my-hour-area v-model:useTimeType="form.useTimeType" v-model:startValue="form.useStartTime" v-model:endValue="form.useEndTime"></my-hour-area>
</u-form-item>
</view>
<view class="u-form-card">
<u-form-item label="发放设置" prop="getType">
<my-get-type v-model:getType="form.getType" v-model:getMode="form.getMode"></my-get-type>
</u-form-item>
<u-form-item label="总发放数量" prop="giveNum">
<view class="column">
<view class="center">
<u-switch v-model="infiniteGiveNum" @change="infiniteGiveNumChange"></u-switch>
<text class="tips">关闭则为无限制</text>
</view>
<view class="center" v-if="infiniteGiveNum">
<view class="ipt">
<u-input placeholder="请输入总发放数量" :maxlength="5" v-model="form.giveNum" @change="giveNumInput">
<template v-slot:suffix>张</template>
</u-input>
</view>
</view>
</view>
</u-form-item>
</view>
<view class="u-form-card">
<u-form-item label="可领取用户">
<u-radio-group v-model="form.getUserType">
<u-radio :label="item.label" :name="item.value" v-for="item in emunList.getUserType" :key="item.value" :customStyle="radioStyle"></u-radio>
</u-radio-group>
</u-form-item>
<u-form-item label="每人限领量" prop="getLimit">
<u-input placeholder="请输入每人限领量" :maxlength="5" v-model="form.getLimit" @change="getLimitInput">
<template v-slot:suffix>张</template>
</u-input>
</u-form-item>
<u-form-item label="每人每日使用限量">
<u-radio-group v-model="infiniteUseLimit" @change="infiniteUseLimitChange">
<u-radio label="无限制" :name="true" :customStyle="radioStyle"></u-radio>
<u-radio label="每日限用" :name="false" :customStyle="radioStyle"></u-radio>
</u-radio-group>
</u-form-item>
<u-form-item label="限用数量" v-if="!infiniteUseLimit" prop="useLimit">
<u-input placeholder="需小于或等于每人限领量" :maxlength="5" v-model="form.useLimit" @change="useLimitInput">
<template v-slot:suffix>张/每人1天</template>
</u-input>
</u-form-item>
</view>
<view class="u-form-card">
<u-form-item label="与限时折扣同享">
<view class="column">
<view class="center">
<u-switch v-model="form.discountShare" :active-value="1" :inactive-value="0"></u-switch>
</view>
<text class="tips">开启后，计算门槛时将会计入已折扣的商品</text>
</view>
</u-form-item>
<u-form-item label="与会员价同享">
<view class="column">
<view class="center">
<u-switch v-model="form.vipPriceShare" :active-value="1" :inactive-value="0"></u-switch>
</view>
<text class="tips">开启后，计算门槛时将会计入已享受会员价的商品</text>
</view>
</u-form-item>
<u-form-item label="与其他优惠券同享" v-if="form.couponType == 2">
<view class="column">
<view class="center">
<u-switch v-model="form.otherCouponShare" :active-value="1" :inactive-value="0"></u-switch>
</view>
<text class="tips">开启后，可与其他优惠券同时使用</text>
</view>
</u-form-item>
</view>
<view class="u-form-card">
<u-form-item label="规则附加说明">
<u-textarea :maxlength="250" count :height="150" v-model="form.ruleDetails"></u-textarea>
</u-form-item>
</view>
</u-form>
<my-footer-btn @confirm="submitHandle" confirmText="保存" v-if="(shopInfo.isHeadShop && shopInfo.shopType != 'only') || !form.syncId"></my-footer-btn>
</view>
</template>
<script></script>
<script setup>
import dayjs from 'dayjs';
import { ref } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
import { emunList, getEmunListLabel } from '../utils/couponUtils.js';
import { filterNumberInput, convertTimeFormat } from '@/utils/index.js';
import { couponAdd, couponDetail } from '@/http/api/market/index.js';
<style></style>
const radioStyle = {
marginRight: '20px'
};
const shopInfo = ref({});
const formRef = ref(null);
const form = ref({
id: '',
shopId: '',
syncId: '',
couponType: 1, // 1-满减券，2-商品兑换券，3-折扣券，4-第二件半价券，5-消费送券，6-买一送一券，7-固定价格券，8-免配送费券
title: '', // 券名称
fullAmount: '', // 使用门槛
discountAmount: '', // 使用门槛：减多少金额
useShopType: 'only', // only-仅本店 all-所有门店，custom-指定门店
useShops: '', // id字符串拼接
goodsType: 1, // 1=全部商品参与计算门槛 2=部分商品参与计算门槛
foods: '', // 指定门槛商品 id拼接
useType: ['dine-in'], // 堂食 dine-in 外带 take-out 外卖 take-away 配送 post
validType: 'fixed', // 有效期类型：fixed（固定时间），custom（自定义时间）
validDays: '', // 有效期(天)
validStartTime: '', // 有效期开始时间
validEndTime: '', // 有效期结束时间
daysToTakeEffect: 0, // 隔天生效
useDays: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'], // 可用周期，如：'周一','周二','周三' , '周四' , '周五', '周六' , '周七'
useTimeType: 'all', // 可用时间段类型：all-全时段，custom-指定时段
useStartTime: '', // 可用开始时间
useEndTime: '', // 可用结束时间
getType: 'no', // 发放设置：不可自行领取/no，可领取/yes
getMode: ['eat'], // 用户领取方式 home/首页-优惠券 eat/点餐页-自动弹出 order/订单支付页面
giveNum: '', // 总发放数量，-10086为不限量
getUserType: 'all', // 可领取用户：全部/all，新用户一次/new，仅会员/vip
getLimit: 1, // 每人领取限量，-10086为不限量
useLimit: -10086, // 每人每日使用限量，-10086为不限量
discountShare: 1, // 与限时折扣同享：0-否，1-是
vipPriceShare: 1, // 与会员价同享：0-否，1-是
ruleDetails: '', // 附加规则说明
status: 1, // 状态：0-禁用，1-启用
useNum: '', // 已使用数量
leftNum: '', // 剩余数量
discountRate: '', // 折扣%
maxDiscountAmount: '', // 可抵扣最大金额 元
useRule: 'price_asc', // 使用规则：price_asc-价格低到高，price_desc-高到低
discountNum: 1, // 抵扣数量
otherCouponShare: 1 // 与其它优惠共享：0-否，1-是
});
const rules = ref({
title: [
{
type: 'string',
required: true,
message: '请输入活动名称',
trigger: ['blur']
}
],
fullAmount: [
{
required: true,
trigger: ['blur'],
message: '请输入使用门槛',
validator: (rule, value, callback) => {
if (form.value.fullAmount < 0 || form.value.fullAmount === '') {
return false;
} else {
return true;
}
}
},
{
required: true,
trigger: ['blur'],
message: '请输入满减金额',
validator: (rule, value, callback) => {
if (form.value.discountAmount <= 0 || form.value.discountAmount === '') {
return false;
} else {
return true;
}
}
}
],
fullAmount2: [
{
required: true,
trigger: ['blur'],
message: '请输入使用门槛',
validator: (rule, value, callback) => {
if (form.value.fullAmount < 0 || form.value.fullAmount === '') {
return false;
} else {
return true;
}
}
}
],
useShops: [
{
trigger: ['change'],
message: '请选择门店',
validator: (rule, value, callback) => {
if (form.value.useShopType == 'custom' && form.value.useShops.length == 0) {
return false;
} else {
return true;
}
}
}
],
foods: [
{
trigger: ['change'],
message: '请选择商品',
validator: (rule, value, callback) => {
if (form.value.goodsType == 2 && form.value.foods.length == 0) {
return false;
} else {
return true;
}
}
}
],
discountNum: [
{
required: true,
trigger: ['blur'],
message: '请输入可抵扣商品件数',
validator: (rule, value, callback) => {
if (form.value.discountNum === '') {
return false;
} else {
return true;
}
}
}
],
discountRate: [
{
required: true,
trigger: ['blur'],
message: '输入折扣（%）',
validator: (rule, value, callback) => {
if (form.value.discountRate === '') {
return false;
} else {
return true;
}
}
}
],
maxDiscountAmount: [
{
required: true,
trigger: ['blur'],
message: '输入可抵扣最大金额',
validator: (rule, value, callback) => {
if (form.value.maxDiscountAmount === '') {
return false;
} else {
return true;
}
}
}
],
useType: [
{
required: true,
trigger: ['change'],
message: '请选择可使用类型',
validator: (rule, value, callback) => {
if (form.value.useType.length == 0) {
return false;
} else {
return true;
}
}
}
],
validDays: [
{
trigger: ['blur'],
message: '请输入有效期',
validator: (rule, value, callback) => {
if (form.value.validType == 'fixed' && form.value.validDays === '') {
return false;
} else {
return true;
}
}
},
{
trigger: ['change'],
message: '请选择有效期',
validator: (rule, value, callback) => {
if (form.value.validType == 'custom' && (form.value.validStartTime === '' || form.value.validEndTime == '')) {
return false;
} else {
return true;
}
}
}
],
daysToTakeEffect: [
{
required: true,
trigger: ['blur'],
message: '请输入隔天生效日期',
validator: (rule, value, callback) => {
if (form.value.daysToTakeEffect === '') {
return false;
} else {
return true;
}
}
}
],
useDays: [
{
required: true,
trigger: ['change'],
message: '请选择可用周期',
validator: (rule, value, callback) => {
if (form.value.useDays.length == 0) {
return false;
} else {
return true;
}
}
}
],
useTimeType: [
{
trigger: ['change'],
message: '请选择指定时间段',
validator: (rule, value, callback) => {
if (form.value.useTimeType == 'custom' && (form.value.useStartTime === '' || form.value.useEndTime == '')) {
return false;
} else {
return true;
}
}
}
],
getType: [
{
required: true,
trigger: ['change'],
message: '请选择用户领取方式',
validator: (rule, value, callback) => {
if (form.value.getType == 'yes' && form.value.getMode.length == 0) {
return false;
} else {
return true;
}
}
}
],
giveNum: [
{
trigger: ['blur'],
message: '请输入总发放数量',
validator: (rule, value, callback) => {
if (infiniteGiveNum.value && form.value.giveNum === '') {
return false;
} else {
return true;
}
}
}
],
getLimit: [
{
trigger: ['blur'],
message: '请输入每人限领量',
validator: (rule, value, callback) => {
if (form.value.getLimit === '') {
return false;
} else {
return true;
}
}
}
],
useLimit: [
{
trigger: ['blur'],
message: '请输入限用数量',
validator: (rule, value, callback) => {
if (!infiniteUseLimit.value && form.value.useLimit === '') {
return false;
} else {
return true;
}
}
}
]
});
// 保存
function submitHandle() {
console.log('前置form', form.value);
formRef.value
.validate()
.then(async (res) => {
try {
form.value.shopId = shopInfo.value.id;
const data = { ...form.value };
console.log('11111111111', data);
if (form.value.goodsType == 2) {
data.foods = form.value.foods.join(',');
}
if (form.value.useShopType == 'custom') {
data.useShops = form.value.useShops.join(',');
}
if (form.value.getType == 'yes') {
data.getMode = JSON.stringify(form.value.getMode);
}
if (form.value.useTimeType == 'custom') {
data.useStartTime = convertTimeFormat(form.value.useStartTime);
data.useEndTime = convertTimeFormat(form.value.useEndTime);
}
data.useDays = JSON.stringify(form.value.useDays);
data.useType = JSON.stringify(form.value.useType);
console.log('22222222222', data);
uni.showLoading({
title: '提交中...',
mask: true
});
await couponAdd(data);
uni.showToast({
title: '保存成功',
icon: 'none'
});
setTimeout(() => {
uni.navigateBack();
}, 1000);
} catch (error) {
console.log(error);
}
setTimeout(() => {
uni.hideLoading();
}, 500);
})
.catch((err) => {});
}
const inputTime = 50;
function fullAmountInput(e) {
setTimeout(() => {
form.value.fullAmount = filterNumberInput(e, 0);
}, inputTime);
}
function discountAmountInput(e) {
setTimeout(() => {
form.value.discountAmountInput = filterNumberInput(e);
}, inputTime);
}
function discountNumInput(e) {
setTimeout(() => {
form.value.discountNum = filterNumberInput(e, 1);
}, inputTime);
}
function discountRateInput(e) {
setTimeout(() => {
form.value.discountRate = filterNumberInput(e, 1);
if (form.value.discountRate >= 100) {
form.value.discountRate = 100;
}
}, inputTime);
}
function maxDiscountAmountInput(e) {
setTimeout(() => {
form.value.maxDiscountAmount = filterNumberInput(e);
}, inputTime);
}
function validDaysInput(e) {
setTimeout(() => {
form.value.validDays = filterNumberInput(e);
}, inputTime);
}
function daysToTakeEffectInput(e) {
setTimeout(() => {
form.value.daysToTakeEffect = filterNumberInput(e, 0);
}, inputTime);
}
function showDaysToTakeEffectTipsHandle() {
uni.showModal({
title: '注意',
content: `领取后${form.value.daysToTakeEffect}天后的0点0分生效`,
showCancel: false
});
}
const infiniteNum = -10086; // 无限
const infiniteGiveNum = ref(true);
function infiniteGiveNumChange(e) {
if (!e) {
form.value.giveNum = infiniteNum;
} else {
form.value.giveNum = '';
}
}
function giveNumInput(e) {
setTimeout(() => {
form.value.giveNum = filterNumberInput(e, 1);
}, inputTime);
}
function getLimitInput(e) {
setTimeout(() => {
form.value.getLimit = filterNumberInput(e, 1);
}, inputTime);
}
// 是否为无限每人领取限量
const infiniteUseLimit = ref(true);
function infiniteUseLimitChange(e) {
if (e) {
form.value.useLimit = infiniteNum.value;
} else {
form.value.useLimit = '';
}
}
function useLimitInput(e) {
setTimeout(() => {
form.value.useLimit = filterNumberInput(e, 1);
if (form.value.useLimit >= form.value.getLimit) {
form.value.useLimit = form.value.getLimit;
}
}, inputTime);
}
// 获取优惠券详情
async function couponDetailAjax() {
try {
uni.showLoading({
title: '加载中...',
mask: true
});
const res = await couponDetail(form.value.id);
res.goodsType = 1;
form.value = { ...res };
form.value.getMode = JSON.parse(form.value.getMode);
form.value.useDays = JSON.parse(form.value.useDays);
form.value.useType = JSON.parse(form.value.useType);
if (!!form.value.syncId) {
form.value.useShopType = 'only';
}
if (form.value.foods != '') {
form.value.goodsType = 2;
form.value.foods = form.value.foods.split(',');
} else {
form.value.goodsType = 1;
}
if (form.value.useShops != '' && form.value.useShopType == 'custom') {
form.value.useShops = form.value.useShops.split(',');
}
if (form.value.validType == 'custom') {
form.value.validStartTime = dayjs(form.value.validStartTime).format('YYYY-MM-DD');
form.value.validEndTime = dayjs(form.value.validEndTime).format('YYYY-MM-DD');
}
if (form.value.useTimeType == 'custom') {
form.value.useStartTime = convertTimeFormat(form.value.useStartTime);
form.value.useEndTime = convertTimeFormat(form.value.useEndTime);
}
if (form.value.giveNum == infiniteNum) {
infiniteGiveNum.value = false;
}
if (form.value.useLimit == infiniteNum) {
infiniteUseLimit.value = true;
}
console.log('最终获取到的form', form.value);
} catch (error) {
console.log(error);
}
setTimeout(() => {
uni.hideLoading();
}, 500);
}
onLoad((options) => {
form.value.couponType = options.couponType;
shopInfo.value = uni.getStorageSync('shopInfo');
if (options.id) {
uni.setNavigationBarTitle({
title: `编辑${getEmunListLabel('couponTypes', form.value.couponType)}`
});
form.value.id = options.id;
couponDetailAjax();
} else {
uni.setNavigationBarTitle({
title: `添加${getEmunListLabel('couponTypes', form.value.couponType)}`
});
}
});
</script>
<style>
page {
background-color: #f7f7f7;
}
</style>
<style scoped lang="scss">
.container {
padding: 28upx;
}
.center {
display: flex;
gap: 28upx;
align-items: center;
.ipt {
flex: 1;
}
}
.tips {
font-size: 28upx;
color: #999;
}
.column {
display: flex;
flex-direction: column;
gap: 20upx;
}
</style>

58
pageMarket/exchangeCoupon/index.vue
View File

@ -31,7 +31,7 @@
</view>
<view class="my-coupon-item-list">
<view class="my-coupon-item-item" v-for="item in tableData.list" :key="item.id">
<my-coupon-item :item="item">
<my-coupon-item :item="item" @delete="deleteHandle" @editor="editorHandle">
<view class="my-coupon-item-row-wrap">
<template v-if="couponType == 5">
<view class="row">
@ -74,7 +74,9 @@
<text class="title">有效期</text>
<text class="info">
<template v-if="item.validType == 'fixed'">领券后{{ item.validDays }}天过期</template>
<template v-if="item.validType == 'custom'">{{ item.validStartTime }}至{{ item.validEndTime }}</template>
<template v-if="item.validType == 'custom'">
{{ dayjs(item.validStartTime).format('YYYY-MM-DD') }} 至 {{ dayjs(item.validEndTime).format('YYYY-MM-DD') }}
</template>
</text>
</view>
</template>
@ -87,14 +89,15 @@
</view>
</view>
<u-loadmore :status="tableData.status"></u-loadmore>
<my-footer-btn confirmText="+ 添加商品兑换券" @confirm="go.to('PAGES_ADD_COUPON')"></my-footer-btn>
<my-footer-btn :confirmText="`+ 添加${getEmunListLabel('couponTypes', couponType)}`" @confirm="toAddCounpon"></my-footer-btn>
</view>
</template>
<script setup>
import dayjs from 'dayjs';
import { ref, reactive } from 'vue';
import go from '@/commons/utils/go.js';
import { couponPage } from '@/http/api/market/index.js';
import { couponPage, couponDel } from '@/http/api/market/index.js';
import { onLoad, onShow, onReachBottom } from '@dcloudio/uni-app';
import { getEmunListLabel, emunList } from '../utils/couponUtils.js';
@ -109,6 +112,7 @@ function searchHandle() {
resetGetData();
}
// 重置获取数据
function resetGetData() {
tableData.page = 1;
tableData.status = 'loading';
@ -116,6 +120,52 @@ function resetGetData() {
couponPageAjax();
}
function toAddCounpon() {
if (couponType.value == 5) {
go.to('PAGES_ADD_CONSUME_COUPON');
} else {
go.to('PAGES_ADD_COUPON', { couponType: couponType.value });
}
}
// 删除
function deleteHandle(item) {
console.log('del', item);
uni.showModal({
title: '注意',
content: `确定要删除${item.title}优惠券吗?`,
success: async (res) => {
try {
uni.showLoading({
title: '删除中...',
mask: true
});
await couponDel(item.id);
uni.showToast({
title: '已删除',
icon: 'none'
});
let index = tableData.list.findIndex((val) => val.id == item.id);
tableData.list.splice(index, 1);
} catch (error) {
console.log(error);
}
setTimeout(() => {
uni.hideLoading();
}, 500);
}
});
}
// 编辑
function editorHandle(item) {
console.log('editor', item);
go.to('PAGES_ADD_COUPON', {
couponType: item.couponType,
id: item.id
});
}
// 获取优惠券
const couponType = ref(1);
const tableData = reactive({

16
pageMarket/limitDiscount/add.vue
View File

@ -1,7 +1,7 @@
<template>
<view class="container">
<u-form label-position="top" labelWidth="200" :model="form" :rules="rules" ref="formRef">
<view class="card">
<view class="u-form-card">
<u-form-item label="活动名称" prop="title">
<u-input placeholder="请输入活动名称" :maxlength="20" v-model="form.title" border="bottom" :customStyle="inputStyle"></u-input>
</u-form-item>
@ -9,7 +9,7 @@
<my-shop-select-w v-model:useType="form.useShopType" v-model:selShops="form.useShops"></my-shop-select-w>
</u-form-item>
</view>
<view class="card">
<view class="u-form-card">
<u-form-item label="活动日期" prop="validStartTime">
<my-time-area v-model:startDate="form.validStartTime" v-model:endDate="form.validEndTime"></my-time-area>
</u-form-item>
@ -20,12 +20,12 @@
<my-hour-area v-model:useTimeType="form.useTimeType" v-model:startValue="form.useStartTime" v-model:endValue="form.useEndTime"></my-hour-area>
</u-form-item>
</view>
<view class="card">
<view class="u-form-card">
<u-form-item label="可使用类型" prop="useType">
<my-dine-types v-model="form.useType"></my-dine-types>
</u-form-item>
</view>
<view class="card">
<view class="u-form-card">
<u-form-item label="折扣" prop="discountRate">
<view class="center">
<u-input placeholder="请输入折扣" type="number" v-model="form.discountRate" @change="discountRateInput">
@ -52,7 +52,7 @@
</u-radio-group>
</u-form-item>
</view>
<view class="card">
<view class="u-form-card">
<u-form-item label="参与商品" prop="foodType">
<my-select-goods v-model:foodType="form.foodType" v-model="form.foods"></my-select-goods>
</u-form-item>
@ -302,12 +302,6 @@ page {
.container {
padding: 28upx;
}
.card {
background-color: #fff;
border-radius: 20upx;
padding: 0 28upx 14upx;
margin-bottom: 28upx;
}
.center {
display: flex;
align-items: center;

36
pageMarket/utils/couponUtils.js
View File

@ -43,6 +43,19 @@ export const emunList = {
value: 'yes'
}
],
getMode: [{
label: '首页-优惠券',
value: 'home'
},
{
label: '点餐页-自动弹出',
value: 'eat'
},
{
label: '订单支付页面',
value: 'order'
}
],
validType: [{
label: '领券后有效期内可用',
value: 'fixed'
@ -51,6 +64,29 @@ export const emunList = {
label: '固定有效期范围内可用',
value: 'custom'
}
],
useRule: [{
label: '从最低价开始抵扣',
value: 'price_asc'
},
{
label: '从最高价开始抵扣',
value: 'price_desc'
}
],
getUserType: [{
label: '全部用户可领',
value: 'all'
},
{
label: '仅新用户可领取一张',
value: 'new'
},
{
label: '仅会员可领取',
value: 'vip'
},
]
}

9
pages.json
View File

@ -649,7 +649,7 @@
"pageId": "PAGES_EXCHANGE_COUPON",
"path": "exchangeCoupon/index",
"style": {
"navigationBarTitleText": "商品兑换券"
"navigationBarTitleText": "优惠券"
}
},
{
@ -659,6 +659,13 @@
"navigationBarTitleText": "添加优惠券"
}
},
{
"pageId": "PAGES_ADD_CONSUME_COUPON",
"path": "addCoupon/addConsumeCoupon",
"style": {
"navigationBarTitleText": "添加消费赠券"
}
},
{
"pageId": "PAGES_DISTRIBUTION_LEVEL_LIST",
"path": "distribution/level-list",

91
utils/couponUtils.js Normal file
View File

@ -0,0 +1,91 @@
// 优惠券通用的一些方法
export const emunList = {
couponTypes: [{
label: '满减券',
value: 1,
},
{
label: '商品兑换券',
value: 2,
},
{
label: '折扣券',
value: 3,
},
{
label: '第二件半价券',
value: 4,
},
{
label: '消费送券',
value: 5,
},
{
label: '买一送一券',
value: 6,
},
{
label: '固定价格券',
value: 7,
},
{
label: '免配送费券',
value: 8,
}
],
getType: [{
label: '不可自行领取',
value: 'no'
},
{
label: '可领取',
value: 'yes'
}
],
getMode: [{
label: '首页-优惠券',
value: 'home'
},
{
label: '点餐页-自动弹出',
value: 'eat'
},
{
label: '订单支付页面',
value: 'order'
}
],
validType: [{
label: '领券后有效期内可用',
value: 'fixed'
},
{
label: '固定有效期范围内可用',
value: 'custom'
}
],
useRule: [{
label: '从最低价开始抵扣',
value: 'price_asc'
},
{
label: '从最高价开始抵扣',
value: 'price_desc'
}
]
}
/**
* key对应上面emunList属性名，value对应属性value
*/
export const getEmunListLabel = (key, value) => {
let obj = emunList[key].find(item => item.value == value)
if (obj) {
return obj.label
} else {
return value
}
}