|
@@ -203,8 +203,8 @@
|
|
</el-row>
|
|
</el-row>
|
|
<el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
- <el-form-item label="手机号码" prop="phonenumber">
|
|
|
|
- <el-input v-model="form.phonenumber" placeholder="请输入手机号码" maxlength="11" />
|
|
|
|
|
|
+ <el-form-item label="手机号码" prop="phonenumber" :rules="form.userId && userStore.userId !== 1?[]:phonenumberRules">
|
|
|
|
+ <el-input v-model="form.phonenumber" placeholder="请输入手机号码" maxlength="11" :readonly="form.userId && userStore.userId !== 1" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
@@ -333,11 +333,15 @@
|
|
<script setup name="User">
|
|
<script setup name="User">
|
|
import { getToken } from "@/utils/auth";
|
|
import { getToken } from "@/utils/auth";
|
|
import { changeUserStatus, listUser, resetUserPwd, delUser, getUser, updateUser, addUser, deptTreeSelect } from "@/api/system/user";
|
|
import { changeUserStatus, listUser, resetUserPwd, delUser, getUser, updateUser, addUser, deptTreeSelect } from "@/api/system/user";
|
|
|
|
+import useUserStore from '@/store/modules/user'
|
|
|
|
+import { onMounted } from "vue";
|
|
|
|
|
|
const router = useRouter();
|
|
const router = useRouter();
|
|
const { proxy } = getCurrentInstance();
|
|
const { proxy } = getCurrentInstance();
|
|
const { sys_normal_disable, sys_user_sex } = proxy.useDict("sys_normal_disable", "sys_user_sex");
|
|
const { sys_normal_disable, sys_user_sex } = proxy.useDict("sys_normal_disable", "sys_user_sex");
|
|
|
|
|
|
|
|
+const userStore = useUserStore().userInfo;
|
|
|
|
+
|
|
const userList = ref([]);
|
|
const userList = ref([]);
|
|
const open = ref(false);
|
|
const open = ref(false);
|
|
const loading = ref(true);
|
|
const loading = ref(true);
|
|
@@ -389,16 +393,16 @@ const data = reactive({
|
|
status: undefined,
|
|
status: undefined,
|
|
deptId: undefined
|
|
deptId: undefined
|
|
},
|
|
},
|
|
|
|
+ phonenumberRules: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }],
|
|
rules: {
|
|
rules: {
|
|
userName: [{ required: true, message: "用户名称不能为空", trigger: "blur" }, { min: 2, max: 20, message: "用户名称长度必须介于 2 和 20 之间", trigger: "blur" }],
|
|
userName: [{ required: true, message: "用户名称不能为空", trigger: "blur" }, { min: 2, max: 20, message: "用户名称长度必须介于 2 和 20 之间", trigger: "blur" }],
|
|
nickName: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
|
|
nickName: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
|
|
password: [{ required: true, message: "用户密码不能为空", trigger: "blur" }, { min: 5, max: 20, message: "用户密码长度必须介于 5 和 20 之间", trigger: "blur" }],
|
|
password: [{ required: true, message: "用户密码不能为空", trigger: "blur" }, { min: 5, max: 20, message: "用户密码长度必须介于 5 和 20 之间", trigger: "blur" }],
|
|
- email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
|
|
|
|
- phonenumber: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }]
|
|
|
|
|
|
+ email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }]
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
-const { queryParams, form, rules } = toRefs(data);
|
|
|
|
|
|
+const { queryParams, form, rules, phonenumberRules } = toRefs(data);
|
|
|
|
|
|
/** 通过条件过滤节点 */
|
|
/** 通过条件过滤节点 */
|
|
const filterNode = (value, data) => {
|
|
const filterNode = (value, data) => {
|
|
@@ -587,7 +591,16 @@ function submitForm() {
|
|
proxy.$refs["userRef"].validate(valid => {
|
|
proxy.$refs["userRef"].validate(valid => {
|
|
if (valid) {
|
|
if (valid) {
|
|
if (form.value.userId != undefined) {
|
|
if (form.value.userId != undefined) {
|
|
- updateUser(form.value).then(response => {
|
|
|
|
|
|
+ let data = {}
|
|
|
|
+ for(const key in form.value){
|
|
|
|
+ if(key != 'phonenumber'){
|
|
|
|
+ data[key] = form.value[key]
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ if(!(form.userId && userStore.userId !== 1)){
|
|
|
|
+ data.phonenumber = form.value.phonenumber
|
|
|
|
+ }
|
|
|
|
+ updateUser(data).then(response => {
|
|
proxy.$modal.msgSuccess("修改成功");
|
|
proxy.$modal.msgSuccess("修改成功");
|
|
open.value = false;
|
|
open.value = false;
|
|
getList();
|
|
getList();
|