From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/views/mall/trade/brokerage/user/BrokerageUserCreateForm.vue | 161 +++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 161 insertions(+), 0 deletions(-)
diff --git a/src/views/mall/trade/brokerage/user/BrokerageUserCreateForm.vue b/src/views/mall/trade/brokerage/user/BrokerageUserCreateForm.vue
new file mode 100644
index 0000000..9a979f0
--- /dev/null
+++ b/src/views/mall/trade/brokerage/user/BrokerageUserCreateForm.vue
@@ -0,0 +1,161 @@
+<template>
+ <Dialog v-model="dialogVisible" title="鍒涘缓鍒嗛攢鍛�" width="800">
+ <el-form
+ ref="formRef"
+ v-loading="formLoading"
+ :model="formData"
+ :rules="formRules"
+ label-width="90"
+ >
+ <el-row :gutter="20">
+ <el-col :span="12" :xs="24">
+ <el-form-item label="鍒嗛攢鍛�" prop="userId">
+ <el-input
+ v-model="formData.userId"
+ v-loading="formLoading"
+ placeholder="璇疯緭鍏ュ垎閿�鍛樼紪鍙�"
+ >
+ <template #append>
+ <el-button @click="handleGetUser(formData.userId, '鍒嗛攢鍛�')">
+ <Icon class="mr-5px" icon="ep:search" />
+ </el-button>
+ </template>
+ </el-input>
+ </el-form-item>
+ <!-- 灞曠ず鍒嗛攢鍛樼殑淇℃伅 -->
+ <el-descriptions v-if="userInfo.user" :column="1" border>
+ <el-descriptions-item label="澶村儚">
+ <el-avatar :src="userInfo.user?.avatar" />
+ </el-descriptions-item>
+ <el-descriptions-item label="鏄电О">{{ userInfo.user?.nickname }}</el-descriptions-item>
+ </el-descriptions>
+ </el-col>
+
+ <el-col :span="12" :xs="24">
+ <el-form-item label="涓婄骇鎺ㄥ箍浜�" prop="bindUserId">
+ <el-input
+ v-model="formData.bindUserId"
+ v-loading="formLoading"
+ placeholder="璇疯緭鍏ユ帹骞垮憳缂栧彿"
+ >
+ <template #append>
+ <el-button @click="handleGetUser(formData.bindUserId, '鎺ㄥ箍鍛�')">
+ <Icon class="mr-5px" icon="ep:search" />
+ </el-button>
+ </template>
+ </el-input>
+ </el-form-item>
+ <!-- 灞曠ず涓婄骇鎺ㄥ箍浜虹殑淇℃伅 -->
+ <el-descriptions v-if="userInfo.bindUser" :column="1" border>
+ <el-descriptions-item label="澶村儚">
+ <el-avatar :src="userInfo.bindUser?.avatar" />
+ </el-descriptions-item>
+ <el-descriptions-item label="鏄电О"
+ >{{ userInfo.bindUser?.nickname }}
+ </el-descriptions-item>
+ <el-descriptions-item label="鎺ㄥ箍璧勬牸">
+ <el-tag v-if="userInfo.bindUser?.brokerageEnabled">鏈�</el-tag>
+ <el-tag v-else type="info">鏃�</el-tag>
+ </el-descriptions-item>
+ <el-descriptions-item label="鎴愪负鎺ㄥ箍鍛樼殑鏃堕棿">
+ {{ formatDate(userInfo.bindUser?.brokerageTime) }}
+ </el-descriptions-item>
+ </el-descriptions>
+ </el-col>
+ </el-row>
+ </el-form>
+ <template #footer>
+ <el-button :disabled="formLoading" type="primary" @click="submitForm">纭� 瀹�</el-button>
+ <el-button @click="dialogVisible = false">鍙� 娑�</el-button>
+ </template>
+ </Dialog>
+</template>
+<script lang="ts" setup>
+import * as BrokerageUserApi from '@/api/mall/trade/brokerage/user'
+import * as UserApi from '@/api/member/user'
+import { formatDate } from '@/utils/formatTime'
+
+defineOptions({ name: 'BrokerageUserCreateForm' })
+
+const { t } = useI18n() // 鍥介檯鍖�
+const message = useMessage() // 娑堟伅寮圭獥
+
+const dialogVisible = ref(false) // 寮圭獥鐨勬槸鍚﹀睍绀�
+const formLoading = ref(false) // 琛ㄥ崟鐨勫姞杞戒腑锛�1锛変慨鏀规椂鐨勬暟鎹姞杞斤紱2锛夋彁浜ょ殑鎸夐挳绂佺敤
+const formData = ref({
+ userId: undefined,
+ bindUserId: undefined
+})
+const formRef = ref() // 琛ㄥ崟 Ref
+const formRules = reactive({
+ userId: [{ required: true, message: '鍒嗛攢鍛樹笉鑳戒负绌�', trigger: 'blur' }]
+})
+
+/** 鎵撳紑寮圭獥 */
+const open = async () => {
+ resetForm()
+ dialogVisible.value = true
+}
+defineExpose({ open }) // 鎻愪緵 open 鏂规硶锛岀敤浜庢墦寮�寮圭獥
+
+/** 鎻愪氦琛ㄥ崟 */
+const emit = defineEmits(['success']) // 瀹氫箟 success 浜嬩欢锛岀敤浜庢搷浣滄垚鍔熷悗鐨勫洖璋�
+/** 鍒涘缓鍒嗛攢鍛� */
+const submitForm = async () => {
+ if (formLoading.value) return
+ // 鏍￠獙琛ㄥ崟
+ if (!formRef) return
+ const valid = await formRef.value.validate()
+ if (!valid) return
+
+ // 鎻愪氦璇锋眰
+ formLoading.value = true
+ try {
+ // 鍙戣捣淇敼
+ await BrokerageUserApi.createBrokerageUser(formData.value)
+ message.success(t('common.createSuccess'))
+ dialogVisible.value = false
+ // 鍙戦�佹搷浣滄垚鍔熺殑浜嬩欢
+ emit('success')
+ } finally {
+ formLoading.value = false
+ }
+}
+
+/** 閲嶇疆琛ㄥ崟 */
+const resetForm = () => {
+ formRef.value?.resetFields()
+ formData.value = {
+ userId: undefined,
+ bindUserId: undefined
+ }
+
+ userInfo.bindUser = undefined
+ userInfo.user = undefined
+}
+
+/** 鏌ヨ鎺ㄥ箍鍛樺拰鍒嗛攢鍛� */
+const userInfo = reactive<{
+ bindUser: BrokerageUserApi.BrokerageUserVO | undefined
+ user: BrokerageUserApi.BrokerageUserVO | undefined
+}>({
+ bindUser: undefined,
+ user: undefined
+})
+const handleGetUser = async (id: any, userType: string) => {
+ if (!id) {
+ message.warning(`璇峰厛杈撳叆${userType}缂栧彿鍚庨噸璇曪紒锛侊紒`)
+ return
+ }
+ if (userType === '鎺ㄥ箍鍛�' && formData.value.bindUserId == formData.value.userId) {
+ message.error('涓嶈兘缁戝畾鑷繁涓烘帹骞夸汉')
+ return
+ }
+ const user =
+ userType === '鎺ㄥ箍鍛�' ? await BrokerageUserApi.getBrokerageUser(id) : await UserApi.getUser(id)
+ userType === '鎺ㄥ箍鍛�' ? (userInfo.bindUser = user) : (userInfo.user = user)
+ if (!user) {
+ message.warning(`${userType}涓嶅瓨鍦╜)
+ }
+}
+</script>
--
Gitblit v1.8.0