+
+ );
+ }
+
+ 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) => {
+ return (
+
+ )}
+
+ )}
+
+ {view === 'certs' && (
+ <>
+ setDragCatalogIdx(idx)}
+ onDragOver={(e) => e.preventDefault()}
+ onDrop={() => handleCatalogDrop(idx)}
+ onDragEnd={() => setDragCatalogIdx(null)}
+ >
+
+ );
+ })}
+
+
+ {p.name || '(未命名)'}
+ {categoryBreadcrumb(p, productCategories)}
+ {p.brand && 品牌：{p.brand}
}
+ {isUpsCategory(productCategories.find(c => c.id === p.category)) && p.machineVariant && 机型：{p.machineVariant}
}
+ {powerInfoItems(p, productCategories).map(item => item.value !== '—' && (
+ {item.label}：{item.value}
+ ))}
+ {p.voltage && 电压：{p.voltage}
}
+ {p.costPrice && 正本价格：¥{p.costPrice}
}
+
+
+
+ {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' : '消息内容'}
+