style(payment): 优化票据搜索条件交互和标签宽度统一

- 票据账册搜索改用 el-check-tag 实现快捷筛选,提升用户交互体验
- 查询按钮增加图标,重置按钮同样添加图标及文字说明
- 调整票据搜索表单标签宽度由160px统一为88px,优化界面一致性
- 全站多处搜索栏表单标签宽度由160px改为88px,涵盖多页面及组件
- 修复业务组件内el-autocomplete输入框宽度适配,避免placeholder被裁剪
- 业务页面货物名称表格列宽由150调整为240,改善显示效果
- 修正系统部门操作列宽度避免按钮竖排溢出问题
- 修改多个表单页和搜索板块样式,确保标签宽度和对齐一致
- 调整表单按钮等样式,提升整体页面美观性和操作友好度
This commit is contained in:
2026-08-26 11:59:49 +08:00
parent dc5a2235eb
commit 899a8c1c2b
29 changed files with 193 additions and 86 deletions
+6 -1
View File
@@ -48,6 +48,7 @@
<el-col :span="6">
<el-form-item label="本次使用" prop="usedAmount">
<el-input-number
class="used-amount-input"
v-model="form.usedAmount"
:disabled="readonly"
:min="0"
@@ -388,12 +389,16 @@ export default {
.bill-payment-form-page__remark :deep(.el-form-item__content) {
margin-left: 0 !important;
}
// 本次使用 input-number 默认文字居中,改为居左
.used-amount-input :deep(.el-input__inner) {
text-align: left;
}
.bill-payment-form-page__uploader {
margin-top: 12px;
}
.bill-payment-form-page__actions {
display: flex;
justify-content: flex-start;
justify-content: flex-end;
gap: 8px;
padding: 16px 0 8px;
}