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 21:43:03 +08:00
parent 71257bdce0
commit 43f1aab297
16 changed files with 115 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/student/studentInfo/index.vue
+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]
}
})
},
// ==================== 查询/分页 ====================