feat: 添加原料库上传功能和相关组件

- 在 `raw-material` 组件中添加上传按钮和抽屉组件
- 新增 `add-raw-material-drawer` 组件及其样式文件
- 更新样式文件以支持新的上传界面
- 调整 Ant Select 和 Drawer 组件的样式
This commit is contained in:
rd
2025-09-16 17:03:06 +08:00
parent f1348469f3
commit c357e4a885
9 changed files with 407 additions and 24 deletions

View File

@ -36,7 +36,6 @@
border-color: $color-error !important;
}
}
.ant-select {
@ -103,20 +102,69 @@
}
}
&.ant-select-single {
.ant-select-selector {
height: 32px !important;
}
&.ant-select-lg {
.ant-select-selector {
height: 36px !important;
}
}
&.ant-select-sm {
.ant-select-selector {
height: 28px !important;
}
}
}
}
.ant-select.ant-select-single {
.ant-select-selector {
height: 32px !important;
}
&.ant-select-lg {
.ant-select-selector {
height: 36px !important;
.ant-select-dropdown {
padding: 4px 0;
.ant-select-item-option {
padding: 0 12px;
height: 36px;
align-items: center;
.ant-select-item-option-state {
display: none;
}
}
&.ant-select-sm {
.ant-select-selector {
height: 28px !important;
&:not(.ant-select-item-option-disabled) {
&:hover {
background-color: #F2F3F5 !important;
}
.ant-select-item-option-content {
color: #211F24;
font-family: $font-family-regular;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
&.ant-select-item-option-selected {
background-color: transparent !important;
color: #6D4CFE !important;
&:hover {
background-color: #F2F3F5 !important;
}
.ant-select-item-option-content {
color: #6D4CFE;
font-weight: 500;
font-family: $font-family-medium;
}
}
&.ant-select-item-option-active {
}
}
}
}