master
zx
3 years ago
parent
2dace81b43
commit
542ea78b87
@ -0,0 +1,70 @@
|
||||
<template>
|
||||
<div class="main-content">
|
||||
<div class="form-area">
|
||||
<el-form size="default" :model="form" label-width="120px">
|
||||
<el-form-item label="规则名" style="width: 80%">
|
||||
<el-input placeholder="请输入" v-model="form.title" />
|
||||
</el-form-item>
|
||||
<el-form-item label="奖励规则">
|
||||
<div>
|
||||
<span>传播值</span>
|
||||
<span style="margin-left: 312px">奖励积分</span>
|
||||
</div>
|
||||
<div v-for="(item,index) in form.rewardRuleList" :key="index" class="ruleTable">
|
||||
<el-input-number v-model="form.rewardRuleList[index].min"></el-input-number>
|
||||
<span style="margin: 0px 8px 0px 8px">至</span>
|
||||
<el-input-number v-model="form.rewardRuleList[index].max"></el-input-number>
|
||||
<span style="margin: 0px 12px 0px 12px"></span>
|
||||
<el-input-number v-model="form.rewardRuleList[index].reward"></el-input-number>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="confirm">提交</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {defineComponent,reactive, getCurrentInstance} from 'vue'
|
||||
export default defineComponent({
|
||||
name: 'v-matUpload',
|
||||
setup() {
|
||||
const activeId = reactive({
|
||||
value: 0
|
||||
});
|
||||
const { proxy } = getCurrentInstance();
|
||||
const form = reactive({
|
||||
title: '',
|
||||
rewardRuleList: [
|
||||
{min: 0, max: 0, reward: 0},
|
||||
{min: 0, max: 0, reward: 0},
|
||||
{min: 0, max: 0, reward: 0},
|
||||
{min: 0, max: 0, reward: 0}
|
||||
]
|
||||
});
|
||||
return {
|
||||
form,proxy,
|
||||
activeId
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
confirm() {
|
||||
this.proxy.$post("/rewardRuleTemplate/add", this.form).then(res => {
|
||||
this.$message.success(res.data)
|
||||
this.$router.go(-1);
|
||||
}).catch(() => {});
|
||||
},
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
.form-area {
|
||||
width: 600px
|
||||
}
|
||||
.ruleTable {
|
||||
display: flex;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue