diff --git a/supply.html b/supply.html index f1b0a41..2d54f25 100644 --- a/supply.html +++ b/supply.html @@ -601,6 +601,86 @@ caret-color: #333; } + /* 日历图标样式 */ + .calendar-icon { + position: absolute; + right: 12px; + top: 50%; + transform: translateY(-50%); + font-size: 16px; + cursor: pointer; + color: #999; + } + + /* 日期时间选择器容器 */ + .datetime-picker { + position: absolute; + background-color: white; + border: 1px solid #d9d9d9; + border-radius: 8px; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); + padding: 16px; + z-index: 1000; + width: 300px; + } + + /* 日期时间选择器头部 */ + .datetime-picker-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 16px; + } + + /* 日期时间选择器按钮 */ + .datetime-picker-btn { + padding: 4px 12px; + border: 1px solid #d9d9d9; + border-radius: 4px; + background-color: white; + cursor: pointer; + font-size: 14px; + } + + .datetime-picker-btn:hover { + border-color: #1677ff; + color: #1677ff; + } + + /* 日期时间选择器内容 */ + .datetime-picker-content { + display: flex; + flex-direction: column; + gap: 12px; + } + + /* 日期时间选择器输入组 */ + .datetime-picker-group { + display: flex; + flex-direction: column; + gap: 4px; + } + + .datetime-picker-group label { + font-size: 12px; + color: #666; + } + + .datetime-picker-group input { + padding: 8px 12px; + border: 1px solid #d9d9d9; + border-radius: 4px; + font-size: 14px; + } + + /* 日期时间选择器底部 */ + .datetime-picker-footer { + display: flex; + justify-content: flex-end; + gap: 8px; + margin-top: 16px; + } + /* 图片上传 */ .upload-area { border: 2px dashed #d9d9d9; @@ -1709,7 +1789,10 @@
- +
+ + 📅 +
设置预创建时间后,系统将在指定时间自动创建货源
@@ -2331,6 +2414,79 @@