chenwei
parent
2e7483df5c
commit
fe702a1c94
@ -0,0 +1,28 @@ |
||||
import { axios } from '@/utils/request' |
||||
|
||||
// api接口列表
|
||||
const api = { |
||||
info: '/invite/getConfig', |
||||
edit: '/invite/editConfig', |
||||
} |
||||
|
||||
// 列表记录
|
||||
export function info(params) { |
||||
return axios({ |
||||
url: api.info, |
||||
method: 'post', |
||||
params, |
||||
}) |
||||
} |
||||
|
||||
/** |
||||
* 更新 |
||||
* @param {*} data |
||||
*/ |
||||
export function edit(data) { |
||||
return axios({ |
||||
url: api.edit, |
||||
method: 'post', |
||||
data, |
||||
}) |
||||
} |
||||
@ -0,0 +1,109 @@ |
||||
<template> |
||||
<a-card :bordered="false"> |
||||
<div class="card-title">邀请设置</div> |
||||
<a-spin :spinning="isLoading"> |
||||
<a-form-model ref="myForm" class="my-form" :model="form" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
||||
<a-form-model-item label="赠送优惠券" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="couponId"> |
||||
<SelectCoupon :multiple="false" v-model="form.coupon_id" /> |
||||
<div class="form-item-help"> |
||||
<small>请先确保优惠券剩余数量充足，否则将会导致发送失败</small> |
||||
</div> |
||||
</a-form-model-item> |
||||
<a-form-item label="首单返利" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="one_order_rate"> |
||||
<a-input-number :min="0" :max="9.9" :precision="1" v-model="form.one_order_rate" /> |
||||
<span class="ml-5">%</span> |
||||
<p class="form-item-help"> |
||||
<small>返利率范围 0-9.9，8代表返利8%，0代表不返利</small> |
||||
</p> |
||||
</a-form-item> |
||||
<a-form-item label="赠送积分" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
||||
<a-input-number |
||||
:min="0" |
||||
v-decorator="['integral', { initialValue: 1, rules: [{ message: '请输入积分' }] }]" |
||||
v-model="form.integral" |
||||
/> |
||||
</a-form-item> |
||||
<a-form-model-item :wrapperCol="{ span: wrapperCol.span, offset: labelCol.span }"> |
||||
<a-button type="primary" :loading="confirmLoading" @click="handleSubmit">保存</a-button> |
||||
</a-form-model-item> |
||||
</a-form-model> |
||||
</a-spin> |
||||
</a-card> |
||||
</template> |
||||
|
||||
<script> |
||||
import { cloneDeep } from 'lodash' |
||||
import { SelectCoupon } from '@/components' |
||||
import * as InviteApi from '@/api/invite/invite' |
||||
// 默认数据 |
||||
const defaultData = { |
||||
coupon_id: 0, |
||||
one_order_rate: 0, |
||||
integral: 0, |
||||
} |
||||
|
||||
export default { |
||||
components: { |
||||
SelectCoupon, |
||||
}, |
||||
data() { |
||||
return { |
||||
// 标签布局属性 |
||||
labelCol: { span: 4 }, |
||||
// 输入框布局属性 |
||||
wrapperCol: { span: 12 }, |
||||
// 加载状态 |
||||
isLoading: false, |
||||
confirmLoading: false, |
||||
// 当前记录详情 |
||||
form: cloneDeep(defaultData), |
||||
} |
||||
}, |
||||
// 初始化数据 |
||||
created() { |
||||
this.handleInfo() |
||||
}, |
||||
methods: { |
||||
// 确认按钮 |
||||
handleSubmit(e) { |
||||
const app = this |
||||
app.$refs.myForm.validate((valid) => { |
||||
if (valid) { |
||||
this.confirmLoading = true |
||||
InviteApi.edit({ form: app.form }) |
||||
.then((result) => { |
||||
app.$message.success(result.message, 1.5) |
||||
// app.form = cloneDeep(defaultData) |
||||
// 跳转到列表页 |
||||
// setTimeout(() => this.$router.push('./receive/index'), 1200) |
||||
}) |
||||
.finally((result) => (app.confirmLoading = false)) |
||||
} |
||||
}) |
||||
}, |
||||
handleInfo() { |
||||
InviteApi.info() |
||||
.then((result) => { |
||||
this.form.integral = result.data.info.integral |
||||
this.form.one_order_rate = result.data.info.one_order_rate |
||||
this.form.coupon_id = result.data.info.coupon_id |
||||
}) |
||||
.finally(() => (this.isLoading = false)) |
||||
}, |
||||
}, |
||||
} |
||||
</script> |
||||
<style lang="less" scoped> |
||||
.ant-form-item { |
||||
.ant-form-item { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
|
||||
/deep/.ant-form-item-control { |
||||
padding-left: 10px; |
||||
.ant-form-item-control { |
||||
padding-left: 0; |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue