From a8651ec657fd2ef85cacc6660916dc847a932e1f Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期一, 10 十一月 2025 16:36:05 +0800
Subject: [PATCH] fix: bug
---
src/views/FinanceManage/AccountManage.vue | 169 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 169 insertions(+), 0 deletions(-)
diff --git a/src/views/FinanceManage/AccountManage.vue b/src/views/FinanceManage/AccountManage.vue
new file mode 100644
index 0000000..818d4a4
--- /dev/null
+++ b/src/views/FinanceManage/AccountManage.vue
@@ -0,0 +1,169 @@
+<template>
+ <LoadingLayout :loading="isLoading">
+ <AppContainer>
+ <PageFormLayout title="璐︽埛淇℃伅">
+ <ProForm :model="form" ref="formRef" label-width="140px" :is-read="isDetail">
+ <ProFormCol>
+ <ProFormColItem :span="12">
+ <ProFormItemV2 label="璐︽埛鍚嶇О:" prop="name" mode="read">
+ <ProFormText v-model.trim="form.name" placeholder="璇疯緭鍏ヨ处鎴峰悕绉�" />
+ </ProFormItemV2>
+ </ProFormColItem>
+ </ProFormCol>
+ <ProFormCol>
+ <ProFormColItem :span="12">
+ <ProFormItemV2
+ label="寮�鎴锋�昏:"
+ prop="bank"
+ :check-rules="[{ message: '璇疯緭鍏ュ紑鎴锋�昏' }]"
+ >
+ <ProFormText v-model.trim="form.bank" placeholder="璇疯緭鍏ュ紑鎴锋�昏" />
+ </ProFormItemV2>
+ </ProFormColItem>
+ </ProFormCol>
+ <ProFormCol>
+ <ProFormColItem :span="12">
+ <ProFormItemV2
+ label="寮�鎴锋敮琛�:"
+ prop="bankBranch"
+ :check-rules="[{ message: '璇疯緭鍏ュ紑鎴锋敮琛�' }]"
+ >
+ <ProFormText v-model.trim="form.bankBranch" placeholder="璇疯緭鍏ュ紑鎴锋敮琛�" />
+ </ProFormItemV2>
+ </ProFormColItem>
+ </ProFormCol>
+ <ProFormCol>
+ <ProFormColItem :span="12">
+ <ProFormItemV2
+ label="鎴峰彿:"
+ prop="account"
+ :check-rules="[{ message: '璇疯緭鍏ユ埛鍙�', type: 'bankCard' }]"
+ >
+ <ProFormText v-model.trim="form.account" placeholder="璇疯緭鍏ユ埛鍙�" />
+ </ProFormItemV2>
+ </ProFormColItem>
+ </ProFormCol>
+ </ProForm>
+ <template #footer>
+ <el-button v-if="isDetail" type="primary" @click="isDetail = false">缂栬緫</el-button>
+ <el-button v-else type="primary" @click="handleConfirm()">淇濆瓨</el-button>
+ </template>
+ </PageFormLayout>
+ </AppContainer>
+ </LoadingLayout>
+</template>
+
+<script setup lang="ts">
+import {
+ LoadingLayout,
+ AppContainer,
+ PageFormLayout,
+ ProForm,
+ ProFormCol,
+ ProFormColItem,
+ ProFormItemV2,
+ ProFormInputNumber,
+ ProFormRadio,
+ ProFormText,
+} from '@bole-core/components';
+import { useQuery } from '@tanstack/vue-query';
+import * as smsServices from '@/services/api/sms';
+import { FormInstance } from 'element-plus';
+import { Message } from '@bole-core/core';
+import * as enterpriseCooperationWalletServices from '@/services/api/enterpriseCooperationWallet';
+
+defineOptions({
+ name: 'AccountManage',
+});
+
+const { userDetail } = useUser();
+
+const form = reactive({
+ name: '',
+ bank: '',
+ bankBranch: '',
+ account: '',
+});
+
+const isDetail = ref(true);
+
+const { isLoading } = useQuery({
+ queryKey: ['enterpriseCooperationWalletServices/getEnterpriseReceiveAccount'],
+ queryFn: async () => {
+ return await enterpriseCooperationWalletServices.getEnterpriseReceiveAccount(
+ {},
+ {
+ showLoading: false,
+ }
+ );
+ },
+ placeholderData: () => ({} as API.GetEnterpriseReceiveAccountQueryResult),
+ onSuccess(data) {
+ form.name = data.name;
+ form.bank = data.bank;
+ form.bankBranch = data.bankBranch;
+ form.account = data.account;
+ },
+});
+
+const formRef = ref<FormInstance>();
+
+function handleConfirm() {
+ if (!formRef.value) return;
+ formRef.value.validate((valid) => {
+ if (valid) {
+ submit();
+ } else {
+ return;
+ }
+ });
+}
+
+async function submit() {
+ try {
+ let params: API.SaveEnterpriseReceiveAccountCommand = {
+ bank: form.bank,
+ bankBranch: form.bankBranch,
+ account: form.account,
+ };
+ let res = await enterpriseCooperationWalletServices.saveEnterpriseReceiveAccount(params);
+ if (res) {
+ Message.successMessage('鎿嶄綔鎴愬姛');
+ isDetail.value = true;
+ }
+ } catch (error) {}
+}
+</script>
+
+<style lang="scss" scoped>
+@use '@/style/common.scss' as *;
+
+.access-list {
+ flex: 1;
+ min-width: 0;
+
+ :deep() {
+ .el-form-item__content {
+ flex-direction: column;
+ align-items: flex-start;
+ }
+ }
+}
+
+.access-item {
+ display: flex;
+ align-items: center;
+ margin-bottom: 10px;
+
+ .access-item-label {
+ margin-right: 20px;
+ word-break: keep-all;
+ }
+
+ :deep() {
+ .el-radio-group {
+ margin-right: 20px;
+ }
+ }
+}
+</style>
--
Gitblit v1.9.1