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

View File

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

View File

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

View File

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

View File

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

View File

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