From 1327b99efda99ada27a956981648950f580314b0 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期四, 22 五月 2025 14:17:47 +0800
Subject: [PATCH] fix: 修改ui
---
apps/taro/src/subpackages/my/applyAgent/applyAgent.vue | 20 +++++++---
packages/components/src/views/Mine/ApplyAgentView.vue | 74 ++++++++++++++++++++++++++++++++----
packages/components/src/index.ts | 1
packages/components/src/views/userAccount/EditGasUserAccount.vue | 2
4 files changed, 81 insertions(+), 16 deletions(-)
diff --git a/apps/taro/src/subpackages/my/applyAgent/applyAgent.vue b/apps/taro/src/subpackages/my/applyAgent/applyAgent.vue
index 7f06d32..fa40cd0 100644
--- a/apps/taro/src/subpackages/my/applyAgent/applyAgent.vue
+++ b/apps/taro/src/subpackages/my/applyAgent/applyAgent.vue
@@ -1,11 +1,7 @@
<template>
<PageLayout title="绔嬪嵆鐢宠" class="applyAgent-page-wrapper" hasBgColor :needAuth="false">
<ContentScrollView hasPaddingTop style="background-color: transparent">
- <!-- <OrderApplyRefundView
- :id="id"
- @submitApplyRefund="submitApplyRefund"
- ref="orderApplyRefundViewRef"
- /> -->
+ <ApplyAgentView @submit="submit" ref="orderApplyRefundViewRef" />
</ContentScrollView>
<PageFooter>
<PageFooterBtn type="primary" @click="handleSubmit">鎻愪氦鐢宠</PageFooterBtn>
@@ -15,10 +11,22 @@
<script setup lang="ts">
import { PageLayout } from '@/components';
+import { ApplyAgentView } from '@life-payment/components';
+import { goBack } from '@/utils';
+import type { ComponentExposed } from 'vue-component-type-helpers';
defineOptions({
name: 'applyAgent',
});
-function handleSubmit() {}
+const applyAgentViewRef =
+ useTemplateRef<ComponentExposed<typeof ApplyAgentView>>('applyAgentViewRef');
+
+function handleSubmit() {
+ applyAgentViewRef.value?.handleSubmit?.();
+}
+
+function submit() {
+ goBack();
+}
</script>
diff --git a/packages/components/src/index.ts b/packages/components/src/index.ts
index 8e753b6..e6b38ac 100644
--- a/packages/components/src/index.ts
+++ b/packages/components/src/index.ts
@@ -17,4 +17,5 @@
export { default as EditGasUserAccount } from './views/userAccount/EditGasUserAccount.vue';
export { default as ShareQrcodeView } from './views/Mine/ShareQrcodeView.vue';
export { default as Dashboard } from './views/Mine/Dashboard.vue';
+export { default as ApplyAgentView } from './views/Mine/ApplyAgentView.vue';
export * from './utils';
diff --git a/packages/components/src/views/Mine/ApplyAgentView.vue b/packages/components/src/views/Mine/ApplyAgentView.vue
index 518e578..fe3521d 100644
--- a/packages/components/src/views/Mine/ApplyAgentView.vue
+++ b/packages/components/src/views/Mine/ApplyAgentView.vue
@@ -1,5 +1,57 @@
<template>
- <div></div>
+ <NutForm
+ :model-value="form"
+ ref="formRef"
+ :rules="rules"
+ label-position="top"
+ class="order-bill-recharge phone chunk-form"
+ >
+ <NutFormItem label="鍏徃鍚嶇О" class="bole-form-item" prop="companyName">
+ <NutInput
+ v-model.trim="form.companyName"
+ class="bole-input-text"
+ placeholder="璇峰～鍐欐偍鐨勫叕鍙稿悕绉�"
+ type="text"
+ />
+ </NutFormItem>
+ <NutFormItem label="濮撳悕" class="bole-form-item" prop="name" required>
+ <NutInput
+ v-model.trim="form.name"
+ class="bole-input-text"
+ placeholder="璇峰～鍐欐偍鐨勫鍚�"
+ type="text"
+ />
+ </NutFormItem>
+ <NutFormItem label="鑱旂郴鏂瑰紡" class="bole-form-item" prop="phoneNumber" required>
+ <NutInput
+ v-model.trim="form.phoneNumber"
+ class="bole-input-text"
+ placeholder="璇峰～鍐欐偍鐨勮仈绯绘柟寮�"
+ type="text"
+ />
+ </NutFormItem>
+ <NutFormItem label="鎰忓悜浠ｇ悊绫诲瀷 " class="bole-form-item" prop="type" required>
+ <ChooseInputWithPicker
+ v-model="form.type"
+ placeholder="璇烽�夋嫨鎮ㄦ兂鐢宠鐨勪唬鐞嗙被鍨�"
+ :value-enum="[]"
+ enum-label-key="gasOrgName"
+ enum-value-key="gasOrgCode"
+ />
+ </NutFormItem>
+ <NutFormItem label="瀹㈡埛璧勬簮" class="bole-form-item" prop="refundApplyRemark" required>
+ <NutTextarea
+ placeholder="璇峰～鍐欐偍鎷ユ湁鐨勫鎴疯祫婧�"
+ placeholderClass="bole-input-text-placeholder"
+ autoSize
+ class="bole-input-textarea"
+ v-model="form.refundApplyRemark"
+ :max-length="200"
+ limit-show
+ >
+ </NutTextarea>
+ </NutFormItem>
+ </NutForm>
</template>
<script setup lang="ts">
@@ -11,12 +63,9 @@
} from '@nutui/nutui-taro';
import { FormRules } from '@nutui/nutui-taro/dist/types/__VUE/form/types';
import { reactive, ref, computed } from 'vue';
-import {
- useLifeRechargeContext,
- LifeRechargeConstants,
- RefundUserLifePayOrderInput,
-} from '@life-payment/core-vue';
-import { useQueryClient } from '@tanstack/vue-query';
+import { useLifeRechargeContext } from '@life-payment/core-vue';
+import { FormValidator } from '../../utils';
+import ChooseInputWithPicker from '../../components/Input/ChooseInputWithPicker.vue';
defineOptions({
name: 'ApplyAgentView',
@@ -27,10 +76,19 @@
}>();
const form = reactive({
+ companyName: '',
+ name: '',
+ phoneNumber: '',
+ type: '',
refundApplyRemark: '',
});
const rules = reactive<FormRules>({
+ name: [{ required: true, message: '璇峰～鍐欐偍鐨勫鍚�' }],
+ phoneNumber: [
+ { required: true, message: '璇峰～鍐欐偍鐨勮仈绯绘柟寮�' },
+ { validator: FormValidator.validatorPhoneNumber, message: '璇疯緭鍏ユ纭殑鎵嬫満鍙�' },
+ ],
refundApplyRemark: [{ required: true, message: '璇疯緭鍏ラ��娆惧師鍥�' }],
});
@@ -46,8 +104,6 @@
}
});
}
-
-const queryClient = useQueryClient();
async function refundUserLifePayOrder() {
try {
diff --git a/packages/components/src/views/userAccount/EditGasUserAccount.vue b/packages/components/src/views/userAccount/EditGasUserAccount.vue
index a160e14..1ca2280 100644
--- a/packages/components/src/views/userAccount/EditGasUserAccount.vue
+++ b/packages/components/src/views/userAccount/EditGasUserAccount.vue
@@ -45,7 +45,7 @@
AddUpdateUserAccountInput,
} from '@life-payment/core-vue';
import { useAddUpdateUserAccount, useGetGasParValue } from '../../hooks';
-import LoadingLayout from '../../components//Layout/LoadingLayout.vue';
+import LoadingLayout from '../../components/Layout/LoadingLayout.vue';
import ChooseInputWithPicker from '../../components//Input/ChooseInputWithPicker.vue';
import { useQuery } from '@tanstack/vue-query';
import { GasUserAccountExtraProperties } from '../GasBillRecharge/context';
--
Gitblit v1.9.1