后台添加手机用户

admin/src/views/consumer/lists/index.vue

@@ -84,11 +84,10 @@
         </el-card>
 
       <el-dialog v-model="dialogFormVisible" title="添加用户" width="30%">
-        <el-form :model="form">
-          <el-form-item label="手机号">
+        <el-form :model="form" ref="addForm">
+          <el-form-item label="手机号" prop="mobile">
             <el-input v-model="form.mobile" autocomplete="off" />
               <span>
-
                 <el-icon><Pointer /></el-icon>
                 初始密码:123456
               </span>
@@ -125,18 +124,22 @@ const { pager, getLists, resetPage, resetParams } = usePaging({
 onActivated(() => {
     getLists()
 })
+
 const dialogFormVisible = ref(false)
 const form = reactive({
   "mobile": ""
 })
+const addForm = ref()
 const  addUser = () => {
-  addUserApi(form)
-  ElMessage({
-    message: '用户添加成功',
-    type: 'success',
+  addUserApi(form).then(() => {
+    ElMessage({
+      message: '用户添加成功',
+      type: 'success',
+    })
+    addForm.value.resetFields()
+    dialogFormVisible.value = false
+    getLists()
   })
-  dialogFormVisible.value = false
-  getLists()
 }
 getLists()
 </script>