ZF sun
19cb332645
1. 将硬编码的页面路径替换为PAGE_KEY_MAP常量统一管理 2. 修正AI智能体页面路径为/pages_tool/ai-agent/index 3. 优化客服跳转逻辑，避免重复注入tabBar隐藏标记 4. 为AI聊天页面添加自定义组件占位配置
697 lines
24 KiB
JavaScript
697 lines
24 KiB
JavaScript
/**
|
||
* 客服统一处理服务
|
||
* 整合各种客服方式，提供统一的调用接口
|
||
*/
|
||
import IMAGE_CONFIG from './image-config.js';
|
||
import Platform from './platform.js';
|
||
import PAGE_KEY_MAP from './util.js';
|
||
|
||
export class CustomerService {
|
||
constructor(vueInstance, externalConfig = null) {
|
||
this.vm = vueInstance;
|
||
this.externalConfig = externalConfig; // 外部传入的最新配置（优先级最高）
|
||
this.latestPlatformConfig = null;
|
||
}
|
||
|
||
/**
|
||
* 强制刷新配置（支持传入外部配置）
|
||
* @param {Object} externalConfig 外部最新配置
|
||
*/
|
||
refreshConfig(externalConfig = null) {
|
||
this.externalConfig = externalConfig || this.externalConfig;
|
||
this.latestPlatformConfig = null;
|
||
return this.getPlatformConfig();
|
||
}
|
||
|
||
/**
|
||
* 获取平台配置
|
||
* @returns {Object} 平台对应的客服配置
|
||
*/
|
||
getPlatformConfig() {
|
||
if (this.latestPlatformConfig) {
|
||
return this.latestPlatformConfig;
|
||
}
|
||
|
||
const servicerConfig = this.externalConfig || this.vm.$store.state.servicerConfig || {};
|
||
const platformMap = {
|
||
h5: 'h5',
|
||
weapp: 'weapp',
|
||
alipay: 'aliapp',
|
||
baidu: 'baidu',
|
||
toutiao: 'toutiao',
|
||
qq: 'qq',
|
||
kuaishou: 'kuaishou',
|
||
jd: 'jd',
|
||
'360': '360',
|
||
xhs: 'xhs',
|
||
app: 'app',
|
||
pc: 'pc'
|
||
};
|
||
|
||
const platformKey = platformMap[Platform.detect()] || Platform.detect();
|
||
let platformConfig = servicerConfig[platformKey] && typeof servicerConfig[platformKey] === 'object' ? servicerConfig[platformKey] : null;
|
||
|
||
if (Array.isArray(platformConfig)) {
|
||
platformConfig = null;
|
||
}
|
||
|
||
this.latestPlatformConfig = platformConfig;
|
||
return platformConfig;
|
||
}
|
||
|
||
/**
|
||
* 获取企业微信配置
|
||
* @returns {Object} 企业微信配置
|
||
*/
|
||
getWxworkConfig() {
|
||
return this.vm.$store.state.wxworkConfig || {};
|
||
}
|
||
|
||
/**
|
||
* 检查客服配置是否可用
|
||
* @returns {boolean} 是否有可用配置
|
||
*/
|
||
isConfigAvailable() {
|
||
const config = this.getPlatformConfig();
|
||
return config && typeof config === 'object' && config.type;
|
||
}
|
||
|
||
/**
|
||
* 检查是否有有效的客服配置（用于判断是否显示客服按钮）
|
||
* @returns {Boolean}
|
||
*/
|
||
hasValidKefuConfig() {
|
||
const config = this.getPlatformConfig();
|
||
return config && typeof config === 'object' && config.type && config.type !== 'none';
|
||
}
|
||
|
||
/**
|
||
* 验证客服配置完整性
|
||
* @returns {Object} 验证结果
|
||
*/
|
||
validateConfig() {
|
||
const config = this.getPlatformConfig();
|
||
const wxworkConfig = this.getWxworkConfig();
|
||
|
||
const result = {
|
||
isValid: true,
|
||
errors: [],
|
||
warnings: []
|
||
};
|
||
|
||
if (!config || !config.type) {
|
||
result.isValid = false;
|
||
result.errors.push(this.vm.$lang('customerService.serviceTypeNotConfigured'));
|
||
return result;
|
||
}
|
||
|
||
if (config.type === 'wxwork') {
|
||
if (!wxworkConfig || !wxworkConfig.enable) {
|
||
result.warnings.push('企业微信未启用');
|
||
}
|
||
if (!wxworkConfig.contact_url) {
|
||
result.warnings.push('企业微信活码链接未配置');
|
||
}
|
||
}
|
||
|
||
return result;
|
||
}
|
||
|
||
/**
|
||
* 跳转到 AI智能客服页面（AiChat）
|
||
*
|
||
* 注意:不在此处注入 __dyu=FloatBtn。
|
||
* 该标记原本是 diy-float-btn.vue 用来告诉 ai-chat "我是从浮动按钮来的,请隐藏底部 tabBar"。
|
||
* 此方法是 customer-service.js 的**通用 AI 客服入口**,被多处复用:
|
||
* - hover-nav(悬浮客服按钮)
|
||
* - 商品详情页 / 会员中心 / 个人中心 等的"联系客服"按钮
|
||
* - DIY 浮动按钮(diy-float-btn 内部已自行注入 __dyu=FloatBtn,这里再注入会重复)
|
||
* 若在此处统一注入,会让所有 AI 客服入口都隐藏底部 tabBar,语义错误且侵入性过强。
|
||
* hover-nav 需要隐藏 tabBar 的场景,由 hover-nav.vue#handleUnifiedKefuClick
|
||
* 自行注入 __dyu=FloatBtn(与 diy-float-btn.vue#onFloatBtnClick 一致)。
|
||
*/
|
||
openAiChatService() {
|
||
try {
|
||
// 清除未读数（如果存在）
|
||
if (typeof this.vm.setAiUnreadCount === 'function') {
|
||
this.vm.setAiUnreadCount(0);
|
||
}
|
||
|
||
// ✅ 修正路径：必须与 pages.json 中注册的路径一致
|
||
const aiChatUrl = PAGE_KEY_MAP.AI_CHAT_PAGE_URL;
|
||
|
||
// ✅ 使用 navigateTo 保留返回栈（体验更好）
|
||
uni.navigateTo({
|
||
url: aiChatUrl,
|
||
fail: (err) => {
|
||
console.error('跳转 AI智能客服失败:', err);
|
||
// H5 兜底
|
||
// #ifdef H5
|
||
window.location.href = aiChatUrl;
|
||
// #endif
|
||
uni.showToast({ title: this.vm.$lang('customerService.openFailed'), icon: 'none' });
|
||
}
|
||
});
|
||
} catch (e) {
|
||
console.error('跳转 AI智能客服异常:', e);
|
||
uni.showToast({ title: this.vm.$lang('customerService.openFailed'), icon: 'none' });
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 处理客服点击事件（统一入口）
|
||
* @param {Object} options 选项参数（用于消息卡片等）
|
||
*/
|
||
handleCustomerClick(options = {}) {
|
||
const validation = this.validateConfig();
|
||
if (!validation.isValid) {
|
||
console.error('客服配置验证失败:', validation.errors);
|
||
this.showConfigErrorPopup(validation.errors);
|
||
return;
|
||
}
|
||
|
||
if (validation.warnings.length > 0) {
|
||
console.warn('客服配置警告:', validation.warnings);
|
||
}
|
||
|
||
const config = this.getPlatformConfig();
|
||
|
||
const { niushop = {}, sendMessageTitle = '', sendMessagePath = '', sendMessageImg = '' } = options;
|
||
|
||
if (config.type === 'none') {
|
||
this.showNoServicePopup();
|
||
return;
|
||
}
|
||
|
||
// 核心路由：根据 type 决定行为
|
||
switch (config.type) {
|
||
case 'aikefu':
|
||
this.openAiChatService();
|
||
break;
|
||
case 'wxwork':
|
||
this.openWxworkService(false, config, options);
|
||
break;
|
||
case 'third':
|
||
this.openThirdService(config);
|
||
break;
|
||
case 'miniprogram':
|
||
this.openThirdService(config);
|
||
break;
|
||
case 'niushop':
|
||
this.openNiushopService(niushop);
|
||
break;
|
||
case 'weapp':
|
||
this.openWeappService(config, options);
|
||
break;
|
||
case 'aliapp':
|
||
this.openAliappService(config);
|
||
break;
|
||
default:
|
||
console.error('【未知客服类型】', config.type);
|
||
this.makePhoneCall();
|
||
}
|
||
}
|
||
|
||
// ================== 各类型客服实现 ==================
|
||
|
||
openWxworkService(useOriginalService = false, servicerConfig = null, options = {}) {
|
||
const config = servicerConfig || this.getPlatformConfig();
|
||
const wxworkConfig = this.getWxworkConfig();
|
||
const { sendMessageTitle = '', sendMessagePath = '', sendMessageImg = '' } = options;
|
||
|
||
// #ifdef MP-WEIXIN
|
||
if (!useOriginalService && wxworkConfig?.enable && wxworkConfig?.contact_url) {
|
||
wx.navigateToMiniProgram({
|
||
appId: 'wxeb490c6f9b154ef9',
|
||
path: `pages/contacts/externalContactDetail?url=${encodeURIComponent(wxworkConfig.contact_url)}`,
|
||
success: () => {},
|
||
fail: (err) => {
|
||
console.error('跳转企业微信失败:', err);
|
||
this.fallbackToOriginalService();
|
||
}
|
||
});
|
||
} else {
|
||
// 检查是否有企业微信配置
|
||
if (!config.wxwork_url && !config.corpid) {
|
||
console.error('企业微信配置不完整，缺少 wxwork_url 或 corpid');
|
||
uni.showToast({ title: this.vm.$lang('customerService.wxworkConfigIncomplete'), icon: 'none' });
|
||
this.fallbackToPhoneCall();
|
||
return;
|
||
}
|
||
wx.openCustomerServiceChat({
|
||
extInfo: { url: config.wxwork_url || '' },
|
||
corpId: config.corpid || '',
|
||
showMessageCard: true,
|
||
sendMessageTitle,
|
||
sendMessagePath,
|
||
sendMessageImg
|
||
});
|
||
}
|
||
// #endif
|
||
|
||
// #ifdef H5
|
||
if (!useOriginalService && wxworkConfig?.enable && wxworkConfig?.contact_url) {
|
||
window.location.href = wxworkConfig.contact_url;
|
||
} else if (config.wxwork_url) {
|
||
window.location.href = config.wxwork_url;
|
||
} else {
|
||
this.fallbackToPhoneCall();
|
||
}
|
||
// #endif
|
||
}
|
||
|
||
openThirdService(config) {
|
||
|
||
// 支持多种可能的字段名
|
||
const miniAppId = config.mini_app_id || config.miniAppId || config.appid || config.appId || config.app_id;
|
||
const miniAppPath = config.mini_app_path || config.miniAppPath || config.path || config.page_path || '';
|
||
|
||
|
||
|
||
// 优先处理第三方微信小程序客服
|
||
if (miniAppId) {
|
||
// #ifdef MP-WEIXIN
|
||
wx.navigateToMiniProgram({
|
||
appId: miniAppId,
|
||
path: miniAppPath,
|
||
success: () => {
|
||
},
|
||
fail: (err) => {
|
||
console.error('【跳转第三方小程序失败】', err);
|
||
uni.showToast({ title: this.vm.$lang('customerService.jumpFailed'), icon: 'none' });
|
||
}
|
||
});
|
||
// #endif
|
||
// #ifdef H5
|
||
uni.showToast({ title: this.vm.$lang('customerService.miniProgramOnly'), icon: 'none' });
|
||
// #endif
|
||
return;
|
||
}
|
||
|
||
// 处理第三方链接客服
|
||
if (config.third_url) {
|
||
// #ifdef H5
|
||
window.location.href = config.third_url;
|
||
// #endif
|
||
// #ifdef MP
|
||
uni.setClipboardData({
|
||
data: config.third_url,
|
||
success: () => {
|
||
uni.showToast({ title: this.vm.$lang('customerService.linkCopied'), icon: 'none' });
|
||
}
|
||
});
|
||
// #endif
|
||
} else {
|
||
console.error('【第三方客服配置不完整】缺少 mini_app_id 或 third_url');
|
||
this.fallbackToPhoneCall();
|
||
}
|
||
}
|
||
|
||
openNiushopService(niushop) {
|
||
if (Object.keys(niushop).length > 0 && this.vm.$util?.redirectTo) {
|
||
this.vm.$util.redirectTo('/pages_tool/chat/room', niushop);
|
||
} else {
|
||
this.makePhoneCall();
|
||
}
|
||
}
|
||
|
||
openWeappService(config, options = {}) {
|
||
// 如果 useOfficial 为 true 或 undefined，则使用原生系统客服（由 button open-type="contact" 触发）
|
||
// 此方法仅用于自定义跳转（如 useOfficial: false）
|
||
if (config.useOfficial !== false) {
|
||
// 不做任何事，应由 <button open-type="contact"> 触发
|
||
|
||
return;
|
||
}
|
||
this.handleCustomWeappService(config, options);
|
||
}
|
||
|
||
handleCustomWeappService(config, options = {}) {
|
||
if (config.customServiceUrl) {
|
||
let url = config.customServiceUrl;
|
||
const params = [];
|
||
const { sendMessageTitle, sendMessagePath, sendMessageImg } = options;
|
||
if (sendMessageTitle) params.push(`title=${encodeURIComponent(sendMessageTitle)}`);
|
||
if (sendMessagePath) params.push(`path=${encodeURIComponent(sendMessagePath)}`);
|
||
if (sendMessageImg) params.push(`img=${encodeURIComponent(sendMessageImg)}`);
|
||
if (params.length > 0) {
|
||
url += (url.includes('?') ? '&' : '?') + params.join('&');
|
||
}
|
||
uni.navigateTo({ url });
|
||
return;
|
||
}
|
||
this.tryThirdPartyService(config, options);
|
||
}
|
||
|
||
tryThirdPartyService(config, options = {}) {
|
||
// 支持第三方微信小程序客服
|
||
if (config.thirdPartyMiniAppId || config.mini_app_id) {
|
||
// #ifdef MP-WEIXIN
|
||
wx.navigateToMiniProgram({
|
||
appId: config.thirdPartyMiniAppId || config.mini_app_id,
|
||
path: config.thirdPartyMiniAppPath || config.mini_app_path || ''
|
||
});
|
||
// #endif
|
||
return;
|
||
}
|
||
|
||
// 支持第三方链接客服
|
||
if (config.thirdPartyServiceUrl || config.third_url) {
|
||
const serviceUrl = config.thirdPartyServiceUrl || config.third_url;
|
||
// #ifdef H5
|
||
window.open(serviceUrl, '_blank');
|
||
// #endif
|
||
// #ifdef MP
|
||
uni.setClipboardData({ data: serviceUrl });
|
||
uni.showToast({ title: this.vm.$lang('customerService.customerLinkCopied'), icon: 'none' });
|
||
// #endif
|
||
return;
|
||
}
|
||
|
||
this.fallbackToPhoneCall();
|
||
}
|
||
|
||
openAliappService(config) {
|
||
if (config.type === 'aikefu') {
|
||
this.openAiChatService();
|
||
} else if (config.type === 'third') {
|
||
this.openThirdService(config);
|
||
} else {
|
||
// 支付宝原生客服由 button open-type="contact" 触发，此处不处理
|
||
|
||
}
|
||
}
|
||
|
||
// ================== 辅助方法 ==================
|
||
|
||
makePhoneCall() {
|
||
this.vm.$api.sendRequest({
|
||
url: '/api/site/shopcontact',
|
||
success: res => {
|
||
if (res.code === 0 && res.data?.mobile) {
|
||
uni.makePhoneCall({ phoneNumber: res.data.mobile });
|
||
} else {
|
||
uni.showToast({ title: this.vm.$lang('customerService.noServicePhone'), icon: 'none' });
|
||
}
|
||
},
|
||
fail: () => {
|
||
uni.showToast({ title: this.vm.$lang('customerService.getPhoneFailed'), icon: 'none' });
|
||
}
|
||
});
|
||
}
|
||
|
||
showNoServicePopup() {
|
||
const siteInfo = this.vm.$store.state.siteInfo || {};
|
||
const message = siteInfo?.site_tel
|
||
? this.vm.$lang('customerService.callServiceTip', { phone: siteInfo.site_tel })
|
||
: this.vm.$lang('customerService.noServiceOffline');
|
||
uni.showModal({ title: this.vm.$lang('customerService.contactCustomerService'), content: message, showCancel: false });
|
||
}
|
||
|
||
showConfigErrorPopup(errors) {
|
||
uni.showModal({
|
||
title: this.vm.$lang('customerService.configError'),
|
||
content: this.vm.$lang('customerService.configErrorDetail', { errors: errors.join('\n') }),
|
||
showCancel: false
|
||
});
|
||
}
|
||
|
||
fallbackToOriginalService() {
|
||
uni.showModal({
|
||
title: this.vm.$lang('customerService.tip'),
|
||
content: this.vm.$lang('customerService.cannotAddWxwork'),
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
this.openWxworkService(true);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
fallbackToPhoneCall() {
|
||
uni.showModal({
|
||
title: this.vm.$lang('customerService.tip'),
|
||
content: this.vm.$lang('customerService.onlineUnavailable'),
|
||
success: (res) => {
|
||
if (res.confirm) this.makePhoneCall();
|
||
}
|
||
});
|
||
}
|
||
|
||
/**
|
||
* 获取按钮配置（用于 template 中 v-if / open-type 判断）
|
||
* @returns {Object}
|
||
*/
|
||
getButtonConfig() {
|
||
const config = this.getPlatformConfig();
|
||
if (!config) return { openType: '' };
|
||
|
||
let openType = '';
|
||
// #ifdef MP-WEIXIN
|
||
if (config.type === 'weapp' && config.useOfficial !== false) {
|
||
openType = 'contact';
|
||
}
|
||
// #endif
|
||
// #ifdef MP-ALIPAY
|
||
if (config.type === 'aliapp') openType = 'contact';
|
||
// #endif
|
||
|
||
return { ...config, openType };
|
||
}
|
||
|
||
/**
|
||
* 获取客服按钮图标
|
||
* @returns {String} 图标URL
|
||
*/
|
||
getKefuButtonIcon() {
|
||
const shopInfo = this.vm.shopInfo || {};
|
||
const config = this.getPlatformConfig();
|
||
|
||
// 优先使用指定的智能客服头像
|
||
if (config?.type === 'aikefu' || config?.type === 'wxwork' || config?.type === 'qyweixin') {
|
||
return this.vm.$util.img(IMAGE_CONFIG.aiAvatar);
|
||
}
|
||
|
||
return shopInfo.kefuimg || this.vm.$util?.getDefaultImage()?.kefu || '';
|
||
}
|
||
|
||
/**
|
||
* 判断是否为微信官方客服
|
||
* @returns {Boolean}
|
||
*/
|
||
isWeappOfficialKefu() {
|
||
const config = this.getPlatformConfig();
|
||
return config?.type === 'weapp';
|
||
}
|
||
|
||
/**
|
||
* 判断是否为智能客服
|
||
* @returns {Boolean}
|
||
*/
|
||
isAIKefu() {
|
||
const config = this.getPlatformConfig();
|
||
return config?.type === 'aikefu';
|
||
}
|
||
|
||
/**
|
||
* 判断是否为企业微信客服
|
||
* @returns {Boolean}
|
||
*/
|
||
isWxworkKefu() {
|
||
const config = this.getPlatformConfig();
|
||
return config?.type === 'wxwork' || config?.type === 'qyweixin';
|
||
}
|
||
|
||
/**
|
||
* 判断是否为第三方客服
|
||
* @returns {Boolean}
|
||
*/
|
||
isThirdKefu() {
|
||
const config = this.getPlatformConfig();
|
||
return config?.type === 'third';
|
||
}
|
||
|
||
/**
|
||
* 判断是否需要同时显示小程序系统客服
|
||
* @returns {Boolean}
|
||
*/
|
||
shouldShowExtraWeappSystemKefu() {
|
||
const config = this.getPlatformConfig();
|
||
return (config?.show_system_service === true || config?.show_system_service === '1') && config?.type !== 'weapp';
|
||
}
|
||
|
||
/**
|
||
* 计算容器高度
|
||
* @param {Boolean} isLanguageSwitchEnabled 是否启用语言切换
|
||
* @param {Boolean} showWeappSystemKefu 是否显示小程序系统客服
|
||
* @param {Boolean} fixBtnShow 是否显示按钮
|
||
* @returns {String} 高度值（px）
|
||
*/
|
||
getContainerHeight(isLanguageSwitchEnabled, showWeappSystemKefu, fixBtnShow) {
|
||
if (!fixBtnShow) return '160px';
|
||
|
||
let buttonCount = 1;
|
||
if (isLanguageSwitchEnabled) buttonCount++;
|
||
if (showWeappSystemKefu) buttonCount++;
|
||
|
||
const totalRpx = 94 * buttonCount - 14;
|
||
const pxValue = Math.round(totalRpx * 0.5);
|
||
|
||
return `${pxValue}px`;
|
||
}
|
||
|
||
/**
|
||
* 获取未读消息数量
|
||
* @returns {Number}
|
||
*/
|
||
getUnreadCount() {
|
||
return this.vm.$store?.state?.aiUnreadCount || 0;
|
||
}
|
||
|
||
/**
|
||
* 拨打电话联系客服
|
||
* @param {String} phoneNumber 电话号码
|
||
*/
|
||
makePhoneCallByNumber(phoneNumber) {
|
||
if (phoneNumber) {
|
||
uni.makePhoneCall({ phoneNumber });
|
||
} else {
|
||
this.makePhoneCall();
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 打开 AI 智能助手
|
||
*
|
||
* 注意:不在此处注入 __dyu=FloatBtn,理由同 openAiChatService()。
|
||
* 由调用方(hover-nav.vue 等)按需注入。
|
||
*/
|
||
openAIChat() {
|
||
try {
|
||
if (typeof this.vm.setAiUnreadCount === 'function') {
|
||
this.vm.setAiUnreadCount(0);
|
||
}
|
||
|
||
const aiChatUrl = PAGE_KEY_MAP.AI_CHAT_PAGE_URL;
|
||
|
||
uni.navigateTo({
|
||
url: aiChatUrl,
|
||
fail: (err) => {
|
||
console.error('跳转 AI智能客服失败:', err);
|
||
// #ifdef H5
|
||
window.location.href = aiChatUrl;
|
||
// #endif
|
||
uni.showToast({ title: this.vm.$lang('customerService.openFailed'), icon: 'none' });
|
||
}
|
||
});
|
||
} catch (e) {
|
||
console.error('跳转 AI智能客服异常:', e);
|
||
uni.showToast({ title: this.vm.$lang('customerService.openFailed'), icon: 'none' });
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 打开客服选择对话框（预留方法）
|
||
*/
|
||
openCustomerSelectPopupDialog() {
|
||
uni.showToast({ title: this.vm.$lang('customerService.developing'), icon: 'none' });
|
||
}
|
||
|
||
/**
|
||
* 打开客服选择弹出层（ActionSheet）
|
||
* @param {Array} kefuList 客服列表
|
||
*/
|
||
openKefuSelectPopup(kefuList) {
|
||
const kefuNames = kefuList.map(item => item.name);
|
||
uni.showActionSheet({
|
||
itemList: kefuNames,
|
||
success: (res) => {
|
||
const selectedKefu = kefuList[res.tapIndex];
|
||
const cs = createCustomerService(this.vm, selectedKefu);
|
||
|
||
if (selectedKefu.isOfficial) {
|
||
uni.openCustomerServiceConversation({
|
||
sessionFrom: 'weapp',
|
||
showMessageCard: true
|
||
});
|
||
} else if (selectedKefu.id === 'qyweixin-kefu') {
|
||
if (uni.getSystemInfoSync().platform === 'wechat') {
|
||
uni.navigateTo({
|
||
url: '/pages_tool/qyweixin-kefu/index'
|
||
});
|
||
} else {
|
||
const qyweixinUrl = this.vm.shopInfo?.qyweixinUrl;
|
||
if (qyweixinUrl) {
|
||
window.location.href = qyweixinUrl;
|
||
} else {
|
||
uni.showToast({ title: this.vm.$lang('customerService.wxworkNotConfigured'), icon: 'none' });
|
||
}
|
||
}
|
||
} else {
|
||
cs.handleCustomerClick();
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
/**
|
||
* 核心方法：统一客服入口（带验证和配置检查）
|
||
* @param {Object} options 选项参数
|
||
*/
|
||
handleUnifiedKefuClick(options = {}) {
|
||
const validation = this.validateConfig();
|
||
|
||
if (!validation.isValid) {
|
||
console.error('客服配置无效:', validation.errors);
|
||
uni.showToast({ title: this.vm.$lang('customerService.serviceUnavailable'), icon: 'none' });
|
||
return;
|
||
}
|
||
|
||
if (validation.warnings.length > 0) {
|
||
console.warn('客服配置警告:', validation.warnings);
|
||
}
|
||
|
||
const platformConfig = this.getPlatformConfig();
|
||
|
||
// 检查企业微信配置
|
||
if (platformConfig.type === 'wxwork') {
|
||
const wxworkConfig = this.getWxworkConfig();
|
||
|
||
// #ifdef MP-WEIXIN
|
||
if (!wxworkConfig?.enable || !wxworkConfig?.contact_url) {
|
||
console.warn('企业微信配置不完整，使用原生客服');
|
||
uni.showToast({ title: this.vm.$lang('customerService.wxworkConfigIncomplete'), icon: 'none' });
|
||
}
|
||
// #endif
|
||
|
||
// #ifdef H5
|
||
if (!wxworkConfig?.contact_url && !platformConfig.wxwork_url) {
|
||
console.error('企业微信链接未配置');
|
||
uni.showToast({ title: this.vm.$lang('customerService.wxworkLinkNotConfigured'), icon: 'none' });
|
||
return;
|
||
}
|
||
// #endif
|
||
}
|
||
|
||
// 直接调用统一处理方法，由 CustomerService 内部根据配置路由
|
||
try {
|
||
this.handleCustomerClick({
|
||
sendMessageTitle: options.sendMessageTitle || this.vm.$lang('customerService.fromFloatButton'),
|
||
sendMessagePath: options.sendMessagePath || '/pages/index/index'
|
||
});
|
||
} catch (error) {
|
||
console.error('客服处理失败:', error);
|
||
uni.showToast({ title: this.vm.$lang('customerService.openFailed'), icon: 'none' });
|
||
}
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 创建客服服务实例
|
||
* @param {Object} vueInstance Vue 实例（通常是 this）
|
||
* @param {Object} externalConfig 可选：外部传入的最新配置（如从 DIY 数据中提取）
|
||
* @returns {CustomerService}
|
||
*/
|
||
export function createCustomerService(vueInstance, externalConfig = null) {
|
||
return new CustomerService(vueInstance, externalConfig);
|
||
} |