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"
/>
</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-select
v-model="queryParams.type"
@@ -127,7 +139,15 @@
<span>{{ row.category || '-' }}</span>
</template>
</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">
<template #default="{ row }">
<el-tag v-if="row.type === 1" type="success" size="small">单人</el-tag>
@@ -498,6 +518,7 @@ const queryParams = reactive({
competitionId: '',
projectName: '',
category: '',
eventType: '',
type: ''
})
@@ -596,6 +617,7 @@ const fetchData = async () => {
competitionId: queryParams.competitionId || undefined,
projectName: queryParams.projectName || undefined,
category: queryParams.category || undefined,
eventType: queryParams.eventType || undefined,
type: queryParams.type || undefined
}
const res = await getProjectList(
@@ -629,6 +651,7 @@ const handleReset = () => {
competitionId: '',
projectName: '',
category: '',
eventType: '',
type: ''
})
fetchData()