<template>
    <a-spin :spinning="confirmLoading">
        <j-form-container >
            <a-form-model ref="form" :model="model" slot="detail">
                <a-row>
                    <a-col :span="24">
                        <a-form-model-item label="可冲账金额" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="price">
                            <a-input-number disabled
                                    v-model="maxMoney"
                                    style="width: 30%"
                            />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="24">
                        <a-form-model-item label="金额" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="price">
                            <a-input-number
                                    v-model="model.price"
                                    placeholder="请输入金额"
                                    style="width: 30%"
                            />
                        </a-form-model-item>
                    </a-col>
                    <a-col :span="24">
                        <a-form-model-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remarks">
                            <a-textarea
                                    v-model="model.remarks"
                                    rows="4"
                                    placeholder="请输入备注"
                            />
                        </a-form-model-item>
                    </a-col>

                </a-row>
            </a-form-model>
        </j-form-container>
<!--        <a-row>-->
<!--            <a-col :span="8" :offset="3">-->
<!--                <a-button @click="handleSubmit" type="primary" >确认</a-button>-->
<!--            </a-col>-->
<!--        </a-row>-->

    </a-spin>
</template>

<script>
    export default {
        name: 'accountReverseEntryForm',
        props: {
            //表单禁用
            disabled: {
                type: Boolean,
                default: false,
                required: false
            },
            maxMoney: {
                type: Number,
                default: 200,
                required: false
            }
        },
        data () {
            return {
                confirmLoading: false,
                model: {},
                labelCol: {
                    xs: { span: 24 },
                    sm: { span: 3 },
                },
                wrapperCol: {
                    xs: { span: 24 },
                    sm: { span: 18 },
                },
                paymentMethodList: [],
            }
        },
        created() {
        },
        methods:{
            edit() {
                // console.log(record)
                // this.model = Object.assign({}, record);
                // this.changeColumns(this.model.roomType, this.model.fixedDiscount)
                // this.visible = true;
            },
            submitForm(){
                console.log(888)
            },
        }
    }
</script>

<style scoped>

</style>
