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>

pages/personal-Center/index/trading-center.vue

@@ -10,11 +10,12 @@
         <div class="balance-amount">{{ userStaticInfo?.currencyCount || 0 }}</div>
         <div class="balance-actions">
           <el-button type="primary" @click="handlePay">充值</el-button>
-          <el-button>提现</el-button>
+          <el-button type="danger" @click="handleWithdraw">提现</el-button>
+          <el-button>兑换</el-button>
         </div>
         <div class="balance-tip">提示：最低提现金额：100 元，一元=10金币</div>
       </div>
-      <el-divider direction="vertical" class="h-100%! mx-30px!" border-style="dashed"></el-divider>
+      <!-- <el-divider direction="vertical" class="h-100%! mx-30px!" border-style="dashed"></el-divider> -->
       <div>
         <div class="balance-title">
           <span>我的收益</span>
@@ -56,8 +57,14 @@
         </div> -->
       </div>
     </div>
+    <!-- 提示 -->
+    <div class="color-red pa-10px text-13px">
+      温馨提示：交易未到账紧急联系客服,金币为虚拟积分不支持退款,但支持高额手续费提现，抵制恶性充值提现操作，金币使用没有时间限制,平台作品交易仅供学习参考,用于商业用途请与原作者联系!
+    </div>
     <!-- 充值弹窗 -->
     <Pay v-if="payVisible" v-model="payVisible" @refresh="fetchUserStatistics"></Pay>
+    <!-- 提现弹窗 -->
+    <Withdraw v-if="withdrawVisible" v-model="withdrawVisible"></Withdraw>
   </div>
 </template>
 
@@ -84,6 +91,12 @@
     payVisible.value = true
     // router.push({ path: '/personal/trading/center' })
   }
+
+  const withdrawVisible = ref(false)
+  const handleWithdraw = () => {
+    withdrawVisible.value = true
+    // router.push({ path: '/personal/trading/center' })
+  }
 </script>
 
 <style scoped>