-
- );
- }
-
- return (
- 加载中…
-
-
-
-
-
- {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' && (
- <>
- updatePackingDraft({ sellerProfileId: sellerId })}
- onAddLineItem={addPackingLineItem}
- onRemoveLineItem={removePackingLineItem}
- onUpdateLineItem={updatePackingLineItem}
- onManageSellers={() => setSellerManagerOpen(true)}
- />
- )}
-
- {view === 'settings' && (
- <>
-
-
-
-
-
-
- {customers.length === 0 ? (
- 全部客户
- 拖动卡片可调整顺序
-
- {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)}
-
-
-
-
-
-
- )}
-
- {view === 'groups' && (
- <>
-
-
-
-
-
-
-
-
-
-
- {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 (
-
-
- );
- })}
-
- {addingPill && addingPill.kind === 'category' ? (
-
-
-
-
-
-
-
- {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' && (
-
-
- )}
-
- {view === 'catalog' && (
- <>
-
-
-
-
-
-
-
-
-
-
- {filteredProducts.length === 0 ? (
-
- { setProductDraft(null); setSelectedProductId(p.id); }}>
-
-
- ))}
-
-
- {p.name || '(未命名)'}
- {categoryBreadcrumb(p, productCategories)}{p.brand ? ` · ${p.brand}` : ''}
-
- {productDraft ? (
- setTaxManageMode(mode)} />
- ) : selectedProduct ? (
- startEditProduct(selectedProduct)} onDelete={() => deleteProduct(selectedProduct.id)} categories={productCategories} />
- ) : (
-
- 拖拽卡片调整展示顺序，方便整理成给客户看的产品介绍顺序。
- {products.length === 0 ? (
-
- {products.map((p, idx) => {
- const certs = (p.certifications || '').split(',').map(s => s.trim()).filter(Boolean);
- return (
-
- )}
-
- )}
-
- {view === 'certs' && (
- <>
- setDragCatalogIdx(idx)}
- onDragOver={(e) => e.preventDefault()}
- onDrop={() => handleCatalogDrop(idx)}
- onDragEnd={() => setDragCatalogIdx(null)}
- >
-
- );
- })}
-
-
- {p.name || '(未命名)'}
- {categoryBreadcrumb(p, productCategories)}
- {p.brand && 品牌：{p.brand}
}
- {p.powerOrCapacity && 功率 / 容量：{p.powerOrCapacity}
}
- {p.voltage && 电压：{p.voltage}
}
- {certs.length > 0 && {certs.map(cc => {cc})}
}
-
-
-
- {certifications.length === 0 ? (
-
- {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 || '点击填写品牌名'}
-
- )}
-
-
-
-
-
-
-
-
-
- )}
-
- {view === 'quotes' && quoteSubView === 'editor' && quoteDraft && (
-
- {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)}
-
-
-
-
-
-
-
- )}
-
- {view === 'packing' && packingSubView === 'editor' && packingDraft && (
-
- {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只会加密保存在服务器本地，不会显示给任何人。
-
- setAiDraftModal(null)}>
-
e.stopPropagation()}>
-
-
-
- {aiDraftModal.channel === 'email' && (
-
主题 Subject setAiDraftModal(m => ({ ...m, subject: e.target.value }))} />
- )}
-
- {aiDraftModal.channel === 'email' ? '正文 Body' : '消息内容'}
-