liweijie/education
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

教学实施计划导入

Browse Source
This commit is contained in:
zhaichao
2026-08-23 16:03:02 +08:00
parent 776ffaac4f
commit 4efb84e5d2
2 changed files with 121 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/api/schedule/teachingPlan.js
+34
View File
@@ -0,0 +1,34 @@
import request from '@/utils/request'
// ======================== 教学实施计划导入 ========================
// 接口前缀 /teachingPlan，经 vue.config.js 代理转发为 /api/teachingPlan。
// 分页查询教学实施计划列表
// 支持参数：pageNum pageSize nd kcmc bc zrdw skjy ytgjc ybdr（与后端 Mapper 一致）
export function listTeachingPlan(query) {
return request({
url: '/teachingPlan/list',
method: 'get',
params: query
})
}
// 导入教学实施计划 Excel（multipart，字段名 file），返回导入条数
export function importTeachingPlan(file) {
const formData = new FormData()
formData.append('file', file)
return request({
url: '/teachingPlan/import',
method: 'post',
data: formData
})
}
// 下载教学实施计划导入模板（返回 Blob）
export function downloadTeachingPlanTemplate() {
return request({
url: '/teachingPlan/template',
method: 'get',
responseType: 'blob'
})
}
frontend/src/views/schedule/planImport/index.vue
+87 -43
View File
@@ -101,9 +101,9 @@
</div>
<div class="bar-right">
<el-button type="primary" @click="handleImportToSystem" :loading="importing">缓存数据导入到系统</el-button>
<el-button type="primary" @click="handleUploadToCache">上传数据至缓存</el-button>
<el-button type="primary" @click="handleCheckCache">检查缓存数据</el-button>
<el-button type="primary" @click="handleImportToSystem">缓存数据导入到系统</el-button>
<el-button type="danger" @click="handleDeleteCache">删除缓存数据</el-button>
</div>
</div>
@@ -112,10 +112,10 @@
<!-- ==================== 3. 数据表格 ==================== -->
<el-card shadow="never" class="table-card">
<el-table v-loading="loading" :data="tableData" stripe border highlight-current-row class="import-table">
<el-table-column prop="xq" label="学期" width="53" align="center" />
<el-table-column prop="nd" label="年度" width="60" align="center" />
<el-table-column prop="xh" label="序号" width="53" align="center" />
<el-table-column prop="yxh" label="原序号" width="67" align="center" />
<el-table-column prop="rq" label="日期" width="53" align="center" :formatter="formatDate" />
<el-table-column prop="rq" label="日期" width="120" align="center" :formatter="formatDate" />
<el-table-column prop="yjc" label="原节次" width="67" align="center" />
<el-table-column prop="jc" label="节次" width="53" align="center" />
<el-table-column prop="kcmc" label="课程名称" width="85" show-overflow-tooltip />
@@ -125,7 +125,6 @@
<el-table-column prop="jxcd" label="教学场地" width="81" align="center" />
<el-table-column prop="jxnr" label="教学内容" width="81" show-overflow-tooltip />
<el-table-column prop="jxff" label="教学方法" width="81" align="center" />
<el-table-column prop="jxyd" label="教学要点" width="81" show-overflow-tooltip />
<el-table-column prop="jybz" label="教员备注" width="81" show-overflow-tooltip />
<el-table-column prop="jwbz" label="教务备注" width="81" show-overflow-tooltip />
<el-table-column prop="jcjg" label="检查结果" width="81" align="center" />
@@ -134,9 +133,9 @@
<span>{{ row.ytgjc ? '是' : '否' }}</span>
</template>
</el-table-column>
<el-table-column prop="ybhhl" label="已被忽略" width="81" align="center">
<el-table-column prop="ybhl" label="已被忽略" width="81" align="center">
<template slot-scope="{ row }">
<span>{{ row.ybhhl ? '是' : '否' }}</span>
<span>{{ row.ybhl ? '是' : '否' }}</span>
</template>
</el-table-column>
<el-table-column prop="ybcl" label="已被处理" width="81" align="center">
@@ -166,12 +165,7 @@
</template>
<script>
// 模拟导入记录数据（后端接口未提供，接口就绪后可删除并改为接口加载）
const mockTableData = [
{ xq: '2026-2027-1', xh: 1, yxh: 1, rq: '2026-09-01 08:00:00', yjc: '1-2', jc: '1', kcmc: '高等数学', bc: '2026级1队', zrdw: '基础部', skjy: '王教员', jxcd: '教学楼101', jxnr: '第一章 函数与极限', jxff: '讲授', jxyd: '理解极限定义', jybz: '', jwbz: '', jcjg: '通过', ytgjc: true, ybhhl: false, ybcl: true, ybdr: false },
{ xq: '2026-2027-1', xh: 2, yxh: 2, rq: '2026-09-01 10:00:00', yjc: '3-4', jc: '2', kcmc: '大学英语', bc: '2026级2队', zrdw: '外语系', skjy: '李教员', jxcd: '教学楼102', jxnr: 'Unit 1 课文讲解', jxff: '讲授', jxyd: '掌握重点词汇', jybz: '', jwbz: '', jcjg: '通过', ytgjc: true, ybhhl: false, ybcl: true, ybdr: false },
{ xq: '2026-2027-1', xh: 3, yxh: 3, rq: '2026-09-02 08:00:00', yjc: '1-2', jc: '1', kcmc: '军事理论', bc: '2026级1队', zrdw: '军事教研室', skjy: '张教员', jxcd: '学术报告厅', jxnr: '国防概论', jxff: '讲授', jxyd: '了解国防常识', jybz: '', jwbz: '', jcjg: '待检', ytgjc: false, ybhhl: false, ybcl: false, ybdr: false }
]
import { listTeachingPlan, importTeachingPlan, downloadTeachingPlanTemplate } from '@/api/schedule/teachingPlan'
export default {
name: 'PlanImportIndex',
@@ -193,50 +187,68 @@ export default {
kmmc: ''
},
// ==================== 文件上传与缓存操作 ====================
// ==================== 文件上传与导入 ====================
selectedFileName: '未选择任何文件',
selectedFile: null,
importing: false,
// ==================== 表格数据 ====================
tableData: [],
loading: false,
allData: [],
pageNum: 1,
pageSize: 20,
total: 0
}
},
mounted() {
this.handleSearch()
this.fetchList()
},
methods: {
// ==================== 查询 ====================
// TODO: 后端接口未提供，暂用模拟数据；接口就绪后替换为接口加载
handleSearch() {
this.loading = true
setTimeout(() => {
this.allData = mockTableData.slice()
this.total = this.allData.length
this.pageNum = 1
this.applyPage()
this.$message.success(`查询完成，共 ${this.allData.length} 条记录（前端模拟）`)
this.loading = false
}, 200)
// 仅传后端 Mapper 支持的字段：skjy(授课教员) bc(班次) kcmc(课程名称) ytgjc(已通过检查)
// 课程时间、忽略状态、教学场地名称后端列表查询不支持，不传
buildSearchParams() {
const f = this.searchForm
const params = { pageNum: this.pageNum, pageSize: this.pageSize }
if (f.jyxm && f.jyxm.trim()) params.skjy = f.jyxm.trim()
if (f.bcmc && f.bcmc.trim()) params.bc = f.bcmc.trim()
if (f.kmmc && f.kmmc.trim()) params.kcmc = f.kmmc.trim()
// 检查状态：仅勾选「已通过」或「未通过」其中之一时才按该条件过滤
if (f.jcztEnabled) {
if (f.jcztYtg && !f.jcztWtg) params.ytgjc = true
else if (!f.jcztYtg && f.jcztWtg) params.ytgjc = false
}
return params
},
applyPage() {
const start = (this.pageNum - 1) * this.pageSize
this.tableData = this.allData.slice(start, start + this.pageSize)
fetchList() {
this.loading = true
listTeachingPlan(this.buildSearchParams()).then(response => {
const data = response.data || {}
this.tableData = data.records || []
this.total = data.total || 0
this.loading = false
}).catch(() => {
this.tableData = []
this.total = 0
this.loading = false
})
},
handleSearch() {
this.pageNum = 1
this.fetchList()
},
handlePageChange(current) {
this.pageNum = current
this.applyPage()
this.fetchList()
},
handleSizeChange(size) {
this.pageSize = size
this.pageNum = 1
this.applyPage()
this.fetchList()
},
/** 日期格式化 */
@@ -244,7 +256,7 @@ export default {
return cellValue ? String(cellValue).substring(0, 10) : ''
},
// ==================== 文件上传与缓存操作 ====================
// ==================== 文件选择 ====================
handleChooseFile() {
this.$refs.fileInputRef && this.$refs.fileInputRef.click()
},
@@ -253,36 +265,68 @@ export default {
const target = event.target
const file = target.files && target.files[0]
if (file) {
this.selectedFile = file
this.selectedFileName = file.name
this.$message.success(`已选择文件：${file.name}`)
} else {
this.selectedFile = null
this.selectedFileName = '未选择任何文件'
}
},
// TODO: 后端接口未提供，以下操作均为前端模拟；接口就绪后替换为对应接口
// ==================== 下载模板 ====================
handleDownloadTemplate() {
this.$message.success('下载课程表数据文件模板（前端模拟）')
downloadTeachingPlanTemplate().then(blob => {
this.downloadBlob(blob, '教学实施计划导入模板.xlsx')
this.$message.success('模板下载成功')
}).catch(() => {})
},
handleUploadToCache() {
if (this.selectedFileName === '未选择任何文件') {
downloadBlob(blob, fileName) {
const url = window.URL.createObjectURL(blob)
const link = document.createElement('a')
link.href = url
link.download = fileName
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
window.URL.revokeObjectURL(url)
},
// ==================== 导入到系统 ====================
handleImportToSystem() {
if (!this.selectedFile) {
this.$message.warning('请先选择文件')
return
}
this.$message.success('上传数据至缓存（前端模拟）')
this.importing = true
importTeachingPlan(this.selectedFile).then(res => {
const count = res && res.data
if (count !== null && count !== undefined) {
this.$message.success(`导入成功，共 ${count} 条记录`)
} else {
this.$message.success((res && res.msg) || '导入成功')
}
this.selectedFile = null
this.selectedFileName = '未选择任何文件'
this.$refs.fileInputRef && (this.$refs.fileInputRef.value = '')
this.pageNum = 1
this.fetchList()
}).catch(() => {}).finally(() => {
this.importing = false
})
},
handleDeleteCache() {
this.$message.success('删除缓存数据（前端模拟）')
// ==================== 缓存操作（后端暂未提供） ====================
handleUploadToCache() {
this.$message.info('后端暂未提供该接口')
},
handleCheckCache() {
this.$message.success('检查缓存数据（前端模拟）')
this.$message.info('后端暂未提供该接口')
},
handleImportToSystem() {
this.$message.success('缓存数据导入到系统（前端模拟）')
handleDeleteCache() {
this.$message.info('后端暂未提供该接口')
}
}
}