<script setup>
import {ref} from "vue";
import XSelect from '../../../../../components/XSelect/index.vue';
import Api from "../../../../../api/index.js";

const visible = ref(false);

const success = () => {

}
</script>

<template>
    <a-link :hover="false" @click="visible=true">编辑</a-link>

    <a-modal
        @ok="success"
        ok-text="确定修改"
        title-align="start"
        title="编辑"
        v-model:visible="visible">
        <a-form layout="vertical">
            <a-form-item label="提现方式">
                <XSelect :api="Api.system.getSelect" placeholder="请选择提现方式"></XSelect>
            </a-form-item>
            <a-form-item label="卡号">
                <a-input placeholder="请输入卡号"></a-input>
            </a-form-item>
            <a-form-item label="姓名">
                <a-input placeholder="请输入姓名"></a-input>
            </a-form-item>
            <a-form-item label="身份证号">
                <a-input placeholder="请输入身份证号"></a-input>
            </a-form-item>
            <a-form-item label="手机号">
                <a-input placeholder="请输入手机号"></a-input>
            </a-form-item>
            <a-form-item label="费率">
                <a-input-number placeholder="请输入费率">
                    <template #suffix>%</template>
                </a-input-number>
            </a-form-item>
        </a-form>
    </a-modal>
</template>

<style scoped>

</style>
