|  |  | 
 |  |  |     @confirm="confirm" | 
 |  |  |   > | 
 |  |  |     <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="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="departmentId"> | 
 |  |  |         <DepartmentSelect v-model="form.departmentId" placeholder="请选择用户所属部门" :inline="false" clearable/> | 
 |  |  |       </el-form-item> --> | 
 |  |  |       <div v-if="!form.id" style="color: red">新建用户的账号为手机号、默认密码为手机号后六位</div> | 
 |  |  |       <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 } |