<template>
|
<div class="manageEdit height overflow">
|
<div class="centent-form overflowy-auto">
|
<el-form ref="registerForm"
|
:model="registerForm"
|
size="mini"
|
:rules="rules"
|
label-position="left"
|
label-width="100px">
|
<el-form-item label="登录名:"
|
prop="userName">
|
<el-input v-model="registerForm.userName"
|
clearable></el-input>
|
</el-form-item>
|
|
<el-form-item prop="password"
|
label="密码:">
|
<el-input :key="passwordType"
|
ref="password"
|
v-model="registerForm.password"
|
:type="passwordType"
|
placeholder=""
|
name="password"
|
tabindex="2"
|
autocomplete="on" />
|
<span class="show-pwd"
|
@click="showPwd">
|
<svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
|
</span>
|
</el-form-item>
|
<el-form-item label="真实姓名:"
|
prop="userTrueName">
|
<el-input v-model="registerForm.userTrueName"
|
clearable></el-input>
|
</el-form-item>
|
|
<el-form-item label="部门:"
|
prop="deptName">
|
<!-- <el-input v-model="registerForm.deptName" autocomplete="off" clearable></el-input> -->
|
<el-select v-model="registerForm.deptName"
|
filterable
|
clearable
|
placeholder="请选择">
|
<el-option v-for="(item, index) in deptList"
|
:key="index + 'deptName'"
|
:label="item.deptName"
|
:value="item.deptName">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="角色名:"
|
prop="roleName">
|
<!-- <el-input v-model="registerForm.rolename" clearable></el-input> -->
|
<el-select v-model="registerForm.roleName"
|
filterable
|
clearable
|
placeholder="请选择">
|
<el-option v-for="(item, index) in usernameList"
|
:key="index + 'rolname'"
|
:label="item.roleName"
|
:value="item.roleName">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label=""
|
prop="IsWeldingAuditGroup">
|
<el-checkbox v-model="registerForm.IsWeldingAuditGroup">是否焊装审核组</el-checkbox>
|
</el-form-item>
|
</el-form>
|
</div>
|
<div class="manageedit-button text-right">
|
<el-button type="primary"
|
size="mini"
|
class="form-buttom"
|
:loading="savloading"
|
@click="submitForm('registerForm')">提交</el-button>
|
<el-button type="primary"
|
size="mini"
|
class="form-buttom"
|
@click="$emit('cancel')">取消</el-button>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { AddOrUpdate } from '@/api/manage';
|
import { DeptSearch } from '@/api/dept';
|
import { RoleSearch } from '@/api/role';
|
export default {
|
data () {
|
return {
|
registerForm: {
|
userName: '',
|
password: '',
|
userTrueName: '',
|
deptName: '',
|
roleName: '',
|
IsWeldingAuditGroup: false
|
},
|
passwordType: 'password',
|
usernameList: [],
|
deptList: [],
|
rules: {
|
userName: { required: true, message: '请输登录名', trigger: 'change' },
|
password: { required: true, message: '请输入密码', trigger: 'change' },
|
userTrueName: { required: true, message: '请输入真实姓名', trigger: 'change' },
|
deptName: { required: true, message: '请输入部门', trigger: 'change' },
|
roleName: { required: true, message: '请输入角色名', trigger: 'change' }
|
},
|
savloading: false
|
};
|
},
|
props: {
|
rowitem: {
|
type: [Object, Array],
|
default: {}
|
}
|
},
|
mounted () {
|
if (JSON.stringify(this.rowitem) != '{}') {
|
this.registerForm = this.rowitem;
|
//console.log('IsWeldingAuditGroup' + this.registerForm.IsWeldingAuditGroup);
|
}
|
this.DeptSearch();
|
this.RoleSearch();
|
},
|
methods: {
|
//给长宽高赋值
|
DeptSearch () {
|
DeptSearch('1&onePageNum=999').then(res => {
|
if (res.code == 0) {
|
this.deptList = res.data;
|
}
|
});
|
},
|
//角色
|
RoleSearch () {
|
RoleSearch('1&onePageNum=999').then(res => {
|
if (res.code == 0) {
|
this.usernameList = res.data;
|
}
|
});
|
},
|
showPwd () {
|
if (this.passwordType === 'password') {
|
this.passwordType = '';
|
} else {
|
this.passwordType = 'password';
|
}
|
this.$nextTick(() => {
|
this.$refs.password.focus();
|
});
|
},
|
submitForm (registerForm) {
|
this.$refs[registerForm].validate(valid => {
|
if (valid) {
|
let params = { ...this.registerForm }
|
delete params.passWord;
|
this.savloading = true;
|
AddOrUpdate(params).then(res => {
|
this.$emit('addsubmit');
|
this.savloading = false;
|
});
|
}
|
});
|
}
|
},
|
watch: {}
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.manageEdit {
|
width: 98%;
|
padding: 1%;
|
.show-pwd {
|
position: absolute;
|
right: 10px;
|
top: 3px;
|
font-size: 16px;
|
color: #889aa4;
|
cursor: pointer;
|
user-select: none;
|
}
|
.centent-form {
|
height: 92%;
|
width: 92%;
|
margin: auto;
|
}
|
.manageedit-button {
|
}
|
::v-deep .el-form-item__content {
|
width: 60%;
|
}
|
::v-deep .el-select {
|
width: 100%;
|
}
|
}
|
</style>
|
