diff --git a/other-module/canteen-device/clean-veg-packaging-labeler/index.html b/other-module/canteen-device/clean-veg-packaging-labeler/index.html index 04f9742..246f9ef 100644 --- a/other-module/canteen-device/clean-veg-packaging-labeler/index.html +++ b/other-module/canteen-device/clean-veg-packaging-labeler/index.html @@ -98,6 +98,15 @@
+ + + + + + diff --git a/other-module/canteen-device/raw-veg-processing-scale/01-washing-tasks.html b/other-module/canteen-device/raw-veg-processing-scale/01-washing-tasks.html index e627d13..647d1ce 100644 --- a/other-module/canteen-device/raw-veg-processing-scale/01-washing-tasks.html +++ b/other-module/canteen-device/raw-veg-processing-scale/01-washing-tasks.html @@ -198,7 +198,10 @@ 100% { border-color: rgba(255,255,255,0.06); box-shadow: none; background: #1a2b4a; } } - /* 新增任务按钮 */ + /* 补录按钮 */ + .bulu-btn-wrap { + display: flex; justify-content: flex-end; padding-top: 8px; flex-shrink: 0; + } .add-task-btn { padding: 8px 18px; border-radius: 8px; cursor: pointer; background: #4a90d9; color: #fff; font-size: 13px; font-weight: 600; @@ -224,7 +227,7 @@ .dialog-overlay.show { display: flex; } .dialog-panel { background: #0e1326; border-radius: 14px; border: 1px solid rgba(255,255,255,0.08); - padding: 0; width: 900px; height: 560px; display: flex; flex-direction: column; gap: 0; + padding: 0; width: 960px; height: 580px; display: flex; flex-direction: column; gap: 0; box-shadow: 0 20px 48px rgba(0,0,0,0.5); overflow: hidden; } /* 弹窗顶栏 — 与 top-bar 一致 */ @@ -235,31 +238,29 @@ .dialog-panel__title { flex: 1; font-size: 15px; font-weight: 600; color: rgba(255,255,255,0.85); } - /* 弹窗主内容 — 仿 02 页 main-content 左右分栏 */ + /* 弹窗主内容 — 单列纵向布局 */ .dialog-body { - flex: 1; padding: 14px 20px; display: flex; gap: 16px; overflow: hidden; + flex: 1; padding: 14px 20px; display: flex; flex-direction: column; gap: 12px; overflow: hidden; } - /* ===== 左侧:任务号选择 ===== */ - .dialog-left { - flex: 0 0 300px; display: flex; flex-direction: column; gap: 8px; overflow: hidden; - } + /* ===== 任务号区域(正常模式:选择列表 / 补录模式:只读信息卡) ===== */ .dialog-section__label { - font-size: 11px; color: rgba(255,255,255,0.4); font-weight: 500; + font-size: 11px; color: rgba(255,255,255,0.4); font-weight: 500; margin-bottom: 2px; } - .dialog-task-list { - flex: 1; display: flex; flex-direction: column; gap: 6px; overflow-y: auto; + .dialog-task-area { + flex-shrink: 0; max-height: 130px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.1) transparent; } - .dialog-task-list::-webkit-scrollbar { width: 4px; } - .dialog-task-list::-webkit-scrollbar-track { background: transparent; } - .dialog-task-list::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 2px; } + .dialog-task-area::-webkit-scrollbar { width: 4px; } + .dialog-task-area::-webkit-scrollbar-track { background: transparent; } + .dialog-task-area::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 2px; } .task-option { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 8px; cursor: pointer; background: rgba(74,144,217,0.04); border: 1px solid rgba(74,144,217,0.08); - transition: all 0.2s; flex-shrink: 0; + transition: all 0.2s; flex-shrink: 0; margin-bottom: 6px; } + .task-option:last-child { margin-bottom: 0; } .task-option:hover { border-color: rgba(74,144,217,0.25); background: rgba(74,144,217,0.08); } @@ -285,44 +286,52 @@ font-size: 11px; color: rgba(255,255,255,0.35); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } - /* ===== 右侧:食材表格(仿 batch-panel) ===== */ - .dialog-right { - flex: 1; display: flex; flex-direction: column; gap: 10px; overflow: hidden; + /* 补录模式:任务号只读信息卡 */ + .task-info-card { + padding: 10px 14px; border-radius: 8px; + background: rgba(74,144,217,0.06); border: 1px solid rgba(74,144,217,0.12); + display: flex; align-items: center; gap: 12px; } - /* 汇总 — 仿 batch-summary */ + .task-info-card__no { + font-size: 14px; font-weight: 600; color: #fff; + font-family: "Courier New", monospace; + } + .task-info-card__desc { + font-size: 12px; color: rgba(255,255,255,0.4); flex: 1; + } + + /* ===== 汇总统计 — 仿 batch-summary ===== */ .dialog-summary { - background: #1a2b4a; border-radius: 12px; padding: 10px 16px; + background: #1a2b4a; border-radius: 10px; padding: 10px 16px; display: flex; gap: 16px; flex-shrink: 0; } .dialog-stat { flex: 1; text-align: center; } .dialog-stat__value { font-size: 20px; font-weight: 700; color: #fff; } .dialog-stat__label { font-size: 11px; color: rgba(255,255,255,0.5); } - /* 表格区 — 仿 batch-list-section */ + /* ===== 食材表格区 ===== */ .ingredient-table-section { - flex: 1; background: #1a2b4a; border-radius: 12px; + flex: 1; background: #1a2b4a; border-radius: 10px; padding: 12px 16px; display: flex; flex-direction: column; overflow: hidden; } - .ingredient-table-section.hide { - display: none; - } + .ingredient-table-section.hide { display: none; } .ingredient-table-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; flex-shrink: 0; } .ingredient-table-title { font-size: 14px; font-weight: 600; color: rgba(255,255,255,0.8); } - .ingredient-table-count { font-size: 12px; color: rgba(255,255,255,0.4); } - /* 表头列 — 仿 batch-list__columns */ + /* 表头列 */ .ingredient-table-cols { - display: flex; align-items: center; padding: 0 12px 6px; + display: flex; align-items: center; padding: 0 12px 6px; gap: 10px; border-bottom: 1px solid rgba(255,255,255,0.08); flex-shrink: 0; } .ing-col { font-size: 11px; color: rgba(255,255,255,0.4); white-space: nowrap; } .ing-col--name { flex: 1; } - .ing-col--actual { width: 72px; text-align: right; } - .ing-col--status { width: 64px; text-align: center; } + .ing-col--taken { width: 80px; text-align: right; } + .ing-col--record { width: 80px; text-align: right; } + .ing-col--status { width: 56px; text-align: center; } .ingredient-table-list { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; @@ -332,7 +341,7 @@ .ingredient-table-list::-webkit-scrollbar-track { background: transparent; } .ingredient-table-list::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 2px; } - /* 食材行 — 仿 batch-item */ + /* 食材行 */ .ing-row { display: flex; align-items: center; gap: 10px; padding: 9px 12px; background: rgba(0,0,0,0.15); border-radius: 8px; @@ -362,14 +371,27 @@ .ing-row__icon.icon--carrot { background: rgba(250,140,22,0.15); } .ing-row__icon.icon--cucumber { background: rgba(20,184,166,0.15); } .ing-row__name { flex: 1; font-size: 13px; font-weight: 500; color: #fff; } - .ing-row__actual { - font-size: 13px; color: rgba(255,255,255,0.25); width: 72px; text-align: right; + .ing-row__taken { + font-size: 13px; color: rgba(255,255,255,0.5); width: 80px; text-align: right; + } + .ing-row__record { + font-size: 13px; color: #52c41a; width: 80px; text-align: right; font-weight: 500; + } + .ing-row__record--empty { + color: rgba(255,255,255,0.25); font-weight: 400; } .ing-row__status { - font-size: 11px; font-weight: 500; width: 64px; text-align: center; + font-size: 11px; font-weight: 500; width: 56px; text-align: center; } .ing-row__status--pending { color: rgba(255,255,255,0.3); } - .ing-row__status--checked { color: #52c41a; } + .ing-row__status--done { color: #52c41a; } + + /* 占位提示 */ + .ingredient-placeholder { + flex: 1; background: #1a2b4a; border-radius: 10px; + display: flex; flex-direction: column; align-items: center; justify-content: center; + } + .ingredient-placeholder.hide { display: none; } /* 弹窗底部 — 仿 submit-bar */ .dialog-panel__footer { @@ -427,7 +449,6 @@ 1 - @@ -507,6 +528,7 @@ RW-20260613-003 ✓ 已完成 +