diff --git a/src/pages/user/index.vue b/src/pages/user/index.vue
index 7868197d1f1e02420193ffe2f231873e51031566..16318fa2057f632885d8a0618d6c6e81f661cc0c 100644
--- a/src/pages/user/index.vue
+++ b/src/pages/user/index.vue
@@ -28,13 +28,20 @@
         </a-tooltip>
       </template>
     </a-table>
+    <a-modal v-model="editUserVisible" :title="title" :mask-closable="false" @keyup.native.enter="handleEditUserOk" @ok="handleEditUserOk">
+      <user-add ref="userAdd" :row-data="rowData" @on-refresh="refreshTable" />
+    </a-modal
   </div>
 </template>
 
 <script>
 import { getUserList } from '../../api/user'
 import { parseTime } from '../../utils/time'
+import userAdd from './components/user_add.vue'
 export default {
+  components: {
+    userAdd
+  },
   data() {
     return {
       loading: false,
@@ -73,10 +80,23 @@ export default {
         this.loading = false
       })
     },
+    handleAdd() {
+      this.title = '新增用户'
+      this.rowData = {}
+      this.editUserVisible = true
+    },
+    handleEdit(record) {
+      this.title = '编辑用户'
+      this.rowData = Object.assign(record)
+      this.editUserVisible = true
+    },
     refreshTable() {
       this.editUserVisible = false
       this.loadData()
     },
+    handleEditUserOk() {
+      this.$refs.userAdd.formSubmit()
+    },
   }
 }
 </script>
\ No newline at end of file