+
+ )
+ } else if (panel.mode === 'view-finish' && selectedFinish) {
+ const f = selectedFinish
+ rightContent = (
+
+
+ 从左侧选择一项查看详情
+或点击「新建」添加
+
+ 
setPreviewUrl(f.thumbnailUrl)}
+ />
+ ) : (
+
+ )
+ } else if (panel.mode === 'create-finish' || panel.mode === 'edit-finish') {
+ const isCreate = panel.mode === 'create-finish'
+ rightContent = (
+
+
+ {/* Thumbnail preview */}
+ {f.thumbnailUrl ? (
+ 花色详情
+
+
+
+
+
+ 无贴图
+
+ )}
+ {/* Detail fields */}
+
+
+
+
+
+
+ 编码
+{f.code}
+
+
+ 名称
+{f.name}
+
+
+ 分类
+{f.categoryName ?? '-'}
+
+
+ )
+ } else if (panel.mode === 'view-substrate' && selectedSubstrate) {
+ const s = selectedSubstrate
+ rightContent = (
+
+
+ + {isCreate ? '新建花色' : '编辑花色'} +
+ +
+ setFinishForm((c) => ({ ...c, name: e.target.value }))} placeholder="例如 橡木纹-自然色" />
+
+
+
+ )
+ } else if (panel.mode === 'create-substrate' || panel.mode === 'edit-substrate') {
+ const isCreate = panel.mode === 'create-substrate'
+ rightContent = (
+
+
+ 基材详情
+
+
+
+
+
+
+
+
+ 系统名称
+{s.name}
+
+
+
+
+
+
+
+
+
+
+ {s.finishes.length > 0 && (
+ 编码
{s.code}
材质
{s.categoryName}
环保等级
{s.environmentGradeName}
厚度
{s.thicknessMm}MM
贴面
{s.surfaceOptionName}
板尺寸
{s.sheetLengthMm}×{s.sheetWidthMm}
售价
{s.suggestedPrice != null ? `¥${s.suggestedPrice}` : '-'}
重量
{s.weightKg != null ? `${s.weightKg} kg` : '-'}
+
+ )}
+ 关联花色
+
+ {s.finishes.map((f) => (
+
+ {f.thumbnailUrl && }
+ {f.name}
+
+ ))}
+
+
+
+ )
+ } else {
+ rightContent = (
+
+
+ + {isCreate ? '新建基材' : '编辑基材'} +
+ +
+ {/* Auto-generated name preview */}
+
+
+
+
+ {/* Finish multi-select */}
+
+
+ 材质
+ { + const text = e.target.value + const match = dictionaries.categories.find((d) => d.name === text) + setSubstrateForm((c) => ({ + ...c, + categoryText: text, + categoryId: match ? match.id : '', + })) + }} + placeholder="选择或输入材质名称" + className="w-full rounded-apple-md border border-apple-separator bg-apple-bg-primary px-3 py-1.5 text-sm text-apple-label-primary placeholder:text-apple-label-tertiary" + /> + +
+
+
+
+ {/* Inline new finish input */}
+ 花色
+
+
+
+
+ setSubstrateForm((c) => ({ ...c, newFinishName: e.target.value }))}
+ placeholder="输入新花色名称，保存时自动创建"
+ className="flex-1 rounded-apple-md border border-apple-separator bg-apple-bg-primary px-3 py-1.5 text-sm text-apple-label-primary placeholder:text-apple-label-tertiary"
+ />
+ {substrateForm.newFinishName.trim() && (
+
+ )}
+
+ {/* Pending new finish badge */}
+ {substrateForm.newFinishName.trim() && (
+
+
+ + {substrateForm.newFinishName.trim()}（新建）
+
+
+
+ )}
+ {substrateForm.finishIds.length > 0 && (
+
+ {substrateForm.finishIds.map((fid) => {
+ const f = finishes.find((x) => x.id === fid)
+ if (!f) return null
+ return (
+
+ {f.name}
+
+
+ )
+ })}
+
+ )}
+ {finishPickerOpen && (
+
+ {filteredFinishesForSubstrate.length === 0 ? (
+
+ )}
+ 暂无花色，请在上方输入框新建
+ ) : ( + filteredFinishesForSubstrate.map((f) => { + const selected = substrateForm.finishIds.includes(f.id) + return ( + + ) + }) + )} +
+
+
+
+
+ )
+ }
+
return (
<>
该项目已不存在
+
-
-
-
-
-
-
-
- - 基础资料库 -
-- 维护基材、分类和饰面花色，补录后返回资产中心继续操作。 -
-- {substrates.length} 基材 - · - {materialCategories.length} 分类 - · - {finishes.length} 饰面 -
- -- 缺基材或饰面时先来这里补录，保存后回 CAD 导入或规格款弹窗继续操作。 -
- - } - rightContent={ - <> + /* ---- LEFT: List panel ---- */ +
+ {/* Tab switcher */}
}
+ rightContent={rightContent}
/>
-
-
+ {/* Search + new button */}
-
-
-
+
)}
-
- ) : (
- 暂无基材
-点击上方「新建基材」添加第一条记录
-
- {filteredSubstrates.map((substrate) => (
-
- )
- ) : (
- <>
-
-
- ))}
- - {substrate.name} -
-
- {substrate.code}
- {substrate.densityKgM3 ? {substrate.densityKgM3} kg/m³ : null}
-
-
-
-
-
)}
-
+
+ {/* Scrollable list */}
+
+ {activeTab === 'finish' ? (
+ filteredFinishes.length === 0 ? (
+
+ 暂无花色
+ ) : ( + filteredFinishes.map((f) => ( + + )) + ) + ) : ( + filteredSubstrates.length === 0 ? ( +暂无基材
+ ) : ( + filteredSubstrates.map((s) => ( + + )) + ) + )} +
-
-
-
- }
- >
-
-
-
- setSubstrateForm((current) => ({ ...current, code: event.target.value }))}
- placeholder="例如 PB18"
- />
- setSubstrateForm((current) => ({ ...current, name: event.target.value }))}
- placeholder="例如 18mm 颗粒板"
- />
-
- setSubstrateForm((current) => ({ ...current, description: event.target.value }))}
- placeholder="可选"
- />
- setSubstrateForm((current) => ({ ...current, densityKgM3: event.target.value }))}
- placeholder="例如 680"
- />
-
-
-
-
- }
- >
-
- setCategoryForm((current) => ({ ...current, name: event.target.value }))}
- placeholder="例如 木纹、石纹、纯色"
- />
-
-
- setCategoryForm((current) => ({ ...current, icon: event.target.value }))}
- placeholder="可选"
- />
- setCategoryForm((current) => ({ ...current, sortOrder: event.target.value }))}
- placeholder="数字越小越靠前"
- />
-
-
-
-
-
- }
- >
-
- setFinishForm((current) => ({ ...current, name: event.target.value }))}
- placeholder="例如 白橡木纹"
- />
-
- setPreviewUrl(null)}>
+
+ )}
+
+
+ 
e.stopPropagation()} />
+
+