feat: 添加项目类型筛选和显示功能
- 添加项目类型下拉筛选框(套路/散打/器械/对练) - 在表格中添加项目类型列 - 支持项目类型查询参数
This commit is contained in:
@@ -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()
|
||||
|
||||
Reference in New Issue
Block a user