新增培训:实现教师主数据P0能力

This commit is contained in:
wangzhibiao committed 2026-09-14 10:43:03 +08:00
1 parent 7fcaea29b8
commit 043c08823a
9 files changed
+586 -293

No files matched your search

+81 -145
View File
@@ -1,6 +1,6 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px">
<el-form-item label="教师姓名" prop="tName">
<el-input
v-model="queryParams.tName"
@@ -9,34 +9,18 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="性别:男 / 女" prop="tGender">
<el-form-item label="所属单位" prop="orgName">
<el-input
v-model="queryParams.tGender"
placeholder="请输入性别:男 / 女"
v-model="queryParams.orgName"
placeholder="请输入所属单位"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="出生日期" prop="tBirth">
<el-date-picker clearable
v-model="queryParams.tBirth"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择出生日期">
</el-date-picker>
</el-form-item>
<el-form-item label="所属院系" prop="tDepartment">
<el-form-item label="职务职称" prop="jobTitle">
<el-input
v-model="queryParams.tDepartment"
placeholder="请输入所属院系"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="职称:讲师 / 副教授 / 教授" prop="tTitle">
<el-input
v-model="queryParams.tTitle"
placeholder="请输入职称:讲师 / 副教授 / 教授"
v-model="queryParams.jobTitle"
placeholder="请输入职务/职称"
clearable
@keyup.enter.native="handleQuery"
/>
@@ -49,21 +33,11 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="邮箱" prop="tEmail">
<el-input
v-model="queryParams.tEmail"
placeholder="请输入邮箱"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="创建人 (管理员 / 教师)" prop="createUser">
<el-input
v-model="queryParams.createUser"
placeholder="请输入创建人 (管理员 / 教师)"
clearable
@keyup.enter.native="handleQuery"
/>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="教师状态" clearable>
<el-option label="正常" :value="1" />
<el-option label="停用" :value="0" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -74,81 +48,59 @@
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
v-hasPermi="['train:teacher:add']"
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['train:teacher:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-hasPermi="['train:teacher:edit']"
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['train:teacher:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['train:teacher:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['train:teacher:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
<right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
</el-row>
<el-table v-loading="loading" :data="teacherList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="教师工号" align="center" prop="tId" />
<el-table-column label="教师姓名" align="center" prop="tName" />
<el-table-column label="性别:男 / 女" align="center" prop="tGender" />
<el-table-column label="出生日期" align="center" prop="tBirth" width="180">
<el-table-column label="性别" align="center" prop="tGender" width="80" />
<el-table-column label="出生日期" align="center" prop="tBirth" width="120">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.tBirth, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="所属院系" align="center" prop="tDepartment" />
<el-table-column label="职称:讲师 / 副教授 / 教授" align="center" prop="tTitle" />
<el-table-column label="联系电话" align="center" prop="tPhone" />
<el-table-column label="邮箱" align="center" prop="tEmail" />
<el-table-column label="创建人 (管理员 / 教师)" align="center" prop="createUser" />
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column label="所属单位" align="center" prop="orgName" :show-overflow-tooltip="true" />
<el-table-column label="职务/职称" align="center" prop="jobTitle" :show-overflow-tooltip="true" />
<el-table-column label="联系电话" align="center" prop="tPhone" width="130" />
<el-table-column label="邮箱" align="center" prop="tEmail" :show-overflow-tooltip="true" />
<el-table-column label="状态" align="center" prop="status" width="90">
<template slot-scope="scope">
<el-tag :type="scope.row.status === 1 ? 'success' : 'danger'">
{{ scope.row.status === 1 ? '正常' : '停用' }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
<template slot-scope="scope">
<el-button
v-hasPermi="['train:teacher:edit']"
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['train:teacher:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['train:teacher:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
@@ -162,39 +114,46 @@
/>
<!-- 添加或修改教师信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-dialog :title="title" :visible.sync="open" width="550px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="90px">
<el-form-item label="教师姓名" prop="tName">
<el-input v-model="form.tName" placeholder="请输入教师姓名" />
<el-input v-model="form.tName" placeholder="请输入教师姓名" maxlength="50" show-word-limit />
</el-form-item>
<el-form-item label="性别:男 / 女" prop="tGender">
<el-input v-model="form.tGender" placeholder="请输入性别:男 / 女" />
<el-form-item label="性别" prop="tGender">
<el-radio-group v-model="form.tGender">
<el-radio label="男">男</el-radio>
<el-radio label="女">女</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="出生日期" prop="tBirth">
<el-date-picker clearable
<el-date-picker
v-model="form.tBirth"
clearable
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择出生日期">
</el-date-picker>
placeholder="请选择出生日期"
/>
</el-form-item>
<el-form-item label="所属院系" prop="tDepartment">
<el-input v-model="form.tDepartment" placeholder="请输入所属院系" />
<el-form-item label="所属单位" prop="orgName">
<el-input v-model="form.orgName" placeholder="请输入所属单位/部门" maxlength="100" />
</el-form-item>
<el-form-item label="职称:讲师 / 副教授 / 教授" prop="tTitle">
<el-input v-model="form.tTitle" placeholder="请输入职称:讲师 / 副教授 / 教授" />
<el-form-item label="职务/职称" prop="jobTitle">
<el-input v-model="form.jobTitle" placeholder="请输入职务/职称" maxlength="50" />
</el-form-item>
<el-form-item label="联系电话" prop="tPhone">
<el-input v-model="form.tPhone" placeholder="请输入联系电话" />
<el-input v-model="form.tPhone" placeholder="请输入11位手机号码" maxlength="20" />
</el-form-item>
<el-form-item label="邮箱" prop="tEmail">
<el-input v-model="form.tEmail" placeholder="请输入邮箱" />
<el-input v-model="form.tEmail" placeholder="请输入电子邮箱" maxlength="100" />
</el-form-item>
<el-form-item label="创建人 (管理员 / 教师)" prop="createUser">
<el-input v-model="form.createUser" placeholder="请输入创建人 (管理员 / 教师)" />
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio :label="1">正常</el-radio>
<el-radio :label="0">停用</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" />
<el-input v-model="form.remark" type="textarea" placeholder="请输入备注信息" maxlength="500" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
@@ -206,10 +165,10 @@
</template>
<script>
import { listTeacher, getTeacher, delTeacher, addTeacher, updateTeacher } from "@/api/train/teacher"
import { listTeacher, getTeacher, addTeacher, updateTeacher } from '@/api/train/teacher'
export default {
name: "Teacher",
name: 'Teacher',
data() {
return {
// 遮罩层
@@ -218,8 +177,6 @@ export default {
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
@@ -227,7 +184,7 @@ export default {
// 教师信息表格数据
teacherList: [],
// 弹出层标题
title: "",
title: '',
// 是否显示弹出层
open: false,
// 查询参数
@@ -235,27 +192,25 @@ export default {
pageNum: 1,
pageSize: 10,
tName: null,
tGender: null,
tBirth: null,
tDepartment: null,
tTitle: null,
orgName: null,
jobTitle: null,
tPhone: null,
tEmail: null,
createUser: null,
status: null
},
// 表单参数
form: {},
// 表单校验
rules: {
tName: [
{ required: true, message: "教师姓名不能为空", trigger: "blur" }
{ required: true, message: '教师姓名不能为空', trigger: 'blur' },
{ max: 50, message: '教师姓名长度不能超过50个字符', trigger: 'blur' }
],
tDepartment: [
{ required: true, message: "所属院系不能为空", trigger: "blur" }
],
createUser: [
{ required: true, message: "创建人 (管理员 / 教师)不能为空", trigger: "blur" }
tPhone: [
{ pattern: /^1[3-9]\d{9}$/, message: '请输入正确的11位手机号码', trigger: 'blur' }
],
tEmail: [
{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
]
}
}
},
@@ -282,18 +237,16 @@ export default {
this.form = {
tId: null,
tName: null,
tGender: null,
tGender: '男',
tBirth: null,
tDepartment: null,
tTitle: null,
orgName: null,
jobTitle: null,
tPhone: null,
tEmail: null,
createUser: null,
createTime: null,
updateTime: null,
status: 1,
remark: null
}
this.resetForm("form")
this.resetForm('form')
},
/** 搜索按钮操作 */
handleQuery() {
@@ -302,66 +255,49 @@ export default {
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm")
this.resetForm('queryForm')
this.handleQuery()
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.tId)
this.single = selection.length!==1
this.multiple = !selection.length
this.single = selection.length !== 1
},
/** 新增按钮操作 */
handleAdd() {
this.reset()
this.open = true
this.title = "添加教师信息"
this.title = '添加教师信息'
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset()
const tId = row.tId || this.ids
const tId = row.tId || this.ids[0]
getTeacher(tId).then(response => {
this.form = response.data
this.open = true
this.title = "修改教师信息"
this.title = '修改教师信息'
})
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
this.$refs['form'].validate(valid => {
if (valid) {
if (this.form.tId != null) {
updateTeacher(this.form).then(response => {
this.$modal.msgSuccess("修改成功")
this.$modal.msgSuccess('修改成功')
this.open = false
this.getList()
})
} else {
addTeacher(this.form).then(response => {
this.$modal.msgSuccess("新增成功")
this.$modal.msgSuccess('新增成功')
this.open = false
this.getList()
})
}
}
})
},
/** 删除按钮操作 */
handleDelete(row) {
const tIds = row.tId || this.ids
this.$modal.confirm('是否确认删除教师信息编号为"' + tIds + '"的数据项?').then(function() {
return delTeacher(tIds)
}).then(() => {
this.getList()
this.$modal.msgSuccess("删除成功")
}).catch(() => {})
},
/** 导出按钮操作 */
handleExport() {
this.download('train/teacher/export', {
...this.queryParams
}, `teacher_${new Date().getTime()}.xlsx`)
}
}
}