|  |  |  | 
|---|
|  |  |  | :title="title" | 
|---|
|  |  |  | :visible.sync="visible" | 
|---|
|  |  |  | :confirm-working="isWorking" | 
|---|
|  |  |  | width="600px" | 
|---|
|  |  |  | @confirm="confirm" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <el-form :model="form" ref="form" :rules="rules"> | 
|---|
|  |  |  | <!-- <el-form-item label="用户名" prop="username" required> | 
|---|
|  |  |  | <el-input v-model="form.username" placeholder="请输入用户名" v-trim maxlength="50"/> | 
|---|
|  |  |  | </el-form-item> --> | 
|---|
|  |  |  | <el-form :model="form" ref="form" :rules="rules" label-width="100px" label-suffix=":"> | 
|---|
|  |  |  | <el-form-item label="用户名" prop="username" required> | 
|---|
|  |  |  | <el-input v-model="form.username" placeholder="请输入用户名,用于系统登录" v-trim maxlength="50"/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="姓名" prop="realname" required> | 
|---|
|  |  |  | <el-input v-model="form.realname" placeholder="请输入姓名" v-trim maxlength="50"/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-form-item label="工号" prop="empNo"> | 
|---|
|  |  |  | <el-input v-model="form.empNo" placeholder="请输入工号" v-trim maxlength="50"/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="所属部门" prop="departmentId"> | 
|---|
|  |  |  | <!-- <el-form-item label="所属部门" prop="departmentId"> | 
|---|
|  |  |  | <DepartmentSelect v-model="form.departmentId" placeholder="请选择用户所属部门" :inline="false" clearable/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <div v-if="!form.id" style="color: red">新建用户的默认密码为手机号后六位</div> | 
|---|
|  |  |  | </el-form-item> --> | 
|---|
|  |  |  | <div v-if="!form.id" style="color: red">新建用户的默认密码请查看数据字典配置</div> | 
|---|
|  |  |  | <!-- <el-form-item label="岗位" prop="positionId"> | 
|---|
|  |  |  | <PositionSelect v-model="form.positionIds" placeholder="请选择用户所在岗位" :inline="false" :multiple="true" clearable/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | 
|---|
|  |  |  | // 表单数据 | 
|---|
|  |  |  | form: { | 
|---|
|  |  |  | id: null, | 
|---|
|  |  |  | // username: '', // 用户名 | 
|---|
|  |  |  | username: '', // 用户名 | 
|---|
|  |  |  | realname: '', // 姓名 | 
|---|
|  |  |  | empNo: '', // 工号 | 
|---|
|  |  |  | // departmentId: null, //  所属部门ID | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 验证规则 | 
|---|
|  |  |  | rules: { | 
|---|
|  |  |  | // username: [ | 
|---|
|  |  |  | //   { required: true, message: '请输入用户名' } | 
|---|
|  |  |  | // ], | 
|---|
|  |  |  | username: [ | 
|---|
|  |  |  | { required: true, message: '请输入用户名' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | realname: [ | 
|---|
|  |  |  | { required: true, message: '请输入姓名' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | 
|---|
|  |  |  | //   { required: true, message: '请选择用户性别' } | 
|---|
|  |  |  | // ], | 
|---|
|  |  |  | mobile: [ | 
|---|
|  |  |  | { required: true, validator: checkMobile } | 
|---|
|  |  |  | { required: false, validator: checkMobile } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | // email: [ | 
|---|
|  |  |  | //   { validator: checkEmail } | 
|---|