From 2b94112e484c06c7d0afdf06cb96fd8dc645164c Mon Sep 17 00:00:00 2001
From: xing <fthvgb1@163.com>
Date: Thu, 18 Jun 2020 16:53:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E6=8F=90=E5=8D=95=E5=89=8D?=
 =?UTF-8?q?=E7=9A=84=E9=AA=8C=E8=AF=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/users/users.vue | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/users/users.vue b/src/components/users/users.vue
index c155cd8..ebf88b0 100644
--- a/src/components/users/users.vue
+++ b/src/components/users/users.vue
@@ -56,7 +56,7 @@
 
     </el-card>
 
-    <el-dialog title="添加用户" :visible.sync="dialogVisible">
+    <el-dialog title="添加用户" :visible.sync="dialogVisible" @close="formClose">
       <!--内在主体区-->
 
       <el-form :model="addForm" :rules="rules" ref="addFormRef" label-width="70px" >
@@ -72,16 +72,13 @@
         <el-form-item label="手机" prop="mobile">
           <el-input v-model="addForm.mobile"></el-input>
         </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
-          <el-button @click="resetForm('ruleForm')">重置</el-button>
-        </el-form-item>
+
       </el-form>
 
       <!--底部区-->
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
       </span>
     </el-dialog>
 
@@ -141,8 +138,16 @@ export default {
     }
   },
   methods: {
-    submitForm (form) {
-
+    formClose () {
+      this.resetForm()
+    },
+    submitForm () {
+      this.$refs.addFormRef.validate(validate => {
+        if (!validate) {
+          return
+        }
+        this.dialogVisible = false
+      })
     },
     resetForm () {
       this.$refs.addFormRef.resetFields()