|
@@ -9,34 +9,34 @@
|
|
|
autocomplete="off"
|
|
|
@finish="updateList"
|
|
|
>
|
|
|
- <a-form-item label="项目名称" name="title">
|
|
|
+ <a-form-item label="项目名称" name="projectName">
|
|
|
<a-input
|
|
|
- v-model:value="filterState.title"
|
|
|
+ v-model:value="filterState.projectName"
|
|
|
placeholder="请输入项目名称"
|
|
|
allow-clear
|
|
|
/>
|
|
|
</a-form-item>
|
|
|
- <a-form-item label="创建人" name="author">
|
|
|
+ <a-form-item label="创建人" name="projectCreater">
|
|
|
<a-input
|
|
|
- v-model:value="filterState.author"
|
|
|
+ v-model:value="filterState.projectCreater"
|
|
|
placeholder="请输入项目创建人"
|
|
|
allow-clear
|
|
|
/>
|
|
|
</a-form-item>
|
|
|
- <a-form-item label="选择日期" name="time">
|
|
|
+ <a-form-item label="选择日期" name="startTime">
|
|
|
<a-date-picker
|
|
|
- v-model:value="filterState.time"
|
|
|
+ v-model:value="filterState.startTime"
|
|
|
style="width: 100%"
|
|
|
placeholder="选择项目创建日期"
|
|
|
allow-clear
|
|
|
/>
|
|
|
</a-form-item>
|
|
|
- <a-form-item label="项目状态" name="state">
|
|
|
+ <a-form-item label="项目状态" name="projectStatus">
|
|
|
<a-select
|
|
|
ref="select"
|
|
|
- :value="filterState.state"
|
|
|
+ :value="filterState.projectStatus"
|
|
|
allow-clear
|
|
|
- @update:value="(val: any) => (filterState.state = val === undefined ? all : val)"
|
|
|
+ @update:value="(val: any) => (filterState.projectStatus = val === undefined ? all : val)"
|
|
|
>
|
|
|
<a-select-option
|
|
|
v-for="option in statusOptions"
|
|
@@ -98,17 +98,17 @@ const statusOptions = [
|
|
|
]
|
|
|
|
|
|
type FilterState = {
|
|
|
- title: string
|
|
|
- author: string
|
|
|
- time: string
|
|
|
- state: ProjectStatus | All
|
|
|
+ projectName: string
|
|
|
+ projectCreater: string
|
|
|
+ startTime: string
|
|
|
+ projectStatus: ProjectStatus | All
|
|
|
}
|
|
|
|
|
|
const filterState: FilterState = reactive({
|
|
|
- title: '',
|
|
|
- author: '',
|
|
|
- time: '',
|
|
|
- state: all
|
|
|
+ projectName: '',
|
|
|
+ projectCreater: '',
|
|
|
+ startTime: '',
|
|
|
+ projectStatus: all
|
|
|
})
|
|
|
|
|
|
const { list, pagination, updateList } = usePaging(fetchProjects, filterState, {
|