添加用户重复验证

src/api/gw/login/index.ts

@@ -25,3 +25,7 @@ export const getUserChk: any = async (data: any) => {
   })
   return rt
 }
+
+export const isExistUserName = async (data:any) => {
+  return await request.post({ url: `/DistributionBoxTesting/IsExistsUser?id=`+data.id+"&name="+data.name})
+}

src/stores/user.ts

@@ -46,5 +46,15 @@ export const useUserStore: any = defineStore('user', () => {
     wsCache.set(CACHE_KEY.userInfo, { UserName: UserName.value, isLogin: isLogin.value })
     router.push({ name: 'login' })
   }
-  return { UserName, isLogin, fnLogin, fnLoginOut }
+
+  async function fnIsExistUser(data:any){
+    const isExist: any = await LoginApi.isExistUserName({
+      id: data.id,
+      name: data.name
+    })
+
+    return isExist
+  }
+
+  return { UserName, isLogin, fnLogin, fnLoginOut ,fnIsExistUser}
 })

src/views/Gw/user/UserForm.vue

@@ -48,6 +48,10 @@ import { map as _map } from 'lodash'
 import { VXETable } from 'vxe-table'
 import * as comApi from '@/api/gw/com'
 
+import { useUserStore } from '../../../stores/user'
+const userStore = useUserStore()
+const { fnLogin,fnIsExistUser } = userStore
+
 // 定义事件[success]
 const emit = defineEmits(['success'])
 // 是否显示
@@ -95,6 +99,9 @@ const open = async (type: string, row?: any) => {
         case 'add':
             refShow.value = true
             modalTitle.value = '添加用户'
+            formDataA.value.Id = 0
+            formDataA.value.UserName=''
+            formDataA.value.Password=''
             break;
         case 'edit':
             refShow.value = true
@@ -109,6 +116,7 @@ const open = async (type: string, row?: any) => {
             const rowInfoA = await comApi.getUser(paramsA)
             console.log(rowInfoA)
             formDataA.value = rowInfoA.Data
+            formDataA.value.Id = rowInfoA.Data.ID
             formDataA.value.Password=''
             break;
     }
@@ -117,31 +125,40 @@ const open = async (type: string, row?: any) => {
 const fnSubmitA = async () => {
     await refFormA.value.validate().then(async (res: any) => {
         if(!res){
-            switch (active.value) {
+
-                case 'add':
+            const rt = await fnIsExistUser({ name: formDataA.value.UserName, id: formDataA.value.Id })
-                    const paramsA = {
+            if (rt) {
-                        data: formDataA.value
+                VXETable.modal.alert({ content: '用户名已存在'})
-                    }
+                return
-                    await comApi.saveUser(paramsA)
+            }else{
-                    VXETable.modal.message({ content: '新增成功', status: 'success' })
+                switch (active.value) {
-                    break;
+                    case 'add':
-                case 'edit':
+                        const paramsA = {
-                    let setVal: any = _map(formDataA.value, (o1, k1) => {
+                            data: formDataA.value
-                        return { field: k1, value: o1 }
+                        }
-                    })
+                        await comApi.saveUser(paramsA)
-                    const paramsB = {
+                        VXETable.modal.message({ content: '新增成功', status: 'success' })
-                        filter: {
+                        break;
-                            field: 'ID',
+                    case 'edit':
-                            value: formDataA.value.ID
+                        let setVal: any = _map(formDataA.value, (o1, k1) => {
-                        },
+                            return { field: k1, value: o1 }
-                        set: setVal
+                        })
-                    }
+                        const paramsB = {
-                    await comApi.editUser(paramsB)
+                            filter: {
-                    VXETable.modal.message({ content: '修改成功', status: 'success' })
+                                field: 'ID',
-                    break;
+                                value: formDataA.value.ID
+                            },
+                            set: setVal
+                        }
+                        await comApi.editUser(paramsB)
+                        VXETable.modal.message({ content: '修改成功', status: 'success' })
+                        break;
+                }
+                refShow.value = false
+                emit('success')
             }
-            refShow.value = false
+
-            emit('success')
+            
         }
     })
 }