feat: sosososs

components/withdraw/index.vue

@@ -0,0 +1,49 @@
+<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>