<template>
    <!--    <a-card style="width: 100%; height:100%;">-->
    <!--        -->
    <!--    </a-card>-->
    <div>
        <a-tabs default-active-key="1">
            <a-tab-pane key="1">
                <span slot="tab">
                    <a-icon type="template" />
                    收款
                </span>
            </a-tab-pane>
            <a-tab-pane key="2">
                <span slot="tab">
                    <a-icon type="template" />
                    退款
                </span>
            </a-tab-pane>
        </a-tabs>
        <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="paymentMethod">
                                <a-select
                                        v-model="model.paymentMethod"
                                        style="width: 30%"
                                        placeholder="支付方式" >
                                    <a-select-option
                                            v-for="(item, index) in paymentMethodList"
                                            :key="index"
                                            :value="item.id"
                                    >{{ item.name }}</a-select-option>
                                </a-select>
                            </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">-->
<!--                    &lt;!&ndash;                    <a-button @click="handleCancel" style="margin-right: 0.8rem">取消</a-button>&ndash;&gt;-->
<!--                    <a-button @click="handleSubmit" type="primary" >确认</a-button>-->
<!--                </a-col>-->
<!--            </a-row>-->

        </a-spin>
    </div>
</template>

<script>
    import { httpAction, getAction } from "@/api/manage";

    export default {
        name: 'accountEnterForm',
        props: {
            //表单禁用
            disabled: {
                type: Boolean,
                default: false,
                required: false
            }
        },
        data () {
            return {
                confirmLoading: false,
                model: {},
                labelCol: {
                    xs: { span: 24 },
                    sm: { span: 3 },
                },
                wrapperCol: {
                    xs: { span: 24 },
                    sm: { span: 18 },
                },
                paymentMethodList: [],
            }
        },
        created() {
            httpAction(
                "/business/busRoomPayType/queryList",
                { pageNo: 1, pageSize: 100 },
                "get"
            ).then((res) => {
                if (res.success) {
                    this.paymentMethodList = res.result;
                }
            });
        },
        methods:{

            edit() {
                // console.log(record)
                // this.model = Object.assign({}, record);
                // this.changeColumns(this.model.roomType, this.model.fixedDiscount)
                // this.visible = true;
            },
            handleCancel(){
                this.close();
            },
            submitForm(){
                console.log(888)
            },
        }
    }
</script>

<style scoped>

</style>

