forked from liweijie/education
样式调整
This commit is contained in:
@@ -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]
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// ==================== 查询/分页 ====================
|
||||
|
||||
Reference in New Issue
Block a user