加入用户名重复提醒

vue/src/api/system/user.js

@@ -45,3 +45,7 @@ export function updateAvatar(key) {
 export function validate(pwd) {
     return request.get(baseUrl + '/validate?pwd=' + pwd).then(({data}) => data)
 }
+
+export function checkName(name) {
+    return request.get(baseUrl + '/checkName?name=' + name).then(({data}) => data)
+}

vue/src/views/app/register.vue

@@ -43,12 +43,18 @@
 <script>
     import md5 from "js-md5"
     import {register} from "@/api/account"
+    import {checkName} from "@/api/system/user"
     import {elSuccess} from "@/utils/message"
 
     export default {
         name: "register",
         data() {
-            let validateRepwd = (r, v, c) => {
+            const validateName = (r, v, c) => {
+                checkName(this.form.username)
+                    .then(({msg}) => msg ? c(msg) : c())
+                    .catch(e => c(e))
+            }
+            const validateRepwd = (r, v, c) => {
                 return v !== this.form.pwd ? c('两次密码输入不一致') : c()
             }
 
@@ -59,7 +65,10 @@
                     repwd: ''
                 },
                 rules: {
-                    username: [{required: true, message: '请输入用户名', trigger: 'change'}],
+                    username: [
+                        {required: true, message: '请输入用户名', trigger: 'change'},
+                        {validator: validateName, trigger: 'change'}
+                    ],
                     pwd: [
                         {required: true, message: '请输入密码', trigger: 'change'},
                         {min: 6, max: 32, message: '请输入6-32位的密码', trigger: 'change'}

vue/src/views/system/user/components/EditDialog.vue

@@ -31,7 +31,7 @@
 <script>
     import DialogForm from '@/bizComponents/DialogForm'
     import RoleSelector from './RoleSelector'
-    import {addUser, updateUser} from "@/api/system/user"
+    import {addUser, updateUser, checkName} from "@/api/system/user"
     import {isEmpty} from '@/utils'
     import {elConfirm} from "@/utils/message"
 
@@ -44,6 +44,11 @@
             data: {type: Object, default: () => ({})},
         },
         data() {
+            const validateName = (r, v, c) => {
+                checkName(this.form.name)
+                    .then(({msg}) => msg ? c(msg) : c())
+                    .catch(e => c(e))
+            }
             return {
                 loading: false,
                 form: {
@@ -54,7 +59,10 @@
                     status: 1,
                 },
                 rules: {
-                    name: [{required: true, message: '用户名称不能为空', trigger: 'change'}],
+                    name: [
+                        {required: true, message: '用户名称不能为空', trigger: 'change'},
+                        {validator: validateName, trigger: 'change'}
+                    ],
                     role: [{required: true, message: '用户角色不能为空', trigger: 'change'}],
                     status: [{required: true, message: '用户状态不能为空', trigger: 'change'}],
                 }