Merge branch 'new_gyq' of https://newgitea.sxczgkj.cn/czg_team/cashier_app into ymf
This commit is contained in:
commit
ef563a582b
10
App.vue
10
App.vue
|
|
@ -181,7 +181,7 @@ onLaunch(() => {
|
||||||
margin-top: 12upx;
|
margin-top: 12upx;
|
||||||
}
|
}
|
||||||
.title {
|
.title {
|
||||||
width: 200upx;
|
width: 180upx;
|
||||||
font-size: 28upx;
|
font-size: 28upx;
|
||||||
color: #666;
|
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>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,10 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="total-info">
|
<view class="total-info">
|
||||||
<view class="item">
|
<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>
|
<text class="title">总发放</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="item">
|
<view class="item">
|
||||||
|
|
@ -31,10 +34,10 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="footer-wrap">
|
<view class="footer-wrap">
|
||||||
<view class="btn">
|
<view class="btn">
|
||||||
<u-button shape="circle">删除</u-button>
|
<u-button shape="circle" @click="emits('delete', item)">删除</u-button>
|
||||||
</view>
|
</view>
|
||||||
<view class="btn">
|
<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>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -47,6 +50,8 @@ const props = defineProps({
|
||||||
default: {}
|
default: {}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const emits = defineEmits(['delete', 'editor']);
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -38,7 +38,7 @@ export function limitTimeDiscount(data) {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 限时折扣-分页
|
* 优惠券-分页
|
||||||
* @param {Object} params
|
* @param {Object} params
|
||||||
*/
|
*/
|
||||||
export function couponPage(params) {
|
export function couponPage(params) {
|
||||||
|
|
@ -48,3 +48,37 @@ export function couponPage(params) {
|
||||||
params
|
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"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -1,7 +1,756 @@
|
||||||
<template>
|
<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>
|
</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>
|
||||||
|
|
|
||||||
|
|
@ -31,7 +31,7 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="my-coupon-item-list">
|
<view class="my-coupon-item-list">
|
||||||
<view class="my-coupon-item-item" v-for="item in tableData.list" :key="item.id">
|
<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">
|
<view class="my-coupon-item-row-wrap">
|
||||||
<template v-if="couponType == 5">
|
<template v-if="couponType == 5">
|
||||||
<view class="row">
|
<view class="row">
|
||||||
|
|
@ -74,7 +74,9 @@
|
||||||
<text class="title">有效期</text>
|
<text class="title">有效期</text>
|
||||||
<text class="info">
|
<text class="info">
|
||||||
<template v-if="item.validType == 'fixed'">领券后{{ item.validDays }}天过期</template>
|
<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>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -87,14 +89,15 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<u-loadmore :status="tableData.status"></u-loadmore>
|
<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>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
import dayjs from 'dayjs';
|
||||||
import { ref, reactive } from 'vue';
|
import { ref, reactive } from 'vue';
|
||||||
import go from '@/commons/utils/go.js';
|
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 { onLoad, onShow, onReachBottom } from '@dcloudio/uni-app';
|
||||||
import { getEmunListLabel, emunList } from '../utils/couponUtils.js';
|
import { getEmunListLabel, emunList } from '../utils/couponUtils.js';
|
||||||
|
|
||||||
|
|
@ -109,6 +112,7 @@ function searchHandle() {
|
||||||
resetGetData();
|
resetGetData();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 重置获取数据
|
||||||
function resetGetData() {
|
function resetGetData() {
|
||||||
tableData.page = 1;
|
tableData.page = 1;
|
||||||
tableData.status = 'loading';
|
tableData.status = 'loading';
|
||||||
|
|
@ -116,6 +120,52 @@ function resetGetData() {
|
||||||
couponPageAjax();
|
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 couponType = ref(1);
|
||||||
const tableData = reactive({
|
const tableData = reactive({
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<u-form label-position="top" labelWidth="200" :model="form" :rules="rules" ref="formRef">
|
<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-form-item label="活动名称" prop="title">
|
||||||
<u-input placeholder="请输入活动名称" :maxlength="20" v-model="form.title" border="bottom" :customStyle="inputStyle"></u-input>
|
<u-input placeholder="请输入活动名称" :maxlength="20" v-model="form.title" border="bottom" :customStyle="inputStyle"></u-input>
|
||||||
</u-form-item>
|
</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>
|
<my-shop-select-w v-model:useType="form.useShopType" v-model:selShops="form.useShops"></my-shop-select-w>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
</view>
|
</view>
|
||||||
<view class="card">
|
<view class="u-form-card">
|
||||||
<u-form-item label="活动日期" prop="validStartTime">
|
<u-form-item label="活动日期" prop="validStartTime">
|
||||||
<my-time-area v-model:startDate="form.validStartTime" v-model:endDate="form.validEndTime"></my-time-area>
|
<my-time-area v-model:startDate="form.validStartTime" v-model:endDate="form.validEndTime"></my-time-area>
|
||||||
</u-form-item>
|
</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>
|
<my-hour-area v-model:useTimeType="form.useTimeType" v-model:startValue="form.useStartTime" v-model:endValue="form.useEndTime"></my-hour-area>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
</view>
|
</view>
|
||||||
<view class="card">
|
<view class="u-form-card">
|
||||||
<u-form-item label="可使用类型" prop="useType">
|
<u-form-item label="可使用类型" prop="useType">
|
||||||
<my-dine-types v-model="form.useType"></my-dine-types>
|
<my-dine-types v-model="form.useType"></my-dine-types>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
</view>
|
</view>
|
||||||
<view class="card">
|
<view class="u-form-card">
|
||||||
<u-form-item label="折扣" prop="discountRate">
|
<u-form-item label="折扣" prop="discountRate">
|
||||||
<view class="center">
|
<view class="center">
|
||||||
<u-input placeholder="请输入折扣" type="number" v-model="form.discountRate" @change="discountRateInput">
|
<u-input placeholder="请输入折扣" type="number" v-model="form.discountRate" @change="discountRateInput">
|
||||||
|
|
@ -52,7 +52,7 @@
|
||||||
</u-radio-group>
|
</u-radio-group>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
</view>
|
</view>
|
||||||
<view class="card">
|
<view class="u-form-card">
|
||||||
<u-form-item label="参与商品" prop="foodType">
|
<u-form-item label="参与商品" prop="foodType">
|
||||||
<my-select-goods v-model:foodType="form.foodType" v-model="form.foods"></my-select-goods>
|
<my-select-goods v-model:foodType="form.foodType" v-model="form.foods"></my-select-goods>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
|
|
@ -302,12 +302,6 @@ page {
|
||||||
.container {
|
.container {
|
||||||
padding: 28upx;
|
padding: 28upx;
|
||||||
}
|
}
|
||||||
.card {
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 20upx;
|
|
||||||
padding: 0 28upx 14upx;
|
|
||||||
margin-bottom: 28upx;
|
|
||||||
}
|
|
||||||
.center {
|
.center {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
|
|
@ -43,6 +43,19 @@ export const emunList = {
|
||||||
value: 'yes'
|
value: 'yes'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
getMode: [{
|
||||||
|
label: '首页-优惠券',
|
||||||
|
value: 'home'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '点餐页-自动弹出',
|
||||||
|
value: 'eat'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '订单支付页面',
|
||||||
|
value: 'order'
|
||||||
|
}
|
||||||
|
],
|
||||||
validType: [{
|
validType: [{
|
||||||
label: '领券后有效期内可用',
|
label: '领券后有效期内可用',
|
||||||
value: 'fixed'
|
value: 'fixed'
|
||||||
|
|
@ -51,6 +64,29 @@ export const emunList = {
|
||||||
label: '固定有效期范围内可用',
|
label: '固定有效期范围内可用',
|
||||||
value: 'custom'
|
value: 'custom'
|
||||||
}
|
}
|
||||||
|
],
|
||||||
|
useRule: [{
|
||||||
|
|
||||||
|
label: '从最低价开始抵扣',
|
||||||
|
value: 'price_asc'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '从最高价开始抵扣',
|
||||||
|
value: 'price_desc'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
getUserType: [{
|
||||||
|
label: '全部用户可领',
|
||||||
|
value: 'all'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '仅新用户可领取一张',
|
||||||
|
value: 'new'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '仅会员可领取',
|
||||||
|
value: 'vip'
|
||||||
|
},
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -649,7 +649,7 @@
|
||||||
"pageId": "PAGES_EXCHANGE_COUPON",
|
"pageId": "PAGES_EXCHANGE_COUPON",
|
||||||
"path": "exchangeCoupon/index",
|
"path": "exchangeCoupon/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "商品兑换券"
|
"navigationBarTitleText": "优惠券"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
@ -659,6 +659,13 @@
|
||||||
"navigationBarTitleText": "添加优惠券"
|
"navigationBarTitleText": "添加优惠券"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"pageId": "PAGES_ADD_CONSUME_COUPON",
|
||||||
|
"path": "addCoupon/addConsumeCoupon",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "添加消费赠券"
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"pageId": "PAGES_DISTRIBUTION_LEVEL_LIST",
|
"pageId": "PAGES_DISTRIBUTION_LEVEL_LIST",
|
||||||
"path": "distribution/level-list",
|
"path": "distribution/level-list",
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue