From 537286fcc9b37fd6cfbea1d1f07583a77adcef6b Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期三, 03 九月 2025 17:08:38 +0800 Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp --- apps/cMiniApp/src/subpackages/wallet/withdraw/InnerPage.vue | 122 ++++++++++++++++++++++++++++++++++++++++ 1 files changed, 122 insertions(+), 0 deletions(-) diff --git a/apps/cMiniApp/src/subpackages/wallet/withdraw/InnerPage.vue b/apps/cMiniApp/src/subpackages/wallet/withdraw/InnerPage.vue new file mode 100644 index 0000000..1f75a0a --- /dev/null +++ b/apps/cMiniApp/src/subpackages/wallet/withdraw/InnerPage.vue @@ -0,0 +1,122 @@ +<template> + <ContentScrollView :paddingH="false"> + <nut-form :model-value="form" ref="formRef" :rules="rules"> + <nut-form-item label="鎻愮幇閲戦:" class="bole-form-item" prop="name"> + <nut-input v-model.trim="form.name" placeholder="璇疯緭鍏ユ彁鐜伴噾棰�" /> + </nut-form-item> + <div class="withdraw-divider"> + <div class="withdraw-divider-text">{{ `褰撳墠璐︽埛浣欓${'188.88'}鍏冿紝` }}</div> + <div class="withdraw-divider-btn">鍏ㄩ儴鎻愮幇</div> + </div> + <nut-form-item label-width="0" class="bole-form-item"> + <nut-radio-group class="withdraw-form-wrapper" v-model="form.alipay"> + <div class="withdraw-form-item"> + <nut-radio label="alipay"> {{ '鎻愮幇鍒版敮浠樺疂' }} </nut-radio> + <img :src="IconWalletAlipay" class="withdraw-icon" /> + </div> + <!-- <div class="withdraw-form-item"> + <nut-radio label="wechat"> {{ '鎻愮幇鍒板井淇�' }} </nut-radio> + <img :src="IconWalletWechat" class="withdraw-icon" /> + </div> + <div class="withdraw-form-item"> + <nut-radio label="bank"> {{ '鎻愮幇鍒伴摱琛屽崱' }} </nut-radio> + <img :src="IconWalletBank" class="withdraw-icon" /> + </div> --> + </nut-radio-group> + </nut-form-item> + <nut-form-item label="鏀粯瀹濇埛鍚�:" class="bole-form-item" prop="name"> + <nut-input v-model.trim="form.name" placeholder="璇疯緭鍏ユ敮浠樺疂鎴峰悕" /> + </nut-form-item> + <nut-form-item label="韬唤璇佸彿:" class="bole-form-item" prop="name"> + <nut-input v-model.trim="form.name" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" /> + </nut-form-item> + <nut-form-item label="鏀粯瀹濊处鍙�:" class="bole-form-item" prop="phoneNumber" required> + <nut-input v-model.trim="form.name" placeholder="璇疯緭鍏ユ敮浠樺疂璐﹀彿/鎵嬫満鍙�" /> + </nut-form-item> + </nut-form> + </ContentScrollView> + <PageFooter> + <PageFooterBtn type="plain" @click="goBack">鍙栨秷</PageFooterBtn> + <PageFooterBtn type="primary" @click="handleConfirm">纭鎻愮幇</PageFooterBtn> + </PageFooter> +</template> + +<script setup lang="ts"> +import { FormRules } from '@nutui/nutui-taro/dist/types/__VUE/form/types'; +import IconWalletAlipay from '@/assets/wallet/icon-wallet-alipay.png'; +import IconWalletWechat from '@/assets/wallet/icon-wallet-wechat.png'; +import IconWalletBank from '@/assets/wallet/icon-wallet-bank.png'; +import { goBack } from '@/utils'; +import Taro from '@tarojs/taro'; + +defineOptions({ + name: 'InnerPage', +}); + +const form = reactive({ + name: '', + alipay: 'alipay', +}); + +const rules = reactive<FormRules>({ + name: [{ required: true, message: '璇疯緭鍏�' }], +}); + +const formRef = ref<any>(null); +function handleConfirm() { + Taro.navigateTo({ + url: `${RouterPath.withdrawResult}`, + }); + // if (!formRef.value) return; + // formRef.value.validate().then(({ valid, errors }: any) => { + // if (valid) { + // confirm(); + // } + // }); +} + +async function confirm() { + try { + } catch (error) {} +} +</script> + +<style lang="scss"> +@import '@/styles/common.scss'; + +.withdraw-page-wrapper { + .withdraw-divider { + display: flex; + align-items: center; + font-size: 28px; + color: boleGetCssVar('text-color', 'secondary'); + padding: 20px 40px; + + .withdraw-divider-btn { + color: boleGetCssVar('color', 'primary'); + } + } + + .withdraw-form-wrapper { + width: 100%; + + .withdraw-form-item { + display: flex; + align-items: center; + justify-content: space-between; + padding-right: 40px; + margin-bottom: 12px; + + &:last-child { + margin-bottom: 0; + } + + .withdraw-icon { + width: 36px; + height: 36px; + display: inline-block; + } + } + } +} +</style> -- Gitblit v1.9.1