zhaichao/education
1
0
Fork 0
forked from liweijie/education
Code Pull Requests Activity

系统风格以及部分页面样式变更

Browse Source
This commit is contained in:
yangbin
2026-08-24 18:30:32 +08:00
parent 9f4571a40e
commit 763bf34c3a
20 changed files with 1044 additions and 537 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/schedule/planImport/index.vue
+8 -18
View File
@@ -34,13 +34,10 @@
<!-- 下面分左右两栏 -->
<el-row :gutter="24">
<el-col :xs="24" :md="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.jcztEnabled">检查状态</el-checkbox>
</template>
<el-form-item label="检查状态">
<div class="checkbox-group">
<el-checkbox v-model="searchForm.jcztYtg" :disabled="!searchForm.jcztEnabled">已通过</el-checkbox>
<el-checkbox v-model="searchForm.jcztWtg" :disabled="!searchForm.jcztEnabled">未通过</el-checkbox>
<el-checkbox v-model="searchForm.jcztYtg">已通过</el-checkbox>
<el-checkbox v-model="searchForm.jcztWtg">未通过</el-checkbox>
</div>
</el-form-item>
<el-form-item label="教员姓名">
@@ -51,13 +48,10 @@
</el-form-item>
</el-col>
<el-col :xs="24" :md="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.hlztEnabled">忽略状态</el-checkbox>
</template>
<el-form-item label="忽略状态">
<div class="checkbox-group">
<el-checkbox v-model="searchForm.hlztYc" :disabled="!searchForm.hlztEnabled">有用</el-checkbox>
<el-checkbox v-model="searchForm.hlztYbl" :disabled="!searchForm.hlztEnabled">已被忽略</el-checkbox>
<el-checkbox v-model="searchForm.hlztYc">有用</el-checkbox>
<el-checkbox v-model="searchForm.hlztYbl">已被忽略</el-checkbox>
</div>
</el-form-item>
<el-form-item label="班次名称">
@@ -169,10 +163,8 @@ export default {
searchForm: {
kssj: '',
jssj: '',
jcztEnabled: true,
jcztYtg: false,
jcztWtg: true,
hlztEnabled: true,
hlztYc: false,
hlztYbl: true,
jyxm: '',
@@ -208,10 +200,8 @@ export default {
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
}
if (f.jcztYtg && !f.jcztWtg) params.ytgjc = true
else if (!f.jcztYtg && f.jcztWtg) params.ytgjc = false
return params
},
frontend/src/views/student/studentInfo/index.vue
+7 -8
View File
@@ -12,12 +12,11 @@
<el-form-item label="姓名">
<el-input v-model="searchForm.xm" placeholder="请输入姓名" clearable />
</el-form-item>
<el-form-item>
<template slot="label"><el-checkbox v-model="searchForm.xbEnabled">性别</el-checkbox></template>
<el-radio-group v-model="searchForm.xb" :disabled="!searchForm.xbEnabled">
<el-radio :label="'男'">男</el-radio>
<el-radio :label="'女'">女</el-radio>
</el-radio-group>
<el-form-item label="性别">
<el-select v-model="searchForm.xb" placeholder="请选择性别" clearable class="full-width">
<el-option label="男" value="男" />
<el-option label="女" value="女" />
</el-select>
</el-form-item>
<el-form-item label="证件号码">
<el-input v-model="searchForm.zjhm" placeholder="请输入证件号码" clearable />
@@ -224,7 +223,7 @@ export default {
// ==================== 查询条件 ====================
// 仅保留后端 XYXX 实体支持的字段：/student-records/list 会按实体字段动态构建查询条件
searchForm: {
xh: '', xm: '', xbEnabled: false, xb: '男', zjhm: '', zzmm: '', mz: '', jg: '', xw: '',
xh: '', xm: '', xb: '', zjhm: '', zzmm: '', mz: '', jg: '', xw: '',
ybzb: '', sfzh: '', whcd: '', bkbyyx: '', bq: '', lxdh: '', txdz: ''
},
@@ -312,7 +311,7 @@ export default {
const v = this.searchForm[key]
if (v !== '' && v !== null && v !== undefined) params[key] = v.trim()
})
if (this.searchForm.xbEnabled) params.xb = this.searchForm.xb
if (this.searchForm.xb) params.xb = this.searchForm.xb
},
// ==================== 查询/分页 ====================
frontend/src/views/teachBusiness/semester/index.vue
+36 -17
View File
@@ -6,13 +6,9 @@
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新添</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate">编辑</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete">删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-date" size="mini" :disabled="single" @click="handleEditCalendar">编辑校历</el-button>
<el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete">
批量删除
</el-button>
</el-col>
</el-row>
@@ -72,6 +68,27 @@
<span>{{ scope.row.sdjldw || '-' }}</span>
</template>
</el-table-column>
<el-table-column
label="操作"
align="center"
width="220"
fixed="right"
class-name="table-action-column"
>
<template slot-scope="scope">
<el-button type="text" size="mini" icon="el-icon-edit" @click="handleUpdate(scope.row)">编辑</el-button>
<el-button type="text" size="mini" icon="el-icon-date" @click="handleEditCalendar(scope.row)">
编辑校历
</el-button>
<el-button
type="text"
size="mini"
icon="el-icon-delete"
class="text-danger"
@click="handleDelete(scope.row)"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
@@ -370,11 +387,12 @@ export default {
this.title = "学期信息 - 新增"
},
/** 编辑按钮 */
handleUpdate() {
if (this.ids.length !== 1) return
handleUpdate(row) {
const semesterId = row && row.nd ? row.nd : this.ids[0]
if (!semesterId) return
this.reset()
this.isAdd = false
getSemester(this.ids[0]).then(response => {
getSemester(semesterId).then(response => {
const data = response.data || {}
const { xn, xq } = this.parseNd(data.nd)
// 解析锁定时长（如 "2周" / "1月" / "1"）
@@ -406,21 +424,22 @@ export default {
}).catch(() => {})
},
/** 编辑校历按钮 */
handleEditCalendar() {
if (this.ids.length !== 1) return
const nd = this.ids[0]
handleEditCalendar(row) {
const nd = row && row.nd ? row.nd : this.ids[0]
if (!nd) return
this.$router.push({
path: '/teachBusiness/semester/semesterCalendar',
query: { nd: nd, name: this.getSemesterName(nd) }
})
},
/** 删除按钮 */
handleDelete() {
if (!this.ids.length) return
const names = this.ids.map(nd => this.getSemesterName(nd)).join('、')
handleDelete(row) {
const semesterIds = row && row.nd ? [row.nd] : this.ids
if (!semesterIds.length) return
const names = semesterIds.map(nd => this.getSemesterName(nd)).join('、')
this.$modal.confirm('确认删除学期【' + names + '】吗？').then(() => {
// 批量删除：逐个调用
const delList = this.ids.map(nd => delSemester(nd))
const delList = semesterIds.map(nd => delSemester(nd))
return Promise.all(delList)
}).then(() => {
this.getList()
frontend/src/views/teachNotice/index.vue
+43 -64
View File
@@ -1,17 +1,5 @@
<template>
<div class="app-container teach-notice">
<!-- 操作按钮 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button>
</el-col>
</el-row>
<!-- 查询条件区域 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
<el-form-item label="标题" prop="title">
@@ -22,21 +10,6 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="优先级">
<el-input
v-model="queryParams.priorityFrom"
placeholder="从"
type="number"
style="width: 100px"
/>
<span class="range-sep">-</span>
<el-input
v-model="queryParams.priorityTo"
placeholder="到"
type="number"
style="width: 100px"
/>
</el-form-item>
<el-form-item label="公告类别">
<el-select
v-model="queryParams.category"
@@ -49,13 +22,7 @@
:key="item"
:label="item"
:value="item"
>
<el-checkbox
:value="queryParams.category === item"
@click.stop.prevent="onCategoryCheck(item)"
/>
<span style="margin-left: 6px">{{ item }}</span>
</el-option>
/>
</el-select>
</el-form-item>
<el-form-item label="发布日期">
@@ -81,34 +48,40 @@
</el-form-item>
</el-form>
<el-alert
class="query-tip"
title="注意：勾选'选择框'表示启用该项对应的查询条件"
type="info"
:closable="false"
show-icon
/>
<!-- 数据列表区域 -->
<div class="list-title">公告列表</div>
<div class="list-heading">
<div class="list-title">公告列表</div>
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button>
</div>
<el-table v-loading="loading" :data="noticeList" border :height="tableHeight">
<el-table-column label="序号" type="index" align="center" width="70" />
<el-table-column label="发布时间" align="center" min-width="160">
<el-table-column label="发布时间" align="center" width="165">
<template slot-scope="scope">{{ formatTime(scope.row.publishTime) }}</template>
</el-table-column>
<el-table-column label="标题" align="center" prop="title" min-width="280" :show-overflow-tooltip="true" />
<el-table-column label="标题" align="left" prop="title" min-width="300" :show-overflow-tooltip="true" />
<el-table-column label="公告状态" align="center" width="100">
<template slot-scope="scope">
<el-tag :type="statusTagType(scope.row.status)">{{ scope.row.status }}</el-tag>
</template>
</el-table-column>
<el-table-column label="公告类别" align="center" prop="category" width="100" />
<el-table-column label="优先级" align="center" prop="priority" width="90" />
<el-table-column label="阅读次数" align="center" prop="readCount" width="100" />
<el-table-column label="公告类别" align="center" prop="category" width="110" />
<el-table-column label="优先级" align="center" prop="priority" width="80" />
<el-table-column label="阅读次数" align="center" prop="readCount" width="90" />
<el-table-column label="接收/已读" align="center" width="110">
<template slot-scope="scope">{{ scope.row.recipientCount }}/{{ scope.row.readerCount }}</template>
</el-table-column>
<el-table-column label="操作" align="center" width="240" class-name="small-padding fixed-width">
<el-table-column
label="操作"
align="center"
width="300"
fixed="right"
class-name="small-padding fixed-width action-column"
>
<template slot-scope="scope">
<el-button
type="text"
@@ -248,8 +221,6 @@ export default {
pageNum: 1,
pageSize: 10,
title: undefined,
priorityFrom: undefined,
priorityTo: undefined,
category: undefined,
publishDateFrom: undefined,
publishDateTo: undefined
@@ -300,10 +271,6 @@ export default {
if (status === '已下架') return 'info'
return 'warning'
},
/** 公告类别复选框：点击即选中该项作为查询条件 */
onCategoryCheck(item) {
this.queryParams.category = this.queryParams.category === item ? undefined : item
},
/** 查询按钮 */
handleQuery() {
this.queryParams.pageNum = 1
@@ -315,8 +282,6 @@ export default {
pageNum: 1,
pageSize: 10,
title: undefined,
priorityFrom: undefined,
priorityTo: undefined,
category: undefined,
publishDateFrom: undefined,
publishDateTo: undefined
@@ -412,24 +377,27 @@ export default {
<style scoped lang="scss">
.teach-notice {
.mb8 {
margin-bottom: 8px;
}
.range-sep {
margin: 0 8px;
color: #909399;
}
.query-tip {
margin: 4px 0 16px;
.list-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 12px;
}
.list-title {
font-size: 16px;
font-weight: 600;
color: #303133;
margin-bottom: 12px;
padding-left: 10px;
border-left: 4px solid var(--edu-green-primary);
}
::v-deep .action-column .cell {
white-space: nowrap;
}
.detail-body {
padding: 0 8px;
.detail-row {
@@ -454,5 +422,16 @@ export default {
}
}
}
@media (max-width: 768px) {
.list-heading {
align-items: stretch;
flex-direction: column;
}
.list-heading .el-button {
width: 100%;
}
}
}
</style>
</style>
frontend/src/views/teachOffice/elective/index.vue
+77 -67
View File
@@ -1,7 +1,14 @@
<template>
<div class="app-container">
<div class="app-container management-page elective-page">
<!-- ==================== 2. 查询条件区域 ==================== -->
<div class="section-card query-card">
<div class="section-heading">
<div>
<h2 class="section-title">筛选条件</h2>
<p class="section-description">按课程、班次、教员及状态筛选选修课</p>
</div>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
</div>
<el-form>
<el-row :gutter="32">
<!-- 左栏 -->
@@ -15,9 +22,13 @@
<el-input v-model="searchForm.kbcnj" placeholder="请输入可选班次年级" clearable class="q-control" />
</div>
<div class="query-field">
<el-checkbox v-model="searchForm.xxkztEnabled" />
<span class="q-label">选修课状态</span>
<el-select v-model="searchForm.xxkzt" class="q-control" :disabled="!searchForm.xxkztEnabled">
<span class="q-label no-check">选修课状态</span>
<el-select
v-model="searchForm.xxkzt"
placeholder="请选择选修课状态"
clearable
class="q-control"
>
<el-option v-for="item in statusOptions" :key="item" :label="item" :value="item" />
</el-select>
</div>
@@ -34,9 +45,8 @@
<el-input v-model="searchForm.xxbmc" placeholder="请输入选修班名称" clearable class="q-control" />
</div>
<div class="query-field">
<el-checkbox v-model="searchForm.pxccEnabled" />
<span class="q-label">培训层次</span>
<el-select v-model="searchForm.pxcc" class="q-control" :disabled="!searchForm.pxccEnabled">
<span class="q-label no-check">培训层次</span>
<el-select v-model="searchForm.pxcc" placeholder="请选择培训层次" clearable class="q-control">
<el-option v-for="item in pxccOptions" :key="item" :label="item" :value="item" />
</el-select>
</div>
@@ -44,50 +54,79 @@
</el-row>
</el-form>
<div class="query-footer">
<el-button class="gray-btn" @click="handleQuery">查询</el-button>
</div>
</div>
<!-- ==================== 3. 导出按钮区域 ==================== -->
<div class="section-card export-card">
<div class="section-heading section-heading--compact">
<div>
<h2 class="section-title">数据导出</h2>
<p class="section-description">下载选修班及学员名单</p>
</div>
</div>
<div class="export-bar">
<el-button type="primary" @click="handleDownloadList">下载选修班列表</el-button>
<el-button type="primary" @click="handleDownloadWord">下载选修班学员名单Word</el-button>
<el-button type="primary" @click="handleDownloadExcel">下载选修班学员名单Excel</el-button>
<el-button icon="el-icon-download" @click="handleDownloadList">下载选修班列表</el-button>
<el-button icon="el-icon-download" @click="handleDownloadWord">下载选修班学员名单Word</el-button>
<el-button icon="el-icon-download" @click="handleDownloadExcel">下载选修班学员名单Excel</el-button>
</div>
</div>
<!-- ==================== 4. 操作按钮区域 ==================== -->
<div class="section-card action-card">
<div class="action-row">
<el-button type="primary" @click="handleOpenNew">新建选修课</el-button>
<el-button type="primary" @click="handleOpenEarly">所选批量开放报名</el-button>
<el-button type="primary" @click="handleCancelEarly">所选批量取消开放报名</el-button>
<el-button type="primary" @click="handleStopSignup">批量停止报名</el-button>
<el-button type="primary" @click="handleReverseRange">所选批量根据学员反向确定班次范围</el-button>
<div class="section-heading section-heading--compact">
<div>
<h2 class="section-title">选修课操作</h2>
<p class="section-description">新建选修课，或对已选数据执行批量操作</p>
</div>
</div>
<div class="action-row">
<el-button type="primary" @click="handleDownloadTemplate">【选修课数据文件模板】下载</el-button>
<el-button type="primary" icon="el-icon-plus" @click="handleOpenNew">新建选修课</el-button>
<el-button type="primary" plain icon="el-icon-circle-check" @click="handleOpenEarly">
所选批量开放报名
</el-button>
<el-button type="warning" plain icon="el-icon-remove-outline" @click="handleCancelEarly">
所选批量取消开放报名
</el-button>
<el-button type="danger" plain icon="el-icon-circle-close" @click="handleStopSignup">
批量停止报名
</el-button>
<el-button icon="el-icon-refresh" @click="handleReverseRange">
所选批量根据学员反向确定班次范围
</el-button>
</div>
<div class="action-row">
<el-button icon="el-icon-download" @click="handleDownloadTemplate">【选修课数据文件模板】下载</el-button>
</div>
</div>
<!-- ==================== 5. 文件上传区域 ==================== -->
<div class="section-card upload-card">
<div class="section-heading section-heading--compact">
<div>
<h2 class="section-title">数据导入</h2>
<p class="section-description">选择填写完成的模板文件并上传</p>
</div>
</div>
<div class="upload-row">
<div class="upload-left">
<el-button @click="handleSelectFile">选择文件</el-button>
<el-button icon="el-icon-folder-opened" @click="handleSelectFile">选择文件</el-button>
<span class="file-name" :class="{ 'has-file': selectedFile }">{{ fileName }}</span>
<input ref="fileInputRef" type="file" style="display: none" @change="handleFileChange" />
</div>
<div class="upload-right">
<el-button type="primary" @click="handleUpload">上传数据</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="handleUpload">上传数据</el-button>
</div>
</div>
</div>
<!-- ==================== 6. 数据表格区域 ==================== -->
<div class="section-card table-card">
<div class="section-heading section-heading--compact table-heading">
<div>
<h2 class="section-title">选修课列表</h2>
<p class="section-description">共 {{ total }} 条数据</p>
</div>
</div>
<el-table v-loading="loading" :data="tableData" border stripe class="main-table" @selection-change="handleSelectionChange">
<template slot="empty">
<span>无数据！</span>
@@ -204,12 +243,10 @@ export default {
searchForm: {
js: '',
kbcnj: '',
xxkztEnabled: false,
xxkzt: '拟制',
xxkzt: '',
kckmmc: '',
xxbmc: '',
pxccEnabled: false,
pxcc: '无'
pxcc: ''
},
// ==================== 数据表格 ====================
@@ -259,8 +296,8 @@ export default {
if (this.searchForm.kbcnj) q.kxbcnj = this.searchForm.kbcnj
if (this.searchForm.kckmmc) q.kmc = this.searchForm.kckmmc
if (this.searchForm.xxbmc) q.xxbmc = this.searchForm.xxbmc
if (this.searchForm.xxkztEnabled) q.xkzt = this.searchForm.xxkzt
if (this.searchForm.pxccEnabled) q.pxcc = this.searchForm.pxcc
if (this.searchForm.xxkzt) q.xkzt = this.searchForm.xxkzt
if (this.searchForm.pxcc) q.pxcc = this.searchForm.pxcc
return q
},
@@ -423,11 +460,6 @@ export default {
margin-bottom: 14px;
min-height: 32px;
::v-deep .el-checkbox {
margin-right: 6px;
flex-shrink: 0;
}
.q-label {
width: 120px;
flex-shrink: 0;
@@ -436,10 +468,6 @@ export default {
text-align: right;
margin-right: 10px;
white-space: nowrap;
&.no-check {
margin-left: 24px;
}
}
.q-control {
@@ -447,21 +475,10 @@ export default {
min-width: 0;
}
}
}
.notice {
font-size: 12px;
color: #f56c6c;
margin-top: 8px;
text-align: left;
}
.query-footer {
display: flex;
justify-content: flex-end;
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid #ebeef5;
}
.export-bar {
align-items: center;
}
// ==================== 4. 操作按钮区域 ====================
@@ -501,6 +518,11 @@ export default {
}
}
}
.upload-right {
display: flex;
align-items: center;
}
}
}
@@ -518,23 +540,11 @@ export default {
flex-direction: column;
line-height: 1.4;
}
}
// ==================== 按钮样式 ====================
.gray-btn {
height: 28px;
padding: 2px 16px;
font-size: 12px;
background: #f5f5f5;
border: 1px solid #c0c4cc;
color: #333;
border-radius: 2px;
&:hover,
&:focus {
background: #ebebeb;
border-color: #c0c4cc;
color: #333;
.pagination-wrap {
display: flex;
justify-content: flex-end;
margin-top: 16px;
}
}
</style>
frontend/src/views/teachOffice/subject/index.vue
+35 -36
View File
@@ -1,8 +1,15 @@
<template>
<div class="app-container subject-page">
<div class="app-container management-page subject-page">
<!-- ==================== 2. 查询条件区域 ==================== -->
<el-card shadow="never" class="search-card">
<div class="section-heading">
<div>
<h2 class="section-title">筛选条件</h2>
<p class="section-description">按课程名称、代码和培训属性筛选课程科目</p>
</div>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
</div>
<el-form :model="searchForm">
<el-row :gutter="32">
<!-- 左栏 -->
@@ -43,41 +50,56 @@
</el-row>
</el-form>
<div class="query-footer">
<el-button class="gray-btn" @click="handleQuery">查询</el-button>
</div>
</el-card>
<!-- ==================== 3. 操作按钮区域 ==================== -->
<el-card shadow="never" class="action-card">
<div class="action-row">
<el-button type="primary" @click="handleOpenDialog">新建课程科目</el-button>
<el-button type="primary" @click="handleBatchDelete">删除所选</el-button>
<el-button type="primary" @click="handleDownloadCourse">下载课程科目基本信息</el-button>
<el-button type="primary" @click="handleDownloadTextbook">下载课程教材基本信息</el-button>
<div class="section-heading section-heading--compact">
<div>
<h2 class="section-title">课程科目操作</h2>
<p class="section-description">维护课程科目，或下载业务数据与导入模板</p>
</div>
</div>
<div class="action-row">
<el-button type="primary" @click="handleDownloadTemplate">【课程科目数据文件模板】下载</el-button>
<el-button type="primary" icon="el-icon-plus" @click="handleOpenDialog">新建课程科目</el-button>
<el-button type="danger" plain icon="el-icon-delete" @click="handleBatchDelete">删除所选</el-button>
<el-button icon="el-icon-download" @click="handleDownloadCourse">下载课程科目基本信息</el-button>
<el-button icon="el-icon-download" @click="handleDownloadTextbook">下载课程教材基本信息</el-button>
</div>
<div class="action-row">
<el-button icon="el-icon-download" @click="handleDownloadTemplate">【课程科目数据文件模板】下载</el-button>
</div>
</el-card>
<!-- ==================== 4. 文件上传区域 ==================== -->
<el-card shadow="never" class="upload-card">
<div class="section-heading section-heading--compact">
<div>
<h2 class="section-title">数据导入</h2>
<p class="section-description">选择填写完成的课程科目模板并上传</p>
</div>
</div>
<div class="upload-row">
<div class="upload-left">
<el-button @click="handleSelectFile">选择文件</el-button>
<el-button icon="el-icon-folder-opened" @click="handleSelectFile">选择文件</el-button>
<span class="file-name" :class="{ 'has-file': selectedFile }">{{ fileName }}</span>
<input ref="fileInputRef" type="file" style="display: none" @change="handleFileChange" />
</div>
<div class="upload-right">
<el-checkbox v-model="coverExist">覆盖已存在课程科目</el-checkbox>
<el-button type="primary" @click="handleUpload">上传数据</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="handleUpload">上传数据</el-button>
</div>
</div>
</el-card>
<!-- ==================== 6. 数据表格区域 ==================== -->
<el-card shadow="never" class="table-card">
<div class="section-heading section-heading--compact table-heading">
<div>
<h2 class="section-title">课程科目列表</h2>
<p class="section-description">共 {{ total }} 条数据</p>
</div>
</div>
<el-table v-loading="loading" :data="tableData" stripe border highlight-current-row
@selection-change="handleSelectionChange">
<el-table-column type="selection" width="40" align="center" />
@@ -622,13 +644,6 @@ export default {
text-align: left;
}
.query-footer {
display: flex;
justify-content: flex-end;
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid #ebeef5;
}
}
// ==================== 3. 操作按钮区域 ====================
@@ -726,20 +741,4 @@ export default {
gap: 12px;
}
.gray-btn {
height: 28px;
padding: 2px 16px;
font-size: 12px;
background: #f5f5f5;
border: 1px solid #c0c4cc;
color: #333;
border-radius: 2px;
&:hover,
&:focus {
background: #ebebeb;
border-color: #c0c4cc;
color: #333;
}
}
</style>
</style>
frontend/src/views/teachOffice/teacher/index.vue
+3 -3
View File
@@ -37,11 +37,11 @@
<div class="list-toolbar">
<div class="left-group">
<el-button type="primary" icon="el-icon-plus" @click="handleNew">新建</el-button>
<el-button type="primary" icon="el-icon-delete" @click="handleDeleteSelected">删除所选</el-button>
<el-button type="primary" icon="el-icon-upload" @click="handleImport">导入教员信息</el-button>
<el-button type="danger" plain icon="el-icon-delete" @click="handleDeleteSelected">删除所选</el-button>
<el-button icon="el-icon-upload" @click="handleImport">导入教员信息</el-button>
</div>
<div class="right-group">
<el-button type="primary" icon="el-icon-download" @click="handleDownloadTemplate">【教员数据文件模板】下载</el-button>
<el-button icon="el-icon-download" @click="handleDownloadTemplate">【教员数据文件模板】下载</el-button>
</div>
</div>
frontend/src/views/teachingLog/organLog/components/auditedView.vue
+37 -76
View File
@@ -5,40 +5,28 @@
<el-form :model="searchForm" label-width="110px" class="search-form">
<el-row :gutter="0">
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.ksrqEnabled">开始日期</el-checkbox>
</template>
<el-form-item label="开始日期">
<el-date-picker v-model="searchForm.ksrq" type="date" value-format="yyyy-MM-dd" placeholder="选择开始日期"
class="w-full" :disabled="!searchForm.ksrqEnabled" />
class="w-full" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.jsrqEnabled">结束日期</el-checkbox>
</template>
<el-form-item label="结束日期">
<el-date-picker v-model="searchForm.jsrq" type="date" value-format="yyyy-MM-dd" placeholder="选择结束日期"
class="w-full" :disabled="!searchForm.jsrqEnabled" />
class="w-full" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="0">
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.kcmcEnabled">课程名称</el-checkbox>
</template>
<el-input v-model="searchForm.kcmc" placeholder="请输入课程名称" clearable :disabled="!searchForm.kcmcEnabled" />
<el-form-item label="课程名称">
<el-input v-model="searchForm.kcmc" placeholder="请输入课程名称" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.jysEnabled">教研室</el-checkbox>
</template>
<el-select v-model="searchForm.jys" placeholder="请选择教研室" class="w-full" :disabled="!searchForm.jysEnabled">
<el-form-item label="教研室">
<el-select v-model="searchForm.jys" placeholder="请选择教研室" clearable class="w-full">
<el-option v-for="item in jysOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
@@ -47,21 +35,15 @@
<el-row :gutter="0">
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.jxffEnabled">教学方法</el-checkbox>
</template>
<el-select v-model="searchForm.jxff" placeholder="请选择教学方法" class="w-full" :disabled="!searchForm.jxffEnabled">
<el-form-item label="教学方法">
<el-select v-model="searchForm.jxff" placeholder="请选择教学方法" clearable class="w-full">
<el-option v-for="item in jxffOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.skjyEnabled">授课教员</el-checkbox>
</template>
<el-select v-model="searchForm.skjy" placeholder="请选择授课教员" class="w-full" :disabled="!searchForm.skjyEnabled">
<el-form-item label="授课教员">
<el-select v-model="searchForm.skjy" placeholder="请选择授课教员" clearable class="w-full">
<el-option v-for="item in skjyOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
@@ -70,15 +52,12 @@
<el-row :gutter="0">
<el-col :span="24">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.gdqkEnabled">改动情况</el-checkbox>
</template>
<div class="change-options" :class="{ disabled: !searchForm.gdqkEnabled }">
<el-radio-group v-model="searchForm.createSource" :disabled="!searchForm.gdqkEnabled">
<el-form-item label="改动情况">
<div class="change-options">
<el-radio-group v-model="searchForm.createSource">
<el-radio v-for="item in createSourceOptions" :key="item" :label="item">{{ item }}</el-radio>
</el-radio-group>
<el-checkbox-group v-model="searchForm.changeTypes" :disabled="!searchForm.gdqkEnabled">
<el-checkbox-group v-model="searchForm.changeTypes">
<el-checkbox v-for="item in changeTypeOptions" :key="item" :label="item">{{ item }}</el-checkbox>
</el-checkbox-group>
</div>
@@ -88,21 +67,15 @@
<el-row :gutter="0">
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.rwlbEnabled">任务类别</el-checkbox>
</template>
<el-select v-model="searchForm.rwlb" placeholder="请选择任务类别" class="w-full" :disabled="!searchForm.rwlbEnabled">
<el-form-item label="任务类别">
<el-select v-model="searchForm.rwlb" placeholder="请选择任务类别" clearable class="w-full">
<el-option v-for="item in rwlbOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.pxqbEnabled">培训期班</el-checkbox>
</template>
<el-input v-model="searchForm.pxqb" placeholder="请输入培训期班" clearable :disabled="!searchForm.pxqbEnabled" />
<el-form-item label="培训期班">
<el-input v-model="searchForm.pxqb" placeholder="请输入培训期班" clearable />
</el-form-item>
</el-col>
</el-row>
@@ -141,7 +114,7 @@
<el-table-column prop="zt" label="日志状态" width="100" align="center" />
<el-table-column prop="gdqk" label="变动汇总" min-width="120" show-overflow-tooltip />
<el-table-column prop="jxrzcjfs" label="创建方式" width="100" align="center" />
<el-table-column label="详细" width="80" align="center" fixed="right">
<el-table-column label="操作" width="80" align="center" fixed="right" class-name="table-action-column">
<template slot-scope="scope">
<el-button type="text" @click="handleDetail(scope.row)">详细</el-button>
</template>
@@ -203,24 +176,15 @@ export default {
// ==================== 查询表单 ====================
searchForm: {
ksrq: '',
ksrqEnabled: false,
jsrq: '',
jsrqEnabled: false,
kcmc: '',
kcmcEnabled: false,
jys: '',
jysEnabled: false,
jxff: '理论讲授',
jxffEnabled: false,
skjy: '教务处',
skjyEnabled: false,
gdqkEnabled: false,
jxff: '',
skjy: '',
createSource: '',
changeTypes: [],
rwlb: '全军院校训练规划内任务',
rwlbEnabled: false,
pxqb: '',
pxqbEnabled: false
rwlb: '',
pxqb: ''
},
jysOptions: ['教研室', '防空兵系', '通信工程系', '装甲兵系'],
@@ -261,20 +225,20 @@ export default {
this.selectedRows = rows
},
/** 根据"勾选启用"模式构建实际查询参数 */
/** 根据已填写的查询值构建实际查询参数 */
buildSearchParams() {
const form = this.searchForm
const params = { pageNum: this.pageNum, pageSize: this.pageSize }
if (form.ksrqEnabled && form.ksrq) params.ksrq = form.ksrq
if (form.jsrqEnabled && form.jsrq) params.jsrq = form.jsrq
if (form.kcmcEnabled && form.kcmc) params.kcmc = form.kcmc
if (form.jysEnabled && form.jys) params.jys = form.jys
if (form.jxffEnabled && form.jxff) params.jxff = form.jxff
if (form.skjyEnabled && form.skjy) params.skjy = form.skjy
if (form.rwlbEnabled && form.rwlb) params.rwlb = form.rwlb
if (form.pxqbEnabled && form.pxqb) params.pxqb = form.pxqb
if (form.gdqkEnabled && form.createSource) params.gdqk = form.createSource
if (form.gdqkEnabled && form.changeTypes.length > 0) {
if (form.ksrq) params.ksrq = form.ksrq
if (form.jsrq) params.jsrq = form.jsrq
if (form.kcmc) params.kcmc = form.kcmc
if (form.jys) params.jys = form.jys
if (form.jxff) params.jxff = form.jxff
if (form.skjy) params.skjy = form.skjy
if (form.rwlb) params.rwlb = form.rwlb
if (form.pxqb) params.pxqb = form.pxqb
if (form.createSource) params.gdqk = form.createSource
if (form.changeTypes.length > 0) {
params.gdxxqk = form.changeTypes.join(',')
}
return params
@@ -393,9 +357,6 @@ export default {
gap: 12px;
}
&.disabled {
opacity: 0.6;
}
}
}
@@ -424,4 +385,4 @@ export default {
padding: 16px 0 0;
}
}
</style>
</style>
frontend/src/views/teachingLog/organLog/components/logView.vue
+42 -85
View File
@@ -5,40 +5,28 @@
<el-form :model="searchForm" label-width="110px" class="search-form">
<el-row :gutter="0">
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.ksrqEnabled">开始日期</el-checkbox>
</template>
<el-form-item label="开始日期">
<el-date-picker v-model="searchForm.ksrq" type="date" value-format="yyyy-MM-dd" placeholder="选择开始日期"
class="w-full" :disabled="!searchForm.ksrqEnabled" />
class="w-full" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.jsrqEnabled">结束日期</el-checkbox>
</template>
<el-form-item label="结束日期">
<el-date-picker v-model="searchForm.jsrq" type="date" value-format="yyyy-MM-dd" placeholder="选择结束日期"
class="w-full" :disabled="!searchForm.jsrqEnabled" />
class="w-full" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="0">
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.kcmcEnabled">课程名称</el-checkbox>
</template>
<el-input v-model="searchForm.kcmc" placeholder="请输入课程名称" clearable :disabled="!searchForm.kcmcEnabled" />
<el-form-item label="课程名称">
<el-input v-model="searchForm.kcmc" placeholder="请输入课程名称" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.jysEnabled">教研室</el-checkbox>
</template>
<el-select v-model="searchForm.jys" placeholder="请选择教研室" class="w-full" :disabled="!searchForm.jysEnabled">
<el-form-item label="教研室">
<el-select v-model="searchForm.jys" placeholder="请选择教研室" clearable class="w-full">
<el-option v-for="item in jysOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
@@ -47,21 +35,15 @@
<el-row :gutter="0">
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.jxffEnabled">教学方法</el-checkbox>
</template>
<el-select v-model="searchForm.jxff" placeholder="请选择教学方法" class="w-full" :disabled="!searchForm.jxffEnabled">
<el-form-item label="教学方法">
<el-select v-model="searchForm.jxff" placeholder="请选择教学方法" clearable class="w-full">
<el-option v-for="item in jxffOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.rzztEnabled">日志状态</el-checkbox>
</template>
<el-select v-model="searchForm.rzzt" placeholder="请选择日志状态" class="w-full" :disabled="!searchForm.rzztEnabled">
<el-form-item label="日志状态">
<el-select v-model="searchForm.rzzt" placeholder="请选择日志状态" clearable class="w-full">
<el-option v-for="item in rzztOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
@@ -70,37 +52,28 @@
<el-row :gutter="0">
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.skjyEnabled">授课教员</el-checkbox>
</template>
<el-select v-model="searchForm.skjy" placeholder="请选择授课教员" class="w-full" :disabled="!searchForm.skjyEnabled">
<el-form-item label="授课教员">
<el-select v-model="searchForm.skjy" placeholder="请选择授课教员" clearable class="w-full">
<el-option v-for="item in skjyOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.pxqbEnabled">培训期班</el-checkbox>
</template>
<el-input v-model="searchForm.pxqb" placeholder="请输入培训期班" clearable :disabled="!searchForm.pxqbEnabled" />
<el-form-item label="培训期班">
<el-input v-model="searchForm.pxqb" placeholder="请输入培训期班" clearable />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="0">
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.changeTypeEnabled">改动情况</el-checkbox>
</template>
<div class="change-options" :class="{ disabled: !searchForm.changeTypeEnabled }">
<el-radio-group v-model="searchForm.changeType" :disabled="!searchForm.changeTypeEnabled">
<el-form-item label="改动情况">
<div class="change-options">
<el-radio-group v-model="searchForm.changeType">
<el-radio v-for="item in changeTypeOptions" :key="item.value" :label="item.value">{{ item.label
}}</el-radio>
</el-radio-group>
<el-checkbox-group v-model="searchForm.changeTypes" :disabled="!searchForm.changeTypeEnabled">
<el-checkbox-group v-model="searchForm.changeTypes">
<el-checkbox v-for="item in changeTypeList" :key="item.value" :label="item.value">{{ item.label
}}</el-checkbox>
</el-checkbox-group>
@@ -108,11 +81,8 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.rwlbEnabled">任务类别</el-checkbox>
</template>
<el-select v-model="searchForm.rwlb" placeholder="请选择任务类别" class="w-full" :disabled="!searchForm.rwlbEnabled">
<el-form-item label="任务类别">
<el-select v-model="searchForm.rwlb" placeholder="请选择任务类别" clearable class="w-full">
<el-option v-for="item in rwlbOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
@@ -165,7 +135,7 @@
<el-table-column prop="zt" label="日志状态" width="100" align="center" />
<el-table-column prop="gdqk" label="变动汇总" min-width="120" show-overflow-tooltip />
<el-table-column prop="jxrzcjfs" label="创建方式" width="100" align="center" />
<el-table-column label="详细" width="80" align="center" fixed="right">
<el-table-column label="操作" width="80" align="center" fixed="right" class-name="table-action-column">
<template slot-scope="scope">
<el-button type="text" @click="handleDetail(scope.row)">详细</el-button>
</template>
@@ -234,26 +204,16 @@ export default {
// ==================== 查询表单 ====================
searchForm: {
ksrq: '',
ksrqEnabled: false,
jsrq: '',
jsrqEnabled: false,
kcmc: '',
kcmcEnabled: false,
jys: '教研室',
jysEnabled: false,
jxff: '理论讲授',
jxffEnabled: false,
rzzt: '教务部门导入教员类',
rzztEnabled: false,
skjy: '教务处',
skjyEnabled: false,
jys: '',
jxff: '',
rzzt: '',
skjy: '',
pxqb: '',
pxqbEnabled: false,
changeType: '与教学计划一致',
changeTypeEnabled: false,
changeType: '',
changeTypes: [],
rwlb: '全军院校训练规划内任务',
rwlbEnabled: false
rwlb: ''
},
jysOptions: ['教研室', '防空兵系', '通信工程系', '装甲兵系'],
@@ -301,21 +261,21 @@ export default {
this.selectedRows = rows
},
/** 根据"勾选启用"模式构建实际查询参数 */
/** 根据已填写的查询值构建实际查询参数 */
buildSearchParams() {
const form = this.searchForm
const params = { pageNum: this.pageNum, pageSize: this.pageSize }
if (form.ksrqEnabled && form.ksrq) params.ksrq = form.ksrq
if (form.jsrqEnabled && form.jsrq) params.jsrq = form.jsrq
if (form.kcmcEnabled && form.kcmc) params.kcmc = form.kcmc
if (form.jysEnabled && form.jys) params.jys = form.jys
if (form.jxffEnabled && form.jxff) params.jxff = form.jxff
if (form.rzztEnabled && form.rzzt) params.rzzt = form.rzzt
if (form.skjyEnabled && form.skjy) params.skjy = form.skjy
if (form.pxqbEnabled && form.pxqb) params.pxqb = form.pxqb
if (form.rwlbEnabled && form.rwlb) params.rwlb = form.rwlb
if (form.changeTypeEnabled && form.changeType) params.gdqk = form.changeType
if (form.changeTypeEnabled && form.changeTypes.length > 0) {
if (form.ksrq) params.ksrq = form.ksrq
if (form.jsrq) params.jsrq = form.jsrq
if (form.kcmc) params.kcmc = form.kcmc
if (form.jys) params.jys = form.jys
if (form.jxff) params.jxff = form.jxff
if (form.rzzt) params.rzzt = form.rzzt
if (form.skjy) params.skjy = form.skjy
if (form.pxqb) params.pxqb = form.pxqb
if (form.rwlb) params.rwlb = form.rwlb
if (form.changeType) params.gdqk = form.changeType
if (form.changeTypes.length > 0) {
params.gdxxqk = form.changeTypes.join(',')
}
return params
@@ -544,9 +504,6 @@ export default {
gap: 12px;
}
&.disabled {
opacity: 0.6;
}
}
}
@@ -582,4 +539,4 @@ export default {
padding: 16px 0 0;
}
}
</style>
</style>
frontend/src/views/teachingLog/organLog/components/reportedView.vue
+42 -92
View File
@@ -5,42 +5,28 @@
<el-form :model="searchForm" label-width="110px" class="search-form">
<el-row :gutter="0">
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.startDateEnabled">开始日期</el-checkbox>
</template>
<el-form-item label="开始日期">
<el-date-picker v-model="searchForm.startDate" type="date" value-format="yyyy-MM-dd" placeholder="选择开始日期"
class="w-full" :disabled="!searchForm.startDateEnabled" />
class="w-full" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.endDateEnabled">结束日期</el-checkbox>
</template>
<el-form-item label="结束日期">
<el-date-picker v-model="searchForm.endDate" type="date" value-format="yyyy-MM-dd" placeholder="选择结束日期"
class="w-full" :disabled="!searchForm.endDateEnabled" />
class="w-full" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="0">
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.courseNameEnabled">课程名称</el-checkbox>
</template>
<el-input v-model="searchForm.courseName" placeholder="请输入课程名称" clearable
:disabled="!searchForm.courseNameEnabled" />
<el-form-item label="课程名称">
<el-input v-model="searchForm.courseName" placeholder="请输入课程名称" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.teachMethodEnabled">教学方法</el-checkbox>
</template>
<el-select v-model="searchForm.teachMethod" placeholder="请选择教学方法" class="w-full"
:disabled="!searchForm.teachMethodEnabled">
<el-form-item label="教学方法">
<el-select v-model="searchForm.teachMethod" placeholder="请选择教学方法" clearable class="w-full">
<el-option v-for="item in teachMethodOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
@@ -49,22 +35,15 @@
<el-row :gutter="0">
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.changeEnabled">改动情况</el-checkbox>
</template>
<el-select v-model="searchForm.change" placeholder="请选择改动情况" class="w-full" :disabled="!searchForm.changeEnabled">
<el-form-item label="改动情况">
<el-select v-model="searchForm.change" placeholder="请选择改动情况" clearable class="w-full">
<el-option v-for="item in changeOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.taskCategoryEnabled">任务类别</el-checkbox>
</template>
<el-select v-model="searchForm.taskCategory" placeholder="请选择任务类别" class="w-full"
:disabled="!searchForm.taskCategoryEnabled">
<el-form-item label="任务类别">
<el-select v-model="searchForm.taskCategory" placeholder="请选择任务类别" clearable class="w-full">
<el-option v-for="item in taskCategoryOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
@@ -73,22 +52,15 @@
<el-row :gutter="0">
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.deptEnabled">教研室</el-checkbox>
</template>
<el-select v-model="searchForm.dept" placeholder="请选择教研室" class="w-full" :disabled="!searchForm.deptEnabled">
<el-form-item label="教研室">
<el-select v-model="searchForm.dept" placeholder="请选择教研室" clearable class="w-full">
<el-option v-for="item in deptOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.teacherEnabled">授课教员</el-checkbox>
</template>
<el-select v-model="searchForm.teacher" placeholder="请选择授课教员" class="w-full"
:disabled="!searchForm.teacherEnabled">
<el-form-item label="授课教员">
<el-select v-model="searchForm.teacher" placeholder="请选择授课教员" clearable class="w-full">
<el-option v-for="item in teacherOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
@@ -97,12 +69,8 @@
<el-row :gutter="0">
<el-col :span="12">
<el-form-item>
<template slot="label">
<el-checkbox v-model="searchForm.classNameEnabled">培训班</el-checkbox>
</template>
<el-input v-model="searchForm.className" placeholder="请输入培训班" clearable
:disabled="!searchForm.classNameEnabled" />
<el-form-item label="培训班">
<el-input v-model="searchForm.className" placeholder="请输入培训班" clearable />
</el-form-item>
</el-col>
</el-row>
@@ -152,7 +120,7 @@
<el-table-column prop="zt" label="日志状态" width="100" align="center" />
<el-table-column prop="gdqk" label="变动汇总" min-width="120" show-overflow-tooltip />
<el-table-column prop="jxrzcjfs" label="创建方式" width="100" align="center" />
<el-table-column label="详细" width="80" align="center" fixed="right">
<el-table-column label="操作" width="80" align="center" fixed="right" class-name="table-action-column">
<template slot-scope="scope">
<el-button type="text" @click="handleDetail(scope.row)">详细</el-button>
</template>
@@ -220,23 +188,14 @@ export default {
// ==================== 查询表单 ====================
searchForm: {
startDate: '',
startDateEnabled: false,
endDate: '',
endDateEnabled: false,
courseName: '',
courseNameEnabled: false,
teachMethod: '理论讲授',
teachMethodEnabled: false,
change: '与教学计划一致',
changeEnabled: false,
taskCategory: '全军院校训练规划内任务',
taskCategoryEnabled: false,
dept: '教务处',
deptEnabled: false,
teacher: '教务处',
teacherEnabled: false,
className: '',
classNameEnabled: false
teachMethod: '',
change: '',
taskCategory: '',
dept: '',
teacher: '',
className: ''
},
teachMethodOptions: ['理论讲授', '实践教学', '研讨教学', '案例教学', '实操演练'],
@@ -282,19 +241,19 @@ export default {
this.selectedRows = rows
},
/** 根据"勾选启用"模式构建实际查询参数 */
/** 根据已填写的查询值构建实际查询参数 */
buildSearchParams() {
const form = this.searchForm
const params = { pageNum: this.pageNum, pageSize: this.pageSize }
if (form.startDateEnabled && form.startDate) params.ksrq = form.startDate
if (form.endDateEnabled && form.endDate) params.jsrq = form.endDate
if (form.courseNameEnabled && form.courseName) params.kcmc = form.courseName
if (form.teachMethodEnabled && form.teachMethod) params.jxff = form.teachMethod
if (form.changeEnabled && form.change) params.gdqk = form.change
if (form.taskCategoryEnabled && form.taskCategory) params.rwlb = form.taskCategory
if (form.deptEnabled && form.dept) params.jys = form.dept
if (form.teacherEnabled && form.teacher) params.skjy = form.teacher
if (form.classNameEnabled && form.className) params.pxqb = form.className
if (form.startDate) params.ksrq = form.startDate
if (form.endDate) params.jsrq = form.endDate
if (form.courseName) params.kcmc = form.courseName
if (form.teachMethod) params.jxff = form.teachMethod
if (form.change) params.gdqk = form.change
if (form.taskCategory) params.rwlb = form.taskCategory
if (form.dept) params.jys = form.dept
if (form.teacher) params.skjy = form.teacher
if (form.className) params.pxqb = form.className
return params
},
@@ -329,23 +288,14 @@ export default {
handleReset() {
this.searchForm = {
startDate: '',
startDateEnabled: false,
endDate: '',
endDateEnabled: false,
courseName: '',
courseNameEnabled: false,
teachMethod: '理论讲授',
teachMethodEnabled: false,
change: '与教学计划一致',
changeEnabled: false,
taskCategory: '全军院校训练规划内任务',
taskCategoryEnabled: false,
dept: '教务处',
deptEnabled: false,
teacher: '教务处',
teacherEnabled: false,
className: '',
classNameEnabled: false
teachMethod: '',
change: '',
taskCategory: '',
dept: '',
teacher: '',
className: ''
}
this.remark = ''
this.handleSearch()
@@ -558,4 +508,4 @@ export default {
padding: 16px 0 0;
}
}
</style>
</style>