样式调整

This commit is contained in:
2026-08-23 21:43:03 +08:00
parent 71257bdce0
commit 43f1aab297
16 changed files with 115 additions and 222 deletions
+20
View File
@@ -95,6 +95,26 @@ a,
word-break: break-word;
}
/* ===== 全局表格内容居中:所有页面表头与数据单元格统一居中对齐 =====
覆盖 Element 表头(.el-table__cell th)与数据(.el-table__cell td)的默认左对齐,
含固定列(eltable__fixed)!important 用于覆盖列配置 align 时 Element 注入的
内联 text-align(如 align="left/right"),确保按需求强制全部居中。
选中列复选框(el-checkbox)不受影响。 */
.el-table th.el-table__cell > .cell,
.el-table td.el-table__cell > .cell {
text-align: center !important;
}
/* ===== 全局隐藏表格底部横向滚动条 =====
页面已实现横向拖拽滑动(el-table__body-wrapper.is-dragging),故隐藏
Element 的横向滚动条(.el-scrollbar__bar.is-horizontal),避免视觉重复。
!importantElement 的 ScrollbarBar 会通过内联 style="display:block"
控制该横条显隐,普通 display:none 无法覆盖内联样式,必须加 !important。
纵向滚动条(el-scrollbar__bar.is-vertical)不受影响。 */
.el-table .el-scrollbar__bar.is-horizontal {
display: none !important;
}
*,
*:before,
*:after {
+1 -5
View File
@@ -5,7 +5,7 @@
<el-tab-pane label="课程表信息列表" name="schedule">
<!-- 查询条件 -->
<el-card shadow="never" class="search-card">
<el-form :model="scheduleSearchForm" label-width="130px" class="search-form">
<el-form :model="scheduleSearchForm" label-width="160px" class="search-form">
<!-- 考核日期独立整行 -->
<el-row :gutter="0">
<el-col :span="24">
@@ -192,7 +192,6 @@
</el-col>
</el-row>
<div class="search-tip">注意勾选"选择框"表示启用该项对应的查询条件</div>
<div class="search-actions">
<el-button type="primary" @click="handleScheduleQuery">查询</el-button>
</div>
@@ -250,8 +249,6 @@
<!-- ==================== Tab2课程检索 ==================== -->
<el-tab-pane label="课程检索" name="search">
<div v-if="statusTip" class="status-tip">{{ statusTip }}</div>
<div class="big-title">2026年秋季学期-课程检索</div>
<div class="export-bar">
<el-button type="primary" @click="handleExport('另存Excel(成绩五级制)')">另存Excel(成绩五级制)</el-button>
<el-button type="primary" @click="handleExport('另存Excel(成绩四级制)')">另存Excel(成绩四级制)</el-button>
@@ -425,7 +422,6 @@
</el-col>
</el-row>
<div class="search-tip">注意勾选"选择框"表示启用该项对应的查询条件输入框非空表示启用查询条件</div>
<div class="search-actions">
<el-button type="primary" @click="handleCourseQuery">查询</el-button>
</div>
@@ -4,14 +4,14 @@
<!-- ==================== 1. 查询条件区域 ==================== -->
<el-card shadow="never" class="search-card">
<el-form :model="searchForm" label-width="80px" class="search-form">
<el-row :gutter="24">
<el-col :span="12">
<el-form :model="searchForm" label-width="40px" class="search-form">
<el-row :gutter="6">
<el-col :span="4">
<el-form-item label="名称">
<el-input v-model="searchForm.mc" placeholder="请输入名称" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="2">
<div class="search-actions">
<el-button type="primary" @click="handleQuery">查询</el-button>
</div>
+18 -3
View File
@@ -1,6 +1,5 @@
<template>
<div class="app-container plan-page">
<div class="list-title">方案管理</div>
<!-- ==================== Tab 切换 ==================== -->
<el-tabs v-model="activeTab" @tab-click="handleTabClick">
@@ -34,10 +33,10 @@
<el-table-column prop="mrksfbz" label="默认课时费标准" width="120" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.mrksfbz) }}</template>
</el-table-column>
<el-table-column prop="mrclksfbz" label="默认超量课时费标准" width="130" align="right">
<el-table-column prop="mrclksfbz" label="默认超量课时费标准" width="150" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.mrclksfbz) }}</template>
</el-table-column>
<el-table-column prop="xgjxbzksfbz" label="相关教学补助课时费标准" width="160" align="right">
<el-table-column prop="xgjxbzksfbz" label="相关教学补助课时费标准" width="180" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.xgjxbzksfbz) }}</template>
</el-table-column>
<el-table-column prop="jxyxbz" label="绩效优秀补助" width="110" align="right">
@@ -666,6 +665,22 @@ export default {
}
}
// 隐藏表格底部横向滚动条(自定义 bar 由全局样式隐藏,此处隐藏原生滚动条)
::v-deep .el-table ::-webkit-scrollbar {
display: none;
}
::v-deep .el-table {
scrollbar-width: none;
-ms-overflow-style: none;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
display: none;
}
::v-deep .el-table__body-wrapper {
scrollbar-width: none;
-ms-overflow-style: none;
}
// ==================== 3. 新增/修改表单 ====================
.add-form {
max-height: 62vh;
@@ -295,5 +295,21 @@ export default {
margin-top: 12px;
}
}
// 隐藏表格底部横向滚动条(自定义 bar 由全局样式隐藏,此处隐藏原生滚动条)
::v-deep .el-table ::-webkit-scrollbar {
display: none;
}
::v-deep .el-table {
scrollbar-width: none;
-ms-overflow-style: none;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
display: none;
}
::v-deep .el-table__body-wrapper {
scrollbar-width: none;
-ms-overflow-style: none;
}
}
</style>
@@ -69,12 +69,6 @@
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="form-tip">注意勾选"选择框"表示启用该项对应的查询条件</div>
</el-col>
</el-row>
<el-row>
<el-col :span="24" class="search-actions">
<el-button type="primary" @click="handleSearch">查询</el-button>
+29 -149
View File
@@ -6,67 +6,11 @@
<el-row :gutter="24">
<!-- 左栏 -->
<el-col :xs="24" :md="12">
<el-form-item label="年级">
<el-input v-model="searchForm.nj" placeholder="请输入年级" clearable />
</el-form-item>
<el-form-item label="专业">
<el-input v-model="searchForm.zy" placeholder="请输入专业" clearable />
</el-form-item>
<el-form-item>
<template slot="label"><el-checkbox v-model="searchForm.pxlxChecked">培训类型</el-checkbox></template>
<el-select v-model="searchForm.pxlx" class="w-full" :disabled="!searchForm.pxlxChecked">
<el-option v-for="item in pxlxOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
<el-form-item>
<template slot="label"><el-checkbox v-model="searchForm.pxccChecked">培训层次</el-checkbox></template>
<el-select v-model="searchForm.pxcc" class="w-full" :disabled="!searchForm.pxccChecked">
<el-option v-for="item in pxccOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
<el-form-item label="学号">
<el-input v-model="searchForm.xh" placeholder="请输入学号" clearable />
</el-form-item>
<el-form-item label="证件号码">
<el-input v-model="searchForm.zjhm" placeholder="请输入证件号码" clearable />
</el-form-item>
<el-form-item label="政治面貌">
<el-input v-model="searchForm.zzmm" placeholder="请输入政治面貌" clearable />
</el-form-item>
<el-form-item label="籍贯">
<el-input v-model="searchForm.jg" placeholder="请输入籍贯" clearable />
</el-form-item>
<el-form-item label="学位">
<el-input v-model="searchForm.xw" placeholder="请输入学位" clearable />
</el-form-item>
<el-form-item label="原部职别">
<el-input v-model="searchForm.ybzb" placeholder="请输入原部职别" clearable />
</el-form-item>
<el-form-item label="标签">
<el-input v-model="searchForm.bq" placeholder="请输入标签" clearable />
</el-form-item>
<el-form-item>
<template slot="label"><el-checkbox v-model="searchForm.xjydEnabled">学籍异动状态</el-checkbox></template>
<el-radio-group v-model="searchForm.xjyd" :disabled="!searchForm.xjydEnabled">
<el-radio :label="'无异动'">无异动</el-radio>
<el-radio :label="'异动'">异动</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item>
<template slot="label"><el-checkbox v-model="searchForm.ksqkEnabled">考试情况</el-checkbox></template>
<el-radio-group v-model="searchForm.ksqk" :disabled="!searchForm.ksqkEnabled">
<el-radio :label="'正常'">正常</el-radio>
<el-radio :label="'异动'">异动</el-radio>
<el-radio :label="'旷考'">旷考</el-radio>
<el-radio :label="'作弊'">作弊</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="不及格门数">
<div class="range-control">
<el-input v-model="searchForm.bjgmMin" placeholder="0" />
<span class="range-sep"></span>
<el-input v-model="searchForm.bjgmMax" placeholder="0" />
</div>
<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>
@@ -75,84 +19,49 @@
<el-radio :label="'女'"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item>
<template slot="label"><el-checkbox v-model="searchForm.zcztEnabled">注册状态</el-checkbox></template>
<el-radio-group v-model="searchForm.zczt" :disabled="!searchForm.zcztEnabled">
<el-radio :label="'已注册'">已注册</el-radio>
<el-radio :label="'未注册'">未注册</el-radio>
</el-radio-group>
<el-form-item label="证件号码">
<el-input v-model="searchForm.zjhm" placeholder="请输入证件号码" clearable />
</el-form-item>
<el-form-item label="政治面貌">
<el-input v-model="searchForm.zzmm" placeholder="请输入政治面貌" clearable />
</el-form-item>
<el-form-item label="民族">
<el-input v-model="searchForm.mz" placeholder="请输入民族" clearable />
</el-form-item>
<el-form-item label="籍贯">
<el-input v-model="searchForm.jg" placeholder="请输入籍贯" clearable />
</el-form-item>
<el-form-item label="学位">
<el-input v-model="searchForm.xw" placeholder="请输入学位" clearable />
</el-form-item>
</el-col>
<!-- 右栏 -->
<el-col :xs="24" :md="12">
<el-form-item label="别">
<el-input v-model="searchForm.db" placeholder="请输入别" clearable />
</el-form-item>
<el-form-item label="班次">
<el-input v-model="searchForm.bc" placeholder="请输入班次" clearable />
</el-form-item>
<el-form-item>
<template slot="label"><el-checkbox v-model="searchForm.pxlx2Checked">培训类型2</el-checkbox></template>
<el-select v-model="searchForm.pxlx2" class="w-full" :disabled="!searchForm.pxlx2Checked">
<el-option v-for="item in pxlx2Options" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
<el-form-item label="自定义分类">
<el-input v-model="searchForm.zdyfl" placeholder="请输入自定义分类" clearable />
</el-form-item>
<el-form-item label="姓名">
<el-input v-model="searchForm.xm" placeholder="请输入姓名" clearable />
<el-form-item label="原部职别">
<el-input v-model="searchForm.ybzb" placeholder="请输入原部职别" clearable />
</el-form-item>
<el-form-item label="身份证号">
<el-input v-model="searchForm.sfzh" placeholder="请输入身份证号" clearable />
</el-form-item>
<el-form-item label="民族">
<el-input v-model="searchForm.mz" placeholder="请输入民族" clearable />
</el-form-item>
<el-form-item label="文化程度">
<el-input v-model="searchForm.whcd" placeholder="请输入文化程度" clearable />
</el-form-item>
<el-form-item label="本科毕业院校">
<el-input v-model="searchForm.bkbyyx" placeholder="请输入本科毕业院校" clearable />
</el-form-item>
<el-form-item label="所属战区">
<el-input v-model="searchForm.sszq" placeholder="请输入所属战区" clearable />
<el-form-item label="标签">
<el-input v-model="searchForm.bq" placeholder="请输入标签" clearable />
</el-form-item>
<el-form-item label="奖惩情况">
<el-input v-model="searchForm.jcqk" placeholder="请输入奖惩情况" clearable />
<el-form-item label="联系电话">
<el-input v-model="searchForm.lxdh" placeholder="请输入联系电话" clearable />
</el-form-item>
<el-form-item>
<template slot="label"><el-checkbox v-model="searchForm.txEnabled">退学状态</el-checkbox></template>
<el-radio-group v-model="searchForm.tx" :disabled="!searchForm.txEnabled">
<el-radio :label="'未退学'">未退学</el-radio>
<el-radio :label="'退学'">退学</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="曾不及格门数">
<div class="range-control">
<el-input v-model="searchForm.lbjgmMin" placeholder="0" />
<span class="range-sep"></span>
<el-input v-model="searchForm.lbjgmMax" placeholder="0" />
</div>
</el-form-item>
<el-form-item label="补考不及格门数">
<div class="range-control">
<el-input v-model="searchForm.bkcljgmMin" placeholder="0" />
<span class="range-sep"></span>
<el-input v-model="searchForm.bkcljgmMax" placeholder="0" />
</div>
</el-form-item>
<el-form-item>
<template slot="label"><el-checkbox v-model="searchForm.gljgChecked">管理机构</el-checkbox></template>
<el-select v-model="searchForm.gljg" class="w-full" :disabled="!searchForm.gljgChecked">
<el-option v-for="item in gljgOptions" :key="item" :label="item" :value="item" />
</el-select>
<el-form-item label="通信地址">
<el-input v-model="searchForm.txdz" placeholder="请输入通信地址" clearable />
</el-form-item>
</el-col>
</el-row>
<div class="search-tip">注意勾选"选择框"表示启用该项对应的查询条件文本输入框非空白表示启用对应的查询条件</div>
<div class="search-actions">
<el-button class="gray-btn" @click="handleSearch">查询</el-button>
</div>
@@ -312,21 +221,11 @@ export default {
name: 'StudentInfoIndex',
data() {
return {
// ==================== 下拉选项(字典数据,接口就绪后可由后端字典加载) ====================
pxlxOptions: ['军官基础教育', '士兵职业教育', '研究生教育', '其他'],
pxccOptions: ['无', '本科', '硕士', '博士'],
pxlx2Options: ['其他', '军官基础教育', '任职培训', '研究生教育'],
gljgOptions: ['教务处', '教研室1', '教研室2'],
// ==================== 查询条件 ====================
// 仅保留后端 XYXX 实体支持的字段:/student-records/list 会按实体字段动态构建查询条件
searchForm: {
nj: '', zy: '', pxlxChecked: false, pxlx: '军官基础教育', pxccChecked: false, pxcc: '', xh: '', zjhm: '', zzmm: '',
jg: '', xw: '', ybzb: '', bq: '', xjydEnabled: false, xjyd: '无异动', ksqkEnabled: false, ksqk: '正常',
bjgmMin: '', bjgmMax: '', xbEnabled: false, xb: '男', zcztEnabled: false, zczt: '已注册',
db: '', bc: '', pxlx2Checked: false, pxlx2: '其他', zdyfl: '', xm: '', sfzh: '', mz: '', whcd: '',
bkbyyx: '', sszq: '', jcqk: '', txEnabled: false, tx: '未退学', lbjgmMin: '', lbjgmMax: '',
bkcljgmMin: '', bkcljgmMax: '', gljgChecked: false, gljg: '教务处',
xylb: ''
xh: '', xm: '', xbEnabled: false, xb: '', zjhm: '', zzmm: '', mz: '', jg: '', xw: '',
ybzb: '', sfzh: '', whcd: '', bkbyyx: '', bq: '', lxdh: '', txdz: ''
},
// ==================== 数据表格 ====================
@@ -406,33 +305,14 @@ export default {
})
},
/** 组装查询参数:文本非空才传,勾选启用的字段才传,门数范围二者其一非空才传 */
/** 组装查询参数:仅传后端 XYXX 实体支持的字符串字段,空值忽略 */
buildQueryParams(params) {
const textFields = ['xh', 'xm', 'sfzh', 'zjhm', 'zzmm', 'mz', 'jg', 'xw', 'ybzb', 'bq', 'whcd', 'bkbyyx', 'xylb', 'zdyfl', 'nj', 'zy', 'db', 'bc', 'sszq', 'jcqk']
const textFields = ['xh', 'xm', 'zjhm', 'zzmm', 'mz', 'jg', 'xw', 'ybzb', 'sfzh', 'whcd', 'bkbyyx', 'bq', 'lxdh', 'txdz']
textFields.forEach(key => {
const v = this.searchForm[key]
if (v !== '' && v !== null && v !== undefined) params[key] = v.trim()
})
if (this.searchForm.pxlxChecked) params.pxlx = this.searchForm.pxlx
if (this.searchForm.pxccChecked) params.pxcc = this.searchForm.pxcc
if (this.searchForm.pxlx2Checked) params.pxlx2 = this.searchForm.pxlx2
if (this.searchForm.xjydEnabled) params.xjyd = this.searchForm.xjyd
if (this.searchForm.ksqkEnabled) params.ksqk = this.searchForm.ksqk
if (this.searchForm.xbEnabled) params.xb = this.searchForm.xb
if (this.searchForm.zcztEnabled) params.zczt = this.searchForm.zczt
if (this.searchForm.txEnabled) params.txzt = this.searchForm.tx
if (this.searchForm.gljgChecked) params.gljg = this.searchForm.gljg
const ranges = [
['bjgmMin', 'bjgmMax'],
['lbjgmMin', 'lbjgmMax'],
['bkcljgmMin', 'bkcljgmMax']
]
ranges.forEach(([minKey, maxKey]) => {
if (this.searchForm[minKey] !== '' || this.searchForm[maxKey] !== '') {
params[minKey] = this.searchForm[minKey]
params[maxKey] = this.searchForm[maxKey]
}
})
},
// ==================== 查询/分页 ====================
@@ -2,7 +2,7 @@
<div class="app-container warning-result-page">
<!-- ==================== 1. 查询条件 ==================== -->
<el-card shadow="never" class="search-card">
<el-form ref="searchFormRef" :model="searchForm" label-width="90px" class="search-form">
<el-form ref="searchFormRef" :model="searchForm" label-width="110px" class="search-form">
<el-row :gutter="24">
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
<el-form-item label="年度">
@@ -41,7 +41,6 @@
</el-row>
<el-row>
<el-col :span="24" class="search-actions">
<div class="search-tip">注意"勾选框" 表示启用该项对应的查询条件</div>
<div class="search-buttons">
<el-button type="primary" @click="handleSearch">查询</el-button>
<el-button @click="handleReset">重置</el-button>
@@ -59,15 +58,17 @@
</div>
<el-table v-loading="loading" :data="tableData" stripe border highlight-current-row>
<el-table-column type="selection" width="55" align="center" />
<el-table-column prop="jxgljgbh" label="教学管理机构" width="120" show-overflow-tooltip />
<el-table-column prop="xh" label="序号" width="60" align="center" />
<el-table-column prop="zydm" label="专业代码" width="85" />
<el-table-column prop="zymc" label="专业名称" show-overflow-tooltip />
<el-table-column prop="zdyfl" label="分类" width="100" align="center" />
<el-table-column prop="xylb" label="学员类别" width="100" align="center" />
<el-table-column prop="xnz" label="学年制" width="90" align="center" />
<el-table-column prop="xqs" label="学期数" width="90" align="center" />
<el-table-column prop="zgzy" label="主干专业" width="100" align="center" />
<el-table-column label="序号" width="60" align="center">
<template slot-scope="scope">{{ fmtXh(scope.$index) }}</template>
</el-table-column>
<el-table-column prop="jxgljgbh" label="教学管理机构" width="200" show-overflow-tooltip />
<el-table-column prop="zydm" label="专业代码" width="200" />
<el-table-column prop="zymc" label="专业名称" width="200" show-overflow-tooltip />
<el-table-column prop="zdyfl" label="分类" width="150" align="center" />
<el-table-column prop="xylb" label="学员类别" width="150" align="center" />
<el-table-column prop="xnz" label="学年制" width="120" align="center" />
<el-table-column prop="xqs" label="学期数" width="120" align="center" />
<el-table-column prop="zgzy" label="主干专业" align="center" />
<el-table-column label="操作" width="230" align="center" fixed="right">
<template slot-scope="{ row }">
<el-button type="text" size="small" icon="el-icon-view" @click="handleDetail(row)">详情</el-button>
@@ -287,6 +288,11 @@ export default {
this.fetchList()
},
methods: {
/** 序号:按当前页数据索引生成跨页连续的序号 */
fmtXh(index) {
return (this.pageNum - 1) * this.pageSize + index + 1
},
createEmptyForm() {
return {
bsh: '',
@@ -2,7 +2,7 @@
<div class="app-container major-page">
<!-- ==================== 1. 查询条件 ==================== -->
<el-card shadow="never" class="search-card">
<el-form ref="searchFormRef" :model="searchForm" label-width="90px" class="search-form">
<el-form ref="searchFormRef" :model="searchForm" label-width="140px" class="search-form">
<el-row :gutter="24">
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
<el-form-item label="专业名称">
@@ -72,7 +72,9 @@
</div>
</div>
<el-table v-loading="loading" :data="tableData" stripe border highlight-current-row>
<el-table-column type="index" label="序号" width="60" align="center" />
<el-table-column label="序号" width="60" align="center">
<template slot-scope="scope">{{ fmtXh(scope.$index) }}</template>
</el-table-column>
<el-table-column prop="zydh" label="专业代号" width="120" show-overflow-tooltip />
<el-table-column prop="zymc" label="专业名称" min-width="140" show-overflow-tooltip />
<el-table-column prop="zyfx" label="专业方向" min-width="120" show-overflow-tooltip />
@@ -410,6 +412,11 @@ export default {
this.fetchList()
},
methods: {
/** 序号:按当前页数据索引生成跨页连续的序号 */
fmtXh(index) {
return (this.pageNum - 1) * this.pageSize + index + 1
},
/** 创建空表单 */
createEmptyForm() {
return {
-8
View File
@@ -81,14 +81,6 @@
</el-form-item>
</el-form>
<el-alert
class="query-tip"
title="注意:勾选'选择框'表示启用该项对应的查询条件"
type="info"
:closable="false"
show-icon
/>
<!-- 数据列表区域 -->
<div class="list-title">公告列表</div>
<el-table v-loading="loading" :data="noticeList" border :height="tableHeight">
@@ -44,7 +44,6 @@
</el-row>
</el-form>
<div class="notice">注意勾选"选择框"表示启用该项对应的查询条件文本输入框非空白表示启用对应的查询条件</div>
<div class="query-footer">
<el-button class="gray-btn" @click="handleQuery">查询</el-button>
</div>
@@ -99,15 +98,7 @@
<el-table-column prop="textbook" label="教材" min-width="120" show-overflow-tooltip />
<el-table-column prop="teacher" label="实施教员" width="90" align="center" />
<el-table-column prop="place" label="教学场地" width="100" show-overflow-tooltip />
<el-table-column label="显示可选队别班次" min-width="150" show-overflow-tooltip>
<template slot="header">
<div class="checkable-header">
<el-checkbox />
<span>显示可选队别班次</span>
</div>
</template>
<template slot-scope="{ row }">{{ row.teamClass }}</template>
</el-table-column>
<el-table-column prop="teamClass" label="显示可选队别班次" min-width="150" align="center" show-overflow-tooltip />
<el-table-column label="计划学时/运行学时/学分" width="130" align="center">
<template slot="header">
<div class="triple-header">
@@ -488,13 +479,6 @@ export default {
}
}
.checkable-header {
display: flex;
align-items: center;
gap: 4px;
white-space: nowrap;
}
.triple-header,
.triple-cell {
display: flex;
@@ -155,7 +155,6 @@
</el-row>
</el-form>
<div class="notice">注意勾选"选择框"表示启用该项对应的查询条件输入框非空表示启用查询条件</div>
<div class="query-footer">
<el-button class="gray-btn" @click="handleQuery">查询</el-button>
</div>
@@ -189,11 +188,6 @@
</div>
</el-card>
<!-- ==================== 5. 红色提示文字 ==================== -->
<div class="red-tip">
提示课程体系按"课程-专题-课题"构建的课程名称的命名格式为"课程名称\专题名称\课题名称""课程名称\课题名称"
</div>
<!-- ==================== 6. 数据表格区域 ==================== -->
<el-card shadow="never" class="table-card">
<el-table v-loading="loading" :data="tableData" stripe border highlight-current-row
@@ -792,14 +786,6 @@ export default {
}
}
// ==================== 5. 红色提示文字 ====================
.red-tip {
font-size: 14px;
color: #f56c6c;
margin-bottom: 16px;
line-height: 1.6;
}
// ==================== 6. 数据表格区域 ====================
.table-card {
.pagination-wrapper {
@@ -2,7 +2,6 @@
<div class="page-container">
<!-- 查询条件 -->
<el-card shadow="never" class="search-card">
<div class="search-tip">勾选"选择框"表示启用该项对应的查询条件</div>
<el-form :model="searchForm" label-width="110px" class="search-form">
<el-row :gutter="0">
<el-col :span="12">
@@ -2,7 +2,6 @@
<div class="page-container">
<!-- 查询条件 -->
<el-card shadow="never" class="search-card">
<div class="search-tip">勾选"选择框"表示启用该项对应的查询条件</div>
<el-form :model="searchForm" label-width="110px" class="search-form">
<el-row :gutter="0">
<el-col :span="12">
@@ -2,7 +2,6 @@
<div class="page-container">
<!-- 查询条件 -->
<el-card shadow="never" class="search-card">
<div class="search-tip">勾选"选择框"表示启用该项对应的查询条件</div>
<el-form :model="searchForm" label-width="110px" class="search-form">
<el-row :gutter="0">
<el-col :span="12">