parent
a39f5672e9
commit
3e6289ab4d
@ -1,61 +0,0 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询列表
|
||||
export function listStaff(query) {
|
||||
return request({
|
||||
url: '/api/sys/staff/list/searchList',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// select
|
||||
export function select() {
|
||||
return request({
|
||||
url: '/api/sys/staff/list/teacherSelect',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 查询详细
|
||||
export function getStaff(staffId) {
|
||||
return request({
|
||||
url: '/api/sys/staff/info/detailById/' + staffId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增
|
||||
export function addStaff(data) {
|
||||
return request({
|
||||
url: '/api/sys/staff/add/addSysStaff',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改
|
||||
export function updateStaff(data) {
|
||||
return request({
|
||||
url: '/api/sys/staff/update/updateSysStaff',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除
|
||||
export function delStaff(teacherId) {
|
||||
return request({
|
||||
url: '/api/sys/staff/delete/deleteById/' + teacherId,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
// 导出
|
||||
export function exportStaff(query) {
|
||||
return request({
|
||||
url: '/api/sys/staff/export',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
@ -1,423 +0,0 @@
|
||||
<!-- 添加员工 -->
|
||||
<template>
|
||||
<el-dialog :title="title" :visible.sync="open" width="700px">
|
||||
<el-form ref="form" v-loading="loadingChange" :model="form" :rules="rules" label-width="120px" class="add-form">
|
||||
<div class="title top">
|
||||
<div class="title-content">员工基本信息</div>
|
||||
</div>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="员工姓名:" prop="staffName">
|
||||
<el-input v-model="form.staffName" placeholder="请输入员工姓名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="联系电话:" prop="phone">
|
||||
<el-input v-model="form.phone" placeholder="请输入联系电话" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="邮箱:" prop="emailAddress">
|
||||
<el-input v-model="form.emailAddress" placeholder="请输入邮箱" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="性别:" prop="sex">
|
||||
<el-select v-model="form.sex" placeholder="请选择性别">
|
||||
<el-option
|
||||
v-for="dict in sexOptions"
|
||||
:key="dict.dictValue"
|
||||
:label="dict.dictLabel"
|
||||
:value="dict.dictValue"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="入职日期:" prop="entryDate">
|
||||
<el-date-picker
|
||||
v-model="form.entryDate"
|
||||
clearable
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="选择入职日期"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所属部门:" prop="deptId">
|
||||
<treeselect v-model="form.deptId" :options="deptOptions" placeholder="请选择归属部门" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="人事状态:" prop="personnelStatus">
|
||||
<el-select
|
||||
v-model="form.personnelStatus"
|
||||
filterable
|
||||
allow-create
|
||||
placeholder="选择人事状态:"
|
||||
clearable
|
||||
default-first-option
|
||||
>
|
||||
<el-option
|
||||
v-for="item in personnelStatusOptions"
|
||||
:key="item.dictValue"
|
||||
:label="item.dictLabel"
|
||||
:value="item.dictValue"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="任课教师:" class="align-left">
|
||||
<el-switch v-model="form.teacher" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="系统账号:" class="align-left">
|
||||
<el-switch v-model="form.loginUser" :disabled="form.userId !== undefined" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="title top">
|
||||
<div class="title-content">登录账号</div>
|
||||
</div>
|
||||
<el-row v-if="form.loginUser">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="允许登录系统" prop="locked" class="align-left">
|
||||
<el-radio-group v-model="form.locked">
|
||||
<el-radio label="0">允许</el-radio>
|
||||
<el-radio label="1">不允许</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="登录账号" prop="username">
|
||||
<el-input v-model="form.username" :readonly="form.userId !== undefined" :disabled="form.userId !== undefined" placeholder="请输入用户名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="密码" prop="password">
|
||||
<el-input v-if="form.userId === undefined" v-model="form.password" placeholder="请输入密码" show-password />
|
||||
<el-button v-else icon="el-icon-refresh" @click="handleResetPwd">重置密码</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="form.userId === undefined" :span="12">
|
||||
<el-form-item label="确认密码" prop="checkPass" show-password>
|
||||
<el-input v-model="form.checkPass" placeholder="请输入密码" show-password />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="角色">
|
||||
<el-tree
|
||||
ref="role"
|
||||
:data="roleOptions"
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
default-expand-all
|
||||
:default-checked-keys="checkRoleIds"
|
||||
empty-text="加载中，请稍后"
|
||||
:props="defaultProps"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="所属校区:" prop="belongCampus" class="align-left">
|
||||
<el-radio-group v-model="form.belongCampus">
|
||||
<el-radio
|
||||
v-for="item in belongCampus"
|
||||
:key="item.id"
|
||||
:label="item.id"
|
||||
:value="item.id"
|
||||
>{{ item.label }}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="form.belongCampus === 'part'" :span="24">
|
||||
<el-form-item label="选择校区:" prop="partCampus" class="align-left">
|
||||
<el-checkbox-group v-model="form.partCampus">
|
||||
<el-checkbox v-for="(item) in campusOptions" :key="item.id" :label="item.id" name="partCampus">{{ item.label }}</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row v-else>
|
||||
<el-col :span="24">
|
||||
暂未创建登录系统的账号,如需创建,请打开上方'系统账号'进行创建。
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" :loading="loadingChange" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { addStaff, updateStaff } from '@/api/school/system/staff'
|
||||
import { checkUsernameUnique, resetUserPwd } from '@/api/school/system/user'
|
||||
import Treeselect from '@riophae/vue-treeselect'
|
||||
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
|
||||
import { campusList, campusSelect, treeSelect } from '@/api/school/system/dept'
|
||||
import { treeSelectLimitUserHasRole as roleTreeSelect } from '@/api/school/system/role/index'
|
||||
import { isUsername, isPass, isSerialNumber } from '@/utils/validate'
|
||||
export default {
|
||||
components: { Treeselect },
|
||||
data() {
|
||||
const validateUsernameUnique = (rule, value, callback) => {
|
||||
if (this.form.loginUser && this.form.userId === undefined) {
|
||||
checkUsernameUnique(value).then(response => {
|
||||
const unique = response.data
|
||||
if (!unique) {
|
||||
callback(new Error('该账号已被注册,请更换'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
})
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
const validateSerialNumber = (rule, value, callback) => {
|
||||
if (!isSerialNumber(value)) {
|
||||
callback(new Error('请输入正确的手机号码'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
return {
|
||||
title: '',
|
||||
open: false,
|
||||
loadingChange: false,
|
||||
// 性别 数据字典
|
||||
sexOptions: [],
|
||||
// 人事状态
|
||||
personnelStatusOptions: [],
|
||||
// 所属部门
|
||||
deptOptions: [],
|
||||
// 用户角色
|
||||
roleOptions: undefined,
|
||||
defaultProps: {
|
||||
children: 'children',
|
||||
label: 'label'
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
baseRule: {
|
||||
staffName: [
|
||||
{ required: true, message: '员工姓名不能为空', trigger: 'blur' }
|
||||
],
|
||||
phone: [
|
||||
{ required: true, message: '联系电话不能为空', trigger: 'blur' },
|
||||
{ validator: validateSerialNumber, trigger: 'blur' }
|
||||
],
|
||||
emailAddress: [
|
||||
{ required: true, message: '邮箱不能为空', trigger: 'blur' }
|
||||
],
|
||||
sex: [
|
||||
{ required: true, message: '性别 不能为空', trigger: 'blur' }
|
||||
],
|
||||
entryDate: [
|
||||
{ required: true, message: '入职日期不能为空', trigger: 'blur' }
|
||||
],
|
||||
personnelStatus: [
|
||||
{ required: true, message: '请选择人事状态', trigger: 'blur' }
|
||||
]
|
||||
},
|
||||
checkRoleIds: [],
|
||||
validateUsernameUnique: validateUsernameUnique,
|
||||
campusOptions: [],
|
||||
belongCampus: []
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
rules() {
|
||||
const validatePass = (rule, value, callback) => {
|
||||
if (!this.form.loginUser) {
|
||||
callback()
|
||||
return
|
||||
}
|
||||
if (value === undefined || value === '') {
|
||||
callback(new Error('请输入密码'))
|
||||
} else if (!isPass(value)) {
|
||||
callback(new Error('最少6位,包含大小写字母和特殊字符'))
|
||||
} else {
|
||||
if (this.form.checkPass !== '' && this.form.checkPass !== undefined) {
|
||||
this.$refs.form.validateField('checkPass')
|
||||
}
|
||||
callback()
|
||||
}
|
||||
}
|
||||
const validateCheckPass = (rule, value, callback) => {
|
||||
if (!this.form.loginUser) {
|
||||
callback()
|
||||
return
|
||||
}
|
||||
if (value === undefined || value === '') {
|
||||
callback(new Error('请再次输入密码'))
|
||||
} else if (value !== this.form.password) {
|
||||
callback(new Error('两次输入密码不一致!'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
const validateUsername = (rule, value, callback) => {
|
||||
if (!this.form.loginUser) {
|
||||
callback()
|
||||
return
|
||||
}
|
||||
if (value === undefined || value === '') {
|
||||
callback(new Error('请输入账号'))
|
||||
} else if (!isUsername(value)) {
|
||||
callback(new Error('4到16位(字母，数字，下划线)'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
if (this.form.userId === undefined && this.form.loginUser) {
|
||||
return Object.assign({}, this.baseRule, {
|
||||
locked: [
|
||||
{ required: true, message: '请选择是否允许登录系统', trigger: 'blur' }
|
||||
],
|
||||
username: [
|
||||
{ validator: validateUsername, trigger: 'blur' },
|
||||
{ validator: this.validateUsernameUnique, trigger: 'blur' }
|
||||
],
|
||||
password: [
|
||||
{ validator: validatePass, trigger: 'blur' }
|
||||
],
|
||||
checkPass: [
|
||||
{ validator: validateCheckPass, trigger: 'blur' }
|
||||
]
|
||||
})
|
||||
} else {
|
||||
return this.baseRule
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getDeptTreeSelect()
|
||||
this.getRoleTreeSelect()
|
||||
this.getDictListByDictType('sys_user_sex').then(response => {
|
||||
this.sexOptions = response.data
|
||||
})
|
||||
this.getDictListByDictType('personnel_status').then(response => {
|
||||
this.personnelStatusOptions = response.data
|
||||
})
|
||||
campusList().then(response => {
|
||||
this.campusOptions = response.data
|
||||
})
|
||||
campusSelect().then(response => {
|
||||
this.belongCampus = response.data
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
/** 查询部门下拉树结构 */
|
||||
getDeptTreeSelect() {
|
||||
treeSelect().then(response => {
|
||||
this.deptOptions = response.data
|
||||
})
|
||||
},
|
||||
getRoleTreeSelect() {
|
||||
roleTreeSelect().then(response => {
|
||||
this.roleOptions = response.data
|
||||
})
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm: function() {
|
||||
this.$refs['form'].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.loginUser) {
|
||||
this.form.roleIds = this.getRoleAllCheckedKeys()
|
||||
}
|
||||
if (this.form.staffId !== undefined) {
|
||||
this.loadingChange = true
|
||||
updateStaff(this.form).then(response => {
|
||||
this.loadingChange = false
|
||||
if (response.respCode === '0000') {
|
||||
this.msgSuccess('修改成功')
|
||||
this.open = false
|
||||
this.$emit('ok')
|
||||
} else {
|
||||
this.msgError(response.respMsg)
|
||||
}
|
||||
}).catch(() => {
|
||||
this.loadingChange = false
|
||||
})
|
||||
} else {
|
||||
this.loadingChange = true
|
||||
addStaff(this.form).then(response => {
|
||||
this.loadingChange = false
|
||||
if (response.respCode === '0000') {
|
||||
this.msgSuccess('新增成功')
|
||||
this.open = false
|
||||
this.$emit('ok')
|
||||
} else {
|
||||
this.msgError(response.respMsg)
|
||||
}
|
||||
}).catch(() => {
|
||||
this.loadingChange = false
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false
|
||||
this.reset()
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
locked: '0',
|
||||
belongCampus: undefined,
|
||||
partCampus: []
|
||||
}
|
||||
this.resetForm('form')
|
||||
},
|
||||
// 已选择角色id
|
||||
getRoleAllCheckedKeys() {
|
||||
// 半选中的菜单节点
|
||||
const halfCheckedKeys = this.$refs.role.getHalfCheckedKeys()
|
||||
// 目前被选中的菜单节点
|
||||
const checkedKeys = this.$refs.role.getCheckedKeys()
|
||||
checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys)
|
||||
return checkedKeys
|
||||
},
|
||||
// 重置密码
|
||||
handleResetPwd() {
|
||||
this.$prompt('请输入"' + this.form.username + '"的新密码', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
inputPattern: /^.*(?=.{6,16})(?=.*\d)(?=.*[A-Z]{1,})(?=.*[a-z]{1,})(?=.*[!@#$%^&*?\(\)]).*$/,
|
||||
inputErrorMessage: '密码最少6位,包含大小写字母和特殊字符'
|
||||
}).then(({ value }) => {
|
||||
resetUserPwd(this.form.userId, value).then(response => {
|
||||
if (response.respCode === '0000') {
|
||||
this.msgSuccess('修改成功，新密码是：' + value)
|
||||
} else {
|
||||
this.msgError(response.msg)
|
||||
}
|
||||
})
|
||||
}).catch(() => {})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||
.title {
|
||||
padding: 15px 0px;
|
||||
color: rgba(0,0,0,.85);
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
&.top {
|
||||
padding-top: 0px;
|
||||
}
|
||||
.title-content{
|
||||
border-left: 3px solid #409EFF;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue