<template>
  <el-dialog v-model="dialogVisible" title="提现申请" width="600" :before-close="handleClose">
    <el-form :model="form" label-width="80px">
      <el-form-item label="收款账户" prop="amount">
        <el-input v-model="form.amount" type="number" placeholder="微信手机账号" />
        <div class="text-12px color-red">*仅支持微信收款，用户需在微信[收付款>向手机号转账>手机号收款设置]开启收款开关*</div>
      </el-form-item>
      <el-form-item label="提现类型" prop="amount">
        <el-radio-group v-model="form.amount">
          <el-radio :label="1">收益提现</el-radio>
          <el-radio :label="2">全部提现</el-radio>
        </el-radio-group>
        <div class="text-12px color-red">*收益提现将收益金币提现，全部提现可将充值金币提现*</div>
      </el-form-item>
      <el-form-item label="提现金额" prop="amount">
        <div class="flex items-center">
          <el-input v-model="form.amount" type="number" placeholder="请输入提现金额" />
          <div>[可提现金币数1200=120 元]</div>
        </div>
        <div class="text-12px color-red">*提现金币比例10金币=1元最低提现额度100元*</div>
      </el-form-item>
    </el-form>
    <div>
      提示:收益金币提现正常收取平台手续费3%，如需将充值金币提现，选择“全部提现”选项，因涉及充值赠送金额，将收取155高额手续费，如果恶意套利提现，将提现审核不通过!
    </div>
    <template #footer>
      <div class="dialog-footer">
        <el-button @click="dialogVisible = false">取消</el-button>
        <el-button type="primary" @click="dialogVisible = false"> 立即申请 </el-button>
      </div>
    </template>
  </el-dialog>
</template>

<script setup lang="ts">
  const dialogVisible = defineModel('modelValue', {
    default: false,
  })

  const form = reactive({
    amount: 0,
  })

  const handleClose = (done: () => void) => {
    done()
  }
</script>

<style lang="scss" scoped></style>
