blp/railwaysystem
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增培训：实现课程主数据P0能力

Browse Source
This commit is contained in:
wangzhibiao committed 2026-09-14 10:59:00 +08:00
1 parent 7fcaea29b8
commit f0fcb3ab63
10 files changed
+1000 -333
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

build_ui/src/api/train/course.js
+2 -10
View File
@@ -26,19 +26,11 @@ export function addCourse(data) {
})
}
// 修改课程信息
// 修改课程信息 (API Contract 3.4: PUT /train/course/{cId})
export function updateCourse(data) {
return request({
url: '/train/course',
url: '/train/course/' + data.cId,
method: 'put',
data: data
})
}
// 删除课程信息
export function delCourse(cId) {
return request({
url: '/train/course/' + cId,
method: 'delete'
})
}
build_ui/src/views/train/course/index.vue
+97 -129
View File
@@ -1,6 +1,14 @@
<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="cCode">
<el-input
v-model="queryParams.cCode"
placeholder="请输入课程统一业务编码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="课程名称" prop="cName">
<el-input
v-model="queryParams.cName"
@@ -9,21 +17,19 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="课程时长 (分钟)" prop="cDuration">
<el-form-item label="课程类型" prop="cType">
<el-input
v-model="queryParams.cDuration"
placeholder="请输入课程时长 (分钟)"
v-model="queryParams.cType"
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>
@@ -34,79 +40,54 @@
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
v-hasPermi="['train:course:add']"
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['train:course:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-hasPermi="['train:course:edit']"
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['train:course: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:course: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:course: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="courseList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="课程编号主键" align="center" prop="cId" />
<el-table-column label="课程名称" align="center" prop="cName" />
<el-table-column label="课程类型" align="center" prop="cType" />
<el-table-column label="课程时长 (分钟)" align="center" prop="cDuration" />
<el-table-column label="教学目标" align="center" prop="teachingObjective" />
<el-table-column label="课程内容" align="center" prop="courseContent" />
<el-table-column label="配套文档，多个逗号分隔" align="center" prop="attachDoc" />
<el-table-column label="配套视频地址" align="center" prop="attachVideo" />
<el-table-column label="配套模型链接" align="center" prop="attachModelLink" />
<el-table-column label="关联3D设备拆解模型、实训场景资源ID，多ID逗号分隔" align="center" prop="modelResourceIds" />
<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="cCode" min-width="120" :show-overflow-tooltip="true" />
<el-table-column label="课程名称" align="center" prop="cName" min-width="140" :show-overflow-tooltip="true" />
<el-table-column label="课程类型" align="center" prop="cType" width="120" />
<el-table-column label="学时" align="center" prop="cDuration" width="80" />
<el-table-column label="教学目标" align="center" prop="teachingObjective" min-width="150" :show-overflow-tooltip="true" />
<el-table-column label="课程内容" align="center" prop="courseContent" min-width="160" :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' : 'info'">
{{ scope.row.status === 1 ? '正常' : '停用' }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" min-width="120" :show-overflow-tooltip="true" />
<el-table-column label="创建时间" align="center" prop="createTime" width="160" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
<template slot-scope="scope">
<el-button
v-hasPermi="['train:course:edit']"
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['train:course:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['train:course:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
@@ -120,37 +101,34 @@
/>
<!-- 添加或修改课程信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="课程名称" prop="cName">
<el-input v-model="form.cName" placeholder="请输入课程名称" />
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="90px">
<el-form-item label="课程编码" prop="cCode">
<el-input v-model="form.cCode" placeholder="请输入课程统一业务编码 (如 KC-2026-001)" maxlength="50" />
</el-form-item>
<el-form-item label="课程时长 (分钟)" prop="cDuration">
<el-input v-model="form.cDuration" placeholder="请输入课程时长 (分钟)" />
<el-form-item label="课程名称" prop="cName">
<el-input v-model="form.cName" placeholder="请输入课程名称" maxlength="100" />
</el-form-item>
<el-form-item label="课程类型" prop="cType">
<el-input v-model="form.cType" placeholder="请输入课程类型 (如 理论课/实操课)" maxlength="30" />
</el-form-item>
<el-form-item label="课程学时" prop="cDuration">
<el-input-number v-model="form.cDuration" :min="1" :max="9999" placeholder="请输入课程学时" style="width: 100%;" />
</el-form-item>
<el-form-item label="教学目标" prop="teachingObjective">
<el-input v-model="form.teachingObjective" type="textarea" placeholder="请输入内容" />
<el-input v-model="form.teachingObjective" type="textarea" :rows="3" placeholder="请输入教学目标" />
</el-form-item>
<el-form-item label="课程内容">
<editor v-model="form.courseContent" :min-height="192"/>
<el-form-item label="课程内容" prop="courseContent">
<el-input v-model="form.courseContent" type="textarea" :rows="4" placeholder="请输入课程内容/摘要" />
</el-form-item>
<el-form-item label="配套文档，多个逗号分隔" prop="attachDoc">
<el-input v-model="form.attachDoc" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="配套视频地址" prop="attachVideo">
<el-input v-model="form.attachVideo" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="配套模型链接" prop="attachModelLink">
<el-input v-model="form.attachModelLink" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="关联3D设备拆解模型、实训场景资源ID，多ID逗号分隔" prop="modelResourceIds">
<el-input v-model="form.modelResourceIds" type="textarea" placeholder="请输入内容" />
</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">
@@ -162,11 +140,23 @@
</template>
<script>
import { listCourse, getCourse, delCourse, addCourse, updateCourse } from "@/api/train/course"
import { listCourse, getCourse, addCourse, updateCourse } from '@/api/train/course'
export default {
name: "Course",
name: 'Course',
data() {
const validateDuration = (rule, value, callback) => {
if (value !== undefined && value !== null && value !== '') {
const num = Number(value)
if (!Number.isInteger(num) || num <= 0) {
callback(new Error('课程学时必须为正整数'))
} else {
callback()
}
} else {
callback()
}
}
return {
// 遮罩层
loading: true,
@@ -174,8 +164,6 @@ export default {
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
@@ -183,34 +171,33 @@ export default {
// 课程信息表格数据
courseList: [],
// 弹出层标题
title: "",
title: '',
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
cCode: null,
cName: null,
cType: null,
cDuration: null,
teachingObjective: null,
courseContent: null,
attachDoc: null,
attachVideo: null,
attachModelLink: null,
modelResourceIds: null,
createUser: null,
status: null
},
// 表单参数
form: {},
// 表单校验
rules: {
cCode: [
{ required: true, message: '课程编码不能为空', trigger: 'blur' },
{ max: 50, message: '课程编码长度不能超过50个字符', trigger: 'blur' }
],
cName: [
{ required: true, message: "课程名称不能为空", trigger: "blur" }
],
createUser: [
{ required: true, message: "创建人 (管理员 / 教师)不能为空", trigger: "blur" }
{ required: true, message: '课程名称不能为空', trigger: 'blur' },
{ max: 100, message: '课程名称长度不能超过100个字符', trigger: 'blur' }
],
cDuration: [
{ validator: validateDuration, trigger: 'blur' }
]
}
}
},
@@ -236,21 +223,16 @@ export default {
reset() {
this.form = {
cId: null,
cCode: null,
cName: null,
cType: null,
cDuration: null,
teachingObjective: null,
courseContent: null,
attachDoc: null,
attachVideo: null,
attachModelLink: null,
modelResourceIds: null,
createUser: null,
createTime: null,
updateTime: null,
status: 1,
remark: null
}
this.resetForm("form")
this.resetForm('form')
},
/** 搜索按钮操作 */
handleQuery() {
@@ -259,20 +241,19 @@ export default {
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm")
this.resetForm('queryForm')
this.handleQuery()
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.cId)
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) {
@@ -280,45 +261,32 @@ export default {
const cId = row.cId || this.ids
getCourse(cId).then(response => {
this.form = response.data
if (this.form.status === undefined || this.form.status === null) {
this.form.status = 1
}
this.open = true
this.title = "修改课程信息"
this.title = '修改课程'
})
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
this.$refs['form'].validate(valid => {
if (valid) {
if (this.form.cId != null) {
updateCourse(this.form).then(response => {
this.$modal.msgSuccess("修改成功")
this.$modal.msgSuccess('修改成功')
this.open = false
this.getList()
})
} else {
addCourse(this.form).then(response => {
this.$modal.msgSuccess("新增成功")
this.$modal.msgSuccess('新增成功')
this.open = false
this.getList()
})
}
}
})
},
/** 删除按钮操作 */
handleDelete(row) {
const cIds = row.cId || this.ids
this.$modal.confirm('是否确认删除课程信息编号为"' + cIds + '"的数据项？').then(function() {
return delCourse(cIds)
}).then(() => {
this.getList()
this.$modal.msgSuccess("删除成功")
}).catch(() => {})
},
/** 导出按钮操作 */
handleExport() {
this.download('train/course/export', {
...this.queryParams
}, `course_${new Date().getTime()}.xlsx`)
}
}
}