luo/one-pipe-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fetch(add): 账户管理

Browse Source
This commit is contained in:
sexygoat
2026-01-23 17:18:24 +08:00
parent 339abca4c0
commit b53fea43c6
93 changed files with 7094 additions and 3153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/views/finance/my-account/index.vue
View File

@@ -5,7 +5,10 @@
<ElCol :xs="24" :sm="12" :lg="6">
<ElCard shadow="hover">
<div class="stat-card">
<div class="stat-icon" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)">
<div
class="stat-icon"
style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
>
<i class="iconfont-sys">&#xe71d;</i>
</div>
<div class="stat-content">
@@ -18,7 +21,10 @@
<ElCol :xs="24" :sm="12" :lg="6">
<ElCard shadow="hover">
<div class="stat-card">
<div class="stat-icon" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%)">
<div
class="stat-icon"
style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%)"
>
<i class="iconfont-sys">&#xe71e;</i>
</div>
<div class="stat-content">
@@ -31,7 +37,10 @@
<ElCol :xs="24" :sm="12" :lg="6">
<ElCard shadow="hover">
<div class="stat-card">
<div class="stat-icon" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)">
<div
class="stat-icon"
style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)"
>
<i class="iconfont-sys">&#xe720;</i>
</div>
<div class="stat-content">
@@ -44,7 +53,10 @@
<ElCol :xs="24" :sm="12" :lg="6">
<ElCard shadow="hover">
<div class="stat-card">
<div class="stat-icon" style="background: linear-gradient(135deg, #fa709a 0%, #fee140 100%)">
<div
class="stat-icon"
style="background: linear-gradient(135deg, #fa709a 0%, #fee140 100%)"
>
<i class="iconfont-sys">&#xe71f;</i>
</div>
<div class="stat-content">
@@ -65,7 +77,7 @@
<!-- 收支流水 -->
<ElCard shadow="never">
<template #header>
<div style="display: flex; justify-content: space-between; align-items: center">
<div style="display: flex; align-items: center; justify-content: space-between">
<span style="font-weight: 500">收支流水</span>
<ElRadioGroup v-model="flowType" size="small">
<ElRadioButton value="all">全部</ElRadioButton>
@@ -87,7 +99,14 @@
</ElTableColumn>
<ElTableColumn label="金额" prop="amount">
<template #default="scope">
<span :style="{ color: scope.row.type === 'income' ? 'var(--el-color-success)' : 'var(--el-color-danger)' }">
<span
:style="{
color:
scope.row.type === 'income'
? 'var(--el-color-success)'
: 'var(--el-color-danger)'
}"
>
{{ scope.row.type === 'income' ? '+' : '-' }}¥{{ scope.row.amount.toFixed(2) }}
</span>
</template>
@@ -103,9 +122,14 @@
<!-- 提现申请对话框 -->
<ElDialog v-model="withdrawDialogVisible" title="申请提现" width="600px" align-center>
<ElForm ref="withdrawFormRef" :model="withdrawForm" :rules="withdrawRules" label-width="120px">
<ElForm
ref="withdrawFormRef"
:model="withdrawForm"
:rules="withdrawRules"
label-width="120px"
>
<ElFormItem label="可提现金额">
<span style="color: var(--el-color-success); font-size: 20px; font-weight: 500">
<span style="font-size: 20px; font-weight: 500; color: var(--el-color-success)">
¥{{ accountInfo.availableAmount.toFixed(2) }}
</span>
</ElFormItem>
@@ -125,12 +149,16 @@
</span>
</ElFormItem>
<ElFormItem label="实际到账">
<span style="color: var(--el-color-success); font-size: 18px; font-weight: 500">
<span style="font-size: 18px; font-weight: 500; color: var(--el-color-success)">
¥{{ actualAmount.toFixed(2) }}
</span>
</ElFormItem>
<ElFormItem label="收款银行" prop="bankName">
<ElSelect v-model="withdrawForm.bankName" placeholder="请选择收款银行" style="width: 100%">
<ElSelect
v-model="withdrawForm.bankName"
placeholder="请选择收款银行"
style="width: 100%"
>
<ElOption label="中国工商银行" value="工商银行" />
<ElOption label="中国建设银行" value="建设银行" />
<ElOption label="中国农业银行" value="农业银行" />
@@ -271,27 +299,27 @@
.page-content {
.stat-card {
display: flex;
align-items: center;
gap: 16px;
align-items: center;
.stat-icon {
width: 60px;
height: 60px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
color: white;
width: 60px;
height: 60px;
font-size: 28px;
color: white;
border-radius: 12px;
}
.stat-content {
flex: 1;
.stat-label {
margin-bottom: 8px;
font-size: 14px;
color: var(--el-text-color-secondary);
margin-bottom: 8px;
}
.stat-value {