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
---
packages/components/src/views/Mine/ApplyAgentView.vue | 74 ++++++++++++++++++++++++++++++++----
1 files changed, 65 insertions(+), 9 deletions(-)
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 {
--
Gitblit v1.9.1