style(payment): 调整账单分类表单及搜索组件样式

- 调整账单分类表单内数字输入框文本左对齐
- 优化账单搜索组件快捷筛选标签布局位置
- 修改搜索区域按钮及标签对齐方式,按钮居右显示
- 统一快捷筛选标签的代码位置,提升组件结构清晰度
This commit is contained in:
2026-08-26 14:36:31 +08:00
parent 808a52ae25
commit 35a43cce7a
2 changed files with 14 additions and 11 deletions
@@ -44,6 +44,16 @@
</el-form-item>
</div>
<div class="bill-ledger-search__actions">
<div class="bill-ledger-search__actions-tags">
<el-check-tag
v-for="item in shortcutOptions"
:key="item.value"
:checked="query.expiryShortcut === item.value"
@change="handleShortcutChange(item.value)"
>
{{ item.label }}
</el-check-tag>
</div>
<div class="bill-ledger-search__actions-buttons">
<el-button type="primary" :loading="loading" @click="$emit('search')">
<el-icon><Search /></el-icon>
@@ -60,16 +70,6 @@
</el-button>
</el-tooltip>
</div>
<div class="bill-ledger-search__actions-tags">
<el-check-tag
v-for="item in shortcutOptions"
:key="item.value"
:checked="query.expiryShortcut === item.value"
@change="handleShortcutChange(item.value)"
>
{{ item.label }}
</el-check-tag>
</div>
</div>
</el-form>
</section>
@@ -139,7 +139,7 @@ export default {
.bill-ledger-search__actions {
display: flex;
align-items: center;
justify-content: space-between;
justify-content: flex-end;
gap: 8px;
margin-bottom: 8px;
}