tt/vue3-element-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化搜索栏布局，统一四等分、左右对齐规范

Browse Source
This commit is contained in:
XFeng
2025-04-15 20:44:24 +08:00
parent 52790a6c10
commit 45348cca91
12 changed files with 335 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/views/system/notice/components/MyNotice.vue
View File

@@ -2,28 +2,37 @@
<div class="app-container">
<div class="search-bar">
<el-form ref="queryFormRef" :model="queryParams" :inline="true">
<el-form-item label="通知标题" prop="title">
<el-input
v-model="queryParams.title"
placeholder="关键字"
clearable
@keyup.enter="handleQuery()"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery()">
<template #icon>
<Search />
</template>
搜索
</el-button>
<el-button @click="handleResetQuery()">
<template #icon>
<Refresh />
</template>
重置
</el-button>
</el-form-item>
<el-row :gutter="22">
<el-col :span="24" :md="12" :lg="6">
<el-form-item label="通知标题" prop="title">
<el-input
v-model="queryParams.title"
placeholder="关键字"
clearable
@keyup.enter="handleQuery()"
/>
</el-form-item>
</el-col>
<div class="search-form-btn-box">
<div class="search-form-btn-box-item">
<el-form-item>
<el-button type="primary" @click="handleQuery()">
<template #icon>
<Search />
</template>
搜索
</el-button>
<el-button @click="handleResetQuery()">
<template #icon>
<Refresh />
</template>
重置
</el-button>
</el-form-item>
</div>
</div>
</el-row>
</el-form>
</div>