root/xl-root
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
多啦C梦
2025-03-17 15:47:56 +08:00
parent 9069edf952
commit 5b4a055d47
17 changed files with 783 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
src/pages/merchant/components/AddWithdrawalInformationModal.vue Normal file
View File

@@ -0,0 +1,81 @@
<script setup>
import {ref, reactive} from 'vue';
const visible = ref(false);
const state = reactive({
timer: null,
sendTimeout: 0,
});
const form = reactive({
name: null
});
const sendMessage = () => {
state.sendTimeout = 10;
state.timer = setInterval(() => {
state.sendTimeout--;
if (state.sendTimeout === 0) {
state.sendTimeout = 0;
clearInterval(state.timer);
}
}, 1000);
}
</script>
<template>
<a-button v-if="!$slots.default" @click="visible=true">添加提现信息</a-button>
<div v-else @click="visible=true">
<slot></slot>
</div>
<a-modal
title-align="start"
title="添加提现信息"
v-model:visible="visible">
<a-form>
<a-tabs type="rounded">
<a-tab-pane title="添加支付宝" key="1">
<a-form-item label="收款姓名">
<a-input v-model:model-value="form.name" placeholder="请输入收款人的姓名"></a-input>
</a-form-item>
<a-form-item label="支付宝账号">
<a-input v-model:model-value="form.name" placeholder="请输入支付宝账号"></a-input>
</a-form-item>
<a-form-item label="身份证号">
<a-input v-model:model-value="form.name" placeholder="请输入身份证号"></a-input>
</a-form-item>
<a-form-item label="手机号">
<a-input v-model:model-value="form.name" placeholder="请输入手机号"></a-input>
</a-form-item>
<a-form-item label="验证码">
<a-input v-model:model-value="form.name" placeholder="请输入验证码"></a-input>
<a-link
@click="sendMessage"
class="whitespace-nowrap ml-[16px]"
:hoverable="false">
{{ state.sendTimeout === 0 ? '获取验证码' : `请${state.sendTimeout}s后重试` }}
</a-link>
</a-form-item>
</a-tab-pane>
<a-tab-pane title="添加银行卡" key="2">
<a-form-item label="真实姓名">
<a-input v-model:model-value="form.name" placeholder="请输入真实姓名"></a-input>
</a-form-item>
<a-form-item label="身份证号">
<a-input v-model:model-value="form.name" placeholder="请输入身份证号"></a-input>
</a-form-item>
<a-form-item label="银行卡号">
<a-input v-model:model-value="form.name" placeholder="请输入银行卡号"></a-input>
</a-form-item>
<a-form-item label="手机号">
<a-input v-model:model-value="form.name" placeholder="请输入手机号"></a-input>
</a-form-item>
</a-tab-pane>
</a-tabs>
</a-form>
</a-modal>
</template>
<style scoped>
</style>

42
src/pages/merchant/components/LookWithdrawalInformationModal.vue Normal file
View File

@@ -0,0 +1,42 @@
<script setup>
import {ref} from "vue";
const visible = ref(false);
</script>
<template>
<a-button v-if="!$slots.default" @click="visible=true">立即提现</a-button>
<div v-else @click="visible=true">
<slot></slot>
</div>
<a-modal
ok-text="确认提现"
title-align="start"
title="核对提现信息"
v-model:visible="visible">
<a-form label-align="left">
<a-form-item label="姓名">
彭于晏
</a-form-item>
<a-form-item label="支付宝账号">
13505948653
</a-form-item>
<a-form-item label="提现金额">
335.14
</a-form-item>
</a-form>
<div class="info">手续费率为1%，由三方代账公司收取</div>
</a-modal>
</template>
<style lang="scss" scoped>
.info {
color: rgb(155, 159, 171);
font-size: 12px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0;
text-align: left;
}
</style>