feat(UI组件): 重构产品与原材料选择组件样式和交互

优化产品选择(ProductSelect)和原材料选择(RawMaterialSelect)组件的UI样式和交互逻辑:
1. 将触发按钮改为输入框样式,提升视觉一致性
2. 简化卡片布局,移除冗余的选择按钮
3. 优化选中状态显示,增加规格和材质信息
4. 调整表单样式,减小字体大小和间距
5. 更新空状态提示文案为"暂无发货记录"和"暂无入库记录"
6. 在package.json中添加volta配置指定node版本
This commit is contained in:
砂糖
2025-11-20 11:27:47 +08:00
parent 90f88bc36c
commit f2b754126c
7 changed files with 101 additions and 245 deletions

View File

@@ -590,14 +590,15 @@ body {
// ---------------------- 3.3 表单/输入(金属内阴影 + 统一高度)----------------------
// 表单项布局
.el-form-item {
margin-bottom: $--form-item-margin !important;
font-size: 13px;
margin-bottom: 0 !important;
margin-right: 4px;
font-size: 12px;
// 标签样式
.el-form-item__label {
color: $--color-text-secondary;
padding-right: $--spacing-base;
font-size: 13px;
font-size: 12px;
}
// 搜索表单 inline 布局
@@ -606,6 +607,14 @@ body {
margin-right: $--spacing-base;
vertical-align: middle;
}
.el-form-item__error {
font-size: 12px;
top: 50%;
transform: translateY(-50%);
right: 6px;
left: auto;
}
}
// 输入框(统一高度 + 金属内阴影)