style(payment): 调整账单分类表单及搜索组件样式
- 调整账单分类表单内数字输入框文本左对齐 - 优化账单搜索组件快捷筛选标签布局位置 - 修改搜索区域按钮及标签对齐方式,按钮居右显示 - 统一快捷筛选标签的代码位置,提升组件结构清晰度
This commit is contained in:
@@ -580,6 +580,9 @@ export default {
|
|||||||
.bill-ledger-form-page__form :deep(.el-tree-select) {
|
.bill-ledger-form-page__form :deep(.el-tree-select) {
|
||||||
width: 100%;
|
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) {
|
.bill-ledger-form-page__remark :deep(.el-form-item__content) {
|
||||||
margin-left: 0 !important;
|
margin-left: 0 !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -44,6 +44,16 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
<div class="bill-ledger-search__actions">
|
<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">
|
<div class="bill-ledger-search__actions-buttons">
|
||||||
<el-button type="primary" :loading="loading" @click="$emit('search')">
|
<el-button type="primary" :loading="loading" @click="$emit('search')">
|
||||||
<el-icon><Search /></el-icon>
|
<el-icon><Search /></el-icon>
|
||||||
@@ -60,16 +70,6 @@
|
|||||||
</el-button>
|
</el-button>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
</section>
|
</section>
|
||||||
@@ -139,7 +139,7 @@ export default {
|
|||||||
.bill-ledger-search__actions {
|
.bill-ledger-search__actions {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: flex-end;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user