Skip to content

A
admin
Commit 1297898a by baihong
Options

签到活动奖励设置

parent 45bf38e4
Showing with 179 additions and 77 deletions
src/view/clockEarly/setTabs.vue
......@@ -118,22 +118,22 @@
:rules="ruleValidate"
:label-width="90"
>
<FormItem label="奖品名称" prop="name">
<FormItem label="奖品名称" prop="award_name">
<Input v-model="formValidate.award_name" placeholder="请输入"></Input>
</FormItem>
<FormItem label="优惠卷类型" prop="name">
<FormItem label="优惠卷类型" >
<Select v-model="formValidate.award_type" placeholder="请选择">
<Option :value="1">优惠券</Option>
<Option :value="2">真我币</Option>
</Select>
</FormItem>
<FormItem label="模版编号" prop="name">
<FormItem label="模版编号" prop="template_code">
<Input
v-model="formValidate.template_code"
placeholder="请输入"
></Input>
</FormItem>
<FormItem label="获奖概率" prop="name">
<FormItem label="获奖概率" prop="award_rate">
<Input
v-model="formValidate.award_rate"
type="number"
......@@ -305,7 +305,7 @@ export default {
updateRule({
id: this.gzId,
content: this.content,
rule_type: 2
rule_type: 1
}).then(res => {
this.$Message.success("保存成功!");
});
......
src/view/signIn/setTabs.vue
......@@ -58,7 +58,14 @@
v-if="tab === '4' || tab === '3'"
>
<div class="left">
<Button type="primary" @click="goDetail">新增奖品</Button>
<Button
type="primary"
@click="
modalVisible = true;
add = true;
"
>新增奖品</Button
>
<Button type="primary" style="margin-right: 20px;"
>开启新用户奖励</Button
>
......@@ -66,27 +73,19 @@
</div>
</div>
<Table
v-if="tab === '3'"
v-if="tab === '3' || tab === '4'"
:loading="$store.state.app.isLoading"
border
ref="selection"
:columns="newoldcolumns"
:data="data"
>
<template slot-scope="{ row }" slot="action">
<a @click="edit(row)">编辑</a>
<template slot-scope="{ row }" slot="award_type">
{{ row.award_type === 1 ? "优惠券" : "真我币" }}
</template>
</Table>
<Table
v-if="tab === '4'"
:loading="$store.state.app.isLoading"
border
ref="selection"
:columns="newoldcolumns"
:data="data"
>
<template slot-scope="{ row }" slot="action">
<a @click="edit(row)">编辑</a>
<a style="margin-left:10px" @click="del(row)">删除</a>
</template>
</Table>
<p v-if="tab === '4' || tab === '3'" style="margin-top:20px">
......@@ -120,8 +119,7 @@
v-model="modalVisible"
width="600"
:mask-closable="false"
:styles="styles"
@on-close="close"
@on-close="modalVisible = false"
>
<Form
ref="formValidate"
......@@ -129,56 +127,28 @@
:rules="ruleValidate"
:label-width="90"
>
<FormItem label="日期" prop="name">
<DatePicker
:value="value2"
format="yyyy/MM/dd"
type="daterange"
placement="bottom-end"
placeholder="Select date"
style="width: 200px"
></DatePicker>
<FormItem label="奖品名称" prop="award_name">
<Input v-model="formValidate.award_name" placeholder="请输入"></Input>
</FormItem>
<FormItem label="优惠卷类型" >
<Select v-model="formValidate.award_type" placeholder="请选择">
<Option :value="1">优惠券</Option>
<Option :value="2">真我币</Option>
</Select>
</FormItem>
<FormItem label="倍数" prop="name">
<Input v-model="formValidate.mail" placeholder="请输入"></Input>
<FormItem label="模版编号" prop="template_code">
<Input
v-model="formValidate.template_code"
placeholder="请输入"
></Input>
</FormItem>
<FormItem label="获奖概率" prop="award_rate">
<Input
v-model="formValidate.award_rate"
type="number"
placeholder="请输入"
></Input>
</FormItem>
<span>
<FormItem label="奖励名称" prop="name">
<Input v-model="formValidate.mail" placeholder="请输入"></Input>
</FormItem>
<FormItem label="奖励类型" prop="name">
<Select v-model="formValidate.city" placeholder="请选择">
<Option value="beijing">真我币</Option>
<Option value="shanghai">优惠券</Option>
</Select>
</FormItem>
<FormItem label="优惠卷类型" prop="name">
<Input v-model="formValidate.mail" placeholder="请输入"></Input>
</FormItem>
<FormItem label="模版编号" prop="name">
<Input v-model="formValidate.mail" placeholder="请输入"></Input>
</FormItem>
<FormItem label="获奖概率" prop="name">
<Input v-model="formValidate.mail" placeholder="请输入"></Input>
</FormItem>
</span>
<span>
<FormItem label="奖励名称" prop="name">
<Input v-model="formValidate.mail" placeholder="请输入"></Input>
</FormItem>
<FormItem label="奖励类型" prop="name">
<Select v-model="formValidate.city" placeholder="请选择">
<Option value="beijing">真我币</Option>
<Option value="shanghai">优惠券</Option>
</Select>
</FormItem>
<FormItem label="真我币数量" prop="name">
<Input v-model="formValidate.mail" placeholder="请输入"></Input>
</FormItem>
<FormItem label="获奖概率" prop="name">
<Input v-model="formValidate.mail" placeholder="请输入"></Input>
</FormItem>
</span>
<FormItem>
<Button type="primary" @click="submit">保存</Button>
</FormItem>
......@@ -188,7 +158,16 @@
</template>
<script>
import { getScenes, delScenes, editScenes } from "@/api/scenes";
import {
getActivityConfigByPay,
update,
configAwards,
addConfigAward,
editConfigAward,
deleteConfigAward,
getActivityConfigRule,
updateRule
} from "@/api/clock/activityClocks";
import Editor from "_c/editor";
export default {
name: "categories",
......@@ -198,14 +177,40 @@ export default {
data() {
return {
modalVisible: true,
add: true,
modalVisible: false,
formValidate: {
name: ""
award_name: "",
award_type: "",
award_rate: null,
template_code: ""
},
ruleValidate: {
name: [
award_name: [
{
required: true,
message: "请输入奖品名称",
trigger: "blur"
}
],
award_type: [
{
required: true,
message: "The name cannot be empty",
message: "请输入奖品类型",
trigger: "change"
}
],
award_rate: [
{
required: true,
message: "请输入中奖概率",
trigger: "blur"
}
],
template_code: [
{
required: true,
message: "请输入模板编号",
trigger: "blur"
}
]
......@@ -243,19 +248,19 @@ export default {
newoldcolumns: [
{
title: "奖励名称",
key: "created_at"
key: "award_name"
},
{
title: "奖励类型",
slot: "name"
slot: "award_type"
},
{
title: "奖励",
slot: "title"
key: "award_value"
},
{
title: "获奖概率",
key: "created_at"
key: "award_rate"
},
{
title: "操作",
......@@ -286,7 +291,104 @@ export default {
]
};
},
methods: {},
watch: {
tab: {
handler: function(val) {
if (val === "3" || val === "4") {
let type = val === "3" ? 3 : 4;
this.getjllist(type);
}
if (val === "6") {
this.getRu();
}
},
immediate: true
}
},
methods: {
save(row) {
row.break_time = row.break_time[0] + "-" + row.break_time[1];
row.clock_time = row.clock_time[0] + "-" + row.clock_time[1];
row.close_time = row.close_time[0] + "-" + row.close_time[1];
update(row).then(res => {
this.$Message.success("编辑成功!");
this.getTime();
});
},
savecontent() {
updateRule({
id: this.gzId,
content: this.content,
rule_type: 1
}).then(res => {
this.$Message.success("保存成功!");
});
},
submit() {
this.formValidate.type = this.tab === "3" ? 3 : 4;
this.formValidate.uuid = sessionStorage.getItem("admin_uuid");
this.formValidate.award_rate = Number(this.formValidate.award_rate);
if (this.add) {
addConfigAward(this.formValidate).then(res => {
this.$Message.success("新增成功!");
this.modalVisible = false;
let type = this.tab === "3" ? 3 : 4;
this.getjllist(type);
});
} else {
editConfigAward(this.formValidate).then(res => {
this.$Message.success("编辑成功!");
this.modalVisible = false;
let type = this.tab === "3" ? 3 : 4;
this.getjllist(type);
});
}
},
del(p) {
deleteConfigAward({
awardId: p.id
}).then(res => {
this.$Message.success("删除成功!");
this.modalVisible = false;
let type = this.tab === "3" ? 3 : 4;
this.getjllist(type);
});
},
edit(p) {
this.add = false;
this.formValidate.award_name = p.award_name;
this.formValidate.award_type = p.award_type;
this.formValidate.award_rate = p.award_rate;
this.formValidate.template_code = p.template_code;
this.formValidate.id = p.id;
this.modalVisible = true;
},
getjllist(type) {
configAwards(type).then(res => {
this.data = res;
});
},
getRu() {
getActivityConfigRule({
language: "cn",
ruleType: 1
}).then(res => {
this.content = res.content;
this.gzId = res.id;
});
},
getTime() {
getActivityConfigByPay({
language: "cn"
}).then(res => {
this.payData.length = 0;
res.break_time = res.break_time.split("-");
res.clock_time = res.clock_time.split("-");
res.close_time = res.close_time.split("-");
this.payData = [res];
});
}
},
mounted() {}
};
</script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment