55 lines
1.3 KiB
Vue
55 lines
1.3 KiB
Vue
<template>
|
|
<div>
|
|
<van-cell-group>
|
|
<van-cell title="优惠劵编号" :value="couponTemplate.id" />
|
|
<van-cell title="优惠劵名" :value="couponTemplate.title"/>
|
|
</van-cell-group>
|
|
<van-button slot="button" size="small" type="primary" @click="onFetchClick">领取优惠劵</van-button>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { getCouponTemplate, doAddCouponCard } from '../../api/promotion';
|
|
import { Dialog } from 'vant';
|
|
import { setLoginToken } from '../../utils/cache';
|
|
|
|
export default {
|
|
|
|
data() {
|
|
return {
|
|
couponTemplate: {
|
|
}
|
|
}
|
|
},
|
|
|
|
mounted() {
|
|
let id = this.$route.query.id;
|
|
let response = getCouponTemplate(id);
|
|
response.then(data => {
|
|
this.couponTemplate = data;
|
|
});
|
|
},
|
|
|
|
methods: {
|
|
onFetchClick: function () {
|
|
let that = this;
|
|
let id = this.$route.query.id;
|
|
let response = doAddCouponCard(id);
|
|
response.then(data => {
|
|
Dialog.alert({
|
|
title: '系统提示',
|
|
message: '领取成功',
|
|
beforeClose: function (action, done) {
|
|
// 关闭弹窗
|
|
done();
|
|
// 跳转到我的优惠劵
|
|
that.$router.push('/user/coupon');
|
|
}
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
}
|
|
</script>
|