| | |
| | | <div class="item-right"></div> |
| | | </div> |
| | | <!-- 用户密码 --> |
| | | <div class="user-item"> |
| | | <div v-if="!user.id" class="user-item"> |
| | | <div class="item-left"> |
| | | <el-form-item |
| | | class="optionItems" |
| | |
| | | <!-- 性别 --> |
| | | <div class="user-item"> |
| | | <div class="item-left"> |
| | | <el-form-item class="optionItem" label="性别:" prop="sex"> |
| | | <el-form-item |
| | | class="optionItem" |
| | | label="性别:" |
| | | prop="sex" |
| | | > |
| | | <el-radio-group v-model="user.sex"> |
| | | <el-radio :label="1">男</el-radio> |
| | | <el-radio :label="0">女</el-radio> |
| | |
| | | <!-- 是否党员 --> |
| | | <div class="user-item"> |
| | | <div class="item-left"> |
| | | <el-form-item class="optionItem" label="是否党员:" prop="isDy"> |
| | | <el-form-item |
| | | class="optionItem" |
| | | label="是否党员:" |
| | | prop="isDy" |
| | | > |
| | | <el-radio-group v-model="user.isDy"> |
| | | <el-radio :label="1">是</el-radio> |
| | | <el-radio :label="0">否</el-radio> |
| | |
| | | <!-- 邮箱地址 --> |
| | | <div class="user-item"> |
| | | <div class="item-left"> |
| | | <el-form-item class="optionItem" label="邮箱地址:" prop="email"> |
| | | <el-form-item |
| | | class="optionItem" |
| | | label="邮箱地址:" |
| | | prop="email" |
| | | > |
| | | <el-input |
| | | v-model="user.email" |
| | | placeholder="请填写邮箱地址" |
| | |
| | | <!-- 选择角色 --> |
| | | <div class="user-item"> |
| | | <div class="item-left"> |
| | | <el-form-item class="optionItem" label="选择角色:" prop="role"> |
| | | <el-form-item |
| | | class="optionItem" |
| | | label="选择角色:" |
| | | prop="role" |
| | | > |
| | | <el-select |
| | | v-model="user.role" |
| | | placeholder="请选择所属角色" |
| | |
| | | label="用户类型:" |
| | | prop="userType" |
| | | > |
| | | <el-select v-model="user.userType" placeholder="请选择用户类型"> |
| | | <el-select |
| | | v-model="user.userType" |
| | | placeholder="请选择用户类型" |
| | | > |
| | | <el-option |
| | | v-for="item in typeList" |
| | | :key="item.id" |
| | |
| | | <div class="user-item sp-item"> |
| | | <div class="item-left"> |
| | | <el-form-item label="座机/分机:" prop="zjarea"> |
| | | <el-input v-model="user.zjarea" placeholder="电话区号"> |
| | | <el-input |
| | | v-model="user.zjarea" |
| | | placeholder="电话区号" |
| | | > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="zjnumber" class="left-px"> |
| | | <el-input v-model="user.zjnumber" placeholder="电话号码"> |
| | | <el-input |
| | | v-model="user.zjnumber" |
| | | placeholder="电话号码" |
| | | > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="zjother" class="left-px"> |
| | | <el-input v-model="user.zjother" placeholder="分机号码"> |
| | | <el-input |
| | | v-model="user.zjother" |
| | | placeholder="分机号码" |
| | | > |
| | | </el-input> |
| | | </el-form-item> |
| | | </div> |
| | |
| | | </div> |
| | | <div class="item-right"></div> |
| | | </div> |
| | | <div class="user-item sp-item"> |
| | | <div class="item-left"> |
| | | <el-form-item |
| | | class="optionItem" |
| | | label="账号有效期:" |
| | | prop="days" |
| | | > |
| | | <el-input |
| | | v-model="user.days" |
| | | placeholder="请填写账号有效期天数" |
| | | ></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item class="left-px"> |
| | | <span |
| | | style=" |
| | | margin: 0 20px 0 10px; |
| | | font-size: 18px; |
| | | " |
| | | >天</span |
| | | > |
| | | </el-form-item> |
| | | |
| | | <el-form-item class="left-px"> |
| | | <el-checkbox |
| | | label="长期" |
| | | v-model="user.dayCheck" |
| | | @change="dayaCheck" |
| | | ></el-checkbox> |
| | | </el-form-item> |
| | | </div> |
| | | <!-- <div class="item-left"> |
| | | <el-form-item label="座机/分机:" prop="zjarea"> |
| | | <el-input |
| | | v-model="user.zjarea" |
| | | placeholder="电话区号" |
| | | > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="zjother" class="left-px"> |
| | | <el-input |
| | | v-model="user.zjother" |
| | | placeholder="分机号码" |
| | | > |
| | | </el-input> |
| | | </el-form-item> |
| | | </div> --> |
| | | <div class="item-right"></div> |
| | | </div> |
| | | <el-form-item> |
| | | <div class="optionBtn"> |
| | | <el-button |
| | |
| | | @click.native.prevent="handleUser" |
| | | >提交 |
| | | </el-button> |
| | | <el-button class="btn reset" @click.native.prevent="resetForm" |
| | | <el-button |
| | | class="btn reset" |
| | | @click.native.prevent="resetForm" |
| | | >重置</el-button |
| | | > |
| | | </div> |
| | |
| | | this.getRoleList(); |
| | | // 获取用户类型 |
| | | this.getUserTypeList(); |
| | | if (this.userInfo) { |
| | | this.user = this.userInfo |
| | | |
| | | this.user.role = this.userInfo.roles.map(o => o.id) |
| | | |
| | | if (this.userInfo.depart && this.userInfo.depart.length > 0) { |
| | | this.userDepart = this.userInfo.depart[this.userInfo.depart.length - 1] |
| | | this.user.departmentId = this.userInfo.depart[this.userInfo.depart.length - 1].id |
| | | } |
| | | if (!this.userInfo.expirationDate || this.userInfo.expirationDate == '2199-12-31') { |
| | | this.userInfo.dayCheck = true |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | // 提交注册 |
| | | handleUser() { |
| | | this.$refs["user"].validate((valid) => { |
| | | console.log(valid); |
| | | if (valid) { |
| | | const { user } = this; |
| | | console.log(user); |
| | | this.$axios |
| | | .post("sccg/admin/register", { |
| | | id: user.id, |
| | | departmentId: user.departmentId, |
| | | email: user.email, |
| | | icon: "", |
| | |
| | | username: user.username, |
| | | zj: user.zjarea + `${user.zjnumber}` + user.zjother, |
| | | nickName: user.nickName, |
| | | days: user.days |
| | | // departName:user.departName, |
| | | }) |
| | | .then((res) => { |
| | |
| | | this.roleList = res.data; |
| | | }); |
| | | }, |
| | | dayaCheck(e) { |
| | | if (e) { |
| | | this.user.days = null |
| | | } |
| | | this.user.dayCheck = e |
| | | }, |
| | | // 重置表单 |
| | | resetForm() { |
| | | this.$refs["user"].resetFields(); |
| | |
| | | } |
| | | }, |
| | | }, |
| | | props: ["sendDialog"], |
| | | props: ["sendDialog", "userInfo"], |
| | | }; |
| | | </script> |
| | | <style lang="scss" scoped> |