<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})`;
|
case "USDT":
|
return `USDT( ${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, this.activeArr);
|
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>
|
