加载中…
{viewTitle(view)}
{mobileMenuOpen && setMobileMenuOpen(false)} />}
{aiDraftModal && (
客户档案系统
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' && (
<>
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' && (
<>
全部客户
拖动卡片可调整顺序
{customers.map((c, idx) => {
const s = statusOf(c, settings);
const lt = localTimeInfo(c.country, now);
const modelQty = [c.intendedModel, c.intendedQty ? `× ${c.intendedQty}` : ''].filter(Boolean).join(' ');
const cardTitle = customerTitle(c);
const showCompanyLine = !!(modelQty && c.company);
const { showEmail, showPhone } = contactDisplayFlags(c);
return (
)}
)}
{view === 'manage' && (
setDragCustomerIdx(idx)}
onDragOver={(e) => e.preventDefault()}
onDrop={() => handleCustomerDrop(idx)}
onDragEnd={() => setDragCustomerIdx(null)}
>
);
})}
{cardTitle}
{c.isVip && {regionLabel(c.region)} · {c.country || '—'}
{showCompanyLine && {c.company}
}
{c.contact && {c.contact}
}
{showEmail && 当地时间 {lt.time}
}
上次联系 {fmtDate(c.lastContact)}
{filteredCustomers.length === 0 ? (
{ setDraft(null); setSelectedId(c.id); }}>
);
})}
{c.isVip &&
{showCompanyInSub && `${c.company} · `}{regionLabel(c.region)} · {c.country || '—'}{localTimeInfo(c.country, now) && ` · 当地 ${localTimeInfo(c.country, now).time}`}
{draft ? (
startEditCustomer(selected)}
onDelete={() => deleteCustomer(selected.id)}
onMarkContacted={() => markContacted(selected.id)}
onEmail={() => openFollowUpEmail(selected)}
onTogglePreferred={(channel) => togglePreferredContact(selected.id, channel)}
onToggleVip={() => toggleVip(selected.id)}
onToggleOrdered={() => toggleOrdered(selected.id)}
attachmentNote={attachmentNote}
setAttachmentNote={setAttachmentNote}
attachmentCategory={attachmentCategory}
setAttachmentCategory={setAttachmentCategory}
attachmentFileName={attachmentFile ? attachmentFile.name : ''}
onPickAttachment={(f) => setAttachmentFile(f)}
uploading={uploading}
fileInputKey={fileInputKey}
onUploadAttachment={() => handleUploadAttachment(selected.id)}
onDeleteAttachment={(fileName) => handleDeleteAttachment(selected.id, fileName)}
fileDragActive={fileDragActive}
onFileDragOver={handleFileDragOver}
onFileDragLeave={handleFileDragLeave}
onFileDrop={handleFileDrop}
aiConfigHasKey={aiConfigHasKey}
aiGenerating={aiGenerating}
onGenerateAi={(channel) => handleGenerateAi(selected.id, channel)}
/>
) : (
按产品大类分组浏览；每个类目右上角管理品牌，类目内第二行管理类型；新建产品时先选类目，再从对应的品牌 / 类型里选。
{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} />
) : selectedProduct ? (
startEditProduct(selectedProduct)} onDelete={() => deleteProduct(selectedProduct.id)}
categories={productCategories}
exportLang={productExportLang} onExportLangChange={setProductExportLang}
exportLabels={productExportLabels} exportLoading={productExportLoading}
onExportPdf={handleExportProductPdf} exportPdfBusy={productExportPdfBusy}
/>
) : (
{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 === 'quotes' && quoteSubView === 'list' && (
<>
{editingCertId === cert.id ? (
setCertBrandDraft(e.target.value)}
onBlur={saveCertBrand}
onKeyDown={e => { if (e.key === 'Enter') e.currentTarget.blur(); }}
placeholder="品牌名称"
/>
) : (
startEditCertBrand(cert)}
>
{cert.brand || '点击填写品牌名'}
)}
{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 毛重
跟进与提醒设置
默认跟进周期（天）
setSettings(s => ({ ...s, defaultFollowUpDays: Number(e.target.value) || 1 }))} />
"即将到期"提前提醒天数
setSettings(s => ({ ...s, dueSoonWindow: Number(e.target.value) || 1 }))} />
说明：邮件功能用于生成可复制的英文邮件文案，需要你手动粘贴到自己的邮箱发送。报价单制作正在开发中，下一轮会上线。
当前登录账号：{username}
当前密码 setPwCurrent(e.target.value)} />
新密码（至少4位） setPwNew(e.target.value)} />
这个系统现在挂在公网上，定期更换密码、不要把密码告诉别人。
状态：{aiConfigHasKey ? 已配置 : 未配置}
DeepSeek API Key
setAiKeyInput(e.target.value)}
placeholder={aiConfigHasKey ? '已设置，重新填写可覆盖' : '在 platform.deepseek.com 申请'}
/>
{aiConfigHasKey && }
用于客户详情页的"AI生成邮件 / AI生成WhatsApp话术"功能，调用DeepSeek官方API生成。成本很低（单次生成大概几分钱以内人民币，按你自己DeepSeek账户余额实际扣费），Key只会加密保存在服务器本地，不会显示给任何人。
状态：{telegramConfigHasToken ? 已配置（Chat ID: {telegramConfigChatId}） : 未配置}
Bot Token
setTgTokenInput(e.target.value)}
placeholder={telegramConfigHasToken ? '已设置，重新填写可覆盖' : '找 @BotFather 申请'}
/>
Chat ID
setTgChatIdInput(e.target.value)} placeholder="接收报警的对话ID" />
{telegramConfigHasToken && }
Just My Socks页面的线路每10分钟自动巡检一次，只在状态发生变化（正常↔异常）时才发消息，不会每次检测都刷屏。Bot Token加密保存在服务器本地。
setAiDraftModal(null)}>
e.stopPropagation()}>
{aiDraftModal.channel === 'email' && (
主题 Subject setAiDraftModal(m => ({ ...m, subject: e.target.value }))} />
)}
{aiDraftModal.channel === 'email' ? '正文 Body' : '消息内容'}