162 lines
3.5 KiB
Vue
162 lines
3.5 KiB
Vue
<template>
|
|
<view class="min-page bg-f7 default-box-padding u-font-28 color-333">
|
|
<view class="default-box-padding bg-fff default-box-radius">
|
|
<view>
|
|
<view class="font-bold u-m-b-16">兑换码名称</view>
|
|
<up-input
|
|
placeholder="请输入兑换码名称"
|
|
border="none"
|
|
v-model="form.name"
|
|
placeholder-class="color-999 u-font-28"
|
|
></up-input>
|
|
<view class="u-m-t-24">
|
|
<up-line></up-line>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="u-m-t-24">
|
|
<view class="font-bold u-m-b-16">活动日期</view>
|
|
<DateTimePicker
|
|
v-model:startTime="form.startTime"
|
|
v-model:endTime="form.endTime"
|
|
>
|
|
</DateTimePicker>
|
|
</view>
|
|
</view>
|
|
<view class="default-box-padding bg-fff default-box-radius u-m-t-32">
|
|
<view class="font-bold u-m-b-16">发放数量（个）</view>
|
|
<view class="u-flex u-m-t-16">
|
|
<input
|
|
class="number-box"
|
|
placeholder="填写数量"
|
|
placeholder-class="color-999 u-font-28"
|
|
type="number"
|
|
v-model="form.total"
|
|
/>
|
|
<view class="unit">个</view>
|
|
</view>
|
|
<view class="u-m-t-24">
|
|
<up-line></up-line>
|
|
</view>
|
|
<view class="font-bold u-m-t-24">金额（元）</view>
|
|
|
|
<view class="u-flex u-m-t-16">
|
|
<input
|
|
class="number-box"
|
|
placeholder="请输入金额"
|
|
placeholder-class="color-999 u-font-28"
|
|
type="number"
|
|
v-model="form.amount"
|
|
/>
|
|
<view class="unit">元</view>
|
|
</view>
|
|
</view>
|
|
|
|
<my-bottom-btn-group
|
|
@cancel="cancel"
|
|
@save="save"
|
|
direction="column"
|
|
></my-bottom-btn-group>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { reactive, onMounted } from "vue";
|
|
import DateTimePicker from "@/pageMarket/components/date-time-picker.vue";
|
|
import CouponList from "@/pageMarket/components/coupon-list.vue";
|
|
import * as rechargeRedemptionApi from "@/http/api/market/rechargeRedemption.js";
|
|
import {
|
|
onLoad,
|
|
onReady,
|
|
onShow,
|
|
onPageScroll,
|
|
onReachBottom,
|
|
onBackPress,
|
|
} from "@dcloudio/uni-app";
|
|
|
|
function cancel() {
|
|
uni.navigateBack({
|
|
delta: 1,
|
|
});
|
|
}
|
|
|
|
const form = reactive({
|
|
name: "",
|
|
startTime: "",
|
|
endTime: "",
|
|
stock: "",
|
|
total: '',
|
|
amount:'',
|
|
});
|
|
|
|
function save() {
|
|
if (!form.name) {
|
|
uni.showToast({
|
|
title: "请输入兑换码名称",
|
|
icon: "none",
|
|
});
|
|
return;
|
|
}
|
|
if (!form.startTime || !form.endTime) {
|
|
uni.showToast({
|
|
title: "请选择活动日期",
|
|
icon: "none",
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (!form.total) {
|
|
uni.showToast({
|
|
title: "请输入发行数量",
|
|
icon: "none",
|
|
});
|
|
return;
|
|
}
|
|
if (!form.amount) {
|
|
uni.showToast({
|
|
title: "请输入金额",
|
|
icon: "none",
|
|
});
|
|
return;
|
|
}
|
|
|
|
|
|
rechargeRedemptionApi.add(form).then((res) => {
|
|
uni.showToast({
|
|
title: "添加成功",
|
|
icon: "none",
|
|
});
|
|
setTimeout(() => {
|
|
uni.navigateBack({
|
|
delta: 1,
|
|
});
|
|
}, 1500);
|
|
});
|
|
}
|
|
function addCoupon() {
|
|
form.couponInfoList.push({
|
|
id: "",
|
|
num: "",
|
|
title: "",
|
|
});
|
|
}
|
|
const options = reactive({});
|
|
onLoad((opt) => {});
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
:deep(.my-hour-area .container) {
|
|
padding: 32rpx 28rpx;
|
|
background-color: #f7f7f7;
|
|
border-radius: 8rpx;
|
|
margin-top: 16rpx;
|
|
}
|
|
:deep(.my-hour-area .box) {
|
|
margin-top: 0 !important;
|
|
}
|
|
:deep(.fixed-bottom) {
|
|
left: 110rpx;
|
|
right: 110rpx;
|
|
}
|
|
</style>
|