style(voucher-manage): 调整操作列宽度优化布局
- 将表格中操作列宽度从120调整到160 - 进一步将另一操作列宽度从160调整至180 - 优化操作列的显示空间,提升界面可用性与美观度
This commit is contained in:
@@ -52,3 +52,19 @@ autocomplete 没有拉满 cell,placeholder 被内边距 / clear 图标挤压截
|
||||
不受本规则影响。
|
||||
其余残留 160px 均非搜索栏: project-apply.vue:2095(表单详情弹窗 label,故意留 6 汉字)、
|
||||
customer-archive.vue:4980(按钮 min-width)、cargo-type.vue:604(选择器拼错不生效,设 50px)。
|
||||
|
||||
## payment-application 表单 input 文字居左
|
||||
|
||||
- `src/views/payment/payment-application-form.vue`:追加 scoped 样式,使 `el-input-number` 的输入文字居左对齐(付款比例、申请付款金额等数字字段),与 bill-ledger-form 保持一致。
|
||||
|
||||
## 正式结算查看页去除内容行高
|
||||
|
||||
**问题**: `settlement/formal-settlement/form?mode=view` 中只读字段(如项目名称、合同名称)
|
||||
多行文本行高过大,Element Plus 默认 `.el-form-item__content` 的 `line-height` 导致显示松散。
|
||||
|
||||
**修复**: `src/views/settlement/components/formal-settlement-editor.vue` scoped 样式追加:
|
||||
```scss
|
||||
.formal-editor :deep(.el-form-item__content) {
|
||||
line-height: normal;
|
||||
}
|
||||
```
|
||||
|
||||
@@ -1323,6 +1323,9 @@ export default {
|
||||
.payment-form-page :deep(.el-form-item) {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.payment-form-page :deep(.el-input-number .el-input__inner) {
|
||||
text-align: left;
|
||||
}
|
||||
.payment-form-page :deep(.el-table) {
|
||||
--el-table-border-color: #eff1f7;
|
||||
}
|
||||
|
||||
@@ -1559,6 +1559,9 @@ export default {
|
||||
.formal-editor :deep(.el-form-item) {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.formal-editor :deep(.el-form-item__content) {
|
||||
line-height: normal;
|
||||
}
|
||||
.formal-editor :deep(.el-table) {
|
||||
--el-table-border-color: #eff1f7;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user