hy/aslan-h5
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(主播专用提现页面): 新增跳转功能，调整代码

Browse Source
This commit is contained in:
hzj 2026-03-16 15:55:40 +08:00
parent 81f92cc60e
commit bcd075457e
1 changed files with 68 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
src/views/Wallet/CashOut/CashWithdraw.vue
View File

@ -16,7 +16,7 @@
<!-- 主体内容 -->
<div style="padding: 16px; display: flex; flex-direction: column; gap: 2vw">
<!-- 提现部分 -->
<!-- Salary Balance -->
<div style="display: flex; flex-direction: column; gap: 2vw">
<!-- 收入金额 -->
<div style="display: flex; justify-content: space-between; align-items: center">
@ -58,7 +58,7 @@
</div>
</div>
<!-- 使用的银行卡 -->
<!-- Your Card (In Use) -->
<div style="display: flex; flex-direction: column; gap: 2vw">
<!-- 标题 -->
<div style="display: flex; justify-content: space-between; align-items: center">
@ -71,7 +71,7 @@
alt=""
style="width: 6vw"
class="flipImg"
@click="gotoselectBank"
@click="goToSelectBank"
/>
</div>
@ -144,59 +144,71 @@
</div>
</div>
<!-- 个人信息 -->
<!-- KYC -->
<div style="display: flex; flex-direction: column; gap: 2vw">
<!-- 标题 -->
<div style="display: flex; align-items: center">
<div style="font-weight: 600">{{ t('kyc') }}</div>
<div style="display: flex; justify-content: space-between; align-items: center">
<div style="display: flex; align-items: center">
<div style="font-weight: 600">{{ t('kyc') }}</div>
<!-- 申请状态 -->
<div v-if="hasKYC" style="font-weight: 600; margin: 0 4px">:</div>
<!-- 申请状态 -->
<div v-if="hasKYC" style="font-weight: 600; margin: 0 4px">:</div>
<!-- 通过 -->
<div
v-if="bankCardInfo?.status === 'PASS'"
style="
font-weight: 510;
font-size: 0.9em;
background: linear-gradient(248deg, #75ff98 5.66%, #3dff54 42.49%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
"
>
{{ t('review_passed') }}
<!-- 通过 -->
<div
v-if="bankCardInfo?.status === 'PASS'"
style="
font-weight: 510;
font-size: 0.9em;
background: linear-gradient(248deg, #75ff98 5.66%, #3dff54 42.49%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
"
>
{{ t('review_passed') }}
</div>
<!-- 未通过 -->
<div
v-if="bankCardInfo?.status === 'NOT_PASS'"
style="
font-weight: 510;
font-size: 0.9em;
background: linear-gradient(248deg, #ff7578 5.66%, #ff3d40 42.49%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
"
>
{{ t('review_failed') }}
</div>
<!-- 审核中 -->
<div
v-if="bankCardInfo?.status === 'PENDING'"
style="
font-weight: 510;
font-size: 0.9em;
background: linear-gradient(248deg, #ffe675 5.66%, #ffc53d 42.49%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
"
>
{{ t('awaiting_review') }}
</div>
</div>
<!-- 未通过 -->
<div
v-if="bankCardInfo?.status === 'NOT_PASS'"
style="
font-weight: 510;
font-size: 0.9em;
background: linear-gradient(248deg, #ff7578 5.66%, #ff3d40 42.49%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
"
>
{{ t('review_failed') }}
</div>
<!-- 审核中 -->
<div
v-if="bankCardInfo?.status === 'PENDING'"
style="
font-weight: 510;
font-size: 0.9em;
background: linear-gradient(248deg, #ffe675 5.66%, #ffc53d 42.49%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
"
>
{{ t('awaiting_review') }}
</div>
<!-- 跳转按钮 -->
<img
v-smart-img
src="/src/assets/icon/arrow.png"
alt=""
style="width: 6vw"
class="flipImg"
@click="goToKYC"
/>
</div>
<!-- 资料内容 -->
@ -213,7 +225,7 @@
<div
v-if="!hasKYC"
style="display: flex; justify-content: space-between; align-items: center"
@click="gotoKYC"
@click="goToKYC"
>
<span style="font-weight: 510; font-size: 1em">{{ t('complete_information') }}</span>
<img
@ -240,7 +252,7 @@
src="/src/assets/icon/arrow.png"
alt=""
style="width: 6vw"
@click="gotoKYC"
@click="goToKYC"
class="flipImg"
/> -->
</div>
@ -352,7 +364,7 @@
padding: 8px 12px;
width: 50%;
"
@click="gotoKYC"
@click="goToKYC"
>
{{ t('receive') }}
</div>
@ -608,8 +620,8 @@ const hasKYC = computed(() => {
return bankCardInfo.value != null
})
// 前往选择提交方式
const gotoselectBank = () => {
// 前往选择银行卡
const goToSelectBank = () => {
router.push('/bank-card')
}
@ -619,7 +631,7 @@ const lookDetails = () => {
}
// 查看历史提现信息
const gotoKYC = () => {
const goToKYC = () => {
router.push('/KYC')
}