Compare commits
10 Commits
047cf765da
...
e301ddc6ec
| Author | SHA1 | Date | |
|---|---|---|---|
| e301ddc6ec | |||
| a560ad4a5d | |||
| 7f7a18803f | |||
| 42563d7184 | |||
| 14a903f42a | |||
| c9f8614927 | |||
| fe9303bf4c | |||
| e4dfd0ae11 | |||
| 7037d0b083 | |||
| e8a79bd245 |
@@ -7,7 +7,7 @@ export default {
|
||||
computed: {
|
||||
// 是否是英文环境
|
||||
isEnEnv() {
|
||||
return this.$langConfig.getCurrentLocale() === 'en-us';
|
||||
return uni.getStorageSync('lang') === 'en-us';
|
||||
},
|
||||
themeStyle() {
|
||||
return this.$store.state.themeStyle;
|
||||
@@ -65,6 +65,10 @@ export default {
|
||||
componentRefresh() {
|
||||
return this.$store.state.componentRefresh;
|
||||
},
|
||||
// AI客服配置
|
||||
globalAIKefuConfig() {
|
||||
return this.$store.state.globalAIKefuConfig;
|
||||
},
|
||||
// 客服配置
|
||||
servicerConfig() {
|
||||
return this.$store.state.servicerConfig;
|
||||
|
||||
@@ -1,215 +1,161 @@
|
||||
import { langConfig } from './config-external.js';
|
||||
|
||||
|
||||
// 缓存已加载的语言包
|
||||
const loadedLangPacks = {};
|
||||
|
||||
// 处理页面目录映射
|
||||
function processRoutePath(route) {
|
||||
let routeParts = route.split("/");
|
||||
let routeParts = route.split("/");
|
||||
|
||||
// ---- 处理页面目录映射 <begin> 分包造成的,需要根据实际目录结构进行映射----
|
||||
// 先处理特殊的分包路径
|
||||
if (routeParts[0] === 'pages_tool') {
|
||||
// pages_tool 分包下的页面,直接使用子目录作为语言包路径
|
||||
routeParts = [routeParts[1], ...routeParts.slice(2)];
|
||||
} else if (routeParts[0] === 'pages_goods') {
|
||||
// pages_goods 分包映射到 goods 目录
|
||||
routeParts[0] = 'goods';
|
||||
} else if (routeParts[0] === 'pages_member') {
|
||||
// pages_member 分包映射到 member 目录
|
||||
routeParts[0] = 'member';
|
||||
} else if (routeParts[0] === 'pages_order') {
|
||||
// pages_order 分包映射到 order 目录
|
||||
routeParts[0] = 'order';
|
||||
} else if (routeParts[0] === 'pages_promotion') {
|
||||
// pages_promotion 分包特殊处理
|
||||
const promotionModules = ['point', 'fenxiao', 'merch'];
|
||||
if (routeParts[1] && promotionModules.includes(routeParts[1])) {
|
||||
routeParts = [routeParts[1], ...routeParts.slice(2)];
|
||||
}
|
||||
}
|
||||
// ---- 处理页面目录映射 <end>----
|
||||
// ---- 处理页面目录映射 <begin> 分包造成的,需要根据实际目录结构进行映射----
|
||||
if (routeParts[0] === 'pages_tool') {
|
||||
routeParts = [routeParts[1], ...routeParts.slice(2)];
|
||||
} else if (routeParts[0] === 'pages_goods') {
|
||||
routeParts[0] = 'goods';
|
||||
} else if (routeParts[0] === 'pages_member') {
|
||||
routeParts[0] = 'member';
|
||||
} else if (routeParts[0] === 'pages_order') {
|
||||
routeParts[0] = 'order';
|
||||
} else if (routeParts[0] === 'pages_promotion') {
|
||||
const promotionModules = ['point', 'fenxiao', 'merch'];
|
||||
if (routeParts[1] && promotionModules.includes(routeParts[1])) {
|
||||
routeParts = [routeParts[1], ...routeParts.slice(2)];
|
||||
}
|
||||
}
|
||||
// ---- 处理页面目录映射 <end>----
|
||||
|
||||
// 去掉pages目录,只保留子目录
|
||||
if (routeParts[0] === 'pages') {
|
||||
routeParts = routeParts.slice(1);
|
||||
}
|
||||
if (routeParts[0] === 'pages') {
|
||||
routeParts = routeParts.slice(1);
|
||||
}
|
||||
|
||||
return routeParts.join("/");
|
||||
return routeParts.join("/");
|
||||
}
|
||||
|
||||
// 加载语言包(同步方式)
|
||||
function loadLangPackSync(lang, path) {
|
||||
try {
|
||||
if (loadedLangPacks[`${lang}_${path}`]) {
|
||||
return loadedLangPacks[`${lang}_${path}`];
|
||||
}
|
||||
const langData = require(`@/lang/${lang}/${path}.js`).lang;
|
||||
loadedLangPacks[`${lang}_${path}`] = langData;
|
||||
return langData;
|
||||
} catch (error) {
|
||||
console.error(`加载语言包 ${lang}/${path} 失败:`, error);
|
||||
return {};
|
||||
}
|
||||
try {
|
||||
if (loadedLangPacks[`${lang}_${path}`]) {
|
||||
return loadedLangPacks[`${lang}_${path}`];
|
||||
}
|
||||
const langData = require(`@/lang/${lang}/${path}.js`).lang;
|
||||
loadedLangPacks[`${lang}_${path}`] = langData;
|
||||
return langData;
|
||||
} catch (error) {
|
||||
console.error(`加载语言包 ${lang}/${path} 失败:`, error);
|
||||
return {};
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
langList: langConfig.langList,
|
||||
langList: langConfig.langList,
|
||||
/**
|
||||
* 解析多语言
|
||||
*/
|
||||
lang(field) {
|
||||
let _this = getCurrentPages()[getCurrentPages().length - 1];
|
||||
if (!_this) return;
|
||||
|
||||
/**
|
||||
* 获得当前本地语言
|
||||
* @returns
|
||||
*/
|
||||
getCurrentLocale() {
|
||||
return uni.getStorageSync('lang') || "zh-cn";
|
||||
},
|
||||
const locale = uni.getStorageSync('lang') || "zh-cn";
|
||||
|
||||
/**
|
||||
* * 解析多语言
|
||||
* @param {Object} field
|
||||
*/
|
||||
lang(field) {
|
||||
let _page = getCurrentPages()[getCurrentPages().length - 1];
|
||||
if (!_page) return;
|
||||
let value = '';
|
||||
let langPath = '';
|
||||
|
||||
const locale = this.getCurrentLocale(); // 获得当前本地语言
|
||||
try {
|
||||
var lang = loadLangPackSync(locale, 'common');
|
||||
|
||||
let value = ''; // 存放解析后的语言值
|
||||
let langPath = ''; // 存放当前页面语言包路径
|
||||
let route = _this.route;
|
||||
langPath = processRoutePath(route);
|
||||
|
||||
try {
|
||||
//公共语言包(同步加载)
|
||||
var lang = loadLangPackSync(locale, 'common');
|
||||
let currentPageLang = loadLangPackSync(locale, langPath);
|
||||
|
||||
//当前页面语言包(同步加载)
|
||||
let route = _page.route;
|
||||
langPath = processRoutePath(route);
|
||||
let mergedLang = { ...lang, ...currentPageLang };
|
||||
|
||||
// 加载当前页面语言包
|
||||
let currentPageLang = loadLangPackSync(locale, langPath);
|
||||
var arr = field.split(".");
|
||||
if (arr.length > 1) {
|
||||
let temp = mergedLang;
|
||||
let found = true;
|
||||
for (let key of arr) {
|
||||
if (temp[key] !== undefined) {
|
||||
temp = temp[key];
|
||||
} else {
|
||||
found = false;
|
||||
break;
|
||||
}
|
||||
}
|
||||
value = found ? temp : field;
|
||||
} else {
|
||||
value = mergedLang[field] !== undefined ? mergedLang[field] : field;
|
||||
}
|
||||
|
||||
// 合并语言包
|
||||
let mergedLang = { ...lang, ...currentPageLang };
|
||||
} catch (e) {
|
||||
console.error('解析语言包失败:', e, { langPath, field, locale });
|
||||
value = field;
|
||||
}
|
||||
|
||||
// 解析字段
|
||||
var arr = field.split(".");
|
||||
if (arr.length > 1) {
|
||||
// 处理嵌套属性,如 common.currencySymbol
|
||||
let temp = mergedLang;
|
||||
let found = true;
|
||||
for (let key of arr) {
|
||||
if (temp[key] !== undefined) {
|
||||
temp = temp[key];
|
||||
} else {
|
||||
found = false;
|
||||
break;
|
||||
}
|
||||
}
|
||||
value = found ? temp : field;
|
||||
} else {
|
||||
value = mergedLang[field] !== undefined ? mergedLang[field] : field;
|
||||
}
|
||||
if (arguments.length > 1) {
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
value = value.replace("{" + (i - 1) + "}", arguments[i]);
|
||||
}
|
||||
}
|
||||
if (value == undefined || (value == 'title' && field == 'title')) value = '';
|
||||
|
||||
} catch (e) {
|
||||
console.error('解析语言包失败:', e, { langPath, field, locale });
|
||||
value = field;
|
||||
}
|
||||
if (field == value) {
|
||||
console.warn(`警告: 字段 ${field} 在语言包 ${langPath} 中未找到对应值,使用默认值 ${field} 当前语言: ${locale}`);
|
||||
}
|
||||
|
||||
if (arguments.length > 1) {
|
||||
//有参数,需要替换
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
value = value.replace("{" + (i - 1) + "}", arguments[i]);
|
||||
}
|
||||
}
|
||||
if (value == undefined || (value == 'title' && field == 'title')) value = ''; // field
|
||||
return value;
|
||||
},
|
||||
/**
|
||||
* 切换语言
|
||||
*/
|
||||
change(value, url = '/pages_tool/member/index') {
|
||||
let _this = getCurrentPages()[getCurrentPages().length - 1];
|
||||
if (!_this) return;
|
||||
|
||||
// 多语言调试,注释后可以关闭控制台输出
|
||||
if (field == value) {
|
||||
console.warn(`警告: 字段 ${field} 在语言包 ${langPath} 中未找到对应值,使用默认值 ${field} 当前语言: ${locale}`);
|
||||
}
|
||||
uni.setStorageSync("lang", value);
|
||||
const locale = uni.getStorageSync('lang') || "zh-cn";
|
||||
|
||||
return value;
|
||||
},
|
||||
/**
|
||||
* * 切换语言
|
||||
* @param {String} value 语言值
|
||||
* @param {String} url 切换后跳转的页面url
|
||||
*/
|
||||
change(value, url = '/pages_tool/member/index') {
|
||||
let _page = getCurrentPages()[getCurrentPages().length - 1];
|
||||
if (!_page) return;
|
||||
// ✅ 关键修复:清空所有语言包缓存(不再保留任何旧缓存)
|
||||
for (let key in loadedLangPacks) {
|
||||
delete loadedLangPacks[key];
|
||||
}
|
||||
|
||||
uni.setStorageSync("lang", value);
|
||||
const locale = this.getCurrentLocale();
|
||||
this.refresh();
|
||||
|
||||
// 清空已加载的语言包缓存
|
||||
for (let key in loadedLangPacks) {
|
||||
if (!key.startsWith(locale)) {
|
||||
delete loadedLangPacks[key];
|
||||
}
|
||||
}
|
||||
if (url) {
|
||||
uni.reLaunch({ url: url });
|
||||
}
|
||||
},
|
||||
//刷新标题、tabbar
|
||||
refresh() {
|
||||
let _this = getCurrentPages()[getCurrentPages().length - 1];
|
||||
if (!_this) return;
|
||||
const locale = uni.getStorageSync('lang') || "zh-cn";
|
||||
|
||||
this.refresh();
|
||||
|
||||
if (url) {
|
||||
uni.reLaunch({ url: url });
|
||||
}
|
||||
},
|
||||
//刷新标题、tabbar
|
||||
refresh() {
|
||||
let _page = getCurrentPages()[getCurrentPages().length - 1];
|
||||
if (!_page) return;
|
||||
|
||||
const locale = this.getCurrentLocale();
|
||||
|
||||
this.title(this.lang("title"));
|
||||
|
||||
//设置tabbar的文字语言
|
||||
// uni.setTabBarItem({
|
||||
// index: 0,
|
||||
// text: this.lang("tabBar.home")
|
||||
// });
|
||||
// uni.setTabBarItem({
|
||||
// index: 1,
|
||||
// text: this.lang("tabBar.category")
|
||||
// });
|
||||
// uni.setTabBarItem({
|
||||
// index: 2,
|
||||
// text: this.lang("tabBar.cart")
|
||||
// });
|
||||
// uni.setTabBarItem({
|
||||
// index: 3,
|
||||
// text: this.lang("tabBar.member")
|
||||
// });
|
||||
},
|
||||
title(str) {
|
||||
if (str) {
|
||||
uni.setNavigationBarTitle({
|
||||
title: str,
|
||||
success: function (res) {
|
||||
},
|
||||
fail: function (err) {
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
// 获取语言包列表
|
||||
list() {
|
||||
var list = [];
|
||||
try {
|
||||
//公共语言包
|
||||
for (var i = 0; i < langConfig.langList.length; i++) {
|
||||
let langType = langConfig.langList[i];
|
||||
let item = loadLangPackSync(langType, 'common');
|
||||
list.push({
|
||||
name: item.common ? item.common.name : langType,
|
||||
value: langType
|
||||
});
|
||||
}
|
||||
} catch (e) {
|
||||
console.error('获取语言包列表失败:', e);
|
||||
}
|
||||
return list;
|
||||
}
|
||||
this.title(this.lang("title"));
|
||||
},
|
||||
title(str) {
|
||||
if (str) {
|
||||
uni.setNavigationBarTitle({
|
||||
title: str
|
||||
});
|
||||
}
|
||||
},
|
||||
// 获取语言包列表
|
||||
list() {
|
||||
var list = [];
|
||||
try {
|
||||
for (var i = 0; i < langConfig.langList.length; i++) {
|
||||
let langType = langConfig.langList[i];
|
||||
let item = loadLangPackSync(langType, 'common');
|
||||
list.push({
|
||||
name: item.common ? item.common.name : langType,
|
||||
value: langType
|
||||
});
|
||||
}
|
||||
} catch (e) {
|
||||
console.error('获取语言包列表失败:', e);
|
||||
}
|
||||
return list;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -104,7 +104,7 @@
|
||||
},
|
||||
"router" : {
|
||||
"mode" : "history",
|
||||
"base" : "/hwappx/2811/"
|
||||
"base" : "/hwappx/common/"
|
||||
},
|
||||
"title" : "",
|
||||
"devServer" : {
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<view class="ai-chat-page" :style="wrapperPageStyle">
|
||||
<view class="container" :style="wrapperPageStyle">
|
||||
<!--自定义导航头部 -->
|
||||
<view class="custom-navbar" ref="pageHeader" v-if="showCustomNavbar">
|
||||
<view class="header-left">
|
||||
@@ -51,12 +51,11 @@
|
||||
import { mapGetters, mapMutations } from 'vuex'
|
||||
import navigationHelper from '@/common/js/navigation';
|
||||
import { EventSafety } from '@/common/js/event-safety';
|
||||
|
||||
import aiChatMessage from './ai-chat-message.vue';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
aiChatMessage,
|
||||
aiChatMessage
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -86,11 +85,11 @@ export default {
|
||||
// --- 聊天内容区域 ---
|
||||
scrollViewHeight: '0px',
|
||||
|
||||
|
||||
// 事件处理器引用(用于清理)
|
||||
safeEventHandlers: new Map()
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
...mapGetters([
|
||||
'globalAIKefuConfig'
|
||||
@@ -109,7 +108,7 @@ export default {
|
||||
},
|
||||
wrapperPageStyle() {
|
||||
// #ifdef H5
|
||||
return `top: ${this.navBarHeight + 'px'};`
|
||||
return `top: $ {this.navBarHeight + 'px'};`
|
||||
// #endif
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
@@ -121,35 +120,42 @@ export default {
|
||||
wrapperChatContentStyle() {
|
||||
return {
|
||||
height: this.containerHeight,
|
||||
paddingTop: this.showCustomNavbar ? '0' : (this.navHeight + 'px')
|
||||
paddingTop: this.showCustomNavbar ? '0' : (this.navBarHeight + 'px')
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
async onLoad(options) {
|
||||
await this.initPage(options)
|
||||
// ✅ 修改:取消权限校验,允许所有客服类型访问此页面
|
||||
// const hasAccess = this.checkAccessPermission();
|
||||
// if (!hasAccess) {
|
||||
// // 如果校验失败,不继续初始化
|
||||
// return;
|
||||
// }
|
||||
|
||||
this. $langConfig.title('AI智能客服');
|
||||
this.initChat();
|
||||
},
|
||||
|
||||
async onReady() {
|
||||
await this.initNavigation()
|
||||
await this.initNavigation();
|
||||
},
|
||||
|
||||
onShow() {
|
||||
|
||||
// 可在此补充逻辑(如刷新未读数)
|
||||
},
|
||||
|
||||
onHide() {
|
||||
|
||||
// 页面隐藏时可暂停音频等
|
||||
},
|
||||
|
||||
onUnload() {
|
||||
this.cleanup()
|
||||
this.cleanup();
|
||||
},
|
||||
|
||||
methods: {
|
||||
// ========== 安全事件处理 ==========
|
||||
setupSafeEventListeners() {
|
||||
// 使用 EventSafety 包装事件处理器
|
||||
const safeHandlers = {
|
||||
serviceRequest: EventSafety.wrapEventHandler(
|
||||
this.handleServiceRequest.bind(this),
|
||||
@@ -165,124 +171,100 @@ export default {
|
||||
)
|
||||
}
|
||||
|
||||
// 注册事件监听
|
||||
this.$on('service.requestComponentInfo', safeHandlers.serviceRequest)
|
||||
this.$on('navigation.requestInfo', safeHandlers.navigationRequest)
|
||||
this.$on('component.interaction', safeHandlers.componentInteraction)
|
||||
this. $on('service.requestComponentInfo', safeHandlers.serviceRequest);
|
||||
this. $on('navigation.requestInfo', safeHandlers.navigationRequest);
|
||||
this. $on('component.interaction', safeHandlers.componentInteraction);
|
||||
|
||||
// 保存处理器引用用于清理
|
||||
this.safeEventHandlers.set('serviceRequest', safeHandlers.serviceRequest)
|
||||
this.safeEventHandlers.set('navigationRequest', safeHandlers.navigationRequest)
|
||||
this.safeEventHandlers.set('componentInteraction', safeHandlers.componentInteraction)
|
||||
this.safeEventHandlers.set('serviceRequest', safeHandlers.serviceRequest);
|
||||
this.safeEventHandlers.set('navigationRequest', safeHandlers.navigationRequest);
|
||||
this.safeEventHandlers.set('componentInteraction', safeHandlers.componentInteraction);
|
||||
},
|
||||
|
||||
setupNavigationEvents() {
|
||||
// 监听窗口大小变化
|
||||
uni.onWindowResize((res) => {
|
||||
console.log('窗口大小变化:', res.size)
|
||||
this.calculateScrollViewHeight()
|
||||
})
|
||||
console.log('窗口大小变化:', res.size);
|
||||
this.calculateScrollViewHeight();
|
||||
});
|
||||
},
|
||||
|
||||
// ========== 事件处理方法 ==========
|
||||
|
||||
async handleServiceRequest(event) {
|
||||
console.log('处理服务请求:', EventSafety.extractEventData(event))
|
||||
console.log('处理服务请求:', EventSafety.extractEventData(event));
|
||||
|
||||
// 安全地检查事件目标
|
||||
if (event.matches('.service-component') ||
|
||||
event.detail?.componentType === 'service') {
|
||||
await this.processServiceRequest(event)
|
||||
await this.processServiceRequest(event);
|
||||
}
|
||||
},
|
||||
|
||||
async handleNavigationRequest(event) {
|
||||
console.log('处理导航请求:', event.type)
|
||||
|
||||
// 提供导航信息
|
||||
this.emitNavigationInfo(event)
|
||||
console.log('处理导航请求:', event.type);
|
||||
this.emitNavigationInfo(event);
|
||||
},
|
||||
|
||||
handleComponentInteraction(event) {
|
||||
console.log('处理组件交互:', event.detail)
|
||||
|
||||
// 安全地处理组件交互
|
||||
this.processComponentInteraction(event)
|
||||
console.log('处理组件交互:', event.detail);
|
||||
this.processComponentInteraction(event);
|
||||
},
|
||||
|
||||
handleEventError(error, event) {
|
||||
console.error('事件处理错误:', {
|
||||
error: error.message,
|
||||
eventType: event?.type,
|
||||
component: this.$options.name
|
||||
})
|
||||
component: this. $options.name
|
||||
});
|
||||
|
||||
this.showError('操作失败,请重试')
|
||||
this.showError('操作失败,请重试');
|
||||
},
|
||||
|
||||
// ========== 初始化页面 ==========
|
||||
async initPage(options = {}) {
|
||||
this.$langConfig.title('AI智能客服');
|
||||
this.initChat()
|
||||
initChat() {
|
||||
console.log('AI聊天页面初始化');
|
||||
},
|
||||
|
||||
|
||||
// 初始化导航栏相关配置
|
||||
async initNavigation() {
|
||||
try {
|
||||
// 获取导航栏高度
|
||||
this.navBarHeight = await navigationHelper.getNavigationHeight(this, {forceRefresh: false})
|
||||
|
||||
// 获取状态栏高度
|
||||
this.statusBarHeight = navigationHelper.getStatusBarHeight()
|
||||
|
||||
// 计算滚动视图高度
|
||||
this.calculateScrollViewHeight()
|
||||
|
||||
// 注册导航相关事件
|
||||
this.setupNavigationEvents()
|
||||
|
||||
this.navBarHeight = await navigationHelper.getNavigationHeight(this, {forceRefresh: false});
|
||||
this.statusBarHeight = navigationHelper.getStatusBarHeight();
|
||||
this.calculateScrollViewHeight();
|
||||
this.setupNavigationEvents();
|
||||
} catch (error) {
|
||||
console.error('初始化导航栏失败:', error)
|
||||
this.setFallbackNavigationValues()
|
||||
console.error('初始化导航栏失败:', error);
|
||||
this.setFallbackNavigationValues();
|
||||
}
|
||||
},
|
||||
|
||||
// 计算滚动视图高度
|
||||
calculateScrollViewHeight() {
|
||||
const safeArea = navigationHelper.getSafeAreaInsets()
|
||||
const bottomInset = safeArea.bottom || 0
|
||||
const inputHeight = 120 // 输入区域高度
|
||||
|
||||
this.scrollViewHeight = `calc(100vh - ${this.navBarHeight + this.statusBarHeight + inputHeight + bottomInset}px)`
|
||||
const safeArea = navigationHelper.getSafeAreaInsets();
|
||||
const bottomInset = safeArea.bottom || 0;
|
||||
const inputHeight = 120;
|
||||
this.scrollViewHeight = `calc(100vh - $ {this.navBarHeight + this.statusBarHeight + inputHeight + bottomInset}px)`;
|
||||
},
|
||||
|
||||
// 备用高度设置
|
||||
setFallbackNavigationValues() {
|
||||
// #ifdef MP-WEIXIN
|
||||
this.navBarHeight = 44
|
||||
this.statusBarHeight = 20
|
||||
this.navBarHeight = 44;
|
||||
this.statusBarHeight = 20;
|
||||
// #endif
|
||||
|
||||
// #ifdef H5
|
||||
this.navBarHeight = 44
|
||||
this.statusBarHeight = 0
|
||||
this.navBarHeight = 44;
|
||||
this.statusBarHeight = 0;
|
||||
// #endif
|
||||
|
||||
// #ifdef APP-PLUS
|
||||
this.navBarHeight = 88
|
||||
this.statusBarHeight = 44
|
||||
this.navBarHeight = 88;
|
||||
this.statusBarHeight = 44;
|
||||
// #endif
|
||||
},
|
||||
|
||||
cleanup() {
|
||||
// 清理事件监听器
|
||||
this.safeEventHandlers.forEach((handler, eventType) => {
|
||||
this.$off(eventType, handler)
|
||||
})
|
||||
this.safeEventHandlers.clear()
|
||||
|
||||
console.log('组件清理完成')
|
||||
this. $off(eventType, handler);
|
||||
});
|
||||
this.safeEventHandlers.clear();
|
||||
console.log('组件清理完成');
|
||||
},
|
||||
|
||||
showError(message) {
|
||||
@@ -290,19 +272,12 @@ export default {
|
||||
title: message,
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
// 初始化聊天
|
||||
initChat() {
|
||||
// 可以在这里加载历史消息
|
||||
console.log('AI聊天页面初始化')
|
||||
});
|
||||
},
|
||||
|
||||
// 返回上一页
|
||||
goBack() {
|
||||
uni.navigateBack()
|
||||
uni.navigateBack();
|
||||
},
|
||||
|
||||
// 显示菜单
|
||||
@@ -312,59 +287,54 @@ export default {
|
||||
success: (res) => {
|
||||
switch (res.tapIndex) {
|
||||
case 0:
|
||||
this.clearChat()
|
||||
break
|
||||
this.clearChat();
|
||||
break;
|
||||
case 1:
|
||||
this.exportChat()
|
||||
break
|
||||
this.exportChat();
|
||||
break;
|
||||
case 2:
|
||||
this.showSettings()
|
||||
break
|
||||
this.showSettings();
|
||||
break;
|
||||
case 3:
|
||||
this.showHelp()
|
||||
break
|
||||
this.showHelp();
|
||||
break;
|
||||
}
|
||||
}
|
||||
})
|
||||
});
|
||||
},
|
||||
|
||||
// 清空聊天
|
||||
clearChat() {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '确定要清空聊天记录吗?',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
this.$refs.chat.clearMessages()
|
||||
// 重新添加欢迎消息
|
||||
this.$refs.chat.addMessage({
|
||||
this. $refs.chat.clearMessages();
|
||||
this. $refs.chat.addMessage({
|
||||
id: Date.now(),
|
||||
role: 'ai',
|
||||
type: 'text',
|
||||
content: '聊天记录已清空,有什么可以帮助您的吗?',
|
||||
timestamp: Date.now()
|
||||
})
|
||||
});
|
||||
}
|
||||
}
|
||||
})
|
||||
});
|
||||
},
|
||||
|
||||
// 导出聊天记录
|
||||
exportChat() {
|
||||
uni.showToast({
|
||||
title: '功能开发中',
|
||||
icon: 'none'
|
||||
})
|
||||
});
|
||||
},
|
||||
|
||||
// 显示设置
|
||||
showSettings() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/settings/index'
|
||||
})
|
||||
});
|
||||
},
|
||||
|
||||
// 显示帮助
|
||||
showHelp() {
|
||||
const helpMessage = {
|
||||
id: Date.now(),
|
||||
@@ -391,27 +361,18 @@ export default {
|
||||
- **复制**: 长按消息可复制内容
|
||||
- **转发**: 支持消息转发功能`,
|
||||
timestamp: Date.now()
|
||||
}
|
||||
this.$refs.chat.addMessage(helpMessage)
|
||||
};
|
||||
this. $refs.chat.addMessage(helpMessage);
|
||||
},
|
||||
|
||||
// 用户发送消息
|
||||
onMessageSent(message) {
|
||||
console.log('用户发送消息:', message)
|
||||
|
||||
// 使用AI服务获取回复
|
||||
// AI聊天组件内部已经集成了AI服务,这里只需要监听事件
|
||||
console.log('用户发送消息:', message);
|
||||
},
|
||||
|
||||
// AI回复消息
|
||||
onAIResponse(message) {
|
||||
console.log('AI回复消息:', message)
|
||||
|
||||
// 可以在这里处理AI回复后的逻辑
|
||||
// 比如记录对话、更新状态等
|
||||
console.log('AI回复消息:', message);
|
||||
},
|
||||
|
||||
// 生成AI回复
|
||||
generateAIResponse(userMessage) {
|
||||
const responses = [
|
||||
'我理解您的需求,让我为您详细解答。',
|
||||
@@ -419,133 +380,142 @@ export default {
|
||||
'根据您的问题,我建议您可以考虑以下几个方面:',
|
||||
'这个问题很常见,让我为您提供一些解决方案。',
|
||||
'我明白您的困惑,让我帮您分析一下。'
|
||||
]
|
||||
];
|
||||
|
||||
const randomResponse = responses[Math.floor(Math.random() * responses.length)]
|
||||
const randomResponse = responses[Math.floor(Math.random() * responses.length)];
|
||||
|
||||
const aiMessage = {
|
||||
id: Date.now(),
|
||||
role: 'ai',
|
||||
type: 'text',
|
||||
content: `${randomResponse}\n\n您的问题"${userMessage.content}"我已经收到,正在为您处理中...`,
|
||||
content: ` $ {randomResponse}\n\n您的问题" $ {userMessage.content}"我已经收到,正在为您处理中...`,
|
||||
timestamp: Date.now(),
|
||||
actions: [
|
||||
{ type: 'like', count: 0 },
|
||||
{ type: 'dislike', count: 0 }
|
||||
]
|
||||
}
|
||||
};
|
||||
|
||||
this.$refs.chat.addMessage(aiMessage)
|
||||
this.$emit('ai-response', aiMessage)
|
||||
this. $refs.chat.addMessage(aiMessage);
|
||||
this. $emit('ai-response', aiMessage);
|
||||
},
|
||||
|
||||
// 操作按钮点击
|
||||
onActionClick({ action, message }) {
|
||||
console.log('操作点击:', action, message)
|
||||
|
||||
switch (action.type) {
|
||||
case 'like':
|
||||
uni.showToast({
|
||||
title: '感谢您的反馈!',
|
||||
icon: 'success'
|
||||
})
|
||||
break
|
||||
uni.showToast({ title: '感谢您的反馈!', icon: 'success' });
|
||||
break;
|
||||
case 'dislike':
|
||||
uni.showToast({
|
||||
title: '我们会改进服务',
|
||||
icon: 'none'
|
||||
})
|
||||
break
|
||||
uni.showToast({ title: '我们会改进服务', icon: 'none' });
|
||||
break;
|
||||
}
|
||||
},
|
||||
|
||||
// 历史消息加载完成
|
||||
onHistoryLoaded(messages) {
|
||||
console.log('历史消息加载完成:', messages.length)
|
||||
console.log('历史消息加载完成:', messages.length);
|
||||
},
|
||||
|
||||
// 文件预览
|
||||
onFilePreview(message) {
|
||||
console.log('文件预览:', message)
|
||||
uni.showToast({
|
||||
title: '打开文件: ' + message.fileName,
|
||||
icon: 'none'
|
||||
})
|
||||
uni.showToast({ title: '打开文件: ' + message.fileName, icon: 'none' });
|
||||
},
|
||||
|
||||
// 音频播放
|
||||
onAudioPlay(message) {
|
||||
console.log('音频播放:', message)
|
||||
console.log('音频播放:', message);
|
||||
},
|
||||
|
||||
// 音频暂停
|
||||
onAudioPause(message) {
|
||||
console.log('音频暂停:', message)
|
||||
console.log('音频暂停:', message);
|
||||
},
|
||||
|
||||
// 视频播放
|
||||
onVideoPlay(message) {
|
||||
console.log('视频播放:', message)
|
||||
console.log('视频播放:', message);
|
||||
},
|
||||
|
||||
// 视频暂停
|
||||
onVideoPause(message) {
|
||||
console.log('视频暂停:', message)
|
||||
console.log('视频暂停:', message);
|
||||
},
|
||||
|
||||
// 链接打开
|
||||
onLinkOpen(message) {
|
||||
console.log('链接打开:', message)
|
||||
uni.showModal({
|
||||
title: '打开链接',
|
||||
content: `确定要打开链接:${message.url} 吗?`,
|
||||
content: `确定要打开链接: $ {message.url} 吗?`,
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
// #ifdef H5
|
||||
window.open(message.url, '_blank')
|
||||
window.open(message.url, '_blank');
|
||||
// #endif
|
||||
// #ifdef APP-PLUS
|
||||
plus.runtime.openURL(message.url)
|
||||
plus.runtime.openURL(message.url);
|
||||
// #endif
|
||||
}
|
||||
}
|
||||
})
|
||||
});
|
||||
},
|
||||
|
||||
// 商品查看
|
||||
onProductView(message) {
|
||||
console.log('商品查看:', message)
|
||||
uni.showToast({
|
||||
title: '查看商品: ' + message.title,
|
||||
icon: 'none'
|
||||
})
|
||||
uni.showToast({ title: '查看商品: ' + message.title, icon: 'none' });
|
||||
},
|
||||
|
||||
// 输入内容变化
|
||||
onInputChange(value) {
|
||||
console.log('输入内容:', value)
|
||||
console.log('输入内容:', value);
|
||||
},
|
||||
|
||||
// ✅ 新增:权限校验(核心修复)
|
||||
checkAccessPermission() {
|
||||
const servicerConfig = this. $store.state.servicerConfig;
|
||||
|
||||
// 如果配置未加载,延迟重试(最多3次,防白屏)
|
||||
if (!servicerConfig) {
|
||||
console.warn('【AI客服】servicerConfig 未加载,200ms后重试...');
|
||||
setTimeout(() => {
|
||||
this.checkAccessPermission();
|
||||
}, 200);
|
||||
return false;
|
||||
}
|
||||
|
||||
let currentType = 'none';
|
||||
// #ifdef MP-WEIXIN
|
||||
currentType = servicerConfig?.weapp?.type || 'none';
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
currentType = servicerConfig?.h5?.type || 'none';
|
||||
// #endif
|
||||
|
||||
if (currentType !== 'aikefu') {
|
||||
uni.showToast({ title: '当前客服类型不支持此页面', icon: 'none' });
|
||||
setTimeout(() => {
|
||||
const pages = getCurrentPages();
|
||||
if (pages.length > 1) {
|
||||
uni.navigateBack();
|
||||
} else {
|
||||
// 回到首页(假设首页是 tab 页)
|
||||
uni.switchTab({ url: '/pages/index/index' });
|
||||
}
|
||||
}, 1500);
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
/* 引入图标字体 */
|
||||
@import url('@/common/css/iconfont.css');
|
||||
@import url('/common/css/iconfont.css');
|
||||
|
||||
/* 页面样式 */
|
||||
.ai-chat-page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #f8f8f8;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: white; /* 白色 */
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/* 自定义导航头部 */
|
||||
.custom-navbar {
|
||||
@@ -553,7 +523,7 @@ export default {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 20rpx 30rpx;
|
||||
background-color: white;
|
||||
background-color: #c4e0ff; /* 浅蓝色 */
|
||||
border-bottom: 2rpx solid #eeeeee;
|
||||
|
||||
.header-left {
|
||||
@@ -565,7 +535,7 @@ export default {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #f8f8f8;
|
||||
background-color: #ffffff; /* 白色按钮 */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -610,7 +580,7 @@ export default {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #f8f8f8;
|
||||
background-color: #ffffff; /* 白色按钮 */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -634,18 +604,11 @@ export default {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 底部tabBar占位样式 */
|
||||
.page-bottom {
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
</style>
|
||||
@@ -7,7 +7,7 @@
|
||||
"setting": {
|
||||
"urlCheck": true,
|
||||
"es6": true,
|
||||
"enhance": true,
|
||||
"enhance": false,
|
||||
"postcss": true,
|
||||
"preloadBackgroundData": false,
|
||||
"minified": true,
|
||||
@@ -39,27 +39,19 @@
|
||||
"packNpmManually": false,
|
||||
"packNpmRelationList": [],
|
||||
"minifyWXSS": true,
|
||||
"condition": true,
|
||||
"swc": false,
|
||||
"disableSWC": true,
|
||||
"compileWorklet": false,
|
||||
"minifyWXML": true,
|
||||
"compileWorklet": true,
|
||||
"localPlugins": false,
|
||||
"disableUseStrict": false,
|
||||
"useCompilerPlugins": false
|
||||
"useCompilerPlugins": false,
|
||||
"condition": false,
|
||||
"swc": false,
|
||||
"disableSWC": true
|
||||
},
|
||||
"compileType": "miniprogram",
|
||||
"libVersion": "2.16.1",
|
||||
"libVersion": "3.12.0",
|
||||
"appid": "wx29215aa1bd97bbd6",
|
||||
"projectname": "uniapp",
|
||||
"debugOptions": {
|
||||
"hidedInDevtools": []
|
||||
},
|
||||
"scripts": {},
|
||||
"staticServerOptions": {
|
||||
"baseURL": "",
|
||||
"servePath": ""
|
||||
},
|
||||
"isGameTourist": false,
|
||||
"condition": {
|
||||
"search": {
|
||||
@@ -80,5 +72,7 @@
|
||||
"miniprogram": {
|
||||
"list": []
|
||||
}
|
||||
}
|
||||
},
|
||||
"simulatorPluginLibVersion": {},
|
||||
"editorSetting": {}
|
||||
}
|
||||
4
site.js
4
site.js
@@ -1,4 +1,4 @@
|
||||
module.exports = {
|
||||
baseUrl: "https://xcx6.aigc-quickapp.com/",//修改域名
|
||||
uniacid: 2811,//后台对应uniacid
|
||||
baseUrl: "https://dev.aigc-quickapp.com/",//修改域名
|
||||
uniacid: 1,//后台对应uniacid
|
||||
};
|
||||
@@ -65,6 +65,7 @@ const store = new Vuex.Store({
|
||||
bottomNavHidden: false, // 底部导航是否隐藏,true:隐藏,false:显示
|
||||
aiUnreadCount: 10, // AI未读消息数量
|
||||
globalAIKefuConfig: null, // AI客服配置
|
||||
customerServiceType: 'ai',
|
||||
globalStoreConfig: null, // 门店配置
|
||||
globalStoreInfo: null, // 门店信息
|
||||
defaultStoreInfo: null, // 默认门店
|
||||
@@ -159,6 +160,9 @@ const store = new Vuex.Store({
|
||||
state.globalAIKefuConfig = value;
|
||||
uni.setStorageSync('globalAIKefuConfig', value); // 初始化数据调用
|
||||
},
|
||||
setCustomerServiceType(state, type) {
|
||||
state.customerServiceType = type;
|
||||
},
|
||||
setGlobalStoreConfig(state, value) {
|
||||
state.globalStoreConfig = value;
|
||||
uni.setStorageSync('globalStoreConfig', value); // 初始化数据调用
|
||||
@@ -412,7 +416,7 @@ const store = new Vuex.Store({
|
||||
},
|
||||
// 生成主题颜色CSS变量
|
||||
themeColorSet() {
|
||||
// console.log('样式颜色设置...');
|
||||
console.log('样式颜色设置...');
|
||||
let theme = this.state.themeStyle;
|
||||
if (!theme?.main_color || !theme?.aux_color) return;
|
||||
try {
|
||||
@@ -436,7 +440,7 @@ const store = new Vuex.Store({
|
||||
} catch (e) {
|
||||
console.error('设置主题颜色失败', e);
|
||||
}
|
||||
// console.log('themeColor => ', this.state.themeColor);
|
||||
console.log('themeColor => ', this.state.themeColor);
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user