<template>
|
<div class="layout">
|
|
<Form ref="formValidate" :label-width="150" label-position="right" :model="formValidate">
|
<FormItem label="提现审核是否开启">
|
<i-switch v-model="formValidate.apply" style="margin-top:7px;"><span slot="open">开</span>
|
<span slot="close">关</span>
|
</i-switch>
|
</FormItem>
|
|
<FormItem label="最低提现金额" prop="minPrice">
|
￥<Input class="label-appkey" v-model="formValidate.minPrice" />
|
</FormItem>
|
|
<FormItem label="提现方式" prop="type">
|
<RadioGroup v-model="formValidate.type">
|
<Radio label="WECHAT">微信</Radio>
|
<Radio label="ALI">支付宝</Radio>
|
</RadioGroup>
|
</FormItem>
|
|
<FormItem label="微信提现应用ID" prop="wechatAppId">
|
<Input class="label-appkey" v-model="formValidate.wechatAppId" />
|
</FormItem>
|
|
<div class="label-btns">
|
<Button type="primary" @click="submit('formValidate')">保存</Button>
|
</div>
|
</Form>
|
</div>
|
</template>
|
<script>
|
import { setSetting } from "@/api/index";
|
import { handleSubmit } from "./validate";
|
export default {
|
data() {
|
return {
|
result:"",
|
formValidate: { // 表单数据
|
apply: true,
|
minPrice: "",
|
type: "",
|
wechatAppId: "",
|
},
|
|
switchTitle: "提现审核是否开启", // 切换title
|
};
|
},
|
created() {
|
this.init();
|
},
|
props: ["res", "type"],
|
methods: {
|
// 保存
|
submit(name) {
|
let that = this;
|
if( handleSubmit(that, name )){
|
this.setupSetting()
|
}
|
},
|
// 保存设置
|
setupSetting() {
|
|
setSetting(this.type, this.formValidate).then((res) => {
|
if (res.success) {
|
this.$Message.success("保存成功!");
|
} else {
|
this.$Message.error("保存失败!");
|
}
|
});
|
},
|
// 实例化数据
|
init() {
|
this.result = JSON.parse(this.res);
|
this.$set(this, "formValidate", { ...this.result });
|
},
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
@import "./style.scss";
|
/deep/ .ivu-form-item-content{
|
align-items: center;
|
padding-bottom: 5px;
|
}
|
</style>
|
