style(payment): 调整账单分类表单及搜索组件样式
- 调整账单分类表单内数字输入框文本左对齐 - 优化账单搜索组件快捷筛选标签布局位置 - 修改搜索区域按钮及标签对齐方式,按钮居右显示 - 统一快捷筛选标签的代码位置,提升组件结构清晰度
This commit is contained in:
@@ -580,6 +580,9 @@ export default {
|
||||
.bill-ledger-form-page__form :deep(.el-tree-select) {
|
||||
width: 100%;
|
||||
}
|
||||
.bill-ledger-form-page__form :deep(.el-input-number .el-input__inner) {
|
||||
text-align: left;
|
||||
}
|
||||
.bill-ledger-form-page__remark :deep(.el-form-item__content) {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user