style(payment): 优化票据搜索条件交互和标签宽度统一
- 票据账册搜索改用 el-check-tag 实现快捷筛选,提升用户交互体验 - 查询按钮增加图标,重置按钮同样添加图标及文字说明 - 调整票据搜索表单标签宽度由160px统一为88px,优化界面一致性 - 全站多处搜索栏表单标签宽度由160px改为88px,涵盖多页面及组件 - 修复业务组件内el-autocomplete输入框宽度适配,避免placeholder被裁剪 - 业务页面货物名称表格列宽由150调整为240,改善显示效果 - 修正系统部门操作列宽度避免按钮竖排溢出问题 - 修改多个表单页和搜索板块样式,确保标签宽度和对齐一致 - 调整表单按钮等样式,提升整体页面美观性和操作友好度
This commit is contained in:
@@ -660,13 +660,18 @@
|
||||
// 全站统一:el-table 表格列内嵌控件默认拉满 cell(不撞表头)
|
||||
// 适用场景:可编辑表、弹窗内表格(如 pre-settlement-editor 结算明细调整、transport-reconciliation/formal-settlement/settlement-adjustment editor 等)。
|
||||
// 排除 .el-form-item__content 上下文,与表单内 250px 规则互不冲突。
|
||||
// 注意:el-autocomplete 根节点是 .el-autocomplete 包装层,内部才是 .el-input,
|
||||
// 直接选 .el-input 会被包装层阻断导致 input 收缩、placeholder 被截断。
|
||||
.el-table .el-table__body td.el-table__cell .cell > .el-input-number,
|
||||
.el-table .el-table__body td.el-table__cell .cell > .el-input,
|
||||
.el-table .el-table__body td.el-table__cell .cell > .el-select,
|
||||
.el-table .el-table__body td.el-table__cell .cell > .el-date-editor,
|
||||
.el-table .el-table__body td.el-table__cell .cell > .el-cascader,
|
||||
.el-table .el-table__body td.el-table__cell .cell > .el-autocomplete,
|
||||
.el-table .el-table__body td.el-table__cell .cell > .el-autocomplete > .el-input,
|
||||
.el-table .el-table__body td.el-table__cell .cell > .el-input-number .el-input__wrapper,
|
||||
.el-table .el-table__body td.el-table__cell .cell > .el-select .el-select__wrapper,
|
||||
.el-table .el-table__body td.el-table__cell .cell > .el-autocomplete .el-input__wrapper,
|
||||
.el-table .el-table__body td.el-table__cell .cell > .el-date-editor.el-input,
|
||||
.el-table .el-table__body td.el-table__cell .cell > .el-date-editor.el-input .el-input__wrapper {
|
||||
width: 100%;
|
||||
|
||||
Reference in New Issue
Block a user