<template>
|
<div>
|
<a-modal title="账户扣入款" :width="500" :visible="editUserdialog" :confirmLoading="editUserDialogloading"
|
@ok="OkeditUserdialog" @cancel="CanceleditUserdialog">
|
<a-form :form="editUserform" ref="editUserform">
|
<a-form-item label="用户id" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-input placeholder="请输入用户id" disabled v-decorator="['userId', {}]" />
|
</a-form-item>
|
<a-form-item label="金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-input placeholder="请输入金额" v-decorator="['amt', { rules: [{ required: true, message: '请输入金额' }] }]" />
|
</a-form-item>
|
<a-form-item label="扣入款" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-select placeholder="请选择扣入款"
|
v-decorator="['direction', { rules: [{ required: true, message: '请选择扣入款' }] }]">
|
<a-select-option value="1">扣款</a-select-option>
|
<a-select-option value="0">入款</a-select-option>
|
<a-select-option value="2">充值</a-select-option>
|
<!-- <a-select-option value="3">提币</a-select-option> -->
|
</a-select>
|
</a-form-item>
|
<a-form-item label="账户" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-select placeholder="请选择账户" v-decorator="['accectType', { rules: [{ required: true, message: '请选择账户' }] }]">
|
<a-select-option v-for="item in activeArr" :key="item.id" :value="item.accectType">{{
|
item | formatDate
|
}}</a-select-option>
|
</a-select>
|
</a-form-item>
|
</a-form>
|
</a-modal>
|
</div>
|
</template>
|
<script>
|
import {
|
userupdateAmt,
|
updateMoney
|
} from '@/api/home'
|
import pick from 'lodash.pick'
|
export default {
|
components: {},
|
filters: {
|
formatDate(value) {
|
switch (value.accectType) {
|
case 'US':
|
return `美元(${value.symbol} ${value.availableBalance})`
|
case 'MAS':
|
return `马来西亚(${value.symbol} ${value.availableBalance})`
|
case 'HK':
|
return `香港(${value.symbol} ${value.availableBalance})`
|
case 'IN':
|
return `印度(${value.symbol} ${value.availableBalance})`
|
case 'SGP':
|
return `新加坡(${value.symbol} ${value.availableBalance})`
|
case 'ST':
|
return `沙特(${value.symbol} ${value.availableBalance})`
|
default:
|
break
|
}
|
// return `印度(${value.symbol} ${value.availableBalance})`
|
},
|
},
|
props: {
|
getinit: {
|
type: Function,
|
default: function() {},
|
},
|
activeArr: {
|
type: Array,
|
default: [],
|
},
|
},
|
data() {
|
return {
|
labelCol: {
|
xs: {
|
span: 24
|
},
|
sm: {
|
span: 7
|
},
|
},
|
wrapperCol: {
|
xs: {
|
span: 24
|
},
|
sm: {
|
span: 13
|
},
|
},
|
editUserform: this.$form.createForm(this),
|
editUserdialog: false,
|
editUserDialogloading: false,
|
fields: ['amt', 'direction', 'userId', 'accectType'],
|
currentDetails: {},
|
}
|
},
|
methods: {
|
getEditorder(val) {
|
val.accectType = 'ST'
|
this.currentDetails = val
|
this.editUserdialog = true
|
this.fields.forEach((v) => this.editUserform.getFieldDecorator(v))
|
this.editUserform.setFieldsValue(pick(val, this.fields))
|
this.editUserform.setFieldsValue(pick({
|
userId: val.id
|
}, this.fields))
|
},
|
CanceleditUserdialog() {
|
this.editUserdialog = false
|
const form = this.$refs.editUserform.form
|
form.resetFields()
|
},
|
OkeditUserdialog() {
|
const form = this.$refs.editUserform.form
|
form.validateFields((errors, values) => {
|
console.log(values, 'from', !errors)
|
const arr = this.activeArr.filter((item) => item.accectType === values.accectType)
|
const amt = values.amt
|
|
console.log(arr)
|
if (!errors) {
|
this.editUserDialogloading = true
|
console.log({
|
id: arr[0].id,
|
amt: amt,
|
type: this.direction
|
})
|
updateMoney({
|
id: arr[0].id,
|
amt: amt,
|
type: values.direction
|
})
|
.then((res) => {
|
if (res.status == 0) {
|
this.editUserdialog = false
|
this.$message.success(res.msg)
|
form.resetFields()
|
this.getinit()
|
} else {
|
this.$message.error({
|
content: res.msg || '划转成功'
|
})
|
}
|
this.editUserDialogloading = false
|
})
|
.catch((res) => {
|
this.editUserDialogloading = false
|
})
|
} else {
|
console.log(3333)
|
}
|
})
|
},
|
},
|
}
|
</script>
|
