feat: 添加项目类型筛选和显示功能

- 添加项目类型下拉筛选框(套路/散打/器械/对练)
- 在表格中添加项目类型列
- 支持项目类型查询参数
This commit is contained in:
DevOps
2025-12-28 19:03:48 +08:00
parent 6267d87b18
commit a98b18275f

View File

@@ -35,7 +35,19 @@
style="width: 150px" style="width: 150px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="项目类型">
<el-select
v-model="queryParams.eventType"
placeholder="请选择项目类型"
clearable
style="width: 150px"
>
<el-option label="套路" :value="1" />
<el-option label="散打" :value="2" />
<el-option label="器械" :value="3" />
<el-option label="对练" :value="4" />
</el-select>
</el-form-item>
<el-form-item label="参赛类型"> <el-form-item label="参赛类型">
<el-select <el-select
v-model="queryParams.type" v-model="queryParams.type"
@@ -127,7 +139,15 @@
<span>{{ row.category || '-' }}</span> <span>{{ row.category || '-' }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="eventType" label="项目类型" width="100" align="center">
<template #default="{ row }">
<el-tag v-if="row.eventType === 1" type="primary" size="small">套路</el-tag>
<el-tag v-else-if="row.eventType === 2" type="danger" size="small">散打</el-tag>
<el-tag v-else-if="row.eventType === 3" type="success" size="small">器械</el-tag>
<el-tag v-else-if="row.eventType === 4" type="warning" size="small">对练</el-tag>
<span v-else>-</span>
</template>
</el-table-column>
<el-table-column prop="type" label="参赛类型" width="100" align="center"> <el-table-column prop="type" label="参赛类型" width="100" align="center">
<template #default="{ row }"> <template #default="{ row }">
<el-tag v-if="row.type === 1" type="success" size="small">单人</el-tag> <el-tag v-if="row.type === 1" type="success" size="small">单人</el-tag>
@@ -498,6 +518,7 @@ const queryParams = reactive({
competitionId: '', competitionId: '',
projectName: '', projectName: '',
category: '', category: '',
eventType: '',
type: '' type: ''
}) })
@@ -596,6 +617,7 @@ const fetchData = async () => {
competitionId: queryParams.competitionId || undefined, competitionId: queryParams.competitionId || undefined,
projectName: queryParams.projectName || undefined, projectName: queryParams.projectName || undefined,
category: queryParams.category || undefined, category: queryParams.category || undefined,
eventType: queryParams.eventType || undefined,
type: queryParams.type || undefined type: queryParams.type || undefined
} }
const res = await getProjectList( const res = await getProjectList(
@@ -629,6 +651,7 @@ const handleReset = () => {
competitionId: '', competitionId: '',
projectName: '', projectName: '',
category: '', category: '',
eventType: '',
type: '' type: ''
}) })
fetchData() fetchData()