用户名校验请求提交

zkqy-ui/src/api/system/user.js

@@ -12,7 +12,7 @@ export function listUser(query) {
 
 // 查询用户详细
 export function getUser(userId) {
-  console.log(userId,"dddddd")
+  console.log(userId, "dddddd")
   return request({
     url: '/system/user/' + parseStrEmpty(userId),
     method: 'get'
@@ -134,3 +134,12 @@ export function deptTreeSelect() {
     method: 'get'
   })
 }
+
+// 判断用户账号是否存在
+export function getIsExistUser(query) {
+  return request({
+    url: '/system/user/isExistUser',
+    method: 'get',
+    params: query
+  })
+}

zkqy-ui/src/views/system/tenant/index.vue

@@ -187,7 +187,6 @@
               </el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
-          
         </template>
       </el-table-column>
     </el-table>
@@ -369,6 +368,7 @@ import {
 } from "@/api/system/tenant";
 import { getDataSourceInfo, insertDataSource } from "@/api/system/data";
 import { servicesLoading } from "@/utils/zkqy";
+import { getIsExistUser } from "@/api/system/user";
 
 export default {
   name: "Tenant",
@@ -494,6 +494,29 @@ export default {
     this.selectAllUser();
   },
   methods: {
+    // 租户名自定义校验规则
+    async tenantAccountValidator(rule, value, callback) {
+      // let isRepeat = this.allUser.filter((item) => item.userName == value);
+      // if (isRepeat.length !== 0) {
+      //   callback(new Error("租户账号重复"));
+      // } else {
+      //   callback();
+      // }
+      if (value) {
+        await getIsExistUser({ userName: value }).then((res) => {
+          if (res.code == 200) {
+            if (res.data) {
+              callback();
+            } else {
+              callback(new Error("租户管理员账号已存在"));
+            }
+          } else {
+            callback(new Error("租户管理员账号校验失败,请重新输入"));
+          }
+        });
+      }
+      callback();
+    },
     // 获取所用用户名,作校验用
     async selectAllUser() {
       let res = await selectAllUser();

zkqy-ui/src/views/system/user/index.vue

@@ -567,6 +567,7 @@ import { getToken } from "@/utils/auth";
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import { mapGetters } from "vuex";
+import { getIsExistUser } from "@/api/system/user";
 
 export default {
   name: "User",
@@ -659,6 +660,7 @@ export default {
             message: "用户名称长度必须介于 2 和 20 之间",
             trigger: "blur",
           },
+          { trigger: "blur", validator: this.validateNickName },
         ],
         nickName: [
           { required: true, message: "用户昵称不能为空", trigger: "blur" },
@@ -712,6 +714,28 @@ export default {
     },
   },
   methods: {
+    // 校验用户昵称是否重复
+    async validateNickName(rule, value, callback) {
+      // if (this.form.userId != undefined && value == this.oldNickname) {
+      //   //修改时不校验
+      //   callback();
+      //   return;
+      // }
+      if (value) {
+        await getIsExistUser({ userName: value }).then((res) => {
+          if (res.code == 200) {
+            if (res.data) {
+              callback();
+            } else {
+              callback(new Error("用户名称已存在"));
+            }
+          } else {
+            callback(new Error("用户名称校验失败,请重新输入"));
+          }
+        });
+      }
+      callback();
+    },
     // 表格中操作按钮的显示与隐藏
     isShowHandlerBtn(row) {
       if (this.isHasAdmin) {