Skip to content

A
admin
Commit 3a845b89 by baihong
Options

update:奖励增删改

parent 80d9deee
Showing with 158 additions and 88 deletions
src/api/clock/activityClocks.js
...@@ -5,3 +5,16 @@ export const activityClocks = (data) => { ...@@ -5,3 +5,16 @@ export const activityClocks = (data) => {
export const getActivityConfigByPay = (data) => { export const getActivityConfigByPay = (data) => {
return $http.get('/cms/configs/getActivityConfigByPay', data) return $http.get('/cms/configs/getActivityConfigByPay', data)
} }
//奖励列表
export const configAwards = (data) => {
return $http.get('/cms/configs/configAwards?type='+ data)
}
export const addConfigAward = (data) => {
return $http.postObj('/cms/configs/configAwards/addConfigAward', data)
}
export const editConfigAward = (data) => {
return $http.putObj('/cms/configs/configAwards/editConfigAward', data)
}
export const deleteConfigAward = (data) => {
return $http.delete('/cms/configs/configAwards/deleteConfigAward', data)
}
\ No newline at end of file
src/libs/http.js
...@@ -105,6 +105,19 @@ const _HttpService = { ...@@ -105,6 +105,19 @@ const _HttpService = {
config = Object.assign({}, _selfConfig, config); config = Object.assign({}, _selfConfig, config);
return _http.post(url, JSON.stringify(data), config); return _http.post(url, JSON.stringify(data), config);
}, },
putObj: (url, data, config) => {
const _selfConfig = {
headers: {
"Content-Type": "application/json",
"X-Access-Token":
sessionStorage.getItem("token") || "1b8cc15a59947ce27dd62b"
},
setLoading: true
};
config = Object.assign({}, _selfConfig, config);
return _http.put(url, JSON.stringify(data), config);
},
postParams: (url, data, config) => { postParams: (url, data, config) => {
const _selfConfig = { const _selfConfig = {
params: data, params: data,
...@@ -131,7 +144,9 @@ const _HttpService = { ...@@ -131,7 +144,9 @@ const _HttpService = {
delete: (url, data, config) => { delete: (url, data, config) => {
const _selfConfig = { const _selfConfig = {
headers: { headers: {
"Content-Type": "application/json" "Content-Type": "application/json",
"X-Access-Token":
sessionStorage.getItem("token") || "1b8cc15a59947ce27dd62b"
}, },
data: JSON.stringify(data), data: JSON.stringify(data),
setLoading: true setLoading: true
......
src/view/clockEarly/setTabs.vue
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
<TabPane label="规则设置" name="6"></TabPane> <TabPane label="规则设置" name="6"></TabPane>
</Tabs> </Tabs>
<Table <Table
height="520"
v-if="tab === '1'" v-if="tab === '1'"
:loading="$store.state.app.isLoading" :loading="$store.state.app.isLoading"
border border
...@@ -15,39 +16,46 @@ ...@@ -15,39 +16,46 @@
:columns="daycolumns" :columns="daycolumns"
:data="payData" :data="payData"
> >
<template slot-scope="{ row }" slot="created_at"> <template slot-scope="{ row }" slot="break_time">
<span>{{ row.created_at | format }}</span> <TimePicker
v-model="row.break_time"
format="HH:mm"
type="timerange"
placement="bottom-end"
placeholder="Select time"
style="width: 168px"
></TimePicker>
</template> </template>
<template slot-scope="{ row }" slot="enable"> <template slot-scope="{ row }" slot="clock_time">
<i-switch <TimePicker
:value="row.is_enable === 1 ? true : false" v-model="row.clock_time"
@on-change=" format="HH:mm"
value => { type="timerange"
change(value, row); placement="bottom-end"
} placeholder="Select time"
" style="width: 168px"
/> ></TimePicker>
</template> </template>
<template slot-scope="{ row }" slot="action"> <template slot-scope="{ row }" slot="close_time">
<a @click="edit(row)">编辑</a> <TimePicker
v-model="row.close_time"
format="HH:mm"
type="timerange"
placement="bottom-end"
placeholder="Select time"
style="width: 168px"
></TimePicker>
</template> </template>
<template slot-scope="{ row }" slot="edit"> <template slot-scope="{ row }" slot="pay_amount">
<a @click="goTheme(row)">编辑</a> <Input
v-model="row.pay_amount"
style="width:168px"
type="number"
placeholder="请输入"
/>
</template> </template>
</Table>
<Button style="margin-bottom:20px" v-if="tab === '2'" type="primary"
>新建活动</Button
>
<Table
v-if="tab === '2'"
:loading="$store.state.app.isLoading"
border
ref="selection"
:columns="spcolumns"
:data="data"
>
<template slot-scope="{ row }" slot="action"> <template slot-scope="{ row }" slot="action">
<a @click="edit(row)">编辑</a> <a @click="save(row)">保存</a>
</template> </template>
</Table> </Table>
<div <div
...@@ -56,7 +64,14 @@ ...@@ -56,7 +64,14 @@
v-if="tab === '4' || tab === '3'" v-if="tab === '4' || tab === '3'"
> >
<div class="left"> <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 type="primary" style="margin-right: 20px;"
>开启新用户奖励</Button >开启新用户奖励</Button
> >
...@@ -112,56 +127,28 @@ ...@@ -112,56 +127,28 @@
:rules="ruleValidate" :rules="ruleValidate"
:label-width="90" :label-width="90"
> >
<FormItem label="日期" prop="name"> <FormItem label="奖品名称" prop="name">
<DatePicker <Input v-model="formValidate.award_name" placeholder="请输入"></Input>
:value="value2"
format="yyyy/MM/dd"
type="daterange"
placement="bottom-end"
placeholder="Select date"
style="width: 200px"
></DatePicker>
</FormItem>
<FormItem label="倍数" prop="name">
<Input v-model="formValidate.mail" 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>
<FormItem label="优惠卷类型" prop="name"> <FormItem label="优惠卷类型" prop="name">
<Input v-model="formValidate.mail" placeholder="请输入"></Input> <Select v-model="formValidate.award_type" placeholder="请选择">
</FormItem> <Option :value="1">优惠券</Option>
<FormItem label="模版编号" prop="name"> <Option :value="2">真我币</Option>
<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> </Select>
</FormItem> </FormItem>
<FormItem label="真我币数量" prop="name"> <FormItem label="模版编号" prop="name">
<Input v-model="formValidate.mail" placeholder="请输入"></Input> <Input
v-model="formValidate.template_code"
placeholder="请输入"
></Input>
</FormItem> </FormItem>
<FormItem label="获奖概率" prop="name"> <FormItem label="获奖概率" prop="name">
<Input v-model="formValidate.mail" placeholder="请输入"></Input> <Input
v-model="formValidate.award_rate"
type="number"
placeholder="请输入"
></Input>
</FormItem> </FormItem>
</span>
<FormItem> <FormItem>
<Button type="primary" @click="submit">保存</Button> <Button type="primary" @click="submit">保存</Button>
</FormItem> </FormItem>
...@@ -171,7 +158,13 @@ ...@@ -171,7 +158,13 @@
</template> </template>
<script> <script>
import { getActivityConfigByPay } from "@/api/clock/activityClocks"; import {
getActivityConfigByPay,
configAwards,
addConfigAward,
editConfigAward,
deleteConfigAward
} from "@/api/clock/activityClocks";
import Editor from "_c/editor"; import Editor from "_c/editor";
export default { export default {
name: "categories", name: "categories",
...@@ -180,10 +173,21 @@ export default { ...@@ -180,10 +173,21 @@ export default {
}, },
data() { data() {
return { return {
payData:[], payData: [
modalVisible: true, {
break_time: "",
clock_time: "",
close_time: "",
pay_amount: null
}
],
add: true,
modalVisible: false,
formValidate: { formValidate: {
name: "" award_name: "",
award_type: "",
award_rate: "",
template_code: ""
}, },
ruleValidate: { ruleValidate: {
name: [ name: [
...@@ -199,7 +203,7 @@ export default { ...@@ -199,7 +203,7 @@ export default {
daycolumns: [ daycolumns: [
{ {
title: "休息时间", title: "休息时间",
key: "break_time" slot: "break_time"
}, },
{ {
title: "打卡时间", title: "打卡时间",
...@@ -215,7 +219,7 @@ export default { ...@@ -215,7 +219,7 @@ export default {
}, },
{ {
title: "操作", title: "操作",
slot: "name" slot: "action"
} }
], ],
spcolumns: [ spcolumns: [
...@@ -235,33 +239,70 @@ export default { ...@@ -235,33 +239,70 @@ export default {
newoldcolumns: [ newoldcolumns: [
{ {
title: "奖励名称", title: "奖励名称",
key: "created_at" key: "award_name"
}, },
{ {
title: "奖励类型", title: "奖励类型",
slot: "name" slot: "award_type"
}, },
{ {
title: "奖励", title: "模板编号",
slot: "title" slot: "template_code"
}, },
{ {
title: "获奖概率", title: "获奖概率",
key: "created_at" key: "award_rate"
}, },
{ {
title: "操作", title: "操作",
slot: "action" slot: "action"
} }
], ]
}; };
}, },
methods: {}, watch: {
mounted() { tab: {
handler: function(val) {
if (val === "3" || val === "4") {
let type = val === "3" ? 1 : 2;
this.getjllist(type);
}
},
immediate: true
}
},
methods: {
save(row) {
console.log(row);
},
submit() {
if (this.add) {
addConfigAward(this.formValidate).then(res => {
console.log(res);
});
} else {
editConfigAward(this.formValidate).then(res => {
console.log(res);
});
}
},
del() {
deleteConfigAward(id).then(res => {
console.log(res);
});
},
getjllist(type) {
configAwards(type).then(res => {
this.data = res;
});
},
getTime() {
getActivityConfigByPay().then(res => { getActivityConfigByPay().then(res => {
this.payData = [res] this.payData = [res];
}); });
} }
},
mounted() {}
}; };
</script> </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