You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
861 lines
40 KiB
861 lines
40 KiB
<template> |
|
<div> |
|
<el-container> |
|
<el-aside width="350px"> |
|
<TeacherSide ref="getSelectData" @fircheck="fircheck" @twocheck="twocheck" @getData="getData"></TeacherSide> |
|
</el-aside> |
|
|
|
<el-main style="padding-top: 0"> |
|
<el-col :span="24"> |
|
<el-card shadow="hover" class="mgb20 teacher_tab"> |
|
<div class="flex-between mgb20"> |
|
<div> |
|
<el-input placeholder="请输入员工账号/姓名/工号" v-model="keyword"> |
|
<i slot="suffix" class="el-input__icon el-icon-search"></i> |
|
</el-input> |
|
</div> |
|
<div> |
|
<el-button type="primary" size="small" round @click="addTeacher" v-auth="'system:员工管理:新增员工'">新增员工</el-button> |
|
<el-button type="primary" size="small" round @click="batchImport" v-auth="'system:员工管理:批量导入'">批量导入</el-button> |
|
<el-button type="primary" size="small" round @click="delAllSelection" v-auth="'system:员工管理:批量删除'">批量删除</el-button> |
|
</div> |
|
</div> |
|
<el-table :data="listData" class="table" ref="table" stripe header-align="center" @selection-change="handleSelectionChange"> |
|
<el-table-column type="selection" width="55" align="center"></el-table-column> |
|
<el-table-column type="index" label="序号" width="55" align="center"> |
|
</el-table-column> |
|
<el-table-column prop="account" label="账号" align="center"> |
|
</el-table-column> |
|
<el-table-column prop="userName" label="职工姓名" align="center"> |
|
</el-table-column> |
|
<el-table-column prop="workNumber" label="职工工号" align="center"> |
|
</el-table-column> |
|
<el-table-column prop="staffProfessionalArchitectureName" label="一级部门" align="center"> |
|
</el-table-column> |
|
<el-table-column prop="staffGradeName" label="二级部门" align="center"> |
|
</el-table-column> |
|
<el-table-column prop="NewaccountRole" label="账号角色" align="center"> |
|
</el-table-column> |
|
<el-table-column prop="logInNumber" label="登录次数" align="center"> |
|
</el-table-column> |
|
<el-table-column prop="lastLoginTime" label="上次登录时间" align="center"> |
|
</el-table-column> |
|
<el-table-column label="操作" width="200" align="center"> |
|
<template slot-scope="scope"> |
|
<el-button type="text" @click="showTeacher(scope.row)" v-auth="'system:员工管理:查看'">查看</el-button> |
|
<el-button type="text" @click="editTeacher(scope.row)" v-auth="'system:员工管理:编辑'">编辑</el-button> |
|
<el-button type="text" @click="resetPassword(scope.row)" v-auth="'system:员工管理:重置密码'">重置密码</el-button> |
|
<el-button type="text" @click="delTeacher(scope.row)" v-auth="'system:员工管理:删除'">删除</el-button> |
|
</template> |
|
</el-table-column> |
|
</el-table> |
|
<div class="pagination"> |
|
<el-pagination background layout="total, prev, pager, next" :current-page="pageNo" @current-change="handleCurrentChange" :total="totals"> |
|
</el-pagination> |
|
</div> |
|
</el-card> |
|
</el-col> |
|
</el-main> |
|
</el-container> |
|
|
|
<!-- 新增用户 --> |
|
<el-dialog :title="isDetail ? '查看员工' : (isAddteacher ? '新增员工' : '编辑员工')" :visible.sync="teacherVisible" |
|
width="30%" center @close="closeTeacher" class="dialog" :close-on-click-modal="false"> |
|
<el-form ref="teacherForm" :model="teacherForm" :rules="rules" label-width="120px" :disabled="isDetail"> |
|
<el-form-item prop="userAccount" label="账号"> |
|
<el-input v-model="teacherForm.userAccount" ref="account" placeholder="请输入职工账号" @change="accountChange"></el-input> |
|
</el-form-item> |
|
<el-form-item prop="userName" label="用户姓名"> |
|
<el-input v-model="teacherForm.userName" placeholder="请输入员工姓名"></el-input> |
|
</el-form-item> |
|
<el-form-item prop="roleValue" label="账号角色"> |
|
<el-checkbox-group v-model="teacherForm.roleValue"> |
|
<el-checkbox label="老师"></el-checkbox> |
|
<el-checkbox label="管理员"></el-checkbox> |
|
<!-- <el-checkbox label="学生" disabled></el-checkbox> --> |
|
</el-checkbox-group> |
|
</el-form-item> |
|
<el-form-item prop="uniqueIdentificationAccount" label="唯一标识"> |
|
<el-input disabled v-model="teacherForm.uniqueIdentificationAccount" placeholder="请输入职工工号获取唯一标识"></el-input> |
|
</el-form-item> |
|
<template v-if="teacherForm.roleValue.some((n) => n == '老师')"> |
|
<el-form-item prop="teacherWorkNumber" label="老师职工工号"> |
|
<el-input v-model="teacherForm.teacherWorkNumber" placeholder="请输入老师职工工号" @change="OnlyId(14)"></el-input> |
|
</el-form-item> |
|
<el-form-item prop="teacherMajor" label="老师一级部门"> |
|
<el-select v-model="teacherForm.teacherMajor" placeholder="请选择一级部门" @change="getDepartment(14)"> |
|
<el-option v-for="(item,index) in majorList" :key="index" |
|
:label="item.staffProfessionalArchitectureName" :value="item.staffProfessionalArchitectureId"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
<el-form-item prop="teacherDepartment" label="老师二级部门"> |
|
<el-select v-model="teacherForm.teacherDepartment" placeholder="请选择二级部门" :disabled="teacherForm.teacherMajor ? false : true"> |
|
<el-option v-for="(item,index) in teacherDepartmentList" :key="index" |
|
:label="item.staffGradeName" :value="item.staffGradeId"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</template> |
|
<template v-if="teacherForm.roleValue.some((n) => n == '管理员')"> |
|
<el-form-item prop="managerWorkNumber" label="管理员职工工号"> |
|
<el-input v-model="teacherForm.managerWorkNumber" placeholder="请输入管理员职工工号" @change="OnlyId(13)"></el-input> |
|
</el-form-item> |
|
<el-form-item prop="managerMajor" label="管理员一级部门"> |
|
<el-select v-model="teacherForm.managerMajor" placeholder="请选择一级部门" @change="getDepartment(13)"> |
|
<el-option v-for="(item,index) in majorList" :key="index" |
|
:label="item.staffProfessionalArchitectureName" :value="item.staffProfessionalArchitectureId"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
<el-form-item prop="managerDepartment" label="管理员二级部门"> |
|
<el-select v-model="teacherForm.managerDepartment" placeholder="请选择二级部门" :disabled="teacherForm.managerMajor ? false : true"> |
|
<el-option v-for="(item,index) in managerDepartmentList" :key="index" |
|
:label="item.staffGradeName" :value="item.staffGradeId"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</template> |
|
|
|
<el-form-item prop="phone" label="手机号"> |
|
<el-input v-model="teacherForm.phone" placeholder="请输入手机号" maxlength="11" @change="phoneChange"></el-input> |
|
</el-form-item> |
|
<el-form-item prop="email" label="邮箱"> |
|
<el-input v-model="teacherForm.email" placeholder="请输入邮箱" @change="emailChange"></el-input> |
|
</el-form-item> |
|
<!-- <el-form-item prop="major" label="专业方向"> |
|
<el-select v-model="teacherForm.major" placeholder="请选择专业方向"> |
|
<el-option v-for="(item,index) in majorList1" :key="index" |
|
:label="item.label" :value="item.value"></el-option> |
|
</el-select> |
|
</el-form-item> --> |
|
<el-form-item prop="schoolId" label="所在院校"> |
|
<el-select v-model="teacherForm.schoolId" placeholder="默认为当前院校（可修改）" filterable disabled> |
|
<el-option v-for="(item,index) in schoolList" :key="index" :label="item.schoolName" :value="item.schoolId"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-form> |
|
<span slot="footer" class="dialog-footer" v-if="!isDetail"> |
|
<el-button @click="teacherVisible = false">取 消</el-button> |
|
<el-button type="primary" @click="saveSure('teacherForm')">确 定</el-button> |
|
</span> |
|
</el-dialog> |
|
|
|
<!-- 批量导入 --> |
|
<el-dialog title="批量导入" :visible.sync="importVisible" width="24%" center :close-on-click-modal="false"> |
|
<div style="text-align: center"> |
|
<div style="margin-bottom: 10px;"><el-button type="primary" @click="downLoad">模板下载<i class="el-icon-download el-icon--right"></i></el-button></div> |
|
<el-upload |
|
accept=".xls,.xlsx" |
|
:on-remove="handleRemove" |
|
:on-error="uploadError" |
|
:on-success="uploadSuccess" |
|
:before-remove="beforeRemove" |
|
:limit="1" |
|
:on-exceed="handleExceed" |
|
:action="this.api.uploadFileStaff" |
|
:file-list="uploadList" |
|
name="file" |
|
> |
|
<el-button type="primary" class="ml20">上传文件<i class="el-icon-upload2 el-icon--right"></i></el-button> |
|
</el-upload> |
|
<el-link v-if="uploadFaild" type="primary" @click="showFaild">部分数据导入失败，查看失败原因</el-link> |
|
</div> |
|
<span slot="footer" class="dialog-footer"> |
|
<el-button @click="importVisible = false">取 消</el-button> |
|
<el-button type="primary" @click="uploadSure">确 定</el-button> |
|
</span> |
|
</el-dialog> |
|
</div> |
|
</template> |
|
<script> |
|
import TeacherSide from './StaffSide.vue'; |
|
export default { |
|
data() { |
|
return { |
|
pages: 10, |
|
isDetail: false, |
|
isAddteacher: false, |
|
teacherVisible: false, |
|
schoolId: 2105, |
|
teacherForm: { |
|
teacherId: '', |
|
userName: '', |
|
roleValue: [], |
|
tearcherAccount: '', |
|
phone: '', |
|
uniqueIdentificationAccount: '', |
|
teacherWorkNumber: '', |
|
managerWorkNumber: '', |
|
email: '', |
|
teacherMajor: '', |
|
teacherDepartment: '', |
|
managerMajor: '', |
|
managerDepartment: '', |
|
userAccount: '', |
|
major: '', |
|
schoolId: this.schoolId |
|
}, |
|
rules: { |
|
userAccount: [ |
|
{ required: true, message: '请输入职工账号', trigger: 'blur' }, |
|
{ |
|
pattern: /^[a-zA-Z0-9_-]{1,16}$/, |
|
message: '请输入正确的账号', |
|
trigger: 'blur' |
|
} |
|
], |
|
userName: [ |
|
{ required: true, message: '请输入用户姓名', trigger: 'blur' } |
|
], |
|
roleValue: [ |
|
{ required: true, message: '请选择账号角色', trigger: 'change' } |
|
], |
|
tearcherAccount: [ |
|
{ required: true, message: '请输入老师职工工号', trigger: 'blur' }, |
|
{ |
|
pattern: /^[0-9]*$/, |
|
message: '职工工号必须为数字', |
|
trigger: 'blur' |
|
} |
|
], |
|
uniqueIdentificationAccount: [ |
|
// { required: true, message: '请输入唯一标识', trigger: 'blur' }, |
|
], |
|
teacherWorkNumber: [ |
|
{ required: true, message: '请输入老师职工工号', trigger: 'blur' }, |
|
{ |
|
pattern: /^[A-Za-z0-9]+$/, |
|
message: '请输入正确的职工工号', |
|
trigger: 'blur' |
|
} |
|
], |
|
teacherDepartment: [ |
|
{ required: true, message: '请选择老师二级部门', trigger: 'change' } |
|
], |
|
managerMajor: [ |
|
{ required: true, message: '请选择管理员一级部门', trigger: 'change' } |
|
], |
|
managerWorkNumber: [ |
|
{ required: true, message: '请输入管理员职工工号', trigger: 'blur' }, |
|
{ |
|
pattern: /^[A-Za-z0-9]+$/, |
|
message: '请输入正确的职工工号', |
|
trigger: 'blur' |
|
} |
|
], |
|
managerDepartment: [ |
|
{ required: true, message: '请选择管理员二级部门', trigger: 'change' } |
|
], |
|
teacherMajor: [ |
|
{ required: true, message: '请选择老师一级部门', trigger: 'change' } |
|
], |
|
phone: [ |
|
// { required: true, message: '请输入职工手机号', trigger: 'blur' }, |
|
{ |
|
pattern: /^1[3456789]\d{9}$/, |
|
message: '请输入正确的手机号', |
|
trigger: 'blur' |
|
} |
|
], |
|
email: [ |
|
// { required: true, message: '请输入邮箱', trigger: 'blur' }, |
|
{ |
|
pattern: /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/, |
|
message: '请输入正确的邮箱', |
|
trigger: 'blur' |
|
} |
|
], |
|
schoolId: [ |
|
{ required: true, message: '请选择所在院校', trigger: 'change' } |
|
], |
|
}, |
|
listData: [], |
|
importVisible: false, |
|
keyword: '', |
|
pageNo: 1, |
|
pageSize: 10, |
|
totals: 0, |
|
managerDepartmentList: [], |
|
teacherDepartmentList: [], |
|
staffstateProfessId: '', |
|
staffGradeId: '', |
|
multipleSelection: [], |
|
uploadList: [], |
|
provinceId: this.$store.state.provinceId, |
|
cityId: this.$store.state.cityId, |
|
userId: this.$store.state.userId, |
|
oneDepartmentIds: '', |
|
twoDepartmentIds: '', |
|
ProfessionalClassList: [], |
|
subjectList: [], |
|
ProfessionalList: [], |
|
NoAdd: '', |
|
AccountNoAdd: '', |
|
emailNoAdd: '', |
|
managerNumberNoAdd: true, |
|
teacherNumberNoAdd: true, |
|
platformId: this.$store.state.platformId, |
|
isManager: false, |
|
isTeacher: false, |
|
isNewUser: 1, |
|
schoolList: [], |
|
uploadFaild: false, |
|
token: '', |
|
accountMsg: '' |
|
}; |
|
}, |
|
components: { |
|
TeacherSide |
|
}, |
|
watch: { |
|
keyword: function(val) { |
|
clearTimeout(this.searchTimer) |
|
this.searchTimer = setTimeout(() => { |
|
this.getData() |
|
},500) |
|
} |
|
}, |
|
mounted(){ |
|
this.getData() |
|
this.teacherForm.schoolId = 2105 |
|
this.getSchoolData() |
|
// this.getSubject() |
|
}, |
|
methods: { |
|
handleCheck(data){ |
|
let oneDepartmentIds = [] |
|
let twoDepartmentIds = [] |
|
|
|
data.forEach( e => { |
|
if(e.ischeck){ |
|
oneDepartmentIds.push(e.staffProfessionalArchitectureId) |
|
}else{ |
|
this.removeByValue(oneDepartmentIds, e.staffProfessionalArchitectureId); |
|
} |
|
e.children.forEach( r => { |
|
if(r.ischeck){ |
|
twoDepartmentIds.push(r.staffGradeId) |
|
}else{ |
|
this.removeByValue(twoDepartmentIds, r.staffGradeId); |
|
} |
|
}) |
|
}) |
|
this.oneDepartmentIds = oneDepartmentIds.toString() |
|
this.twoDepartmentIds = twoDepartmentIds.toString() |
|
this.getData() |
|
}, |
|
fircheck(val,val2){ |
|
val.ischeck = !val.ischeck |
|
val.children.map( e => e.ischeck = val.ischeck) |
|
this.handleCheck(val2) |
|
}, |
|
twocheck(val,val2){ |
|
val.ischeck = !val.ischeck |
|
val2.map( e => { |
|
e.children.map( r => { |
|
if(r.staffGradeId == val.staffGradeId){ |
|
if(e.children.every(i => i.ischeck)){ |
|
e.ischeck = true |
|
}else{ |
|
e.ischeck = false |
|
} |
|
} |
|
}) |
|
}) |
|
this.handleCheck(val2) |
|
}, |
|
getData(){ |
|
let data = { |
|
staffProfessionalArchitectureIds: (this.oneDepartmentIds && this.twoDepartmentIds) ? '' : this.oneDepartmentIds, |
|
staffGradeIds: this.twoDepartmentIds, |
|
searchContent: this.encodeString(this.keyword), |
|
page: this.pageNo, |
|
size: this.pageSize, |
|
schoolId: this.schoolId |
|
} |
|
this.$post(this.api.queryStaff,data).then(res => { |
|
this.listData = res.data.list |
|
this.totals = res.data.totalCount |
|
this.listData.forEach(e => { |
|
if(e.roleId.length > 1) { |
|
let NewaccountRole = [] |
|
let roleIds = e.roleId.split(',') |
|
roleIds.forEach((n,k) => { |
|
NewaccountRole.push(this.roleStatus(n)) |
|
}) |
|
e.NewaccountRole = NewaccountRole.join(',') |
|
}else{ |
|
e.NewaccountRole = this.roleStatus(e.roleId) |
|
} |
|
}) |
|
}).catch(res => {}); |
|
}, |
|
getSchoolData(){ |
|
let data = { |
|
schoolName: '', |
|
provinceId: '', |
|
cityId: '' |
|
} |
|
this.$get(this.api.querySchool,data).then(res => { |
|
this.schoolList = res.message |
|
}).catch(res => {}); |
|
}, |
|
closeTeacher(){ |
|
this.teacherForm= { |
|
teacherId: '', |
|
userName: '', |
|
roleValue: [], |
|
tearcherAccount: '', |
|
phone: '', |
|
uniqueIdentificationAccount: '', |
|
teacherWorkNumber: '', |
|
managerWorkNumber: '', |
|
email: '', |
|
teacherMajor: '', |
|
teacherDepartment: '', |
|
managerMajor: '', |
|
managerDepartment: '', |
|
userAccount: '', |
|
major: '', |
|
schoolId: this.schoolId |
|
} |
|
this.isManager = false |
|
this.isTeacher = false |
|
this.$refs.teacherForm.clearValidate() |
|
}, |
|
addTeacher(){ |
|
this.isDetail = false |
|
this.teacherVisible = true |
|
this.isAddteacher = true |
|
this.teacherForm.teacherId = '' |
|
this.majorList = this.$refs.getSelectData.majorList |
|
this.$refs.teacherForm.clearValidate() |
|
}, |
|
getStaffDetail(userId){ |
|
let data = { |
|
userId: userId |
|
} |
|
this.$get(this.api.querystaffDetail,data).then(res => { |
|
let user = res.data.userInfo; |
|
let or = res.data.staffInfo; |
|
this.teacherForm.userName = user.userName |
|
this.teacherForm.phone = user.phone |
|
this.teacherForm.email = user.email |
|
this.teacherForm.userAccount = user.account |
|
this.teacherForm.userId = user.userId |
|
this.teacherForm.schoolId = user.schoolId |
|
this.teacherForm.uniqueIdentificationAccount = user.uniqueIdentificationAccount |
|
or.forEach((n,i) => { |
|
this.teacherForm.roleValue.push(this.roleStatus(n.roleId)) |
|
if(n.roleId == 13) { |
|
this.teacherForm.managerMajor = n.staffProfessionalArchitectureId |
|
this.teacherForm.managerDepartment = n.staffGradeId |
|
this.teacherForm.managerWorkNumber = n.workNumber |
|
this.isManager = true |
|
this.teacherForm.managerStaffId = n.staffId |
|
this.getDepartment(13) |
|
}else if(n.roleId == 14){ |
|
this.teacherForm.teacherMajor = n.staffProfessionalArchitectureId |
|
this.teacherForm.teacherDepartment = n.staffGradeId |
|
this.teacherForm.teacherWorkNumber = n.workNumber |
|
this.isTeacher = true |
|
this.teacherForm.teacherStaffId = n.staffId |
|
this.getDepartment(14) |
|
} |
|
}) |
|
}).catch(res => {}); |
|
}, |
|
editTeacher(row){ |
|
this.isDetail = false |
|
this.teacherVisible = true |
|
this.isAddteacher = false |
|
this.AccountNoAdd = false |
|
this.teacherForm.teacherId = row.userId |
|
this.majorList = this.$refs.getSelectData.majorList |
|
this.isNewUser = 0 |
|
this.getStaffDetail(row.userId) |
|
}, |
|
resetPassword(row){ |
|
this.$confirm(`重置后的密码为：${this.$config.initialPassword}，确定重置？`, '提示', { |
|
}).then(() => { |
|
let data = { |
|
newPwd: this.$config.initialPassword, |
|
userId: row.userId, |
|
} |
|
this.$get(this.api.resetPwd,data).then(res => { |
|
if(res.errmessage == 'success'){ |
|
this.$message.success('重置成功') |
|
}else{ |
|
this.$message.error('重置失败') |
|
} |
|
}).catch(res => {}); |
|
}).catch(() => { |
|
}); |
|
}, |
|
showTeacher(row){ |
|
this.isDetail = true |
|
this.teacherVisible = true |
|
this.isAddteacher = false |
|
this.AccountNoAdd = false |
|
this.teacherForm.teacherId = row.userId |
|
this.majorList = this.$refs.getSelectData.majorList |
|
this.isNewUser = 0 |
|
this.getStaffDetail(row.userId) |
|
}, |
|
getDepartment(type){ |
|
let data = { |
|
staffProfessionalArchitectureId: type == 13 ? this.teacherForm.managerMajor : this.teacherForm.teacherMajor |
|
} |
|
this.$get(this.api.queryStaffGrade,data).then(res => { |
|
if(type == 13){ |
|
this.managerDepartmentList = res.message |
|
}else{ |
|
this.teacherDepartmentList = res.message |
|
} |
|
}).catch(res => {}); |
|
}, |
|
async phoneChange(){ |
|
let res = await this.$get(this.api.queryPhone, { phone: this.teacherForm.phone }); |
|
if(res.message.length != 0){ |
|
this.$message.warning('该手机号已存在'); |
|
this.NoAdd = false |
|
}else{ |
|
this.NoAdd = true |
|
} |
|
}, |
|
async emailChange(){ |
|
let res = await this.$get(this.api.queryEmail, { email: this.teacherForm.email }); |
|
if(res.message.length != 0){ |
|
this.$message.warning('该邮箱已存在'); |
|
this.emailNoAdd = false |
|
}else{ |
|
this.emailNoAdd = true |
|
} |
|
}, |
|
async accountChange(){ |
|
let res = await this.$get(this.api.queryAccountIsExist, { |
|
account: this.encodeString(this.teacherForm.userAccount), |
|
schoolId: this.schoolId |
|
}); |
|
if(this.isAddteacher){ |
|
this.isManager = false |
|
this.isTeacher = false |
|
} |
|
if(res.message.user.length != 0){ |
|
let user = res.message.user[0]; |
|
let or = res.message.OR; |
|
this.accountMsg = user.roleId.includes(',') ? '该账号已绑定老师和管理员' : `该账号已绑定${this.roleStatus(user.roleId)}` |
|
this.$message.warning(this.accountMsg) |
|
this.teacherForm.email = user.email |
|
this.teacherForm.phone = user.phone |
|
this.teacherForm.uniqueIdentificationAccount = user.uniqueIdentificationAccount |
|
this.teacherForm.userName = user.userName |
|
// this.teacherForm.schoolId = user.schoolId |
|
this.teacherForm.userId = user.userId |
|
this.isNewUser = 0 |
|
or.forEach((n,i) => { |
|
this.teacherForm.roleValue.push(this.roleStatus(n.roleId)) |
|
if(n.roleId == 13) { |
|
this.teacherForm.managerMajor = n.oneDepartmentId |
|
this.teacherForm.managerDepartment = n.twoDepartmentId |
|
this.teacherForm.managerWorkNumber = n.workNumber |
|
this.teacherForm.managerSchoolId = n.schoolId |
|
this.teacherForm.managerSchoolName = n.schoolName |
|
this.isManager = true |
|
this.getDepartment(13) |
|
}else if(n.roleId == 14){ |
|
this.teacherForm.teacherMajor = n.oneDepartmentId |
|
this.teacherForm.teacherDepartment = n.twoDepartmentId |
|
this.teacherForm.teacherWorkNumber = n.workNumber |
|
this.teacherForm.teacherSchoolId = n.schoolId |
|
this.teacherForm.tacherSchoolName = n.schoolName |
|
this.isTeacher = true |
|
this.getDepartment(14) |
|
} |
|
}) |
|
this.AccountNoAdd = false |
|
}else{ |
|
this.isNewUser = 1 |
|
this.AccountNoAdd = true |
|
} |
|
}, |
|
async submitOnlyId(){ |
|
if(this.teacherForm.managerWorkNumber != ''){ |
|
this.OnlyId(13) |
|
}else if(this.teacherForm.teacherWorkNumber != ''){ |
|
this.OnlyId(14) |
|
} |
|
}, |
|
async OnlyId(type){ |
|
let data = {}; |
|
let msg = ''; |
|
if(type == 13){ |
|
data = { |
|
workNumber: this.encodeString(this.teacherForm.managerWorkNumber), |
|
roleId: 13, |
|
// schoolId: this.teacherForm.schoolId |
|
} |
|
msg = '该管理员工号已存在' |
|
}else if(type == 14){ |
|
data = { |
|
workNumber: this.encodeString(this.teacherForm.teacherWorkNumber), |
|
roleId: 14, |
|
// schoolId: this.teacherForm.schoolId |
|
} |
|
msg = '该老师工号已存在' |
|
} |
|
let res = await this.$get(this.api.queryStaffWorkNumberIsExist, data); |
|
if(JSON.stringify(res.status) == 201){ |
|
this.$message.warning(msg); |
|
type == 13 ? (this.managerNumberNoAdd = false) : (this.teacherNumberNoAdd = false) |
|
}else{ |
|
let timestamp = Date.parse(new Date()); |
|
this.teacherForm.uniqueIdentificationAccount = `${this.schoolId}${this.teacherForm.uniqueIdentificationAccount}${timestamp}` |
|
type == 13 ? (this.managerNumberNoAdd = true) : (this.teacherNumberNoAdd = true) |
|
} |
|
}, |
|
async saveSure(teacherForm){ |
|
this.$refs[teacherForm].validate((valid) => { |
|
if (valid) { |
|
if(this.isAddteacher) { |
|
if(this.isManager && this.isTeacher) return this.$message.warning('该用户已经是老师和管理员，请重新添加'); |
|
if(this.isManager && !this.teacherForm.roleValue.some((n) => n == '老师')) return this.$message.warning('该用户已经是管理员'); |
|
if(this.isTeacher && !this.teacherForm.roleValue.some((n) => n == '管理员')) return this.$message.warning('该用户已经是老师'); |
|
if(!this.AccountNoAdd) return this.$message.warning(this.accountMsg); |
|
if(this.NoAdd == '' && this.teacherForm.phone){ |
|
this.phoneChange() |
|
if(!this.NoAdd) return false |
|
}else if(this.NoAdd === false){ |
|
return this.$message.warning('该手机号已存在') |
|
}else if(this.emailNoAdd === false){ |
|
return this.$message.warning('该邮箱已存在') |
|
} |
|
} |
|
if(!this.managerNumberNoAdd) return this.$message.warning('该管理员工号已存在'); |
|
if(!this.teacherNumberNoAdd) return this.$message.warning('该老师工号已存在'); |
|
|
|
let roleId = [] |
|
this.teacherForm.roleValue.includes('管理员') && roleId.push(13) |
|
this.teacherForm.roleValue.includes('老师') && roleId.push(14) |
|
let data = { |
|
userName: this.teacherForm.userName, |
|
account: this.teacherForm.userAccount, |
|
schoolId: this.teacherForm.schoolId, |
|
roleId: roleId.join(','), |
|
phone: this.teacherForm.phone, |
|
email: this.teacherForm.email, |
|
uniqueIdentificationAccount: this.teacherForm.uniqueIdentificationAccount ? this.teacherForm.uniqueIdentificationAccount : Date.parse(new Date()), |
|
userId: this.teacherForm.userId ? this.teacherForm.userId : '' |
|
} |
|
data.staff = []; |
|
if((!this.isAddteacher && this.teacherForm.managerWorkNumber && roleId.includes(13)) || (this.isAddteacher && !this.isManager && this.teacherForm.managerWorkNumber)){ |
|
let oneDepartmentName = ''; |
|
for(let i in this.majorList){ |
|
if(this.majorList[i].staffProfessionalArchitectureId == this.teacherForm.managerMajor) { |
|
oneDepartmentName = this.majorList[i].staffProfessionalArchitectureName |
|
break; |
|
} |
|
} |
|
let twoDepartmentName = this.managerDepartmentList.find((n) => { |
|
return n.staffGradeId == this.teacherForm.managerDepartment |
|
}).staffGradeName; |
|
let orList = { |
|
roleId: 13, |
|
staffId: this.teacherForm.managerStaffId, |
|
workNumber: this.teacherForm.managerWorkNumber, |
|
staffProfessionalArchitectureId: this.teacherForm.managerMajor, |
|
staffGradeId: this.teacherForm.managerDepartment, |
|
staffProfessionalArchitectureName: oneDepartmentName, |
|
staffGradeName: twoDepartmentName, |
|
}; |
|
data.staff.push(orList) |
|
} |
|
if((!this.isAddteacher && this.teacherForm.teacherWorkNumber && roleId.includes(14)) || (this.isAddteacher && !this.isTeacher && this.teacherForm.teacherWorkNumber)){ |
|
let oneDepartmentName = ''; |
|
for(let i in this.majorList){ |
|
if(this.majorList[i].staffProfessionalArchitectureId == this.teacherForm.teacherMajor) { |
|
oneDepartmentName = this.majorList[i].staffProfessionalArchitectureName |
|
break; |
|
} |
|
} |
|
let twoDepartmentName = this.teacherDepartmentList.find((n) => { |
|
return n.staffGradeId == this.teacherForm.teacherDepartment |
|
}).staffGradeName; |
|
let orList = { |
|
roleId: 14, |
|
staffId: this.teacherForm.teacherStaffId, |
|
workNumber: this.teacherForm.teacherWorkNumber, |
|
staffProfessionalArchitectureId: this.teacherForm.teacherMajor, |
|
staffGradeId: this.teacherForm.teacherDepartment, |
|
staffProfessionalArchitectureName: oneDepartmentName, |
|
staffGradeName: twoDepartmentName, |
|
}; |
|
data.staff.push(orList) |
|
} |
|
if(this.teacherForm.teacherId){ |
|
this.$put(this.api.updateStaff,data).then(res => { |
|
this.teacherVisible = false |
|
this.$message.success('编辑成功'); |
|
this.getData() |
|
}).catch(res => {}); |
|
}else{ |
|
this.$post(this.api.addStaff,data).then(res => { |
|
this.teacherVisible = false |
|
this.$message.success('添加成功'); |
|
this.getData() |
|
}).catch(res => {}); |
|
} |
|
}else{ |
|
return false; |
|
} |
|
}) |
|
}, |
|
delTeacher(row){ |
|
this.$confirm('确定要删除吗？', '提示', { |
|
type: 'warning' |
|
}) |
|
.then(() => { |
|
this.$post(this.api.daleteBatchStaff,[row.userId]).then(res => { |
|
this.$message.success('删除成功') |
|
this.getData() |
|
}).catch(res => {}); |
|
}) |
|
.catch(() => {}); |
|
}, |
|
handleSelectionChange(val) { |
|
this.multipleSelection = val; |
|
}, |
|
delAllSelection() { |
|
if(this.multipleSelection.length != ''){ |
|
let newArr = this.multipleSelection |
|
let delList = newArr.map(item => { |
|
return item.userId |
|
}) |
|
// 批量删除 |
|
this.$confirm('确定要删除吗？', '提示', { |
|
type: 'warning' |
|
}) |
|
.then(() => { |
|
let data = delList |
|
this.$post(this.api.daleteBatchStaff,data).then(res => { |
|
this.$refs.table.clearSelection() |
|
this.$message.success('删除成功') |
|
this.getData() |
|
}).catch(res => {}); |
|
}).catch(() => {}); |
|
}else{ |
|
this.$message.error('请先选择员工 ！') |
|
} |
|
}, |
|
batchImport(){ |
|
this.importVisible = true |
|
this.uploadList = [] |
|
this.uploadFaild = false |
|
}, |
|
searchTeacher(){ |
|
this.pageNo = 1; |
|
this.getData() |
|
}, |
|
handleCurrentChange(val) { |
|
this.pageNo = val; |
|
this.getData(); |
|
}, |
|
downLoad(){ |
|
location.href = 'http://www.liuwanr.cn/template/staff.xlsx' |
|
}, |
|
showFaild(){ |
|
location.href = `${this.api.export_failureStaff}?token=${this.token}` |
|
}, |
|
// 上传文件 |
|
handleExceed(files, fileList) { |
|
this.$message.warning( |
|
`当前限制选择 1 个文件，如需更换，请删除上一个文件再重新选择！` |
|
); |
|
}, |
|
uploadSuccess(res, file, fileList) { |
|
this.uploadFaild = false |
|
if(res.errmessage == 'success'){ |
|
if(res.data.token){ |
|
this.token = res.data.token |
|
this.uploadFaild = true |
|
}else{ |
|
this.$message.success('上传成功') |
|
} |
|
}else{ |
|
res.message ? this.$message.error(res.message) : this.$message.error('上传失败，请检查数据') |
|
} |
|
}, |
|
uploadError(err, file, fileList) { |
|
this.$message({ |
|
message: "上传出错，请重试！", |
|
type: "error", |
|
center: true |
|
}); |
|
}, |
|
beforeRemove(file, fileList) { |
|
return this.$confirm(`确定移除 ${file.name}？`); |
|
}, |
|
handleRemove(file, fileList) { |
|
this.uploadList = fileList |
|
this.uploadFaild = false |
|
}, |
|
uploadSure(){ |
|
this.importVisible = false |
|
this.pageNo = 1 |
|
this.keyword = '' |
|
this.getData() |
|
}, |
|
// 获取学科类别 |
|
getSubject(){ |
|
this.$get(this.api.queryCourseDiscipline).then(res => { |
|
this.subjectList = res.message |
|
}).catch(res => {}); |
|
}, |
|
// 清除学科类别 |
|
clearClass(){ |
|
this.teacherForm.professionalClassId = '', |
|
this.teacherForm.professionalId = '' |
|
}, |
|
// 获取专业类 |
|
getProfessionalClass(){ |
|
this.clearClass() |
|
if(this.teacherForm.disciplineId){ |
|
this.getProfessionalClassData() |
|
} |
|
}, |
|
getProfessionalClassData(){ |
|
let data = { |
|
disciplineId: this.teacherForm.disciplineId |
|
} |
|
this.$get(this.api.queryCourseProfessionalClass,data).then(res => { |
|
this.ProfessionalClassList = res.message |
|
}).catch(res => {}); |
|
}, |
|
// 清除专业类 |
|
clearProfess(){ |
|
this.teacherForm.professionalId = '' |
|
}, |
|
// 获取专业 |
|
getProfessional(){ |
|
this.clearProfess() |
|
if(this.teacherForm.professionalClassId){ |
|
this.getProfessionalData() |
|
} |
|
}, |
|
getProfessionalData(){ |
|
let data = { |
|
professionalClassId: this.teacherForm.professionalClassId |
|
} |
|
this.$get(this.api.queryCourseProfessional,data).then(res => { |
|
this.ProfessionalList = res.message |
|
}).catch(res => {}); |
|
} |
|
} |
|
}; |
|
</script> |
|
<style scoped> |
|
.el-container{ |
|
background-color: #f0f0f0; |
|
} |
|
.mag{ |
|
margin-right: 20px; |
|
margin-left: 20px; |
|
} |
|
</style>
|
|
|