沈丘营商办后台前端项目
wjt
2024-06-26 78ac513de4adca4847ae389afff98cb8d3c66ea4
src/views/system/user/index.vue
@@ -23,8 +23,8 @@
      <!--用户数据-->
      <el-col :span="20" :xs="24">
        <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
          <el-form-item label="用户名称" prop="userName">
            <el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable style="width: 240px" @keyup.enter="handleQuery" />
          <el-form-item label="姓名" prop="nickName">
            <el-input v-model="queryParams.nickName" placeholder="请输入用户名称" clearable style="width: 240px" @keyup.enter="handleQuery" />
          </el-form-item>
          <el-form-item label="手机号码" prop="phonenumber">
            <el-input v-model="queryParams.phonenumber" placeholder="请输入手机号码" clearable style="width: 240px" @keyup.enter="handleQuery" />
@@ -316,13 +316,14 @@
      { required: true, message: "用户名称不能为空", trigger: "blur" },
      { min: 2, max: 20, message: "用户名称长度必须介于 2 和 20 之间", trigger: "blur" },
    ],
    deptId: [{ 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" }],
    phonenumber: [{ required: true, message: "手机号码不能为空", trigger: "blur" },{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }],
  },
});
@@ -368,6 +369,7 @@
/** 节点单击事件 */
function handleNodeClick(data) {
  queryParams.value.deptId = data.id;
  handleQuery();
}
/** 搜索按钮操作 */
@@ -379,7 +381,8 @@
function resetQuery() {
  dateRange.value = [];
  proxy.resetForm("queryRef");
  queryParams.value.deptId = undefined;
  queryParams.value.nickName = undefined;
  queryParams.value.deptId = deptOptions.value[0].id;
  proxy.$refs.deptTreeRef.setCurrentKey(null);
  handleQuery();
}
@@ -540,6 +543,7 @@
  getUser().then((response) => {
    postOptions.value = response.posts;
    roleOptions.value = response.roles;
    form.value.deptId =  queryParams.value.deptId
    open.value = true;
    title.value = "添加用户";
    form.value.password = initPassword.value;
@@ -605,6 +609,13 @@
}
function batchUserDeptTreeHttp(deptId) {
  batchUserDeptTree({deptId}).then(val => {
    if(val.data.deptId == deptId) {
      val.data.disabled = true
      val.data.child.forEach(item => {
      item.disabled = true
    })
    }
    val.data.child.forEach(item => {
      // item.disabled = true
      if(item.deptId == deptId) {