用户管理添加用户名是否重复的校验

src/api/admin/user.ts

@@ -115,10 +115,10 @@ export function validateUsername(rule: any, value: any, callback: any, isEdit: b
 	if (isEdit) {
 		return callback()
 	}
-	const flag = new RegExp(/^([a-z\d]+?)$/).test(value)
-	if (!flag) {
-		callback(new Error("用户名支持小写英文、数字"))
-	}
+	// const flag = new RegExp(/^([a-z\d]+?)$/).test(value)
+	// if (!flag) {
+	// 	callback(new Error("用户名支持小写英文、数字"))
+	// }
 	getDetails({ username: value }).then((response) => {
 		const result = response.data
 		if (result !== null) {

src/views/admin/system/user/form.vue

@@ -10,7 +10,7 @@
 				<el-row :gutter="20">
 					<el-col :span="12" class="mb20">
 						<el-form-item :label="$t('sysuser.username')" prop="username">
-							<el-input :disabled="dataForm.userId !== ''" placeholder="请输入用户名" v-model.trim="dataForm.username"></el-input>
+							<el-input :disabled="dataForm.userId !== ''" placeholder="请输入用户名" v-model.trim="dataForm.username" />
 						</el-form-item>
 					</el-col>
 					<el-col :span="12" class="mb20">
@@ -157,12 +157,12 @@ const dataRules = ref({
 		{ required: true, message: "用户名不能为空", trigger: "blur" },
 		{ min: 5, max: 60, message: "用户名称长度必须介于5-20个字符之间", trigger: "blur" },
 		{ pattern: /^[^\u4e00-\u9fa5]+$/, message: "用户名称不能包含中文", trigger: "blur" },
-		// {
-		// 	validator: (rule: any, value: any, callback: any) => {
-		// 		validateUsername(rule, value, callback, dataForm.userId !== "")
-		// 	},
-		// 	trigger: "blur",
-		// },
+		{
+			validator: (rule: any, value: any, callback: any) => {
+				validateUsername(rule, value, callback, dataForm.userId !== "")
+			},
+			trigger: "blur",
+		},
 	],
 	password: [
 		{ required: true, message: "密码不能为空", trigger: "blur" },