style: 统一部分搜索栏

This commit is contained in:
2025-04-15 22:07:01 +08:00
parent 1536fff3b4
commit d927d8f58a
6 changed files with 23 additions and 23 deletions

View File

@@ -11,12 +11,8 @@
@refresh="search" @refresh="search"
> >
<template #toolbar-left> <template #toolbar-left>
<a-input v-model="queryForm.createUserString" placeholder="搜索登录用户" allow-clear @change="search"> <a-input-search v-model="queryForm.createUserString" placeholder="搜索登录用户" allow-clear @search="search" />
<template #prefix><icon-search /></template> <a-input-search v-model="queryForm.ip" placeholder="搜索登录 IP 或地点" allow-clear @search="search" />
</a-input>
<a-input v-model="queryForm.ip" placeholder="搜索登录 IP 或地点" allow-clear @change="search">
<template #prefix><icon-search /></template>
</a-input>
<DateRangePicker v-model="queryForm.createTime" @change="search" /> <DateRangePicker v-model="queryForm.createTime" @change="search" />
<a-button @click="reset"> <a-button @click="reset">
<template #icon><icon-refresh /></template> <template #icon><icon-refresh /></template>

View File

@@ -12,12 +12,8 @@
@refresh="search" @refresh="search"
> >
<template #toolbar-left> <template #toolbar-left>
<a-input v-model="queryForm.createUserString" placeholder="搜索操作人" allow-clear @change="search"> <a-input-search v-model="queryForm.createUserString" placeholder="搜索操作人" allow-clear @search="search" />
<template #prefix><icon-search /></template> <a-input-search v-model="queryForm.ip" placeholder="搜索操作 IP 或地点" allow-clear @search="search" />
</a-input>
<a-input v-model="queryForm.ip" placeholder="搜索操作 IP 或地点" allow-clear @change="search">
<template #prefix><icon-search /></template>
</a-input>
<DateRangePicker v-model="queryForm.createTime" @change="search" /> <DateRangePicker v-model="queryForm.createTime" @change="search" />
<a-button @click="reset"> <a-button @click="reset">
<template #icon><icon-refresh /></template> <template #icon><icon-refresh /></template>

View File

@@ -17,14 +17,8 @@
</a-dropdown> </a-dropdown>
<a-input-group> <a-input-group>
<a-input <a-select v-model="queryType" placeholder="请选择" :options="queryTypeOption" :style="{ width: '100px' }" @change="reset" />
v-model="queryForm.absPath" placeholder="路径" allow-clear style="width: 300px" <a-input v-model="queryForm[queryType]" placeholder="请输入" allow-clear style="width: 200px" />
@change="search"
/>
<a-input
v-model="queryForm.name" placeholder="搜索文件名" allow-clear style="width: 200px"
@change="search"
/>
<a-button type="primary" @click="search"> <a-button type="primary" @click="search">
<template #icon> <template #icon>
<icon-search /> <icon-search />
@@ -112,12 +106,26 @@ const FileList = defineAsyncComponent(() => import('./FileList.vue'))
const route = useRoute() const route = useRoute()
const { mode, selectedFileIds, toggleMode, addSelectedFileItem } = useFileManage() const { mode, selectedFileIds, toggleMode, addSelectedFileItem } = useFileManage()
const queryTypeOption = [{
label: '文件名',
value: 'name',
}, {
label: '路径',
value: 'absPath',
}]
const queryType = ref<string>('name')
const queryForm = reactive<FileQuery>({ const queryForm = reactive<FileQuery>({
name: undefined, name: undefined,
absPath: undefined, absPath: undefined,
type: route.query.type?.toString() !== '0' ? route.query.type?.toString() : undefined, type: route.query.type?.toString() !== '0' ? route.query.type?.toString() : undefined,
sort: ['updateTime,desc'], sort: ['updateTime,desc'],
}) })
const reset = () => {
queryForm.name = undefined
queryForm.absPath = undefined
}
const paginationOption = reactive({ const paginationOption = reactive({
defaultPageSize: 30, defaultPageSize: 30,
defaultSizeOptions: [30, 40, 50, 100, 120], defaultSizeOptions: [30, 40, 50, 100, 120],

View File

@@ -122,7 +122,7 @@ const queryFormColumns: ColumnItem[] = reactive([
span: { xs: 24, sm: 6, xxl: 8 }, span: { xs: 24, sm: 6, xxl: 8 },
props: { props: {
options: DisEnableStatusList, options: DisEnableStatusList,
placeholder: '全部状态', placeholder: '请选择状态',
}, },
}, },
{ {

View File

@@ -17,7 +17,7 @@
<a-input-search v-model="queryForm.title" placeholder="搜索标题" allow-clear @search="search" /> <a-input-search v-model="queryForm.title" placeholder="搜索标题" allow-clear @search="search" />
<a-select <a-select
v-model="queryForm.isRead" v-model="queryForm.isRead"
placeholder="全部状态" placeholder="请选择状态"
allow-clear allow-clear
style="width: 150px" style="width: 150px"
@change="search" @change="search"

View File

@@ -14,7 +14,7 @@
<a-select <a-select
v-model="queryForm.type" v-model="queryForm.type"
:options="notice_type" :options="notice_type"
placeholder="全部类型" placeholder="请选择类型"
allow-clear allow-clear
style="width: 150px" style="width: 150px"
@change="search" @change="search"