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

@ -0,0 +1,20 @@
.ant-drawer {
.ant-drawer-header {
.ant-drawer-header-title {
justify-content: space-between;
.ant-drawer-close {
order: 2;
}
.ant-drawer-title {
color: #211f24;
font-family: $font-family-medium;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 26px;
}
}
}
}

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 {
}
}
}
}

View File

@ -2,4 +2,18 @@
.ant-input {
padding: 8px 12px 4px 12px;
}
&.ant-input-textarea-show-count {
&::after {
position: absolute;
right: 8px;
bottom: 4px;
font-family: $font-family-regular;
color: #939499;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
}
}

View File

@ -26,4 +26,5 @@
@import "./ant-tag.scss";
@import "./ant-switch.scss";
@import "./ant-step.scss";
@import "./ant-spin.scss";
@import "./ant-spin.scss";
@import "./ant-drawer.scss";