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

update

Browse Source
This commit is contained in:
多啦C梦
2025-04-14 17:26:40 +08:00
parent a706b60c90
commit b6f2a0fdc1
19 changed files with 424 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/pages/addPaymentAccount/components/AliPay.vue Normal file
View File

@@ -0,0 +1,61 @@
<script setup>
import {reactive} from 'vue';
import XForm from "../../../components/XForm.vue";
import XFormItem from "../../../components/XFormItem.vue";
import XInput from "../../../components/XInput.vue";
import {toPage} from "../../../utils/uils.js";
const rules = {
name: {
reg: /.+/,
msg: '姓名不能为空',
}
};
const form = reactive({
name: null,
});
</script>
<template>
<view>
<x-form :model="form" :rules="rules">
<x-form-item label="真实姓名">
<x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入真实姓名"></x-input>
</x-form-item>
<x-form-item label="身份证号码">
<x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入身份证号码"></x-input>
</x-form-item>
<x-form-item label="支付宝账号">
<x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入支付宝账号"></x-input>
</x-form-item>
<x-form-item label="手机号">
<x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入手机号"></x-input>
</x-form-item>
<x-form-item>
<view class="items-center test-24r xy">
<radio></radio>
本人承诺已阅读并同意
<text class="text-[var(--primary-color)]" @click="toPage('/pages/richPage/index')">
《灵活用工平台综合服务协议》
</text>
，本人按照协议内容向贵司提供相应的服务。
</view>
</x-form-item>
<x-form-item>
<view
class="bg-[var(--primary-color)] py-[26rpx] w-full text-[#fff] rounded-[12rpx] !flex justify-center items-center !mt-[40rpx]">
提交
</view>
</x-form-item>
</x-form>
</view>
</template>
<style scoped lang="scss">
.xy {
:deep(.uni-radio-input) {
width: 28rpx;
height: 28rpx;
}
}
</style>

61
src/pages/addPaymentAccount/components/BankPay.vue Normal file
View File

@@ -0,0 +1,61 @@
<script setup>
import {reactive} from "vue";
import {toPage} from "../../../utils/uils.js";
import XInput from "../../../components/XInput.vue";
import XFormItem from "../../../components/XFormItem.vue";
import XForm from "../../../components/XForm.vue";
const rules = {
name: {
reg: /.+/,
msg: '姓名不能为空',
}
};
const form = reactive({
name: null,
});
</script>
<template>
<view>
<x-form :model="form" :rules="rules">
<x-form-item label="真实姓名">
<x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入真实姓名"></x-input>
</x-form-item>
<x-form-item label="身份证号码">
<x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入身份证号码"></x-input>
</x-form-item>
<x-form-item label="银行卡号">
<x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入银行卡号"></x-input>
</x-form-item>
<x-form-item label="手机号">
<x-input v-model:model-value="form.name" height="96rpx" placeholder="请输入手机号"></x-input>
</x-form-item>
<x-form-item>
<view class="items-center test-24r xy">
<radio></radio>
本人承诺已阅读并同意
<text class="text-[var(--primary-color)]" @click="toPage('/pages/richPage/index')">
《灵活用工平台综合服务协议》
</text>
，本人按照协议内容向贵司提供相应的服务。
</view>
</x-form-item>
<x-form-item>
<view
class="bg-[var(--primary-color)] py-[26rpx] w-full text-[#fff] rounded-[12rpx] !flex justify-center items-center !mt-[40rpx]">
提交
</view>
</x-form-item>
</x-form>
</view>
</template>
<style scoped lang="scss">
.xy {
:deep(.uni-radio-input) {
width: 28rpx;
height: 28rpx;
}
}
</style>

60
src/pages/addPaymentAccount/index.vue Normal file
View File

@@ -0,0 +1,60 @@
<script setup>
import {defineAsyncComponent, ref} from "vue";
import XNav from "../../components/XNav.vue";
import XNoticeBar from "../../components/XNoticeBar.vue";
const AliPay = defineAsyncComponent(() => import('./components/AliPay.vue'));
const BankPay = defineAsyncComponent(() => import('./components/BankPay.vue'));
const currentTab = ref(0);
const tabs = [
{
name: '支付宝账号',
component: AliPay,
},
{
name: '银行卡账号',
component: BankPay,
},
];
const change = (e) => {
currentTab.value = e.index;
}
</script>
<template>
<!-- 立即提现 -->
<x-nav></x-nav>
<x-notice-bar
status="success"
:tile="true"
text="平台承诺：所有信息仅用于打款，不会用作其他用途。为了您的资金安全，大额提现会通过第三方支付代发，请填写实名信息和银行卡进行验证。">
</x-notice-bar>
<view class="bg-[#fff]">
<tui-tabs
:tabs="tabs"
:currentTab="currentTab"
@change="change"
width="300">
</tui-tabs>
<Suspense>
<template #default>
<view class="px-[34rpx] !mt-[40rpx]">
<component :is="tabs[currentTab].component"></component>
</view>
</template>
<template #fallback>
加载中...
</template>
</Suspense>
</view>
</template>
<style scoped lang="scss">
</style>