151 lines
4.9 KiB
Vue
151 lines
4.9 KiB
Vue
<template>
|
|
<el-dialog :title="title" :visible.sync="Visible" width="700px" center class="ac-dialog" :close-on-click-modal="false" @close="close">
|
|
<el-form :inline="true" :model="form" class="demo-form-inline" label-width="120px" label-position="right">
|
|
<el-row :gutter="24">
|
|
<el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
|
|
<el-form-item label="渠道id">
|
|
<el-input placeholder="请输入渠道id" v-model="form.channelId" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
|
|
<el-form-item label="渠道名称">
|
|
<el-input placeholder="请输入渠道名字" v-model="form.channelName" />
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="24">
|
|
<el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
|
|
<el-form-item label="提现平台类型">
|
|
<el-select placeholder="请选择渠道提现平台类型" size="mini" v-model="form.channelWtdrMode">
|
|
<el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in wtdrChannelModeList" />
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
|
|
<el-form-item label="名称">
|
|
<el-input placeholder="请输入名称" v-model="form.channelWtdrName" />
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="24">
|
|
<el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
|
|
<el-form-item label="最大支付金额">
|
|
<el-input placeholder="请输入支持最大支付金额" v-model.number="form.maxMoney" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
|
|
<el-form-item label="最小支付金额">
|
|
<el-input placeholder="请输入支持最小支付金额" v-model.number="form.minMoney" />
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="24">
|
|
<el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
|
|
<el-form-item label="渠道费率">
|
|
<el-input placeholder="请输入渠道费率" v-model.number="form.rate" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
|
|
<el-form-item label="权重">
|
|
<el-input placeholder="请输入权重" v-model.number="form.weight" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
|
|
<el-form-item label="是否开启" prop="active">
|
|
<el-switch v-model="form.active" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button @click="Visible = false"> 取 消 </el-button>
|
|
<el-button type="primary" @click="submit"> 确 定 </el-button>
|
|
</div>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
addwithdrawchannel,
|
|
editwithdrawchannel,
|
|
} from '@/api/tran/withdrawChannel'
|
|
import { wtdrChannelModeList } from '@/filters/tran/withdrawProvider'
|
|
export default {
|
|
name: 'AddOrEdit',
|
|
props: ['data'],
|
|
|
|
data() {
|
|
return {
|
|
Visible: true,
|
|
title: '',
|
|
wtdrChannelModeList: wtdrChannelModeList(),
|
|
// 表单数据
|
|
form: {
|
|
active: undefined,
|
|
channelId: undefined,
|
|
channelName: undefined,
|
|
channelWtdrMode: undefined,
|
|
channelWtdrName: undefined,
|
|
createdAt: undefined,
|
|
id: undefined,
|
|
maxMoney: undefined,
|
|
minMoney: undefined,
|
|
rate: undefined,
|
|
weight: undefined,
|
|
updatedAt: undefined,
|
|
},
|
|
}
|
|
},
|
|
mounted() {
|
|
this.title = this.data.title
|
|
if (this.title === '编辑') {
|
|
this.form = { ...this.data.data }
|
|
this.form.maxMoney = this.form.maxMoney / 100
|
|
this.form.minMoney = this.form.minMoney / 100
|
|
}
|
|
},
|
|
methods: {
|
|
//TODO:新增提现列表数据
|
|
add(data) {
|
|
addwithdrawchannel(data).then((res) => {
|
|
if (res.code === 200) {
|
|
this.$message.success('新增成功')
|
|
this.Visible = false
|
|
} else {
|
|
this.$message.error('新增失败')
|
|
}
|
|
})
|
|
},
|
|
|
|
//TODO：编辑提现列表数据
|
|
update(data) {
|
|
editwithdrawchannel(data).then((res) => {
|
|
if (res.code === 200) {
|
|
this.$message.success('更新成功')
|
|
this.Visible = false
|
|
} else {
|
|
this.$message.error('更新失败')
|
|
}
|
|
})
|
|
},
|
|
// 提交按钮
|
|
submit() {
|
|
const data = { ...this.form }
|
|
data.maxMoney = data.maxMoney * 100
|
|
data.minMoney = data.minMoney * 100
|
|
if (this.title === '新增') {
|
|
this.add(data)
|
|
} else if (this.title === '编辑') {
|
|
this.update(data)
|
|
}
|
|
},
|
|
|
|
// 关闭编辑
|
|
close() {
|
|
this.$emit('close')
|
|
},
|
|
},
|
|
}
|
|
</script>
|