| | |
| | | </div> |
| | | <div class="head-container"> |
| | | <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false" |
| | | :filter-node-method="filterNode" ref="tree" node-key="id" default-expand-all highlight-current |
| | | :filter-node-method="filterNode" ref="tree" node-key="id" default-expand-all :default-expanded-keys="treeId" highlight-current |
| | | @node-click="handleNodeClick" /> |
| | | </div> |
| | | </el-col> |
| | |
| | | getDeptListByDictHospId, |
| | | } from "@/api/system/user"; |
| | | import { getToken } from "@/utils/auth"; |
| | | import { getInfo } from "@/api/login"; |
| | | import { listHosp } from "@/api/hosp/hosp"; |
| | | import Treeselect from "@riophae/vue-treeselect"; |
| | | import "@riophae/vue-treeselect/dist/vue-treeselect.css"; |
| | |
| | | ], |
| | | components: { Treeselect }, |
| | | data() { |
| | | let checkPhoneNum = (rule, value, callback) => { |
| | | console.log( value) |
| | | let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/); |
| | | if (value == "" && value == undefined && !value) { |
| | | console.log(11111) |
| | | return callback(''); |
| | | } else if(value != undefined && value != ""){ |
| | | console.log(22222) |
| | | return callback(); |
| | | }else if (!patter.test(value)) { |
| | | console.log(33333) |
| | | return callback(''); |
| | | } |
| | | }; |
| | | return { |
| | | row: [], |
| | | flag: false, |
| | |
| | | userInfoList: [], |
| | | hospList: [], |
| | | activeNames: ["1"], |
| | | treeId: [], |
| | | // 遮罩层 |
| | | loading: true, |
| | | // 选中数组 |
| | |
| | | // 表单校验 |
| | | rules: { |
| | | userName: [ |
| | | { required: true, message: "用户名称不能为空", trigger: "blur" }, |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | { |
| | | min: 2, |
| | | max: 20, |
| | | message: "用户名称长度必须介于 2 和 20 之间", |
| | | validator: checkPhoneNum, |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | nickName: [ |
| | | { required: true, message: "用户昵称不能为空", trigger: "blur" }, |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | password: [ |
| | | { required: true, message: "用户密码不能为空", trigger: "blur" }, |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | { |
| | | min: 5, |
| | | max: 20, |
| | | message: "用户密码长度必须介于 5 和 20 之间", |
| | | validator: checkPhoneNum, |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | email: [ |
| | | { |
| | | type: "email", |
| | | message: "请输入正确的邮箱地址", |
| | | validator: checkPhoneNum, |
| | | trigger: ["blur", "change"], |
| | | }, |
| | | ], |
| | | phonenumber: [ |
| | | { |
| | | pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, |
| | | message: "请输入正确的手机号码", |
| | | validator: checkPhoneNum, |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | |
| | | deptName(val) { |
| | | this.$refs.tree.filter(val); |
| | | }, |
| | | treeId(newVal, oldVal) { |
| | | if (newVal) { |
| | | this.$nextTick(() => { |
| | | document |
| | | .querySelector('.el-tree-node__children .el-tree-node__content') |
| | | .click(); |
| | | }); |
| | | } |
| | | } |
| | | }, |
| | | computed: { |
| | | type() { |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | this.getList(); |
| | | this.getDeptTree(); |
| | | this.getList(); |
| | | |
| | | // this.getRoleList(); |
| | | // this.getConfigKey("sys.user.initPassword").then((response) => { |
| | | // this.initPassword = response.msg; |
| | |
| | | getlistHosp() { |
| | | listHosp(this.queryParams).then((response) => { |
| | | this.hospList = response.rows; |
| | | |
| | | this.total = response.total; |
| | | }); |
| | | }, |
| | |
| | | getDeptTree() { |
| | | deptTreeSelect().then((response) => { |
| | | this.deptOptions = response.data; |
| | | this.treeId.push(this.deptOptions[0].id) |
| | | this.queryParams.deptId = this.deptOptions[0].id |
| | | }); |
| | | }, |
| | | // 筛选节点 |
| | |
| | | this.title = "用户信息维护"; |
| | | this.getPostList(); |
| | | this.getlistHosp(); |
| | | getInfo(this.queryParams).then((response) => { |
| | | this.form.hospId = response.user.hospId; |
| | | if (this.form.hospId) { |
| | | this.sendhospName() |
| | | } |
| | | }); |
| | | // getUser().then((response) => { |
| | | // this.postOptions = response.posts; |
| | | // this.roleOptions = response.roles; |
| | |
| | | this.title = "用户信息维护"; |
| | | this.open = true; |
| | | this.form = row; |
| | | this.form.hospId = Number(row.hospId) |
| | | // listUser(this.addDateRange(this.queryParams, this.dateRange)).then( |
| | | // (response) => { |
| | | // response.rows.forEach((item, index) => { |
| | |
| | | this.getlistHosp(); |
| | | this.reset(); |
| | | this.form = row; |
| | | if (this.form.hospId) { |
| | | this.sendhospName() |
| | | } |
| | | // this.form.userInfo.id = null; |
| | | // if(this.form.userInfo != null){ |
| | | // this.forms = this.form.userInfo; |
| | |
| | | this.dialogVisible1 = false; |
| | | } |
| | | }) |
| | | }else{ |
| | | } else { |
| | | this.$modal.msgError("用户名密码不能为空"); |
| | | } |
| | | |