style(ui): 优化必填星号与多行label的对齐方式

- 修复客商档案中必填项红色星号 * 与首行文字未垂直居中的问题
- 全站统一必填星号 * 的垂直居中规则,兼容单行与多行 label
- 临时额度管理弹窗多行 label 调整星号与首字对齐,避免视觉偏移
- 调整客户档案中信用评分表和附件描述布局,使字段间距合理且内容可编辑
- /business/project-apply 搜索栏项目负责人改为手动输入,优化模糊查询体验
- 新增项目编号、客户名称、下游承运商三个搜索字段,增加查询灵活性
- 调整项目申请按钮权限顺序,新增及重大项目补录按钮功能互换
- 注释隐藏tags.vue中avue-tags相关菜单按钮,简化界面
- 修改vite开发服务器端口和代理配置,指向内网环境方便调试
- 更新 pnpm-lock.yaml 应用 avue 相关补丁,保证依赖兼容性
This commit is contained in:
2026-08-27 19:45:14 +08:00
parent e98aa61cd2
commit 36cc9c751c
10 changed files with 191 additions and 93 deletions
+25 -2
View File
@@ -806,10 +806,33 @@ export default {
}
</style>
<style>
<style lang="scss">
// 弹窗字段 label 允许多行(列宽不足时换行)
.temporary-credit-limit-dialog .el-form-item__label {
white-space: normal;
line-height: 1.2;
line-height: 18px;
}
// 多行 label 时,必填星号与第一行首字严格对齐(不被 form-item align-items:center 拉到中间)
.temporary-credit-limit-dialog {
.el-form-item {
align-items: flex-start; // 改:取消上下居中,星号不再被拉到 label 块中央
}
.el-form-item__label {
height: auto !important;
line-height: 18px;
padding-top: 7px; // 视觉补偿:让单行 label 仍接近 input 中线
}
// 强制必填星号垂直居中于行盒,与第一行汉字字符中心同基线(关键)
.el-form-item.is-required .el-form-item__label::before {
display: inline-block;
line-height: 18px;
height: 18px;
vertical-align: middle; // 关键:相对 baseline 上移,与汉字字符中心对齐
margin-right: 4px;
}
}
.temporary-credit-limit-dialog .business-crud-page__detail-content .el-descriptions__label {