加载中…
{viewTitle(view)}
{mobileMenuOpen && setMobileMenuOpen(false)} />}
{exportOpen && (
客户档案系统
Customer Console
{NAV_GROUPS.map(group => (
))}
{STANDALONE_NAV.map(item => {
const Icon = item.icon;
return (
{group.label}
{group.items.map(item => {
const Icon = item.icon;
return (
{ setView(item.id); setMobileMenuOpen(false); }}
>
);
})}
{ setView(item.id); setMobileMenuOpen(false); }}
>
);
})}
{view === 'monitor' && (
<>
{ setDragCustomerIdx(idx); setDragCustomerVip(vipFlag); }}
onDrop={handleCustomerDrop}
onDragEnd={() => setDragCustomerIdx(null)}
now={now}
onView={(id) => { setView('manage'); setDraft(null); setSelectedId(id); }}
/>
{ setDragCustomerIdx(idx); setDragCustomerVip(vipFlag); }}
onDrop={handleCustomerDrop}
onDragEnd={() => setDragCustomerIdx(null)}
now={now}
onView={(id) => { setView('manage'); setDraft(null); setSelectedId(id); }}
/>
)}
{view === 'manage' && (
setSellerManagerOpen(true)}
onToggleNoteLine={toggleQuoteNoteLine}
priceHistory={priceHistory}
/>
)}
{view === 'packing' && packingSubView === 'list' && (
<>
)}
{view === 'packing' && packingSubView === 'editor' && packingDraft && (
updatePackingDraft({ sellerProfileId: sellerId })}
onAddLineItem={addPackingLineItem}
onRemoveLineItem={removePackingLineItem}
onUpdateLineItem={updatePackingLineItem}
onManageSellers={() => setSellerManagerOpen(true)}
/>
)}
{view === 'settings' && (
<>
VIP客户
拖动卡片可调整组内顺序
全部客户
拖动卡片可调整组内顺序
{filteredCustomers.length === 0 ? (
{ setDraft(null); setSelectedId(c.id); }}>
);
})}
{c.isVip && VIP}
{c.hasOrdered && 已下单}
{customerTitle(c)}
{showCompanyInSub && `${c.company} · `}{regionLabel(c.region)} · {c.country || '—'}{localTimeInfo(c.country, now) && ` · 当地 ${localTimeInfo(c.country, now).time}`}
{draft ? (
startEditCustomer(selected)}
onDelete={() => deleteCustomer(selected.id)}
onTogglePreferred={(channel) => togglePreferredContact(selected.id, channel)}
onToggleVip={() => toggleVip(selected.id)}
onToggleOrdered={() => toggleOrdered(selected.id)}
attachmentNote={attachmentNote}
setAttachmentNote={setAttachmentNote}
attachmentCategory={attachmentCategory}
setAttachmentCategory={setAttachmentCategory}
attachmentFileNames={attachmentFiles.map(f => f.name)}
onPickAttachment={(files) => setAttachmentFiles(files)}
uploading={uploading}
fileInputKey={fileInputKey}
onUploadAttachment={(folderId) => handleUploadAttachment(selected.id, folderId)}
onDeleteAttachment={(fileName) => handleDeleteAttachment(selected.id, fileName)}
onMoveAttachment={(fileName, folderId) => moveAttachmentToFolder(selected.id, fileName, folderId)}
onCreateFolder={(parentId, name) => createFolder(selected.id, parentId, name)}
onRenameFolder={(folderId, name) => renameFolder(selected.id, folderId, name)}
onDeleteFolder={(folderId) => deleteFolder(selected.id, folderId)}
fileDragActive={fileDragActive}
onFileDragOver={handleFileDragOver}
onFileDragLeave={handleFileDragLeave}
onFileDrop={handleFileDrop}
/>
) : (
按产品大类分组浏览；每个类目右上角管理品牌，类目内第二行管理类型；新建产品时先选类目，再从对应的品牌 / 类型里选。
{productCategories.map(cat => {
const items = products.filter(p => p.category === cat.id);
return (
{items.length === 0 ? (
暂无产品
) : items.map((p, idx) => (
setDragGroupState({ category: cat.id, index: idx })}
onDragOver={(e) => e.preventDefault()}
onDrop={() => handleGroupDrop(cat.id, idx)}
onDragEnd={() => setDragGroupState(null)}
>
))}
{p.name || '(未命名)'}
{categoryBreadcrumb(p, productCategories)}{p.brand ? ` · ${p.brand}` : ''}
setAddingPillValue(e.target.value)}
onBlur={confirmAddPill}
onKeyDown={e => {
if (e.key === 'Enter') e.currentTarget.blur();
if (e.key === 'Escape') cancelAddPill();
}}
placeholder="新类目名称，如：精密空调"
/>
) : (
openAddPill(null, 'category')}>
)}
)}
{view === 'products' && (
{filteredProducts.length === 0 ? (
{ setProductDraft(null); setSelectedProductId(p.id); }}>
))}
{p.name || '(未命名)'}
{categoryBreadcrumb(p, productCategories)}{p.brand ? ` · ${p.brand}` : ''}
{productDraft ? (
setTaxManageMode(mode)} onNotify={notify} backPanelTemplates={backPanelTemplates} />
) : selectedProduct ? (
startEditProduct(selectedProduct)} onDelete={() => deleteProduct(selectedProduct.id)}
categories={productCategories}
exportLang={productExportLang} onExportLangChange={setProductExportLang}
exportLabels={productExportLabels} exportLoading={productExportLoading}
onExportPdf={handleExportProductPdf} exportPdfBusy={productExportPdfBusy}
backPanelTemplates={backPanelTemplates}
/>
) : (
{filteredCatalogDocs.map((doc, idx) => {
const isEditing = editingCatalogId === doc.id;
const activeCategoryId = isEditing ? catalogEditDraft.category : doc.category;
const cat = productCategories.find(c => c.id === activeCategoryId);
const brandOptions = cat ? cat.brands : [];
const typeOptions = cat ? cat.types : [];
return (
)}
{ e.stopPropagation(); setDragCatalogDocIdx(idx); }}
onDragOver={(e) => { e.preventDefault(); e.stopPropagation(); }}
onDrop={(e) => { e.stopPropagation(); handleCatalogDocDrop(idx); }}
onDragEnd={() => setDragCatalogDocIdx(null)}
>
);
})}
{isEditing ? (
updateCatalogEditDraft({ title: e.target.value })}
onKeyDown={e => { if (e.key === 'Enter') saveCatalogEdit(); }}
placeholder="目录名称，如：SKE产品样本"
/>
{catalogEditDraft.category && (
<>
)}
) : (
!doc.uploading && startEditCatalogDoc(doc)} style={{ cursor: doc.uploading ? 'default' : 'pointer' }}>
)}
{doc.uploading ? '上传完成后可填写' : (doc.title || '点击填写目录名称')}
{(doc.category || doc.brand || doc.type) && (
{[cat && cat.name, doc.brand, doc.type].filter(Boolean).join(' · ')}
)}
{certifications.map(cert => (
))}
)}
)}
{view === 'suppliers' && (
{editingCertId === cert.id ? (
setCertBrandDraft(e.target.value)}
onBlur={saveCertBrand}
onKeyDown={e => { if (e.key === 'Enter') e.currentTarget.blur(); }}
placeholder="品牌名称"
/>
) : (
startEditCertBrand(cert)}
>
{cert.brand || '点击填写品牌名'}
)}
{filteredSuppliers.length === 0 ? (
{ setSupplierDraft(null); setSelectedSupplierId(s.id); }}>
))}
{s.name || '(未命名)'}
{s.contact && `${s.contact} · `}{s.mainProducts || '—'}
{supplierDraft ? (
startEditSupplier(selectedSupplier)}
onDelete={() => deleteSupplier(selectedSupplier.id)}
attachmentNote={supplierAttachmentNote}
setAttachmentNote={setSupplierAttachmentNote}
attachmentFileNames={supplierAttachmentFiles.map(f => f.name)}
onPickAttachment={(files) => setSupplierAttachmentFiles(files)}
uploading={supplierUploading}
fileInputKey={supplierFileInputKey}
onUploadAttachment={() => handleUploadSupplierAttachment(selectedSupplier.id)}
onDeleteAttachment={(fileName) => handleDeleteSupplierAttachment(selectedSupplier.id, fileName)}
fileDragActive={supplierFileDragActive}
onFileDragOver={handleSupplierFileDragOver}
onFileDragLeave={handleSupplierFileDragLeave}
onFileDrop={handleSupplierFileDrop}
/>
) : (
{quotes.filter(q => quoteTypeFilter === 'all' || q.type === quoteTypeFilter).length === 0 ? (
startEditQuote(q)}>
{q.type === 'quote' ? 'Quote' : 'Invoice'}
{q.type === 'quote' && (
)}
);
})}
{q.number || '(无单号)'} · {q.billToName || '(未填写客户)'}
{q.date} · {formatMoney(total, q.currency)}
{packingLists.length === 0 ? (
startEditPackingList(pl)}>
P/L
);
})}
{pl.number || '(无单号)'} · {pl.billToName || '(未填写客户)'}
{pl.date} · {t.cartons || 0} 箱 · {t.grossWeight || 0} kg 毛重
数据管理
说明：报价单制作正在开发中，下一轮会上线。
当前登录账号：{username}
当前密码 setPwCurrent(e.target.value)} />
新密码（至少4位） setPwNew(e.target.value)} />
这个系统现在挂在公网上，定期更换密码、不要把密码告诉别人。
状态：{aiConfigHasKey ? 已配置 : 未配置}
DeepSeek API Key
setAiKeyInput(e.target.value)}
placeholder={aiConfigHasKey ? '已设置，重新填写可覆盖' : '在 platform.deepseek.com 申请'}
/>
{aiConfigHasKey && }
用于"产品管理"里的产品目录批量导入功能，调用DeepSeek官方API识别目录文档生成产品字段。成本很低（单次生成大概几分钱以内人民币，按你自己DeepSeek账户余额实际扣费），Key只会加密保存在服务器本地，不会显示给任何人。
setExportOpen(false)}>
)}
{sellerManagerOpen && (
e.stopPropagation()}>
数据备份（JSON）
setSellerManagerOpen(false)}>
e.stopPropagation()}>
{sellerProfiles.map(sp => (
公司名称 updateSellerProfile(sp.id, { name: e.target.value })} />
Logo
{sp.logoFileName && 
}
}
地址