【代码优化】商城：分销用户的创建

Author: YunaiV

src/views/mall/trade/brokerage/user/BrokerageUserCreateForm.vue

@@ -75,7 +75,7 @@ import * as BrokerageUserApi from '@/api/mall/trade/brokerage/user'
 import * as UserApi from '@/api/member/user'
 import { formatDate } from '@/utils/formatTime'
 
-defineOptions({ name: 'CreateUserForm' })
+defineOptions({ name: 'BrokerageUserCreateForm' })
 
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
@@ -84,8 +84,7 @@ const dialogVisible = ref(false) // 弹窗的是否展示
 const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
 const formData = ref({
   userId: undefined,
-  bindUserId: undefined,
-  brokerageEnabled: false
+  bindUserId: undefined
 })
 const formRef = ref() // 表单 Ref
 const formRules = reactive({
@@ -128,10 +127,7 @@ const resetForm = () => {
   formRef.value?.resetFields()
   formData.value = {
     userId: undefined,
-    bindUserId: undefined,
-    brokerageEnabled: false,
-    price: 0,
-    frozenPrice: 0
+    bindUserId: undefined
   }
 
   userInfo.bindUser = undefined

src/views/mall/trade/brokerage/user/index.vue

@@ -200,7 +200,7 @@
   <!-- 推广订单列表 -->
   <BrokerageOrderListDialog ref="orderDialogRef" />
   <!-- 创建分销员 -->
-  <BrokerageUserCreateForm ref="createFormRef" />
+  <BrokerageUserCreateForm ref="createFormRef" @success="getList" />
 </template>
 
 <script lang="ts" setup>