refactor: 优化搜索输入框 input => input-search

This commit is contained in:
2024-11-23 21:27:29 +08:00
parent b030921189
commit 7402de5695
20 changed files with 30 additions and 36 deletions

View File

@@ -38,7 +38,7 @@
<slot name="suffix">
<a-button type="primary" @click="emit('search')">
<template #icon><icon-search /></template>
<template #default>{{ options.btns?.searchBtnText || '查询' }}</template>
<template #default>{{ options.btns?.searchBtnText || '搜索' }}</template>
</a-button>
<a-button @click="emit('reset')">
<template #icon><icon-refresh /></template>

View File

@@ -19,7 +19,7 @@
>
<template #top>
<a-space wrap :size="[8, 8]">
<a-input v-model="queryForm.description" placeholder="用户名/昵称/描述" allow-clear @change="search" />
<a-input-search v-model="queryForm.description" placeholder="搜索用户名/昵称/描述" allow-clear @search="search" />
<a-tree-select
v-model="queryForm.deptId"
:data="deptList"

View File

@@ -13,9 +13,7 @@
@refresh="search"
>
<template #toolbar-left>
<a-input v-model="queryForm.tableName" placeholder="请输入表名称" allow-clear @change="search">
<template #prefix><icon-search /></template>
</a-input>
<a-input-search v-model="queryForm.tableName" placeholder="搜索表名称" allow-clear @search="search" />
<a-button @click="reset">
<template #icon><icon-refresh /></template>
<template #default>重置</template>

View File

@@ -33,7 +33,15 @@
<template #title>
<a-space>
<img :src="item.logo" width="35px" height="25px" alt="logo" />
<a-typography-text bold>{{ item.alias }}</a-typography-text>
<a-typography-paragraph
:ellipsis="{
rows: 1,
showTooltip: true,
css: true,
}"
>
{{ item.alias }}
</a-typography-paragraph>
</a-space>
</template>
<template #description>

View File

@@ -11,10 +11,10 @@
@refresh="search"
>
<template #toolbar-left>
<a-input v-model="queryForm.createUserString" placeholder="请输入登录用户" allow-clear @change="search">
<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">
<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" />

View File

@@ -12,10 +12,10 @@
@refresh="search"
>
<template #toolbar-left>
<a-input v-model="queryForm.createUserString" placeholder="请输入操作人" allow-clear @change="search">
<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">
<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" />

View File

@@ -12,9 +12,7 @@
@refresh="search"
>
<template #toolbar-left>
<a-input v-model="queryForm.nickname" placeholder="请输入用户名/昵称" allow-clear @change="search">
<template #prefix><icon-search /></template>
</a-input>
<a-input-search v-model="queryForm.nickname" placeholder="搜索用户名/昵称" allow-clear @search="search" />
<DateRangePicker v-model="queryForm.loginTime" @change="search" />
<a-button @click="reset">
<template #icon><icon-refresh /></template>

View File

@@ -13,9 +13,7 @@
@refresh="search"
>
<template #toolbar-left>
<a-input v-model="queryForm.description" placeholder="请输入名称/描述" allow-clear @change="search">
<template #prefix><icon-search /></template>
</a-input>
<a-input-search v-model="queryForm.description" placeholder="搜索名称/描述" allow-clear @search="search" />
<a-button @click="reset">
<template #icon><icon-refresh /></template>
<template #default>重置</template>

View File

@@ -20,7 +20,7 @@
style="width: 200px"
@change="search"
/>
<a-input v-model="queryForm.jobName" placeholder="请输入任务名称" allow-clear @change="search" />
<a-input-search v-model="queryForm.jobName" placeholder="搜索任务名称" allow-clear @search="search" />
<a-select v-model="queryForm.jobStatus" placeholder="请选择任务状态" :options="job_status_enum" allow-clear style="width: 150px" @change="search" />
<a-button @click="reset">
<template #icon><icon-refresh /></template>

View File

@@ -19,7 +19,7 @@
style="width: 200px"
@change="search"
/>
<a-input v-model="queryForm.jobName" placeholder="请输入任务名称" allow-clear @change="search" />
<a-input-search v-model="queryForm.jobName" placeholder="搜索任务名称" allow-clear @search="search" />
<a-select
v-model="queryForm.taskBatchStatus"
placeholder="请选择状态"

View File

@@ -17,7 +17,7 @@
<IconRight v-else />
</template>
<template #toolbar-left>
<a-input v-model="name" placeholder="请输入名称" allow-clear>
<a-input v-model="name" placeholder="搜索名称" allow-clear>
<template #prefix><icon-search /></template>
</a-input>
<a-button @click="reset">

View File

@@ -22,9 +22,7 @@
@refresh="search"
>
<template #toolbar-left>
<a-input v-model="queryForm.description" placeholder="请输入标签/描述" allow-clear @change="search">
<template #prefix><icon-search /></template>
</a-input>
<a-input-search v-model="queryForm.description" placeholder="搜索标签/描述" allow-clear @search="search" />
<a-button @click="reset">
<template #icon><icon-refresh /></template>
<template #default>重置</template>

View File

@@ -1,7 +1,7 @@
<template>
<div class="container">
<div class="search">
<a-input v-model="searchKey" placeholder="请输入关键词" allow-clear>
<a-input v-model="searchKey" placeholder="搜索名称/编码" allow-clear>
<template #prefix><icon-search /></template>
</a-input>
<a-button v-permission="['system:dict:add']" type="primary" @click="onAdd">

View File

@@ -18,7 +18,7 @@
<a-input-group>
<a-input
v-model="queryForm.name" placeholder="请输入文件名" allow-clear style="width: 200px"
v-model="queryForm.name" placeholder="搜索文件名" allow-clear style="width: 200px"
@change="search"
/>
<a-button type="primary" @click="search">

View File

@@ -17,7 +17,7 @@
<IconRight v-else />
</template>
<template #toolbar-left>
<a-input v-model="title" placeholder="请输入菜单标题" allow-clear>
<a-input v-model="title" placeholder="搜索菜单标题" allow-clear>
<template #prefix><icon-search /></template>
</a-input>
<a-button @click="reset">

View File

@@ -13,9 +13,7 @@
@refresh="search"
>
<template #toolbar-left>
<a-input v-model="queryForm.title" placeholder="请输入标题" allow-clear @change="search">
<template #prefix><icon-search /></template>
</a-input>
<a-input-search v-model="queryForm.title" placeholder="搜索标题" allow-clear @search="search" />
<a-select
v-model="queryForm.type"
:options="notice_type"

View File

@@ -13,9 +13,7 @@
@refresh="search"
>
<template #toolbar-left>
<a-input v-model="queryForm.description" placeholder="请输入名称/编码/描述" allow-clear @change="search">
<template #prefix><icon-search /></template>
</a-input>
<a-input-search v-model="queryForm.description" placeholder="搜索名称/编码/描述" allow-clear @search="search" />
<a-button @click="reset">
<template #icon><icon-refresh /></template>
<template #default>重置</template>

View File

@@ -13,9 +13,7 @@
@refresh="search"
>
<template #toolbar-left>
<a-input v-model="queryForm.description" placeholder="请输入名称/编码/描述" allow-clear @change="search">
<template #prefix><icon-search /></template>
</a-input>
<a-input-search v-model="queryForm.description" placeholder="搜索名称/编码/描述" allow-clear @search="search" />
<a-select
v-model="queryForm.status"
:options="DisEnableStatusList"

View File

@@ -1,7 +1,7 @@
<template>
<div class="container">
<div class="search">
<a-input v-model="searchKey" placeholder="请输入部门名称" allow-clear>
<a-input v-model="searchKey" placeholder="搜索部门名称" allow-clear>
<template #prefix><icon-search /></template>
</a-input>
</div>

View File

@@ -127,7 +127,7 @@ const queryFormColumns: Columns = reactive([
hideLabel: true,
},
props: {
placeholder: '用户名/昵称/描述',
placeholder: '搜索用户名/昵称/描述',
},
},
{