Compare commits
5 Commits
feat-qywei
...
custom/uni
| Author | SHA1 | Date | |
|---|---|---|---|
|
fe3d00c653 | ||
|
|
5c7daab504 | ||
|
|
e77bdc0359 | ||
|
|
5b37e00b98 | ||
|
|
123daa600c |
34
App.vue
34
App.vue
@@ -4,6 +4,8 @@
|
||||
import {
|
||||
Weixin
|
||||
} from 'common/js/wx-jssdk.js';
|
||||
// 新增：引入多语言核心工具类
|
||||
import langConfig from '@/common/js/lang.js';
|
||||
|
||||
export default {
|
||||
mixins: [auth],
|
||||
@@ -15,6 +17,9 @@
|
||||
}
|
||||
uni.hideTabBar();
|
||||
|
||||
// 新增：应用启动时初始化多语言（核心修改）
|
||||
this.initLang();
|
||||
|
||||
// #ifdef MP
|
||||
const updateManager = uni.getUpdateManager();
|
||||
updateManager.onCheckForUpdate(function(res) {
|
||||
@@ -23,8 +28,8 @@
|
||||
|
||||
updateManager.onUpdateReady(function(res) {
|
||||
uni.showModal({
|
||||
title: '更新提示',
|
||||
content: '新版本已经准备好，是否重启应用？',
|
||||
title: langConfig.lang('common.updateTip'), // 新增：多语言标题
|
||||
content: langConfig.lang('common.updateContent'), // 新增：多语言内容
|
||||
success(res) {
|
||||
if (res.confirm) {
|
||||
// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
|
||||
@@ -48,8 +53,8 @@
|
||||
uni.onNetworkStatusChange(function(res) {
|
||||
if (!res.isConnected) {
|
||||
uni.showModal({
|
||||
title: '网络失去链接',
|
||||
content: '请检查网络链接',
|
||||
title: langConfig.lang('common.networkTip'), // 新增：多语言标题
|
||||
content: langConfig.lang('common.networkContent'), // 新增：多语言内容
|
||||
showCancel: false
|
||||
});
|
||||
}
|
||||
@@ -98,11 +103,6 @@
|
||||
if (uni.getStorageSync('servicerConfig')) {
|
||||
this.$store.commit('setServicerConfig', uni.getStorageSync('servicerConfig'));
|
||||
}
|
||||
|
||||
// 企业微信配置
|
||||
if (uni.getStorageSync('wxworkConfig')) {
|
||||
this.$store.commit('setWxworkConfig', uni.getStorageSync('wxworkConfig'));
|
||||
}
|
||||
|
||||
// 版权信息
|
||||
if (uni.getStorageSync('copyright')) {
|
||||
@@ -149,6 +149,9 @@
|
||||
// #endif
|
||||
},
|
||||
onShow: function(options) {
|
||||
// 新增：应用前台显示时刷新多语言（确保切后台后语言仍生效）
|
||||
langConfig.refresh();
|
||||
|
||||
// #ifdef MP
|
||||
// 自动授权登录
|
||||
this.getAuthInfo();
|
||||
@@ -170,6 +173,19 @@
|
||||
},
|
||||
onHide: function() {},
|
||||
methods: {
|
||||
// 新增：多语言初始化方法
|
||||
initLang() {
|
||||
// 1. 读取本地存储的语言，无则默认中文
|
||||
const currentLang = uni.getStorageSync('lang') || 'zh-cn';
|
||||
// 2. 初始化lang.js的locale变量（确保全局语言一致）
|
||||
langConfig.locale = currentLang;
|
||||
// 3. 刷新多语言配置（标题、tabBar等）
|
||||
langConfig.refresh();
|
||||
// 4. 挂载全局多语言方法（方便所有页面直接调用）
|
||||
uni.$lang = langConfig.lang;
|
||||
// 5. 挂载全局语言切换方法（可选，方便全局调用）
|
||||
uni.$switchLang = langConfig.change;
|
||||
},
|
||||
/**
|
||||
* 获取授权信息
|
||||
*/
|
||||
|
||||
@@ -14,16 +14,16 @@ try {
|
||||
// 调试版本，配置说明
|
||||
const devCfg = {
|
||||
// 商户ID
|
||||
uniacid: 460, //825
|
||||
uniacid: 2285, //825
|
||||
|
||||
//api请求地址
|
||||
baseUrl: 'https://xcx30.5g-quickapp.com/',
|
||||
baseUrl: 'https://xcx.aigc-quickapp.com/',
|
||||
|
||||
// 图片域名
|
||||
imgDomain: 'https://xcx30.5g-quickapp.com/',
|
||||
imgDomain: 'https://xcx.aigc-quickapp.com/',
|
||||
|
||||
// H5端域名
|
||||
h5Domain: 'https://xcx30.5g-quickapp.com/',
|
||||
h5Domain: 'https://xcx.aigc-quickapp.com/',
|
||||
|
||||
// // api请求地址
|
||||
// baseUrl: 'https://tsaas.liveplatform.cn/',
|
||||
|
||||
@@ -1,484 +0,0 @@
|
||||
/**
|
||||
* 客服统一处理服务
|
||||
* 整合各种客服方式，提供统一的调用接口
|
||||
*/
|
||||
|
||||
export class CustomerService {
|
||||
constructor(vueInstance) {
|
||||
this.vm = vueInstance;
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取平台配置
|
||||
* @returns {Object} 平台对应的客服配置
|
||||
*/
|
||||
getPlatformConfig() {
|
||||
const servicerConfig = this.vm.$store.state.servicerConfig;
|
||||
if (!servicerConfig) return null;
|
||||
|
||||
// #ifdef H5
|
||||
return servicerConfig.h5;
|
||||
// #endif
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
return servicerConfig.weapp;
|
||||
// #endif
|
||||
|
||||
// #ifdef MP-ALIPAY
|
||||
return servicerConfig.aliapp;
|
||||
// #endif
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取企业微信配置
|
||||
* @returns {Object} 企业微信配置
|
||||
*/
|
||||
getWxworkConfig() {
|
||||
return this.vm.$store.state.wxworkConfig;
|
||||
}
|
||||
|
||||
/**
|
||||
* 检查客服配置是否可用
|
||||
* @returns {boolean} 是否有可用配置
|
||||
*/
|
||||
isConfigAvailable() {
|
||||
const config = this.getPlatformConfig();
|
||||
return config && typeof config === 'object' && config.type;
|
||||
}
|
||||
|
||||
/**
|
||||
* 验证客服配置完整性
|
||||
* @returns {Object} 验证结果
|
||||
*/
|
||||
validateConfig() {
|
||||
const config = this.getPlatformConfig();
|
||||
const wxworkConfig = this.getWxworkConfig();
|
||||
|
||||
const result = {
|
||||
isValid: true,
|
||||
errors: [],
|
||||
warnings: []
|
||||
};
|
||||
|
||||
if (!config) {
|
||||
result.isValid = false;
|
||||
result.errors.push('客服配置不存在');
|
||||
return result;
|
||||
}
|
||||
|
||||
if (!config.type) {
|
||||
result.isValid = false;
|
||||
result.errors.push('客服类型未配置');
|
||||
}
|
||||
|
||||
// 验证企业微信配置
|
||||
if (config.type === 'wxwork') {
|
||||
if (!wxworkConfig) {
|
||||
result.isValid = false;
|
||||
result.errors.push('企业微信配置不存在');
|
||||
} else {
|
||||
if (!wxworkConfig.enable) {
|
||||
result.warnings.push('企业微信功能未启用');
|
||||
}
|
||||
if (!wxworkConfig.contact_url) {
|
||||
result.warnings.push('企业微信活码链接未配置，将使用原有客服方式');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取客服类型
|
||||
* @returns {string} 客服类型
|
||||
*/
|
||||
getServiceType() {
|
||||
const config = this.getPlatformConfig();
|
||||
return config?.type || 'none';
|
||||
}
|
||||
|
||||
/**
|
||||
* 处理客服点击事件
|
||||
* @param {Object} options 选项参数
|
||||
* @param {Object} options.niushop 牛商客服参数
|
||||
* @param {string} options.sendMessageTitle 消息标题
|
||||
* @param {string} options.sendMessagePath 消息路径
|
||||
* @param {string} options.sendMessageImg 消息图片
|
||||
*/
|
||||
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;
|
||||
}
|
||||
|
||||
// 根据类型处理客服
|
||||
switch (config.type) {
|
||||
case 'wxwork':
|
||||
this.openWxworkService(false, config, options);
|
||||
break;
|
||||
case 'third':
|
||||
this.openThirdService(config);
|
||||
break;
|
||||
case 'niushop':
|
||||
this.openNiushopService(niushop);
|
||||
break;
|
||||
case 'weapp':
|
||||
this.openWeappService(config, options);
|
||||
break;
|
||||
case 'aliapp':
|
||||
this.openAliappService(config);
|
||||
break;
|
||||
default:
|
||||
this.makePhoneCall();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 打开企业微信客服
|
||||
* @param {boolean} useOriginalService 是否使用原有客服方式
|
||||
* @param {Object} servicerConfig 客服配置
|
||||
*/
|
||||
openWxworkService(useOriginalService = false, servicerConfig = null, options = {}) {
|
||||
const config = servicerConfig || this.getPlatformConfig();
|
||||
const wxworkConfig = this.getWxworkConfig();
|
||||
|
||||
const {
|
||||
sendMessageTitle = '',
|
||||
sendMessagePath = '',
|
||||
sendMessageImg = ''
|
||||
} = options;
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
if (wxworkConfig?.enable && wxworkConfig?.contact_url && !useOriginalService) {
|
||||
// 使用活码链接跳转到企业微信
|
||||
wx.navigateToMiniProgram({
|
||||
appId: 'wxeb490c6f9b154ef9', // 企业微信官方小程序AppID
|
||||
path: `pages/contacts/externalContactDetail?url=${encodeURIComponent(wxworkConfig.contact_url)}`,
|
||||
success: () => {
|
||||
console.log('跳转企业微信成功');
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('跳转企业微信失败:', err);
|
||||
this.fallbackToOriginalService();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
// 使用原有的客服会话方式
|
||||
wx.openCustomerServiceChat({
|
||||
extInfo: { url: config.wxwork_url },
|
||||
corpId: config.corpid,
|
||||
showMessageCard: true,
|
||||
sendMessageTitle,
|
||||
sendMessagePath,
|
||||
sendMessageImg
|
||||
});
|
||||
}
|
||||
// #endif
|
||||
|
||||
// #ifdef H5
|
||||
if (wxworkConfig?.enable && wxworkConfig?.contact_url) {
|
||||
window.location.href = wxworkConfig.contact_url;
|
||||
} else {
|
||||
location.href = config.wxwork_url;
|
||||
}
|
||||
// #endif
|
||||
}
|
||||
|
||||
/**
|
||||
* 打开第三方客服
|
||||
* @param {Object} config 客服配置
|
||||
*/
|
||||
openThirdService(config) {
|
||||
if (config.third_url) {
|
||||
location.href = config.third_url;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 打开牛商客服
|
||||
* @param {Object} niushop 牛商参数
|
||||
*/
|
||||
openNiushopService(niushop) {
|
||||
if (Object.keys(niushop).length > 0) {
|
||||
this.vm.$util.redirectTo('/pages_tool/chat/room', niushop);
|
||||
} else {
|
||||
this.makePhoneCall();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 打开微信小程序客服
|
||||
* @param {Object} config 客服配置
|
||||
* @param {Object} options 选项参数
|
||||
*/
|
||||
openWeappService(config, options = {}) {
|
||||
// 如果是官方客服，由 open-type="contact" 自动处理
|
||||
if (!this.shouldUseCustomService(config)) {
|
||||
console.log('使用官方微信小程序客服');
|
||||
return;
|
||||
}
|
||||
|
||||
// 自定义客服处理
|
||||
console.log('使用自定义微信小程序客服');
|
||||
|
||||
// 这里可以实现自定义的客服逻辑
|
||||
// 例如：跳转到自定义客服页面、显示客服弹窗等
|
||||
const {
|
||||
sendMessageTitle = '',
|
||||
sendMessagePath = '',
|
||||
sendMessageImg = ''
|
||||
} = options;
|
||||
|
||||
// 实现自定义客服逻辑
|
||||
this.handleCustomWeappService(config, options);
|
||||
}
|
||||
|
||||
/**
|
||||
* 处理自定义微信小程序客服
|
||||
* @param {Object} config 客服配置
|
||||
* @param {Object} options 选项参数
|
||||
*/
|
||||
handleCustomWeappService(config, options = {}) {
|
||||
const {
|
||||
sendMessageTitle = '',
|
||||
sendMessagePath = '',
|
||||
sendMessageImg = ''
|
||||
} = options;
|
||||
|
||||
// 优先级1: 如果有自定义客服页面URL，跳转到自定义页面
|
||||
if (config.customServiceUrl) {
|
||||
// 构建带参数的URL
|
||||
let url = config.customServiceUrl;
|
||||
const params = [];
|
||||
|
||||
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: url,
|
||||
fail: (err) => {
|
||||
console.error('跳转自定义客服页面失败:', err);
|
||||
this.tryThirdPartyService(config, options);
|
||||
}
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// 优先级2: 尝试第三方客服
|
||||
this.tryThirdPartyService(config, options);
|
||||
}
|
||||
|
||||
/**
|
||||
* 尝试使用第三方客服
|
||||
* @param {Object} config 客服配置
|
||||
* @param {Object} options 选项参数
|
||||
*/
|
||||
tryThirdPartyService(config, options = {}) {
|
||||
// 如果配置了第三方客服URL
|
||||
if (config.thirdPartyServiceUrl) {
|
||||
// #ifdef H5
|
||||
window.open(config.thirdPartyServiceUrl, '_blank');
|
||||
// #endif
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
// 微信小程序可以使用web-view或者跳转到第三方小程序
|
||||
if (config.thirdPartyMiniAppId) {
|
||||
wx.navigateToMiniProgram({
|
||||
appId: config.thirdPartyMiniAppId,
|
||||
path: config.thirdPartyMiniAppPath || '',
|
||||
fail: (err) => {
|
||||
console.error('跳转第三方小程序失败:', err);
|
||||
this.fallbackToPhoneCall();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
// 设置到剪贴板，让用户手动访问
|
||||
uni.setClipboardData({
|
||||
data: config.thirdPartyServiceUrl,
|
||||
success: () => {
|
||||
uni.showModal({
|
||||
title: '客服链接已复制',
|
||||
content: '客服链接已复制到剪贴板，请在浏览器中粘贴访问',
|
||||
showCancel: false
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
// #endif
|
||||
return;
|
||||
}
|
||||
|
||||
// 降级到电话客服
|
||||
this.fallbackToPhoneCall();
|
||||
}
|
||||
|
||||
/**
|
||||
* 降级到电话客服
|
||||
*/
|
||||
fallbackToPhoneCall() {
|
||||
uni.showModal({
|
||||
title: '联系客服',
|
||||
content: '在线客服暂时不可用，是否拨打电话联系客服？',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
this.makePhoneCall();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 打开支付宝小程序客服
|
||||
* @param {Object} config 客服配置
|
||||
*/
|
||||
openAliappService(config) {
|
||||
// 支付宝小程序客服会由 contact-button 组件自动处理
|
||||
console.log('支付宝小程序客服');
|
||||
}
|
||||
|
||||
/**
|
||||
* 拨打电话
|
||||
*/
|
||||
makePhoneCall() {
|
||||
this.vm.$api.sendRequest({
|
||||
url: '/api/site/shopcontact',
|
||||
success: res => {
|
||||
if (res.code === 0 && res.data?.mobile) {
|
||||
uni.makePhoneCall({
|
||||
phoneNumber: res.data.mobile
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 显示无客服弹窗
|
||||
*/
|
||||
showNoServicePopup() {
|
||||
const siteInfo = this.vm.$store.state.siteInfo;
|
||||
const message = siteInfo?.site_tel
|
||||
? `请联系客服，客服电话是${siteInfo.site_tel}`
|
||||
: '抱歉，商家暂无客服，请线下联系';
|
||||
|
||||
uni.showModal({
|
||||
title: '联系客服',
|
||||
content: message,
|
||||
showCancel: false
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 显示配置错误弹窗
|
||||
* @param {Array} errors 错误列表
|
||||
*/
|
||||
showConfigErrorPopup(errors) {
|
||||
const message = errors.join('\n');
|
||||
uni.showModal({
|
||||
title: '配置错误',
|
||||
content: `客服配置有误：\n${message}`,
|
||||
showCancel: false
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 降级处理：使用原有客服方式
|
||||
*/
|
||||
fallbackToOriginalService() {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '无法直接添加企业微信客服，是否使用其他方式联系客服？',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
console.log('降级处理：使用原有客服方式');
|
||||
this.openWxworkService(true);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取客服按钮配置
|
||||
* @returns {Object} 按钮配置
|
||||
*/
|
||||
getButtonConfig() {
|
||||
const config = this.getPlatformConfig();
|
||||
if (!config) return { openType: '' };
|
||||
|
||||
let openType = '';
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
if (config.type === 'weapp') {
|
||||
// 检查是否使用官方客服
|
||||
if (config.useOfficial !== false) { // 默认为true，使用官方客服
|
||||
openType = 'contact';
|
||||
}
|
||||
}
|
||||
// #endif
|
||||
|
||||
// #ifdef MP-ALIPAY
|
||||
if (config.type === 'aliapp') openType = 'contact';
|
||||
// #endif
|
||||
|
||||
return {
|
||||
...config,
|
||||
openType
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* 判断是否应该使用自定义客服处理
|
||||
* @param {Object} config 客服配置
|
||||
* @returns {boolean} 是否使用自定义客服
|
||||
*/
|
||||
shouldUseCustomService(config) {
|
||||
// #ifdef MP-WEIXIN
|
||||
// 如果是微信小程序且type为weapp，检查useOfficial配置
|
||||
if (config?.type === 'weapp') {
|
||||
return config.useOfficial === false; // 明确设置为false才使用自定义
|
||||
}
|
||||
// #endif
|
||||
|
||||
// 其他平台或类型都使用自定义处理
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 创建客服服务实例
|
||||
* @param {Object} vueInstance Vue实例
|
||||
* @returns {CustomerService} 客服服务实例
|
||||
*/
|
||||
export function createCustomerService(vueInstance) {
|
||||
return new CustomerService(vueInstance);
|
||||
}
|
||||
@@ -1,190 +1,186 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 页面样式，动态设置主色调
|
||||
themeColor: '' //''--base-color:#fa5d14;--base-help-color:#ff7e00;'
|
||||
}
|
||||
},
|
||||
onLoad() {},
|
||||
onShow() {
|
||||
// 刷新多语言
|
||||
this.$langConfig.refresh();
|
||||
let time = setInterval(() => {
|
||||
let theme = this.themeStyle;
|
||||
if (theme && theme.main_color) {
|
||||
this.themeColorSet();
|
||||
clearInterval(time);
|
||||
}
|
||||
}, 50);
|
||||
},
|
||||
computed: {
|
||||
themeStyle() {
|
||||
return this.$store.state.themeStyle;
|
||||
},
|
||||
// 插件是否存在
|
||||
addonIsExist() {
|
||||
return this.$store.state.addonIsExist;
|
||||
},
|
||||
tabBarList() {
|
||||
return this.$store.state.tabBarList;
|
||||
},
|
||||
siteInfo() {
|
||||
return this.$store.state.siteInfo;
|
||||
},
|
||||
memberInfo() {
|
||||
return this.$store.state.memberInfo;
|
||||
},
|
||||
storeToken() {
|
||||
return this.$store.state.token;
|
||||
},
|
||||
bottomNavHidden() {
|
||||
return this.$store.state.bottomNavHidden;
|
||||
},
|
||||
globalStoreConfig() {
|
||||
return this.$store.state.globalStoreConfig;
|
||||
},
|
||||
globalStoreInfo() {
|
||||
return this.$store.state.globalStoreInfo;
|
||||
},
|
||||
// 定位信息
|
||||
location() {
|
||||
return this.$store.state.location;
|
||||
},
|
||||
// 定位信息（缓存）
|
||||
locationStorage() {
|
||||
let data = uni.getStorageSync('location');
|
||||
if (data) {
|
||||
var date = new Date();
|
||||
if (this.mapConfig.wap_valid_time > 0) {
|
||||
data.is_expired = (date.getTime() / 1000) > data.valid_time; // 是否过期
|
||||
} else {
|
||||
data.is_expired = false;
|
||||
}
|
||||
}
|
||||
return data;
|
||||
},
|
||||
// 默认总店（定位失败后使用）
|
||||
defaultStoreInfo() {
|
||||
return this.$store.state.defaultStoreInfo;
|
||||
},
|
||||
// 组件刷新计数
|
||||
componentRefresh() {
|
||||
return this.$store.state.componentRefresh;
|
||||
},
|
||||
// 客服配置
|
||||
servicerConfig() {
|
||||
return this.$store.state.servicerConfig;
|
||||
},
|
||||
// 企业微信配置
|
||||
wxworkConfig() {
|
||||
return this.$store.state.wxworkConfig;
|
||||
},
|
||||
diySeckillInterval() {
|
||||
return this.$store.state.diySeckillInterval;
|
||||
},
|
||||
tabBarHeight() {
|
||||
return this.$store.state.tabBarHeight;
|
||||
},
|
||||
mapConfig() {
|
||||
return this.$store.state.mapConfig;
|
||||
},
|
||||
copyright() {
|
||||
let copyright = this.$store.state.copyright;
|
||||
// 判断是否授权
|
||||
if (copyright && !copyright.auth) {
|
||||
copyright.logo = '';
|
||||
copyright.copyright_link = '';
|
||||
}
|
||||
return copyright;
|
||||
},
|
||||
cartList() {
|
||||
return this.$store.state.cartList;
|
||||
},
|
||||
cartIds() {
|
||||
return this.$store.state.cartIds;
|
||||
},
|
||||
cartNumber() {
|
||||
return this.$store.state.cartNumber;
|
||||
},
|
||||
cartMoney() {
|
||||
return this.$store.state.cartMoney;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
themeColorSet() {
|
||||
let theme = this.themeStyle;
|
||||
this.themeColor = `--base-color:${theme.main_color};--base-help-color:${theme.aux_color};`;
|
||||
if (this.tabBarHeight != '56px') this.themeColor += `--tab-bar-height:${this.tabBarHeight};`
|
||||
Object.keys(theme).forEach(key => {
|
||||
let data = theme[key];
|
||||
if (typeof(data) == "object") {
|
||||
Object.keys(data).forEach(k => {
|
||||
this.themeColor += '--' + k.replace(/_/g, "-") + ':' + data[k] + ';';
|
||||
});
|
||||
} else if (typeof(key) == "string" && key) {
|
||||
this.themeColor += '--' + key.replace(/_/g, "-") + ':' + data + ';';
|
||||
}
|
||||
});
|
||||
for (let i = 9; i >= 5; i--) {
|
||||
let color = this.$util.colourBlend(theme.main_color, '#ffffff', (i / 10));
|
||||
this.themeColor += `--base-color-light-${i}:${color};`;
|
||||
}
|
||||
},
|
||||
// 颜色变浅（>0）、变深函数（<0）
|
||||
lightenDarkenColor(color, amount) {
|
||||
|
||||
var usePound = false;
|
||||
|
||||
if (color[0] == "#") {
|
||||
color = color.slice(1);
|
||||
usePound = true;
|
||||
}
|
||||
|
||||
var num = parseInt(color, 16);
|
||||
|
||||
var r = (num >> 16) + amount;
|
||||
|
||||
if (r > 255) r = 255;
|
||||
else if (r < 0) r = 0;
|
||||
|
||||
var b = ((num >> 8) & 0x00FF) + amount;
|
||||
|
||||
if (b > 255) b = 255;
|
||||
else if (b < 0) b = 0;
|
||||
|
||||
var g = (num & 0x0000FF) + amount;
|
||||
|
||||
if (g > 255) g = 255;
|
||||
else if (g < 0) g = 0;
|
||||
|
||||
return (usePound ? "#" : "") + (g | (b << 8) | (r << 16)).toString(16);
|
||||
|
||||
},
|
||||
/**
|
||||
* 切换门店
|
||||
* @param {Object} info 门店信息
|
||||
* @param {Object} isJump 是否跳转到首页
|
||||
*/
|
||||
changeStore(info, isJump) {
|
||||
if (info) {
|
||||
this.$store.commit('setGlobalStoreInfo', info);
|
||||
}
|
||||
let route = this.$util.getCurrRoute();
|
||||
if (isJump && route != 'pages/index/index') {
|
||||
uni.setStorageSync('manual_change_store', true); // 手动切换门店
|
||||
this.$store.dispatch('getCartNumber'); //重新获取购物车数据
|
||||
this.$util.redirectTo('/pages/index/index');
|
||||
}
|
||||
}
|
||||
},
|
||||
filters: {
|
||||
/**
|
||||
* 金额格式化输出
|
||||
* @param {Object} money
|
||||
*/
|
||||
moneyFormat(money) {
|
||||
if (isNaN(parseFloat(money))) return money;
|
||||
return parseFloat(money).toFixed(2);
|
||||
}
|
||||
}
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 页面样式，动态设置主色调
|
||||
themeColor: '' //''--base-color:#fa5d14;--base-help-color:#ff7e00;'
|
||||
}
|
||||
},
|
||||
onLoad() {},
|
||||
onShow() {
|
||||
// 刷新多语言
|
||||
this.$langConfig.refresh();
|
||||
let time = setInterval(() => {
|
||||
let theme = this.themeStyle;
|
||||
if (theme && theme.main_color) {
|
||||
this.themeColorSet();
|
||||
clearInterval(time);
|
||||
}
|
||||
}, 50);
|
||||
},
|
||||
computed: {
|
||||
themeStyle() {
|
||||
return this.$store.state.themeStyle;
|
||||
},
|
||||
// 插件是否存在
|
||||
addonIsExist() {
|
||||
return this.$store.state.addonIsExist;
|
||||
},
|
||||
tabBarList() {
|
||||
return this.$store.state.tabBarList;
|
||||
},
|
||||
siteInfo() {
|
||||
return this.$store.state.siteInfo;
|
||||
},
|
||||
memberInfo() {
|
||||
return this.$store.state.memberInfo;
|
||||
},
|
||||
storeToken() {
|
||||
return this.$store.state.token;
|
||||
},
|
||||
bottomNavHidden() {
|
||||
return this.$store.state.bottomNavHidden;
|
||||
},
|
||||
globalStoreConfig() {
|
||||
return this.$store.state.globalStoreConfig;
|
||||
},
|
||||
globalStoreInfo() {
|
||||
return this.$store.state.globalStoreInfo;
|
||||
},
|
||||
// 定位信息
|
||||
location() {
|
||||
return this.$store.state.location;
|
||||
},
|
||||
// 定位信息（缓存）
|
||||
locationStorage() {
|
||||
let data = uni.getStorageSync('location');
|
||||
if (data) {
|
||||
var date = new Date();
|
||||
if (this.mapConfig.wap_valid_time > 0) {
|
||||
data.is_expired = (date.getTime() / 1000) > data.valid_time; // 是否过期
|
||||
} else {
|
||||
data.is_expired = false;
|
||||
}
|
||||
}
|
||||
return data;
|
||||
},
|
||||
// 默认总店（定位失败后使用）
|
||||
defaultStoreInfo() {
|
||||
return this.$store.state.defaultStoreInfo;
|
||||
},
|
||||
// 组件刷新计数
|
||||
componentRefresh() {
|
||||
return this.$store.state.componentRefresh;
|
||||
},
|
||||
// 客服配置
|
||||
servicerConfig() {
|
||||
return this.$store.state.servicerConfig;
|
||||
},
|
||||
diySeckillInterval() {
|
||||
return this.$store.state.diySeckillInterval;
|
||||
},
|
||||
tabBarHeight() {
|
||||
return this.$store.state.tabBarHeight;
|
||||
},
|
||||
mapConfig() {
|
||||
return this.$store.state.mapConfig;
|
||||
},
|
||||
copyright() {
|
||||
let copyright = this.$store.state.copyright;
|
||||
// 判断是否授权
|
||||
if (copyright && !copyright.auth) {
|
||||
copyright.logo = '';
|
||||
copyright.copyright_link = '';
|
||||
}
|
||||
return copyright;
|
||||
},
|
||||
cartList() {
|
||||
return this.$store.state.cartList;
|
||||
},
|
||||
cartIds() {
|
||||
return this.$store.state.cartIds;
|
||||
},
|
||||
cartNumber() {
|
||||
return this.$store.state.cartNumber;
|
||||
},
|
||||
cartMoney() {
|
||||
return this.$store.state.cartMoney;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
themeColorSet() {
|
||||
let theme = this.themeStyle;
|
||||
this.themeColor = `--base-color:${theme.main_color};--base-help-color:${theme.aux_color};`;
|
||||
if (this.tabBarHeight != '56px') this.themeColor += `--tab-bar-height:${this.tabBarHeight};`
|
||||
Object.keys(theme).forEach(key => {
|
||||
let data = theme[key];
|
||||
if (typeof(data) == "object") {
|
||||
Object.keys(data).forEach(k => {
|
||||
this.themeColor += '--' + k.replace(/_/g, "-") + ':' + data[k] + ';';
|
||||
});
|
||||
} else if (typeof(key) == "string" && key) {
|
||||
this.themeColor += '--' + key.replace(/_/g, "-") + ':' + data + ';';
|
||||
}
|
||||
});
|
||||
for (let i = 9; i >= 5; i--) {
|
||||
let color = this.$util.colourBlend(theme.main_color, '#ffffff', (i / 10));
|
||||
this.themeColor += `--base-color-light-${i}:${color};`;
|
||||
}
|
||||
},
|
||||
// 颜色变浅（>0）、变深函数（<0）
|
||||
lightenDarkenColor(color, amount) {
|
||||
|
||||
var usePound = false;
|
||||
|
||||
if (color[0] == "#") {
|
||||
color = color.slice(1);
|
||||
usePound = true;
|
||||
}
|
||||
|
||||
var num = parseInt(color, 16);
|
||||
|
||||
var r = (num >> 16) + amount;
|
||||
|
||||
if (r > 255) r = 255;
|
||||
else if (r < 0) r = 0;
|
||||
|
||||
var b = ((num >> 8) & 0x00FF) + amount;
|
||||
|
||||
if (b > 255) b = 255;
|
||||
else if (b < 0) b = 0;
|
||||
|
||||
var g = (num & 0x0000FF) + amount;
|
||||
|
||||
if (g > 255) g = 255;
|
||||
else if (g < 0) g = 0;
|
||||
|
||||
return (usePound ? "#" : "") + (g | (b << 8) | (r << 16)).toString(16);
|
||||
|
||||
},
|
||||
/**
|
||||
* 切换门店
|
||||
* @param {Object} info 门店信息
|
||||
* @param {Object} isJump 是否跳转到首页
|
||||
*/
|
||||
changeStore(info, isJump) {
|
||||
if (info) {
|
||||
this.$store.commit('setGlobalStoreInfo', info);
|
||||
}
|
||||
let route = this.$util.getCurrRoute();
|
||||
if (isJump && route != 'pages/index/index') {
|
||||
uni.setStorageSync('manual_change_store', true); // 手动切换门店
|
||||
this.$store.dispatch('getCartNumber'); //重新获取购物车数据
|
||||
this.$util.redirectTo('/pages/index/index');
|
||||
}
|
||||
}
|
||||
},
|
||||
filters: {
|
||||
/**
|
||||
* 金额格式化输出
|
||||
* @param {Object} money
|
||||
*/
|
||||
moneyFormat(money) {
|
||||
if (isNaN(parseFloat(money))) return money;
|
||||
return parseFloat(money).toFixed(2);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,129 +1,136 @@
|
||||
const langList = ['zh-cn', 'en-us'];
|
||||
|
||||
var locale = uni.getStorageSync('lang') || "zh-cn"; //设置语言
|
||||
var locale = uni.getStorageSync('lang') || "zh-cn"; // 设置默认语言
|
||||
|
||||
export default {
|
||||
langList: ['zh-cn', 'en-us'],
|
||||
/**
|
||||
* * 解析多语言
|
||||
* @param {Object} field
|
||||
* 解析多语言
|
||||
* @param {String} field 语言包字段（如 'common.title'）
|
||||
* @returns {String} 对应语言的文字
|
||||
*/
|
||||
lang(field) {
|
||||
let _this = getCurrentPages()[getCurrentPages().length - 1];
|
||||
if (!_this) return;
|
||||
if (!_this) return field; // 无页面时返回原字段，避免undefined
|
||||
|
||||
var value = '';
|
||||
var value = field; // 默认返回原字段，防止空白
|
||||
let newRoute;
|
||||
try {
|
||||
//公共语言包
|
||||
var lang = require('../../lang/' + locale + '/common.js').lang;
|
||||
|
||||
//当前页面语言包
|
||||
// 1. 加载公共语言包（核心，兜底）
|
||||
var commonLang = require('../../lang/' + locale + '/common.js').lang;
|
||||
// 2. 加载当前页面语言包（可选，失败不影响）
|
||||
let route = _this.route.split("/");
|
||||
newRoute = route.slice(1, route.length);
|
||||
let currentPageLang = require('../../lang/' + locale + '/' + newRoute.join("/") + '.js').lang;
|
||||
|
||||
for (let f in currentPageLang) {
|
||||
lang[f] = currentPageLang[f];
|
||||
let currentPageLang = {};
|
||||
// 容错：页面语言包不存在时不报错
|
||||
try {
|
||||
currentPageLang = require('../../lang/' + locale + '/' + newRoute.join("/") + '.js').lang;
|
||||
} catch (e) {
|
||||
console.warn(`当前页面(${newRoute.join("/")})无${locale}语言包`);
|
||||
}
|
||||
// 合并：页面语言包覆盖公共语言包
|
||||
var lang = { ...commonLang, ...currentPageLang };
|
||||
|
||||
// 解析字段（支持多级，如 'common.langSwitchBtn'）
|
||||
var arr = field.split(".");
|
||||
if (arr.length > 1) {
|
||||
for (let i in arr) {
|
||||
var next = parseInt(i) + 1;
|
||||
if (next < arr.length) {
|
||||
value = lang[arr[i]][arr[next]];
|
||||
}
|
||||
value = lang; // 初始化为完整语言包
|
||||
for (let i = 0; i < arr.length; i++) {
|
||||
if (!value[arr[i]]) break; // 字段不存在时终止，避免报错
|
||||
value = value[arr[i]];
|
||||
}
|
||||
|
||||
} else {
|
||||
value = lang[field];
|
||||
value = lang[field] || field; // 字段不存在返回原字段
|
||||
}
|
||||
|
||||
} catch (e) {
|
||||
if (field.indexOf("common.") != -1 || field.indexOf("tabBar.") != -1) {
|
||||
value = lang[field];
|
||||
} else {
|
||||
value = field;
|
||||
}
|
||||
|
||||
console.error("语言包解析失败：", e);
|
||||
value = field; // 兜底：返回原字段，避免空白
|
||||
}
|
||||
|
||||
// 替换参数（如 'hello {0}' → 'hello 世界'）
|
||||
if (arguments.length > 1) {
|
||||
//有参数,需要替换
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
value = value.replace("{" + (i - 1) + "}", arguments[i]);
|
||||
value = value.replace("{" + (i - 1) + "}", arguments[i] || "");
|
||||
}
|
||||
}
|
||||
if (value == undefined || (value == 'title' && field == 'title')) value = ''; // field
|
||||
return value;
|
||||
// 最终兜底：避免返回undefined/空字符串
|
||||
return value || field;
|
||||
},
|
||||
//切换语言
|
||||
// 切换语言（核心修复：防白屏+全局事件）
|
||||
change(value) {
|
||||
let _this = getCurrentPages()[getCurrentPages().length - 1];
|
||||
if (!_this) return;
|
||||
|
||||
// 1. 校验语言值合法性
|
||||
if (!langList.includes(value)) {
|
||||
console.error("语言值不合法：", value);
|
||||
return;
|
||||
}
|
||||
// 2. 保存语言到本地存储
|
||||
uni.setStorageSync("lang", value);
|
||||
locale = uni.getStorageSync('lang') || "zh-cn"; //设置语言
|
||||
|
||||
locale = value; // 更新全局locale，立即生效
|
||||
// 3. 刷新标题/tabBar（保留原有逻辑）
|
||||
this.refresh();
|
||||
|
||||
uni.reLaunch({
|
||||
url: '/pages/member/index'
|
||||
});
|
||||
// 4. 触发全局语言切换事件（通知所有页面/组件更新）
|
||||
uni.$emit('lang-changed', value);
|
||||
// 5. 修复白屏：延迟重启当前页面（而非固定会员页）
|
||||
setTimeout(() => {
|
||||
let currentPage = getCurrentPages()[getCurrentPages().length - 1];
|
||||
if (currentPage) {
|
||||
uni.reLaunch({
|
||||
url: '/' + currentPage.route // 重启当前页面，而非固定会员页
|
||||
});
|
||||
} else {
|
||||
uni.reLaunch({ url: '/pages/index/index' }); // 兜底：重启首页
|
||||
}
|
||||
}, 300); // 300ms延迟：确保语言配置加载完成，避免白屏
|
||||
},
|
||||
//刷新标题、tabbar
|
||||
// 刷新标题、tabbar（优化：容错+强制生效）
|
||||
refresh() {
|
||||
let _this = getCurrentPages()[getCurrentPages().length - 1];
|
||||
if (!_this) return;
|
||||
locale = uni.getStorageSync('lang') || "zh-cn"; //设置语言
|
||||
|
||||
this.title(this.lang("title"));
|
||||
locale = uni.getStorageSync('lang') || "zh-cn"; // 重新读取，确保最新
|
||||
|
||||
//设置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")
|
||||
// });
|
||||
// 刷新导航栏标题（容错：标题字段不存在时不报错）
|
||||
let titleText = this.lang("title") || "";
|
||||
this.title(titleText);
|
||||
|
||||
// 修复：启用tabBar文字更新（原代码被注释，导致tabBar语言不切换）
|
||||
try {
|
||||
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") || "我的" });
|
||||
} catch (e) {
|
||||
console.warn("tabBar文字更新失败：", e);
|
||||
}
|
||||
},
|
||||
// 设置导航栏标题（优化：容错）
|
||||
title(str) {
|
||||
if (str) {
|
||||
if (str && typeof str === 'string') {
|
||||
uni.setNavigationBarTitle({
|
||||
title: str,
|
||||
success: function (res) {
|
||||
},
|
||||
fail: function (err) {
|
||||
console.warn("导航栏标题设置失败：", err);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
// 获取语言包列表
|
||||
// 获取语言包列表（优化：容错）
|
||||
list() {
|
||||
var list = [];
|
||||
try {
|
||||
//公共语言包
|
||||
for (var i = 0; i < langList.length; i++) {
|
||||
let item = require('../../lang/' + langList[i] + '/common.js').lang;
|
||||
let langPath = '../../lang/' + langList[i] + '/common.js';
|
||||
let item = require(langPath).lang;
|
||||
list.push({
|
||||
name: item.common.name,
|
||||
name: item.common.name || langList[i], // 兜底：显示语言值
|
||||
value: langList[i]
|
||||
});
|
||||
}
|
||||
} catch (e) {
|
||||
// "没有找到语言包:", '../../lang/' + locale + '/common.js'
|
||||
console.error("获取语言包列表失败：", e);
|
||||
// 兜底：返回基础列表
|
||||
list = langList.map(item => ({ name: item, value: item }));
|
||||
}
|
||||
return list;
|
||||
}
|
||||
}
|
||||
}
|
||||
2009
common/js/util.js
2009
common/js/util.js
File diff suppressed because it is too large
Load Diff
@@ -1,187 +0,0 @@
|
||||
/**
|
||||
* 企业微信JS-SDK调用
|
||||
*/
|
||||
let WxWork = function () {
|
||||
// 企业微信JS-SDK
|
||||
this.wxwork = null;
|
||||
|
||||
/**
|
||||
* 初始化企业微信JS-SDK
|
||||
* @param {Object} params - 初始化参数
|
||||
* @param {string} params.corpId - 企业ID
|
||||
* @param {string} params.agentId - 应用ID
|
||||
* @param {string} params.timestamp - 时间戳
|
||||
* @param {string} params.nonceStr - 随机字符串
|
||||
* @param {string} params.signature - 签名
|
||||
* @param {Array} params.jsApiList - 需要使用的JS接口列表
|
||||
*/
|
||||
this.init = function (params) {
|
||||
if (typeof wx !== 'undefined' && wx.config) {
|
||||
// 小程序环境下的企业微信
|
||||
this.wxwork = wx;
|
||||
} else if (typeof WWOpenData !== 'undefined') {
|
||||
// H5环境下的企业微信
|
||||
this.wxwork = WWOpenData;
|
||||
} else {
|
||||
console.error('企业微信JS-SDK未加载');
|
||||
return false;
|
||||
}
|
||||
|
||||
this.wxwork.config({
|
||||
beta: true, // 必须这么写，否则wx.invoke调用形式的jsapi会有问题
|
||||
debug: false, // 开启调试模式
|
||||
corpId: params.corpId, // 必填，企业号的唯一标识
|
||||
agentId: params.agentId, // 必填，企业微信应用ID
|
||||
timestamp: params.timestamp, // 必填，生成签名的时间戳
|
||||
nonceStr: params.nonceStr, // 必填，生成签名的随机串
|
||||
signature: params.signature, // 必填，签名
|
||||
jsApiList: params.jsApiList || [
|
||||
'openUserProfile',
|
||||
'openEnterpriseChat',
|
||||
'getContext',
|
||||
'getCurExternalContact',
|
||||
'openExistedChatWithMsg'
|
||||
] // 必填，需要使用的JS接口列表
|
||||
});
|
||||
|
||||
return true;
|
||||
};
|
||||
|
||||
/**
|
||||
* 添加企业微信联系人
|
||||
* @param {Object} params - 参数
|
||||
* @param {string} params.userId - 用户ID
|
||||
* @param {Function} success - 成功回调
|
||||
* @param {Function} fail - 失败回调
|
||||
*/
|
||||
this.addContact = function (params, success, fail) {
|
||||
if (!this.wxwork) {
|
||||
console.error('企业微信JS-SDK未初始化');
|
||||
if (fail) fail('企业微信JS-SDK未初始化');
|
||||
return;
|
||||
}
|
||||
|
||||
this.wxwork.ready(() => {
|
||||
this.wxwork.invoke('openUserProfile', {
|
||||
type: 'external', // 外部联系人
|
||||
userId: params.userId // 用户ID
|
||||
}, (res) => {
|
||||
if (res.err_msg === 'openUserProfile:ok') {
|
||||
if (success) success(res);
|
||||
} else {
|
||||
console.error('打开用户资料失败:', res);
|
||||
if (fail) fail(res.err_msg);
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 打开企业微信客服会话
|
||||
* @param {Object} params - 参数
|
||||
* @param {string} params.corpId - 企业ID
|
||||
* @param {string} params.url - 客服URL
|
||||
* @param {string} params.name - 会话名称
|
||||
* @param {Function} success - 成功回调
|
||||
* @param {Function} fail - 失败回调
|
||||
*/
|
||||
this.openCustomerService = function (params, success, fail) {
|
||||
if (!this.wxwork) {
|
||||
console.error('企业微信JS-SDK未初始化');
|
||||
if (fail) fail('企业微信JS-SDK未初始化');
|
||||
return;
|
||||
}
|
||||
|
||||
this.wxwork.ready(() => {
|
||||
// #ifdef MP-WEIXIN
|
||||
if (typeof wx !== 'undefined' && wx.openCustomerServiceChat) {
|
||||
// 微信小程序环境
|
||||
wx.openCustomerServiceChat({
|
||||
extInfo: {
|
||||
url: params.url
|
||||
},
|
||||
corpId: params.corpId,
|
||||
showMessageCard: true,
|
||||
sendMessageTitle: params.sendMessageTitle || '',
|
||||
sendMessagePath: params.sendMessagePath || '',
|
||||
sendMessageImg: params.sendMessageImg || ''
|
||||
});
|
||||
if (success) success();
|
||||
}
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
else if (typeof WWOpenData !== 'undefined') {
|
||||
// H5环境
|
||||
window.location.href = params.url;
|
||||
if (success) success();
|
||||
}
|
||||
// #endif
|
||||
else {
|
||||
// 直接跳转链接
|
||||
window.location.href = params.url;
|
||||
if (success) success();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 生成企业微信活码链接
|
||||
* @param {Object} params - 参数
|
||||
* @param {string} params.configId - 活码配置ID
|
||||
* @param {string} params.userId - 用户ID
|
||||
* @returns {string} 活码链接
|
||||
*/
|
||||
this.generateContactUrl = function (params) {
|
||||
// 企业微信活码链接格式
|
||||
const baseUrl = 'https://work.weixin.qq.com/kfid';
|
||||
if (params.configId) {
|
||||
return `${baseUrl}/${params.configId}`;
|
||||
}
|
||||
return null;
|
||||
};
|
||||
|
||||
/**
|
||||
* 检查环境是否支持企业微信
|
||||
* @returns {boolean} 是否支持
|
||||
*/
|
||||
this.isSupported = function () {
|
||||
// #ifdef MP-WEIXIN
|
||||
return typeof wx !== 'undefined' && wx.openCustomerServiceChat;
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
return typeof WWOpenData !== 'undefined' || /wxwork/i.test(navigator.userAgent);
|
||||
// #endif
|
||||
return false;
|
||||
};
|
||||
|
||||
/**
|
||||
* 获取当前环境信息
|
||||
* @returns {Object} 环境信息
|
||||
*/
|
||||
this.getEnvironment = function () {
|
||||
// #ifdef MP-WEIXIN
|
||||
return {
|
||||
platform: 'miniprogram',
|
||||
isWxWork: false,
|
||||
supportContact: typeof wx !== 'undefined' && wx.openCustomerServiceChat
|
||||
};
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
const isWxWork = /wxwork/i.test(navigator.userAgent);
|
||||
return {
|
||||
platform: 'h5',
|
||||
isWxWork: isWxWork,
|
||||
supportContact: isWxWork || typeof WWOpenData !== 'undefined'
|
||||
};
|
||||
// #endif
|
||||
return {
|
||||
platform: 'unknown',
|
||||
isWxWork: false,
|
||||
supportContact: false
|
||||
};
|
||||
};
|
||||
}
|
||||
|
||||
export {
|
||||
WxWork
|
||||
}
|
||||
@@ -1,184 +1,177 @@
|
||||
<template>
|
||||
<!-- 悬浮按钮 -->
|
||||
<view v-if="pageCount == 1 || need" class="fixed-box" :style="{ height: fixBtnShow ? '330rpx' : '120rpx' }">
|
||||
<!-- <view class="btn-item" v-if="fixBtnShow" @click="$util.redirectTo('/pages/index/index')"> -->
|
||||
<!-- 客服按钮 -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<!-- 微信小程序默认客服按钮 -->
|
||||
<button class="btn-item" v-if="fixBtnShow && useOfficialService" hoverClass="none" open-type="contact"
|
||||
sessionFrom="weapp" showMessageCard="true"
|
||||
:style="{ backgroundImage: 'url(' + (kefuimg ? kefuimg : '') + ')', backgroundSize: '100% 100%' }">
|
||||
<text class="icox icox-kefu" v-if="!kefuimg"></text>
|
||||
</button>
|
||||
|
||||
<!-- 自定义客服按钮 -->
|
||||
<button class="btn-item" v-if="fixBtnShow && !useOfficialService" hoverClass="none" @click="contactServicer"
|
||||
:style="{ backgroundImage: 'url(' + (kefuimg ? kefuimg : '') + ')', backgroundSize: '100% 100%' }">
|
||||
<button class="btn-item" v-if="fixBtnShow" hoverClass="none" openType="contact" sessionFrom="weapp" showMessageCard="true" :style="{backgroundImage:'url('+(kefuimg?kefuimg:'')+')',backgroundSize:'100% 100%'}">
|
||||
<text class="icox icox-kefu" v-if="!kefuimg"></text>
|
||||
</button>
|
||||
<!-- #endif -->
|
||||
|
||||
<view class="btn-item" v-if="fixBtnShow" @click="call()"
|
||||
:style="{ backgroundImage: 'url(' + (phoneimg ? phoneimg : '') + ')', backgroundSize: '100% 100%' }">
|
||||
<!-- 电话按钮 -->
|
||||
<view class="btn-item" v-if="fixBtnShow" @click="call()" :style="{backgroundImage:'url('+(phoneimg?phoneimg:'')+')',backgroundSize:'100% 100%'}">
|
||||
<text class="iconfont icon-dianhua" v-if="!phoneimg"></text>
|
||||
</view>
|
||||
|
||||
<!-- <view class="btn-item icon-xiala" v-if="fixBtnShow" @click="fixBtnShow ? (fixBtnShow = false) : (fixBtnShow = true)">
|
||||
<text class="iconfont icon-unfold"></text>
|
||||
<!-- 新增：语言切换按钮 -->
|
||||
<view class="btn-item" v-if="fixBtnShow" @click="switchLang" :style="{backgroundSize:'100% 100%'}">
|
||||
<text class="lang-text">{{ currentLang === 'zh-cn' ? 'EN' : '中文' }}</text>
|
||||
</view>
|
||||
<view class="btn-item switch" v-else :class="{ show: fixBtnShow }"
|
||||
@click="fixBtnShow ? (fixBtnShow = false) : (fixBtnShow = true)">
|
||||
<view class="">快捷</view>
|
||||
<view>导航</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { createCustomerService } from '@/common/js/customer-service.js';
|
||||
|
||||
export default {
|
||||
name: 'hover-nav',
|
||||
props: {
|
||||
need: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
export default {
|
||||
name: 'hover-nav',
|
||||
props: {
|
||||
need: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
pageCount: 0,
|
||||
fixBtnShow: true,
|
||||
tel: '',
|
||||
kefuimg: '',
|
||||
phoneimg: '',
|
||||
customerService: null, // 客服服务实例
|
||||
buttonConfig: null // 按钮配置
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.kefuimg = this.$util.getDefaultImage().kefu
|
||||
this.phoneimg = this.$util.getDefaultImage().phone
|
||||
this.pageCount = getCurrentPages().length;
|
||||
|
||||
// 初始化客服服务
|
||||
this.customerService = createCustomerService(this);
|
||||
this.buttonConfig = this.customerService.getButtonConfig();
|
||||
|
||||
var that = this
|
||||
uni.getStorage({
|
||||
key: 'shopInfo',
|
||||
success(e) {
|
||||
that.tel = e.data.mobile
|
||||
}
|
||||
})
|
||||
},
|
||||
computed: {
|
||||
/**
|
||||
* 是否使用官方客服
|
||||
*/
|
||||
useOfficialService() {
|
||||
if (!this.buttonConfig) return true;
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
// 如果是微信小程序，检查配置
|
||||
if (this.buttonConfig.type === 'weapp') {
|
||||
// 默认使用官方客服，除非明确设置为false
|
||||
return this.buttonConfig.useOfficial !== false;
|
||||
}
|
||||
// #endif
|
||||
|
||||
return false;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
//拨打电话
|
||||
call() {
|
||||
uni.makePhoneCall({
|
||||
phoneNumber: this.tel + ''
|
||||
data() {
|
||||
return {
|
||||
pageCount: 0,
|
||||
fixBtnShow: true,
|
||||
tel:'',
|
||||
kefuimg:'',
|
||||
phoneimg:'',
|
||||
// 新增：当前语言（默认中文）
|
||||
currentLang: uni.getStorageSync('lang') || 'zh-cn'
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.kefuimg = this.$util.getDefaultImage().kefu
|
||||
this.phoneimg = this.$util.getDefaultImage().phone
|
||||
this.pageCount = getCurrentPages().length;
|
||||
var that = this
|
||||
uni.getStorage({
|
||||
key:'shopInfo',
|
||||
success(e){
|
||||
that.tel = e.data.mobile
|
||||
}
|
||||
})
|
||||
// 新增：监听全局语言切换事件，实时更新按钮文字
|
||||
uni.$on('lang-changed', (lang) => {
|
||||
this.currentLang = lang;
|
||||
})
|
||||
},
|
||||
|
||||
//处理客服点击事件
|
||||
contactServicer() {
|
||||
// 使用统一客服处理
|
||||
this.customerService.handleCustomerClick();
|
||||
methods: {
|
||||
//拨打电话
|
||||
call(){
|
||||
uni.makePhoneCall({
|
||||
phoneNumber:this.tel+''
|
||||
})
|
||||
},
|
||||
// 新增：语言切换核心方法
|
||||
switchLang() {
|
||||
// 1. 切换目标语言（中文↔英文）
|
||||
const targetLang = this.currentLang === 'zh-cn' ? 'en-us' : 'zh-cn';
|
||||
// 2. 保存到本地存储（全局生效）
|
||||
uni.setStorageSync('lang', targetLang);
|
||||
// 3. 触发全局语言事件（通知其他页面更新）
|
||||
uni.$emit('lang-changed', targetLang);
|
||||
// 4. 延迟重启当前页面（避免白屏，保证语言生效）
|
||||
setTimeout(() => {
|
||||
const pages = getCurrentPages();
|
||||
const currentPage = pages[pages.length - 1];
|
||||
uni.reLaunch({ url: '/' + currentPage.route });
|
||||
}, 300);
|
||||
}
|
||||
},
|
||||
// 新增：页面销毁时移除监听，避免内存泄漏
|
||||
beforeDestroy() {
|
||||
uni.$off('lang-changed');
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.container-box {
|
||||
width: 100%;
|
||||
.container-box {
|
||||
width: 100%;
|
||||
|
||||
.item-wrap {
|
||||
border-radius: 10rpx;
|
||||
|
||||
.image-box {
|
||||
.item-wrap {
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 10rpx;
|
||||
will-change: transform;
|
||||
.image-box {
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 10rpx;
|
||||
will-change: transform;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//悬浮按钮
|
||||
.fixed-box {
|
||||
position: fixed;
|
||||
right: 0rpx;
|
||||
bottom: 200rpx;
|
||||
z-index: 10;
|
||||
// background: #fff;
|
||||
// box-shadow: 2rpx 2rpx 22rpx rgba(0, 0, 0, 0.3);
|
||||
border-radius: 120rpx;
|
||||
padding: 20rpx 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
width: 100rpx;
|
||||
box-sizing: border-box;
|
||||
transition: 0.3s;
|
||||
overflow: hidden;
|
||||
|
||||
.btn-item {
|
||||
//悬浮按钮（容器样式保持原始不变，确保按钮不消失）
|
||||
.fixed-box {
|
||||
position: fixed;
|
||||
right: 0rpx;
|
||||
bottom: 200rpx;
|
||||
z-index: 10;
|
||||
border-radius: 120rpx;
|
||||
padding: 20rpx 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
flex-direction: column;
|
||||
line-height: 1;
|
||||
margin: 14rpx 0;
|
||||
transition: 0.1s;
|
||||
background: #fff;
|
||||
border-radius: 50rpx;
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
padding: 0;
|
||||
width: 100rpx;
|
||||
box-sizing: border-box;
|
||||
transition: 0.3s;
|
||||
overflow: hidden;
|
||||
|
||||
text {
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.btn-item {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center; // 新增：垂直居中，和其他按钮对齐
|
||||
text-align: center;
|
||||
flex-direction: column;
|
||||
line-height: 1;
|
||||
margin: 14rpx 0;
|
||||
transition: 0.1s;
|
||||
// ========== 修改1：按钮背景改为纯红色（红底） ==========
|
||||
background: #E60012;
|
||||
border-radius: 50rpx;
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
padding: 0;
|
||||
text {
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
// ========== 修改2：图标文字改为白色（白字） ==========
|
||||
color: #FFFFFF;
|
||||
}
|
||||
// 新增：语言按钮文字样式
|
||||
.lang-text {
|
||||
font-size: 24rpx; // 适配圆形按钮大小
|
||||
font-weight: 600;
|
||||
// ========== 修改3：语言按钮文字改为白色 ==========
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
view {
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
view {
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
// ========== 兜底：确保所有文字都是白色 ==========
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
&.show {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
&.show {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
&.switch {}
|
||||
&.switch {}
|
||||
|
||||
&.icon-xiala {
|
||||
margin: 0;
|
||||
margin-top: 0.1rpx;
|
||||
&.icon-xiala {
|
||||
margin: 0;
|
||||
margin-top: 0.1rpx;
|
||||
}
|
||||
|
||||
// ========== 新增：按钮点击交互效果 ==========
|
||||
&:active {
|
||||
background: #C4000F; // 红色轻微加深
|
||||
transform: scale(0.95); // 按钮小幅度缩小
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,170 +1,171 @@
|
||||
<template>
|
||||
<view class="contact-wrap">
|
||||
<slot></slot>
|
||||
<!-- #ifdef MP-ALIPAY -->
|
||||
<view class="contact-button" @click="contactServicer">
|
||||
<contact-button :tnt-inst-id="config.instid" :scene="config.scene" size="1000rpx"
|
||||
v-if="config.type == 'aliapp'" />
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<!-- 微信小程序官方客服按钮 -->
|
||||
<button v-if="useOfficialService" type="default" hover-class="none" open-type="contact"
|
||||
class="contact-button" sessionFrom="weapp" showMessageCard="true"
|
||||
:send-message-title="sendMessageTitle" :send-message-path="sendMessagePath"
|
||||
:send-message-img="sendMessageImg"></button>
|
||||
|
||||
<!-- 微信小程序自定义客服按钮 -->
|
||||
<button v-else type="default" hover-class="none" class="contact-button" @click="contactServicer"></button>
|
||||
<!-- #endif -->
|
||||
|
||||
<!-- #ifndef MP-WEIXIN && MP-ALIPAY -->
|
||||
<!-- 其他平台保持原逻辑 -->
|
||||
<button type="default" hover-class="none" :open-type="openType" class="contact-button" @click="contactServicer"
|
||||
:send-message-title="sendMessageTitle" :send-message-path="sendMessagePath"
|
||||
:send-message-img="sendMessageImg" :show-message-card="true"></button>
|
||||
<!-- #endif -->
|
||||
|
||||
<uni-popup ref="servicePopup" type="center">
|
||||
<view class="service-popup-wrap">
|
||||
<view class="head-wrap" @click="$refs.servicePopup.close()">
|
||||
<text>联系客服</text>
|
||||
<text class="iconfont icon-close"></text>
|
||||
</view>
|
||||
<view class="body-wrap">{{ siteInfo.site_tel ? '请联系客服，客服电话是' + siteInfo.site_tel : '抱歉，商家暂无客服，请线下联系' }}
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<!-- 客服组件 -->
|
||||
<script>
|
||||
import { createCustomerService } from '@/common/js/customer-service.js';
|
||||
|
||||
export default {
|
||||
name: 'ns-contact',
|
||||
props: {
|
||||
niushop: {
|
||||
type: Object,
|
||||
default: function () {
|
||||
return {};
|
||||
}
|
||||
},
|
||||
sendMessageTitle: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
sendMessagePath: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
sendMessageImg: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
customerService: null,
|
||||
buttonConfig: null
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
/**
|
||||
* 是否使用官方客服
|
||||
*/
|
||||
useOfficialService() {
|
||||
if (!this.buttonConfig) return true;
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
// 如果是微信小程序，检查配置
|
||||
if (this.buttonConfig.type === 'weapp') {
|
||||
// 默认使用官方客服，除非明确设置为false
|
||||
return this.buttonConfig.useOfficial !== false;
|
||||
}
|
||||
// #endif
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
/**
|
||||
* 客服配置
|
||||
*/
|
||||
config() {
|
||||
return this.customerService?.getPlatformConfig() || {};
|
||||
},
|
||||
|
||||
/**
|
||||
* 打开类型
|
||||
*/
|
||||
openType() {
|
||||
return this.buttonConfig?.openType || '';
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// 初始化客服服务
|
||||
this.customerService = createCustomerService(this);
|
||||
this.buttonConfig = this.customerService.getButtonConfig();
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 联系客服
|
||||
*/
|
||||
contactServicer() {
|
||||
// 如果是微信/支付宝小程序客服，由系统自动处理
|
||||
if (this.buttonConfig.openType === 'contact') {
|
||||
return;
|
||||
}
|
||||
|
||||
// 使用统一客服处理
|
||||
this.customerService.handleCustomerClick({
|
||||
niushop: this.niushop,
|
||||
sendMessageTitle: this.sendMessageTitle,
|
||||
sendMessagePath: this.sendMessagePath,
|
||||
sendMessageImg: this.sendMessageImg
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.contact-wrap {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
||||
.contact-button {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 5;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.service-popup-wrap {
|
||||
width: 600rpx;
|
||||
|
||||
.head-wrap {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 30rpx;
|
||||
height: 90rpx;
|
||||
}
|
||||
|
||||
.body-wrap {
|
||||
text-align: center;
|
||||
padding: 30rpx;
|
||||
height: 100rpx;
|
||||
}
|
||||
}
|
||||
<template>
|
||||
<view class="contact-wrap">
|
||||
<slot></slot>
|
||||
<!-- #ifdef MP-ALIPAY -->
|
||||
<view class="contact-button" @click="contactServicer">
|
||||
<contact-button :tnt-inst-id="config.instid" :scene="config.scene" size="1000rpx" v-if="config.type == 'aliapp'"/>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<!-- #ifndef MP-ALIPAY -->
|
||||
<button
|
||||
type="default"
|
||||
hover-class="none"
|
||||
:open-type="openType"
|
||||
class="contact-button"
|
||||
@click="contactServicer"
|
||||
:send-message-title="sendMessageTitle"
|
||||
:send-message-path="sendMessagePath"
|
||||
:send-message-img="sendMessageImg"
|
||||
:show-message-card="true"></button>
|
||||
<!-- #endif -->
|
||||
<uni-popup ref="servicePopup" type="center">
|
||||
<view class="service-popup-wrap">
|
||||
<view class="head-wrap" @click="$refs.servicePopup.close()">
|
||||
<text>联系客服</text>
|
||||
<text class="iconfont icon-close"></text>
|
||||
</view>
|
||||
<view class="body-wrap">{{ siteInfo.site_tel ? '请联系客服，客服电话是' + siteInfo.site_tel : '抱歉，商家暂无客服，请线下联系' }}</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<!-- 客服组件 -->
|
||||
<script>
|
||||
export default {
|
||||
name: 'ns-contact',
|
||||
props: {
|
||||
niushop: {
|
||||
type: Object,
|
||||
default: function() {
|
||||
return {};
|
||||
}
|
||||
},
|
||||
sendMessageTitle: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
sendMessagePath: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
sendMessageImg: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
config: null,
|
||||
openType: ''
|
||||
};
|
||||
},
|
||||
created() {
|
||||
if (this.servicerConfig) {
|
||||
// #ifdef H5
|
||||
this.config = this.servicerConfig.h5;
|
||||
// #endif
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
this.config = this.servicerConfig.weapp;
|
||||
if (this.config.type == 'weapp') this.openType = 'contact';
|
||||
// #endif
|
||||
|
||||
// #ifdef MP-ALIPAY
|
||||
this.config = this.servicerConfig.aliapp;
|
||||
if (this.config.type == 'aliapp') this.openType = 'contact';
|
||||
// #endif
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 联系客服
|
||||
*/
|
||||
contactServicer() {
|
||||
if (this.config.type == 'none') {
|
||||
this.$refs.servicePopup.open();
|
||||
}
|
||||
if (this.openType == 'contact') return;
|
||||
|
||||
switch (this.config.type) {
|
||||
case 'wxwork':
|
||||
// #ifdef H5
|
||||
location.href = this.config.wxwork_url;
|
||||
// #endif
|
||||
// #ifdef MP-WEIXIN
|
||||
wx.openCustomerServiceChat({
|
||||
extInfo: { url: this.config.wxwork_url },
|
||||
corpId: this.config.corpid,
|
||||
showMessageCard: true,
|
||||
sendMessageTitle: this.sendMessageTitle,
|
||||
sendMessagePath: this.sendMessagePath,
|
||||
sendMessageImg: this.sendMessageImg
|
||||
});
|
||||
// #endif
|
||||
break;
|
||||
case 'third':
|
||||
location.href = this.config.third_url;
|
||||
break;
|
||||
case 'niushop':
|
||||
this.$util.redirectTo('/pages_tool/chat/room', this.niushop);
|
||||
break;
|
||||
default:
|
||||
this.makePhoneCall();
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 店铺联系方式
|
||||
*/
|
||||
makePhoneCall() {
|
||||
this.$api.sendRequest({
|
||||
url: '/api/site/shopcontact',
|
||||
success: res => {
|
||||
if (res.code == 0 && res.data.mobile) uni.makePhoneCall({
|
||||
phoneNumber: res.data
|
||||
.mobile
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.contact-wrap {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
||||
.contact-button {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 5;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.service-popup-wrap {
|
||||
width: 600rpx;
|
||||
|
||||
.head-wrap {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 30rpx;
|
||||
height: 90rpx;
|
||||
}
|
||||
|
||||
.body-wrap {
|
||||
text-align: center;
|
||||
padding: 30rpx;
|
||||
height: 100rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,13 +1,12 @@
|
||||
<template>
|
||||
<view>
|
||||
<block v-if="text == '客服'">
|
||||
<!-- <ns-contact :niushop="chatParam" :send-message-title="sendData.title" :send-message-path="sendData.path" :send-message-img="sendData.img"> -->
|
||||
<button hoverClass="none" openType="contact" sessionFrom="weapp" showMessageCard="true" class="action-icon-wrap" style="background: transparent;padding: 0;margin: 0;">
|
||||
<!-- 修改后（兼容英文） -->
|
||||
<block v-if="text == '客服' || text == 'Contact'">
|
||||
<button hoverClass="none" openType="contact" sessionFrom="weapp" showMessageCard="true" class="action-icon-wrap" style="background: transparent;padding: 0;margin: 0;" @click="contactClick">
|
||||
<view class="iconfont color-title" :class="icon"></view>
|
||||
<text>{{ text }}</text>
|
||||
<view class="corner-mark color-base-bg" v-if="cornerMark.length" :style="{ background: cornerMarkBg+'!important', color: cornerMarkColor }">{{ cornerMark }}</view>
|
||||
</button>
|
||||
<!-- </ns-contact> -->
|
||||
</block>
|
||||
<block v-else>
|
||||
<view class="action-icon-wrap" @click="clickEvent">
|
||||
@@ -24,37 +23,30 @@ import nsContact from '@/components/ns-contact/ns-contact.vue';
|
||||
export default {
|
||||
name: 'ns-goods-action-icon',
|
||||
props: {
|
||||
// 商品底部icon导航icon图标
|
||||
icon: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
// 商品底部icon导航文字
|
||||
text: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
// 角标文字
|
||||
cornerMark: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
// 角标背景色
|
||||
cornerMarkBg: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
// 角标文字颜色
|
||||
cornerMarkColor: {
|
||||
type: String,
|
||||
default: '#fff'
|
||||
},
|
||||
// 开放能力
|
||||
openType: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
// 发送内容 openType="contact"时有效
|
||||
sendData: {
|
||||
type: Object,
|
||||
default: function() {
|
||||
@@ -77,7 +69,11 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
clickEvent() {
|
||||
console.log('【组件内部】非客服按钮被点击，触发clickEvent');
|
||||
this.$emit('click');
|
||||
},
|
||||
contactClick() {
|
||||
console.log('【组件内部】客服按钮（Contact）被点击，触发contactClick');
|
||||
}
|
||||
}
|
||||
};
|
||||
@@ -143,4 +139,4 @@ export default {
|
||||
font-size: $font-size-tag;
|
||||
line-height: 1;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
@@ -1,66 +0,0 @@
|
||||
# 企业微信联系客服组件更新日志
|
||||
|
||||
## v2.0.0 - 集成全局Store配置
|
||||
|
||||
### 新增功能
|
||||
- ✅ 企业微信配置集成到全局Store
|
||||
- ✅ 从 `/api/config/init` 统一获取配置
|
||||
- ✅ 支持props覆盖全局配置
|
||||
- ✅ 优化配置获取逻辑
|
||||
|
||||
### 变更内容
|
||||
1. **Store集成**：
|
||||
- 在 `store/index.js` 中添加 `wxworkConfig` 状态
|
||||
- 添加 `setWxworkConfig` mutation
|
||||
- 在 `init` action 中从 `/api/config/init` 获取企业微信配置
|
||||
|
||||
2. **组件优化**：
|
||||
- `wxwork-contact.vue` 组件现在优先从全局Store获取配置
|
||||
- 支持通过props覆盖全局配置
|
||||
- 移除单独的API调用，使用统一配置
|
||||
|
||||
3. **页面集成**：
|
||||
- `pages/contact/contact.vue` 页面简化配置获取逻辑
|
||||
- 直接使用全局Store中的企业微信配置
|
||||
|
||||
### 配置格式
|
||||
后端 `/api/config/init` 需要返回以下格式的企业微信配置：
|
||||
|
||||
```json
|
||||
{
|
||||
"code": 0,
|
||||
"data": {
|
||||
// ... 其他配置 ...
|
||||
"wxwork": {
|
||||
"corp_id": "企业ID",
|
||||
"agent_id": "应用ID",
|
||||
"contact_id": "客服ID",
|
||||
"contact_url": "活码链接",
|
||||
"timestamp": "时间戳",
|
||||
"nonceStr": "随机字符串",
|
||||
"signature": "签名",
|
||||
"enabled": true
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 使用方式
|
||||
```vue
|
||||
<!-- 使用全局配置 -->
|
||||
<wxwork-contact btn-text="联系企业客服"></wxwork-contact>
|
||||
|
||||
<!-- 覆盖全局配置 -->
|
||||
<wxwork-contact
|
||||
:corp-id="customCorpId"
|
||||
:contact-url="customContactUrl"
|
||||
btn-text="自定义客服"></wxwork-contact>
|
||||
```
|
||||
|
||||
## v1.0.0 - 初始版本
|
||||
|
||||
### 功能
|
||||
- 企业微信JS-SDK封装
|
||||
- 基础联系客服组件
|
||||
- 支持小程序和H5环境
|
||||
- 活码跳转和SDK两种方式
|
||||
@@ -1,484 +0,0 @@
|
||||
# 企业微信联系客服组件
|
||||
|
||||
## 功能说明
|
||||
|
||||
这个组件实现了在小程序中点击"联系客服"后，自动跳转到企业微信添加对应销售的功能。
|
||||
|
||||
## 关键前提条件
|
||||
|
||||
### ⚠️ 重要提醒
|
||||
微信小程序与企业微信互通有严格的平台限制和权限要求，使用前请确保满足以下所有条件：
|
||||
|
||||
### 1. 微信小程序环境要求
|
||||
- **平台限制**：功能仅在微信小程序环境中可用
|
||||
- **基础库版本**：需要微信小程序基础库 2.3.0 及以上版本
|
||||
- **用户环境**：用户需要在微信中打开小程序
|
||||
|
||||
### 2. 企业微信配置要求
|
||||
- **企业认证**：企业微信账号必须完成企业认证
|
||||
- **客户联系功能**：需要开通企业微信"客户联系"功能
|
||||
- **应用权限**：企业微信应用需要有客户联系相关权限
|
||||
|
||||
### 3. 互通配置要求
|
||||
- **关联配置**：小程序必须与企业微信进行关联配置
|
||||
- **权限申请**：需要在微信开放平台和企业微信后台分别申请相应权限
|
||||
- **域名白名单**：相关域名需要在小程序和企业微信后台都配置白名单
|
||||
|
||||
### 4. 跳转权限要求
|
||||
- **小程序AppID**：需要在企业微信中配置允许跳转的小程序AppID
|
||||
- **企业微信AppID**：需要在微信开放平台配置关联的企业微信AppID
|
||||
- **业务域授权**：需要配置业务域授权，允许跨平台跳转
|
||||
|
||||
### 5. 开发调试要求
|
||||
- **测试环境**：需要在测试环境中验证跳转功能
|
||||
- **权限验证**：确保所有必要的API权限已申请并生效
|
||||
- **兼容性测试**：在不同微信版本中进行兼容性测试
|
||||
|
||||
### 6. 具体配置要求
|
||||
|
||||
| 条件 | 说明 |
|
||||
|------|------|
|
||||
| **小程序与企业微信绑定** | 在企业微信管理后台 → 「应用管理」→「小程序」中关联你的微信小程序AppID |
|
||||
| **配置可信域名** | 如果涉及网页跳转或回调，需在企业微信后台配置业务域名 |
|
||||
| **使用企业微信服务商 or 自建应用** | 若需高级功能（如获取客户详情），需有企业微信管理员权限或通过服务商代开发 |
|
||||
|
||||
## 使用方法
|
||||
|
||||
### 1. 基础用法
|
||||
|
||||
```vue
|
||||
<wxwork-contact
|
||||
:corp-id="corpId"
|
||||
:agent-id="agentId"
|
||||
:timestamp="timestamp"
|
||||
:nonce-str="nonceStr"
|
||||
:signature="signature"
|
||||
:contact-id="contactId"
|
||||
:contact-url="contactUrl"
|
||||
btn-text="添加企业微信客服">
|
||||
</wxwork-contact>
|
||||
```
|
||||
|
||||
### 组件架构
|
||||
|
||||
### 分层设计
|
||||
```
|
||||
调用方 (页面组件)
|
||||
↓ 传递配置参数
|
||||
wxwork-contact 组件
|
||||
↓ 调用SDK
|
||||
wxwork-jssdk.js
|
||||
↓ 调用企业微信API
|
||||
企业微信服务
|
||||
```
|
||||
|
||||
### 组件设计原则
|
||||
|
||||
- **独立性**：组件不直接依赖全局Store，所有配置通过props传递
|
||||
- **职责分离**：组件只负责UI展示和企业微信SDK调用，配置管理由调用方负责
|
||||
- **灵活配置**：支持调用者覆盖任何配置参数
|
||||
|
||||
## 版本信息
|
||||
|
||||
### v3.0.0 - 统一客服服务重构版本
|
||||
- 创建 `CustomerService` 统一客服处理服务
|
||||
- 重构 `ns-contact.vue` 和 `hover-nav.vue` 消除重复代码
|
||||
- 提供统一的客服处理接口和平台适配
|
||||
- 完善错误处理和降级机制
|
||||
- 支持所有客服类型的统一调用
|
||||
|
||||
### v2.0.0 - Store集成版本
|
||||
- 企业微信配置集成到全局Store
|
||||
- 从 `/api/config/init` 统一获取配置
|
||||
- 组件完全独立，通过props接收配置
|
||||
- 支持全局配置和局部覆盖
|
||||
|
||||
### v1.0.0 - 初始版本
|
||||
- 基础企业微信联系功能
|
||||
- 支持活码跳转和JS-SDK两种方式
|
||||
|
||||
### 2. 属性说明
|
||||
|
||||
| 属性 | 类型 | 默认值 | 说明 |
|
||||
|------|------|--------|------|
|
||||
| btnText | String | '添加企业微信客服' | 按钮文字 |
|
||||
| corpId | String | - | 企业ID（必需） |
|
||||
| agentId | String | '' | 应用ID |
|
||||
| timestamp | String | '' | 时间戳 |
|
||||
| nonceStr | String | '' | 随机字符串 |
|
||||
| signature | String | '' | 签名 |
|
||||
| contactId | String | '' | 客服ID或活码配置ID |
|
||||
| contactUrl | String | '' | 活码链接 |
|
||||
| showConfirm | Boolean | true | 是否显示确认弹窗 |
|
||||
|
||||
### 3. 在联系页面中使用
|
||||
|
||||
在 `pages/contact/contact.vue` 中已集成使用示例：
|
||||
|
||||
```vue
|
||||
<wxwork-contact
|
||||
v-if="wxworkConfig && wxworkConfig.enabled"
|
||||
:corp-id="wxworkConfig.corpId"
|
||||
:agent-id="wxworkConfig.agentId"
|
||||
:timestamp="wxworkConfig.timestamp"
|
||||
:nonce-str="wxworkConfig.nonceStr"
|
||||
:signature="wxworkConfig.signature"
|
||||
:contact-id="wxworkConfig.contactId"
|
||||
:contact-url="wxworkConfig.contactUrl"
|
||||
btn-text="企业微信客服"
|
||||
:show-confirm="false">
|
||||
</wxwork-contact>
|
||||
```
|
||||
|
||||
## 配置说明
|
||||
|
||||
### 后端接口需求
|
||||
|
||||
企业微信配置已集成到 `/api/config/init` 接口中，返回以下格式的数据：
|
||||
|
||||
```json
|
||||
{
|
||||
"code": 0,
|
||||
"data": {
|
||||
// ... 其他配置 ...
|
||||
"wxwork": {
|
||||
"corp_id": "企业ID",
|
||||
"agent_id": "应用ID",
|
||||
"contact_id": "客服ID",
|
||||
"contact_url": "活码链接",
|
||||
"timestamp": "时间戳",
|
||||
"nonceStr": "随机字符串",
|
||||
"signature": "签名",
|
||||
"enabled": true
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 全局Store集成
|
||||
|
||||
企业微信配置通过以下方式集成到全局状态管理：
|
||||
|
||||
1. **Store状态**：在 `store/index.js` 中添加 `wxworkConfig` 状态
|
||||
2. **配置获取**：在 `init` action 中从 `/api/config/init` 获取企业微信配置
|
||||
3. **状态更新**：使用 `setWxworkConfig` mutation 更新配置
|
||||
4. **持久化**：配置自动保存到本地存储
|
||||
|
||||
### 企业微信配置步骤
|
||||
|
||||
1. **获取企业微信活码**：
|
||||
- 登录企业微信管理后台
|
||||
- 进入"客户联系" -> "配置" -> "联系我"
|
||||
- 创建活码，获取配置ID或直接获取活码链接
|
||||
|
||||
2. **配置参数**：
|
||||
- `corp_id`: 企业ID（在企业微信后台获取）
|
||||
- `agent_id`: 企业微信应用ID
|
||||
- `contact_id`: 客服的用户ID
|
||||
- `contact_url`: 企业微信活码链接（推荐使用活码链接）
|
||||
- `timestamp`: 生成签名的时间戳
|
||||
- `nonceStr`: 生成签名的随机字符串
|
||||
- `signature`: JS-SDK签名
|
||||
|
||||
## 典型业务流程示例
|
||||
|
||||
### 目标
|
||||
用户在小程序中点击"联系客服"，自动添加对应的企业微信销售。
|
||||
|
||||
### 步骤
|
||||
1. **后端调用企业微信 API** 创建「联系我」二维码（可带场景值，如 user_id=123）。
|
||||
2. **前端在小程序中展示该二维码（或生成跳转链接）**。
|
||||
3. **用户长按识别 → 打开企业微信 → 添加客服**。
|
||||
4. **企业微信收到添加事件 → 通过 API 获取 external_userid → 关联到原小程序用户**。
|
||||
|
||||
## 实现原理
|
||||
|
||||
### 方案1：企业微信活码跳转（推荐）
|
||||
- 使用企业微信活码链接
|
||||
- 通过 `uni.navigateToMiniProgram` 跳转到企业微信小程序
|
||||
- 直接添加对应的销售为联系人
|
||||
|
||||
### 方案2：JS-SDK方式
|
||||
- 使用企业微信JS-SDK
|
||||
- 调用 `openUserProfile` 接口打开用户资料
|
||||
- 用户手动添加联系人
|
||||
|
||||
## 注意事项
|
||||
|
||||
### 功能限制
|
||||
1. **小程序环境**：需要在微信小程序环境中使用
|
||||
2. **权限配置**：确保小程序有跳转企业微信的权限
|
||||
3. **降级处理**：当企业微信不可用时，会降级到原有客服方式
|
||||
4. **用户体验**：建议添加确认弹窗，避免误操作
|
||||
|
||||
### 前提条件验证
|
||||
5. **权限检查**：使用前需要验证所有必需权限是否生效
|
||||
6. **配置完整性**：确保所有配置参数都已正确设置
|
||||
7. **网络环境**：确保用户网络环境允许访问企业微信服务
|
||||
8. **版本兼容**：检查微信版本和企业微信版本兼容性
|
||||
|
||||
### 调试建议
|
||||
9. **错误监控**：添加适当的错误日志和用户反馈机制
|
||||
10. **性能优化**：避免频繁的SDK初始化和配置获取
|
||||
11. **安全考虑**：敏感配置信息应在服务端处理，前端不暴露
|
||||
|
||||
## 兼容性
|
||||
|
||||
- 微信小程序：✅ 支持
|
||||
- H5环境：✅ 支持跳转活码链接
|
||||
- 其他平台：降级处理
|
||||
|
||||
## 文件结构
|
||||
|
||||
```
|
||||
components/wxwork-contact/
|
||||
├── wxwork-contact.vue # 主组件
|
||||
└── README.md # 说明文档
|
||||
|
||||
components/ns-contact/
|
||||
└── ns-contact.vue # 统一客服组件（重构后）
|
||||
|
||||
components/hover-nav/
|
||||
└── hover-nav.vue # 悬浮导航组件（重构后）
|
||||
|
||||
common/js/
|
||||
├── wxwork-jssdk.js # 企业微信JS-SDK封装
|
||||
└── customer-service.js # 客服统一处理服务（新增）
|
||||
|
||||
store/
|
||||
└── index.js # 全局Store，包含wxworkConfig状态管理
|
||||
|
||||
pages/contact/
|
||||
└── contact.vue # 联系页面，集成企业微信功能
|
||||
```
|
||||
|
||||
## 系统梳理与优化 (v3.1.0)
|
||||
|
||||
### 🔧 已修复的问题
|
||||
|
||||
#### 1. **App.vue 配置恢复**
|
||||
- ✅ 修复了企业微信配置 (`wxworkConfig`) 在应用启动时的恢复
|
||||
- ✅ 确保所有配置都能正确从本地存储恢复到Store
|
||||
|
||||
#### 2. **客服服务参数传递**
|
||||
- ✅ 修复了 `openCustomerServiceChat` 参数传递错误
|
||||
- ✅ 正确传递 `sendMessageTitle`、`sendMessagePath`、`sendMessageImg`
|
||||
|
||||
#### 3. **组件配置访问**
|
||||
- ✅ 在 `ns-contact.vue` 和 `hover-nav.vue` 中添加 computed 属性
|
||||
- ✅ 确保能够正确访问 `servicerConfig`
|
||||
|
||||
#### 4. **企业微信服务优化**
|
||||
- ✅ 改进参数传递，支持自定义消息参数
|
||||
- ✅ 统一处理函数调用方式
|
||||
|
||||
### 🛡️ 新增功能
|
||||
|
||||
#### 1. **配置验证机制**
|
||||
```javascript
|
||||
const validation = this.customerService.validateConfig();
|
||||
if (!validation.isValid) {
|
||||
// 处理配置错误
|
||||
}
|
||||
```
|
||||
|
||||
#### 2. **错误处理增强**
|
||||
- ✅ 添加配置错误弹窗
|
||||
- ✅ 改进错误日志记录
|
||||
- ✅ 警告信息提示
|
||||
|
||||
#### 3. **类型安全**
|
||||
- ✅ 完善参数类型检查
|
||||
- ✅ 空值和异常情况处理
|
||||
|
||||
### 📋 当前系统状态
|
||||
|
||||
| 组件 | 状态 | 功能完整性 |
|
||||
|------|------|-----------|
|
||||
| **customer-service.js** | ✅ 完成 | 统一客服处理服务 |
|
||||
| **ns-contact.vue** | ✅ 修复 | 支持所有客服类型 |
|
||||
| **hover-nav.vue** | ✅ 修复 | 集成统一客服服务 |
|
||||
| **App.vue** | ✅ 修复 | 配置完整恢复 |
|
||||
| **contact.vue** | ⚠️ 待优化 | 仍使用原始方式 |
|
||||
|
||||
### 🔄 待优化项
|
||||
|
||||
#### 1. **contact.vue 页面重构**
|
||||
- 建议集成统一客服服务
|
||||
- 添加企业微信客服按钮
|
||||
- 统一UI交互体验
|
||||
|
||||
#### 2. **加载状态反馈**
|
||||
- 客服功能调用时的loading状态
|
||||
- 网络请求的进度指示
|
||||
|
||||
#### 3. **用户体验优化**
|
||||
- 客服按钮的点击反馈
|
||||
- 错误状态的友好提示
|
||||
|
||||
### 🧪 测试建议
|
||||
|
||||
1. **配置验证测试**：
|
||||
- 测试各种配置缺失情况
|
||||
- 验证错误提示准确性
|
||||
|
||||
2. **平台兼容测试**：
|
||||
- 微信小程序客服功能
|
||||
- H5环境跳转
|
||||
- 支付宝小程序客服
|
||||
|
||||
3. **企业微信功能测试**：
|
||||
- 活码链接跳转
|
||||
- 降级处理机制
|
||||
- 参数传递正确性
|
||||
|
||||
### 📖 使用最佳实践
|
||||
|
||||
```javascript
|
||||
// 推荐使用方式
|
||||
const customerService = createCustomerService(this);
|
||||
|
||||
// 带配置验证的调用
|
||||
if (customerService.isConfigAvailable()) {
|
||||
customerService.handleCustomerClick({
|
||||
sendMessageTitle: '商品咨询',
|
||||
sendMessagePath: '/pages/goods/detail',
|
||||
sendMessageImg: 'product-image.jpg'
|
||||
});
|
||||
}
|
||||
```
|
||||
|
||||
## 重构说明 (v3.0.0)
|
||||
|
||||
### 统一客服处理服务
|
||||
|
||||
为了解决代码重复问题，我们创建了 `CustomerService` 类来统一处理所有客服逻辑：
|
||||
|
||||
#### 主要改进
|
||||
1. **代码复用**：消除 `ns-contact.vue` 和 `hover-nav.vue` 中的重复代码
|
||||
2. **统一接口**：提供一致的客服处理API
|
||||
3. **平台适配**：自动处理不同平台的客服配置
|
||||
4. **类型安全**：完善的错误处理和降级机制
|
||||
|
||||
#### 使用方式
|
||||
|
||||
**1. 在组件中导入**
|
||||
```javascript
|
||||
import { createCustomerService } from '@/common/js/customer-service.js';
|
||||
```
|
||||
|
||||
**2. 初始化服务**
|
||||
```javascript
|
||||
created() {
|
||||
this.customerService = createCustomerService(this);
|
||||
this.buttonConfig = this.customerService.getButtonConfig();
|
||||
}
|
||||
```
|
||||
|
||||
**3. 处理客服点击**
|
||||
```javascript
|
||||
methods: {
|
||||
contactServicer() {
|
||||
this.customerService.handleCustomerClick({
|
||||
niushop: this.niushop,
|
||||
sendMessageTitle: this.sendMessageTitle,
|
||||
sendMessagePath: this.sendMessagePath,
|
||||
sendMessageImg: this.sendMessageImg
|
||||
});
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
#### 核心方法
|
||||
|
||||
| 方法名 | 用途 | 参数 |
|
||||
|--------|------|------|
|
||||
| `handleCustomerClick(options)` | 统一处理客服点击 | 客服配置选项 |
|
||||
| `getButtonConfig()` | 获取按钮配置 | - |
|
||||
| `getServiceType()` | 获取客服类型 | - |
|
||||
| `openWxworkService()` | 打开企业微信客服 | 是否使用原方式 |
|
||||
|
||||
#### 支持的客服类型
|
||||
|
||||
- `wxwork` - 企业微信客服
|
||||
- `third` - 第三方客服
|
||||
- `niushop` - 牛商客服
|
||||
- `weapp` - 微信小程序客服
|
||||
- `aliapp` - 支付宝小程序客服
|
||||
- `none` - 无客服（显示提示）
|
||||
|
||||
## 常见问题 (FAQ)
|
||||
|
||||
### Q: contact_id 是小程序ID吗？
|
||||
A: 不是的。`contact_id` 是**企业微信中客服人员的用户ID**，具体说明如下：
|
||||
|
||||
- **定义**：企业微信系统内部分配给客服人员的唯一标识符
|
||||
- **获取方式**：通过企业微信管理后台的"客户联系" → "配置" → "联系我"功能创建活码时获得
|
||||
- **用途**：用于指定具体客服人员，当用户点击"联系客服"时，系统通过这个ID知道应该添加哪个企业微信客服人员
|
||||
|
||||
### Q: contact_id 和小程序ID的区别？
|
||||
A: 两者的作用完全不同：
|
||||
|
||||
| 字段 | 用途 | 获取方式 |
|
||||
|------|------|----------|
|
||||
| **contact_id** | 指定具体的企业微信客服人员 | 企业微信管理后台获取 |
|
||||
| **小程序AppID** | 识别整个微信小程序应用 | 微信开放平台获取 |
|
||||
|
||||
在业务流程中：
|
||||
1. 用户在小程序中点击"联系客服"
|
||||
2. 系统使用 `contact_id` 打开对应的企业微信客服人员资料
|
||||
3. 用户添加该企业微信客服为联系人
|
||||
|
||||
所以 `contact_id` 是企业微信客服的ID，不是小程序的ID。
|
||||
|
||||
### Q: wxwork_contact_url 从哪里来？
|
||||
A: `wxwork_contact_url` 应该来自全局Store中的 `wxworkConfig`，而不是 `servicerConfig`：
|
||||
|
||||
**正确的配置来源**：
|
||||
- ✅ `this.$store.state.wxworkConfig.contact_url` - 企业微信配置
|
||||
- ❌ `this.config.wxwork_contact_url` - 错误的配置路径
|
||||
|
||||
**配置获取流程**：
|
||||
1. **后端接口**：`/api/config/init` 返回 `wxwork_config` 数据
|
||||
2. **Store存储**：`setWxworkConfig` 将配置保存到 `wxworkConfig` 状态
|
||||
3. **组件使用**：通过 `this.$store.state.wxworkConfig.contact_url` 访问
|
||||
|
||||
**代码修正示例**：
|
||||
```javascript
|
||||
// 错误 ❌
|
||||
if (this.config.wxwork_contact_url) { ... }
|
||||
|
||||
// 正确 ✅
|
||||
const wxworkConfig = this.$store.state?.wxworkConfig;
|
||||
if (wxworkConfig?.contact_url) { ... }
|
||||
```
|
||||
|
||||
**字段对应关系**：
|
||||
| 后端字段 | Store字段 | 组件使用 |
|
||||
|---------|----------|----------|
|
||||
| `contact_url` | `contact_url` | `wxworkConfig.contact_url` |
|
||||
|
||||
### Q: navigateToMiniProgram 中的企业微信小程序AppID 是指我的业务小程序ID吗？
|
||||
A: 不是的！`appId: 'wxeb490c6f9b154ef9'` 是**企业微信官方小程序的AppID**，不是你的业务小程序ID。
|
||||
|
||||
**两者的区别**：
|
||||
|
||||
| 小程序类型 | AppID示例 | 用途 | 所有者 |
|
||||
|-----------|----------|------|--------|
|
||||
| **企业微信官方小程序** | `wxeb490c6f9b154ef9` | 展示企业联系人详情页面 | 腾讯企业微信团队 |
|
||||
| **你的业务小程序** | 你的AppID | 你的业务功能（电商、服务等） | 你的企业/组织 |
|
||||
|
||||
**业务流程**：
|
||||
```
|
||||
用户小程序 (你的业务)
|
||||
↓ 点击"联系客服"
|
||||
navigateToMiniProgram 跳转到
|
||||
企业微信官方小程序 (wxeb490c6f9b154ef9)
|
||||
↓ 展示联系人详情
|
||||
用户添加客服人员到企业微信
|
||||
```
|
||||
|
||||
**关键点**：
|
||||
- 这个AppID是企业微信官方小程序，通常是固定值
|
||||
- 用于跳转到企业微信环境展示联系人详情
|
||||
- 不需要替换成你自己的小程序AppID |
|
||||
@@ -1,301 +0,0 @@
|
||||
<template>
|
||||
<view class="wxwork-contact-wrap">
|
||||
<slot></slot>
|
||||
<button
|
||||
type="default"
|
||||
hover-class="none"
|
||||
class="contact-button"
|
||||
@click="addWxWorkContact">
|
||||
<text class="btn-text">{{ btnText }}</text>
|
||||
</button>
|
||||
|
||||
<!-- 确认弹窗 -->
|
||||
<uni-popup ref="confirmPopup" type="center">
|
||||
<view class="confirm-popup">
|
||||
<view class="popup-header">
|
||||
<text>添加企业微信客服</text>
|
||||
</view>
|
||||
<view class="popup-body">
|
||||
<text>点击确定后将跳转至企业微信，添加专业客服为您服务</text>
|
||||
</view>
|
||||
<view class="popup-footer">
|
||||
<button class="cancel-btn" @click="closePopup">取消</button>
|
||||
<button class="confirm-btn" @click="confirmAdd">确定</button>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { WxWork } from '@/common/js/wxwork-jssdk.js';
|
||||
|
||||
export default {
|
||||
name: 'wxwork-contact',
|
||||
props: {
|
||||
// 按钮文字
|
||||
btnText: {
|
||||
type: String,
|
||||
default: '添加企业微信客服'
|
||||
},
|
||||
// 企业ID（必需）
|
||||
corpId: {
|
||||
type: String,
|
||||
required: true
|
||||
},
|
||||
// 应用ID
|
||||
agentId: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
// 时间戳
|
||||
timestamp: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
// 随机字符串
|
||||
nonceStr: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
// 签名
|
||||
signature: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
// 客服ID或活码配置ID
|
||||
contactId: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
// 活码链接
|
||||
contactUrl: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
// 是否显示确认弹窗
|
||||
showConfirm: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
wxWorkSDK: null
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.initWxWork();
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 初始化企业微信SDK
|
||||
*/
|
||||
initWxWork() {
|
||||
try {
|
||||
if (this.corpId) {
|
||||
this.wxWorkSDK = new WxWork();
|
||||
const initResult = this.wxWorkSDK.init({
|
||||
corpId: this.corpId,
|
||||
agentId: this.agentId,
|
||||
timestamp: this.timestamp,
|
||||
nonceStr: this.nonceStr,
|
||||
signature: this.signature,
|
||||
jsApiList: ['openUserProfile', 'openEnterpriseChat']
|
||||
});
|
||||
|
||||
if (!initResult) {
|
||||
console.error('企业微信SDK初始化失败');
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('初始化企业微信SDK失败:', error);
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 点击添加企业微信客服
|
||||
*/
|
||||
addWxWorkContact() {
|
||||
if (this.showConfirm) {
|
||||
this.$refs.confirmPopup.open();
|
||||
} else {
|
||||
this.confirmAdd();
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 确认添加
|
||||
*/
|
||||
confirmAdd() {
|
||||
this.closePopup();
|
||||
|
||||
// 直接使用props传递的配置
|
||||
const contactUrl = this.contactUrl;
|
||||
const contactId = this.contactId;
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
if (contactUrl) {
|
||||
// 方案1：直接跳转到企业微信活码
|
||||
this.jumpToWxWorkContact(contactUrl);
|
||||
} else if (contactId) {
|
||||
// 方案2：使用SDK打开用户资料
|
||||
this.openUserProfile(contactId);
|
||||
} else {
|
||||
this.showError('未配置企业微信客服信息');
|
||||
}
|
||||
// #endif
|
||||
|
||||
// #ifdef H5
|
||||
if (contactUrl) {
|
||||
// H5环境直接跳转
|
||||
window.location.href = contactUrl;
|
||||
} else {
|
||||
this.showError('未配置企业微信客服信息');
|
||||
}
|
||||
// #endif
|
||||
},
|
||||
|
||||
/**
|
||||
* 跳转到企业微信客服
|
||||
*/
|
||||
jumpToWxWorkContact(contactUrl) {
|
||||
uni.navigateToMiniProgram({
|
||||
appId: 'wxeb490c6f9b154ef9', // 企业微信小程序AppID
|
||||
path: `pages/contacts/externalContactDetail?url=${encodeURIComponent(contactUrl)}`,
|
||||
success: () => {
|
||||
console.log('跳转企业微信成功');
|
||||
this.$util.showToast({
|
||||
title: '跳转成功',
|
||||
icon: 'success'
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('跳转企业微信失败:', err);
|
||||
this.showError('跳转失败，请检查企业微信配置');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 打开用户资料
|
||||
*/
|
||||
openUserProfile(contactId) {
|
||||
if (!this.wxWorkSDK) {
|
||||
this.showError('企业微信SDK未初始化');
|
||||
return;
|
||||
}
|
||||
|
||||
this.wxWorkSDK.addContact({
|
||||
userId: contactId
|
||||
}, (res) => {
|
||||
console.log('打开用户资料成功:', res);
|
||||
}, (err) => {
|
||||
console.error('打开用户资料失败:', err);
|
||||
this.showError('打开用户资料失败');
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 显示错误提示
|
||||
*/
|
||||
showError(message) {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: message,
|
||||
showCancel: false
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 关闭弹窗
|
||||
*/
|
||||
closePopup() {
|
||||
this.$refs.confirmPopup.close();
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.wxwork-contact-wrap {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
||||
.contact-button {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(135deg, #1e7dd8 0%, #1482e0 100%);
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 8rpx;
|
||||
font-size: 28rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.btn-text {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
&:active {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.confirm-popup {
|
||||
width: 600rpx;
|
||||
background: #fff;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
|
||||
.popup-header {
|
||||
padding: 40rpx 30rpx 20rpx;
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.popup-body {
|
||||
padding: 30rpx;
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.popup-footer {
|
||||
display: flex;
|
||||
border-top: 1px solid #f0f0f0;
|
||||
|
||||
button {
|
||||
flex: 1;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
text-align: center;
|
||||
font-size: 30rpx;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
|
||||
&.cancel-btn {
|
||||
background: #fff;
|
||||
color: #999;
|
||||
border-right: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
&.confirm-btn {
|
||||
background: #1e7dd8;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:active {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,21 +1,40 @@
|
||||
export const lang = {
|
||||
|
||||
// 底部选项卡
|
||||
// 底部选项卡（英文）
|
||||
tabBar: {
|
||||
home: 'index',
|
||||
category: 'category',
|
||||
cart: 'cart',
|
||||
member: 'member',
|
||||
home: 'Home',
|
||||
category: 'Category',
|
||||
cart: 'Cart',
|
||||
member: 'Member Center'
|
||||
},
|
||||
|
||||
//公共
|
||||
// 公共文字
|
||||
common: {
|
||||
//语言包名称
|
||||
name: '英文',
|
||||
mescrollTextInOffset: 'pull to refresh',
|
||||
mescrollTextOutOffset: 'Loading...',
|
||||
name: 'English',
|
||||
mescrollTextInOffset: 'Pull down to refresh',
|
||||
mescrollTextOutOffset: 'Release to update',
|
||||
mescrollEmpty: "No data available",
|
||||
goodsRecommendTitle: 'Guess you like',
|
||||
currencySymbol: '¥'
|
||||
goodsRecommendTitle: 'You May Also Like',
|
||||
currencySymbol: '¥',
|
||||
submit: 'Submit',
|
||||
langSwitchBtn: '中文',
|
||||
// ========== 新增：kefu 对应的英文文案 ==========
|
||||
kefu: 'Contact',
|
||||
// =============================================
|
||||
// App.vue弹窗翻译
|
||||
updateTip: 'Update Tip',
|
||||
updateContent: 'The new version is ready, do you want to restart the app?',
|
||||
networkTip: 'Network Disconnected',
|
||||
networkContent: 'Please check your network connection', // 关键：这里加逗号！
|
||||
// 首页多语言字段
|
||||
siteName: 'Site Name',
|
||||
welcomeMsg: 'Welcome to follow',
|
||||
followOfficialAccount: 'Follow Official Account',
|
||||
followMoreInfo: 'Follow for more information',
|
||||
iKnow: 'I know',
|
||||
confirmStore: 'Please confirm the store',
|
||||
reposition: 'Reposition',
|
||||
currentStore: 'Current Store',
|
||||
confirmEnter: 'Confirm to enter',
|
||||
chooseOtherStore: 'Choose other stores'
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,6 +1,5 @@
|
||||
export const lang = {
|
||||
|
||||
// 底部选项卡
|
||||
// 底部选项卡（中文）
|
||||
tabBar: {
|
||||
home: '首页',
|
||||
category: '分类',
|
||||
@@ -8,15 +7,31 @@ export const lang = {
|
||||
member: '个人中心'
|
||||
},
|
||||
|
||||
//公共
|
||||
// 公共文字
|
||||
common: {
|
||||
//语言包名称
|
||||
name: '中文',
|
||||
mescrollTextInOffset: '下拉刷新',
|
||||
mescrollTextOutOffset: '释放更新',
|
||||
mescrollEmpty: "暂无相关数据",
|
||||
goodsRecommendTitle: '猜你喜欢',
|
||||
currencySymbol: '¥',
|
||||
submit: '提交'
|
||||
submit: '提交',
|
||||
langSwitchBtn: 'EN',
|
||||
// App.vue弹窗翻译
|
||||
updateTip: '更新提示',
|
||||
updateContent: '新版本已经准备好，是否重启应用？',
|
||||
networkTip: '网络失去连接',
|
||||
networkContent: '请检查网络连接', // 关键：这里加逗号！
|
||||
// 首页多语言字段
|
||||
siteName: '站点名称',
|
||||
welcomeMsg: '欢迎关注',
|
||||
followOfficialAccount: '关注公众号',
|
||||
followMoreInfo: '关注了解更多',
|
||||
iKnow: '我知道了',
|
||||
confirmStore: '请确认门店',
|
||||
reposition: '重新定位',
|
||||
currentStore: '当前门店',
|
||||
confirmEnter: '确认进入',
|
||||
chooseOtherStore: '选择其他门店'
|
||||
}
|
||||
}
|
||||
}
|
||||
4
node_modules/jweixin-module/README.md
generated
vendored
4
node_modules/jweixin-module/README.md
generated
vendored
@@ -19,8 +19,8 @@ https://unpkg.com/jweixin-module/out/index.js
|
||||
## 使用
|
||||
|
||||
```js
|
||||
var wx = require('jweixin-module')
|
||||
wx.ready(function(){
|
||||
var jweixin = require('jweixin-module')
|
||||
jweixin.ready(function(){
|
||||
// TODO
|
||||
});
|
||||
```
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -30,7 +30,9 @@
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
diyData: null
|
||||
diyData: null,
|
||||
// 新增：标记是否已监听语言事件，避免重复监听
|
||||
langListenerAdded: false
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
@@ -38,20 +40,51 @@
|
||||
this.$langConfig.refresh();
|
||||
uni.hideTabBar();
|
||||
this.getDiyInfo();
|
||||
// 新增：监听全局语言切换事件
|
||||
this.addLangListener();
|
||||
},
|
||||
onShow() {
|
||||
if (this.$refs.category) this.$refs.category[0].pageShow();
|
||||
},
|
||||
onUnload() {
|
||||
if (!this.storeToken && this.$refs.login) this.$refs.login.cancelCompleteInfo();
|
||||
// 新增：页面销毁时移除语言监听，避免内存泄漏
|
||||
this.removeLangListener();
|
||||
},
|
||||
methods: {
|
||||
// 新增：添加语言切换监听（封装为方法，避免重复监听）
|
||||
addLangListener() {
|
||||
if (!this.langListenerAdded) {
|
||||
uni.$on('lang-changed', this.handleLangChange);
|
||||
this.langListenerAdded = true;
|
||||
}
|
||||
},
|
||||
// 新增：移除语言切换监听
|
||||
removeLangListener() {
|
||||
if (this.langListenerAdded) {
|
||||
uni.$off('lang-changed', this.handleLangChange);
|
||||
this.langListenerAdded = false;
|
||||
}
|
||||
},
|
||||
// 新增：语言切换后的处理逻辑
|
||||
handleLangChange() {
|
||||
// 1. 刷新多语言配置（确保语言包生效）
|
||||
this.$langConfig.refresh();
|
||||
// 2. 显示加载遮罩，提升用户体验
|
||||
if (this.$refs.loadingCover) this.$refs.loadingCover.show();
|
||||
// 3. 重新请求分类数据（核心：获取对应语言的分类内容）
|
||||
this.getDiyInfo();
|
||||
},
|
||||
getDiyInfo() {
|
||||
this.$api.sendRequest({
|
||||
url: '/api/diyview/info',
|
||||
data: {
|
||||
name: 'DIY_VIEW_GOODS_CATEGORY'
|
||||
},
|
||||
// 新增：请求头携带当前语言，让后端返回对应语言的分类数据
|
||||
header: {
|
||||
'lang': uni.getStorageSync('lang') || 'zh-cn'
|
||||
},
|
||||
success: res => {
|
||||
if (res.code == 0 && res.data) {
|
||||
this.diyData = res.data;
|
||||
@@ -61,6 +94,11 @@
|
||||
}
|
||||
uni.stopPullDownRefresh();
|
||||
}
|
||||
},
|
||||
// 新增：请求失败时隐藏加载遮罩，避免遮罩卡死
|
||||
fail: () => {
|
||||
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
|
||||
uni.stopPullDownRefresh();
|
||||
}
|
||||
});
|
||||
},
|
||||
@@ -71,6 +109,14 @@
|
||||
onPullDownRefresh() {
|
||||
uni.hideTabBar();
|
||||
this.getDiyInfo();
|
||||
},
|
||||
// 新增：页面隐藏时移除监听（可选，增强容错）
|
||||
onHide() {
|
||||
this.removeLangListener();
|
||||
},
|
||||
// 新增：页面重新显示时重新添加监听
|
||||
onReShow() {
|
||||
this.addLangListener();
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -6,6 +6,9 @@ export default {
|
||||
couponBtnSwitch: false, //获取优惠券防止重复提交
|
||||
|
||||
posterApi: '/api/goods/poster',
|
||||
// 👇 新增初始定义
|
||||
contactData: {}, // 客服基础参数初始值
|
||||
chatRoomParams: {}, // 客服会话参数初始值
|
||||
|
||||
//满减活动
|
||||
manjian: {
|
||||
@@ -91,6 +94,14 @@ export default {
|
||||
//同步获取商品详情
|
||||
await this.getGoodsSkuDetail();
|
||||
},
|
||||
// 在detail.js的created/mounted中添加
|
||||
created() {
|
||||
// 监听语言切换事件（需项目有全局事件总线，或直接在切换方法中调用）
|
||||
uni.$on('lang-switch', () => {
|
||||
this.getGoodsSkuDetail(); // 切换语言后重新获取商品数据，赋值两个变量
|
||||
});
|
||||
},
|
||||
|
||||
onHide() {
|
||||
this.couponBtnSwitch = false;
|
||||
},
|
||||
@@ -103,6 +114,14 @@ export default {
|
||||
fail(){}
|
||||
})
|
||||
},
|
||||
// 新增：跳转到客服会话页面
|
||||
goToContact() {
|
||||
// 新增这行日志：打印“父页面触发跳转”
|
||||
console.log('【父页面】点击Contact，触发goToContact方法');
|
||||
uni.navigateTo({
|
||||
url: '/pages/contact/contact'
|
||||
});
|
||||
},
|
||||
setSkuId(val) {
|
||||
if (val) {
|
||||
this.skuId = val;
|
||||
@@ -141,6 +160,12 @@ export default {
|
||||
this.chatRoomParams = {
|
||||
sku_id: this.goodsSkuDetail.sku_id
|
||||
};
|
||||
// 👇 新增contactData赋值（至少空对象，也可补充业务参数）
|
||||
this.contactData = {
|
||||
goodsId: this.goodsId,
|
||||
shopId: this.goodsSkuDetail.shop_id || '', // 若有店铺ID则补充
|
||||
lang: uni.getStorageSync('lang') // 传递当前语言标识，方便客服组件兼容
|
||||
};
|
||||
let typeId = this.goodsSkuDetail.goods_promotion[0];
|
||||
if (typeId) {
|
||||
// 限时折扣
|
||||
|
||||
@@ -7,17 +7,16 @@
|
||||
<image :src="$util.img(siteInfo.logo_square)" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="info-box" :style="{ color: '#ffffff' }">
|
||||
<text class="font-size-base">{{ siteInfo.site_name }}</text>
|
||||
<text>{{ followOfficialAccount.welcomeMsg }}</text>
|
||||
<!-- 新增：多语言 - 站点名称 -->
|
||||
<text class="font-size-base">{{ $lang('common.siteName') || siteInfo.site_name }}</text>
|
||||
<!-- 新增：多语言 - 公众号欢迎语 -->
|
||||
<text>{{ $lang('common.welcomeMsg') || followOfficialAccount.welcomeMsg }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="dite-button" @click="officialAccountsOpen">关注公众号</view>
|
||||
<!-- 新增：多语言 - 关注公众号按钮 -->
|
||||
<view class="dite-button" @click="officialAccountsOpen">{{ $lang('common.followOfficialAccount') }}</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="page-header" v-if="diyData.global && diyData.global.navBarSwitch" :style="{ backgroundImage: bgImg }">
|
||||
<ns-navbar :title-color="textNavColor" :data="diyData.global" :scrollTop="scrollTop" :isBack="false"/>
|
||||
</view> -->
|
||||
|
||||
<diy-index-page v-if="topIndexValue" ref="indexPage" :value="topIndexValue" :bgUrl="bgUrl" :scrollTop="scrollTop" :diyGlobal="diyData.global" class="diy-index-page">
|
||||
<template v-slot:components>
|
||||
<diy-group ref="diyGroup" v-if="diyData.value" :diyData="diyData" :scrollTop="scrollTop" :haveTopCategory="true" :followOfficialAccount="followOfficialAccount"/>
|
||||
@@ -36,33 +35,15 @@
|
||||
<view @touchmove.prevent.stop>
|
||||
<uni-popup ref="uniPopupWindow" type="center" class="wap-floating" :maskClick="false">
|
||||
<view class="small-bot">
|
||||
<!-- <view class="adver-time" wx:if="{{startadv.params.style=='default'&&startadv.params.canclose==1}}">
|
||||
<view bindtap="adverclose">跳过</view>
|
||||
<view class="time">{{clock}}s</view>
|
||||
</view>
|
||||
<view class="adver-time" wx:if="{{startadv.params.style=='default'&&startadv.params.canclose==0}}">
|
||||
<view class="time" style="line-height: 64rpx;">{{clock}}s</view>
|
||||
</view> -->
|
||||
<swiper autoplay="true" :circular="true" indicator-active-color="#fff" indicator-color="rgba(255,255,255,0.6)" :indicator-dots="true" interval="3000">
|
||||
<swiper-item v-for="(item, index) in adv.list" :key="index">
|
||||
<image class="slide-image" @click="$util.diyRedirectTo(item.link)" height="100%" :src="$util.img(item.imageUrl)" width="100%"></image>
|
||||
<!-- <image bindtap="adverclose" class="slide-image" height="100%" src="{{item.imgurl}}" width="100%" wx:if="{{item.click==1}}"></image> -->
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<view bindtap="adverclose" class="small-bot-close" @click="closePopupWindow">
|
||||
<i class="iconfont icon-round-close" style="color:#fff"></i>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="image-wrap">
|
||||
<swiper class="swiper" style="width:100%;height: 1200rpx;" :autoplay="true" interval="3000" circular="true" :indicator-dots="true" indicator-color="#000" indicator-active-color="red">
|
||||
<swiper-item class="swiper-item" v-for="(item, index) in adv.list" :key="index" v-if="item.imageUrl" @click="$util.diyRedirectTo(item.link)">
|
||||
<view class="item">
|
||||
<image :src="$util.img(item.imageUrl)" mode="aspectFit" :show-menu-by-longpress="true"/>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
</view>
|
||||
<text class="iconfont icon-round-close" @click="closePopupWindow"></text> -->
|
||||
</uni-popup>
|
||||
</view>
|
||||
</template>
|
||||
@@ -77,7 +58,8 @@
|
||||
<uni-popup ref="officialAccountsPopup" type="center">
|
||||
<view class="official-accounts-wrap">
|
||||
<image class="content" :src="$util.img(wechatQrcode)" mode="aspectFit"></image>
|
||||
<text class="desc">关注了解更多</text>
|
||||
<!-- 新增：多语言 - 关注公众号提示 -->
|
||||
<text class="desc">{{ $lang('common.followMoreInfo') }}</text>
|
||||
<text class="close iconfont icon-round-close" @click="officialAccountsClose"></text>
|
||||
</view>
|
||||
</uni-popup>
|
||||
@@ -87,25 +69,29 @@
|
||||
<uni-popup ref="collectPopupWindow" type="top" class="wap-floating wap-floating-collect">
|
||||
<view v-if="showTip" class="collectPopupWindow" :style="{ marginTop: (collectTop + statusBarHeight) * 2 + 'rpx' }">
|
||||
<image :src="$util.img('public/uniapp/index/collect2.png')" mode="aspectFit"/>
|
||||
<text @click="closeCollectPopupWindow">我知道了</text>
|
||||
<!-- 新增：多语言 - 我知道了 -->
|
||||
<text @click="closeCollectPopupWindow">{{ $lang('common.iKnow') }}</text>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<!-- 选择门店弹出框，定位当前位置，展示最近的一个门店 -->
|
||||
<!-- 选择门店弹出框 -->
|
||||
<view @touchmove.prevent.stop class="choose-store">
|
||||
<uni-popup ref="chooseStorePopup" type="center" :maskClick="false" class="choose-store">
|
||||
<view class="choose-store-popup">
|
||||
<view class="head-wrap" @click="closeChooseStorePopup">请确认门店</view>
|
||||
<!-- 新增：多语言 - 请确认门店 -->
|
||||
<view class="head-wrap" @click="closeChooseStorePopup">{{ $lang('common.confirmStore') }}</view>
|
||||
<view class="position-wrap">
|
||||
<text class="iconfont icon-dizhi"></text>
|
||||
<text class="address">{{ currentPosition }}</text>
|
||||
<view class="reposition" @click="reposition" v-if="globalStoreConfig && globalStoreConfig.is_allow_change == 1">
|
||||
<text class="iconfont icon-dingwei"></text>
|
||||
<text>重新定位</text>
|
||||
<!-- 新增：多语言 - 重新定位 -->
|
||||
<text>{{ $lang('common.reposition') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="store-wrap" v-if="nearestStore">
|
||||
<text class="tag">当前门店</text>
|
||||
<!-- 新增：多语言 - 当前门店 -->
|
||||
<text class="tag">{{ $lang('common.currentStore') }}</text>
|
||||
<view class="store-name">{{ nearestStore.store_name }}</view>
|
||||
<view class="address">{{ nearestStore.show_address }}</view>
|
||||
<view class="distance" v-if="nearestStore.distance">
|
||||
@@ -113,21 +99,25 @@
|
||||
<text>{{ nearestStore.distance > 1 ? nearestStore.distance + 'km' : nearestStore.distance * 1000 + 'm' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<button type="primary" @click="enterStore">确认进入</button>
|
||||
<!-- 新增：多语言 - 确认进入 -->
|
||||
<button type="primary" @click="enterStore">{{ $lang('common.confirmEnter') }}</button>
|
||||
<view class="other-store" @click="chooseOtherStore" v-if="globalStoreConfig && globalStoreConfig.is_allow_change == 1">
|
||||
<text>选择其他门店</text>
|
||||
<!-- 新增：多语言 - 选择其他门店 -->
|
||||
<text>{{ $lang('common.chooseOtherStore') }}</text>
|
||||
<text class="iconfont icon-right"></text>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</view>
|
||||
<!-- 悬浮按钮组件（已包含语言切换按钮） -->
|
||||
<hover-nav></hover-nav>
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<!-- 小程序隐私协议 -->
|
||||
<privacy-popup ref="privacyPopup"></privacy-popup>
|
||||
<!-- #endif -->
|
||||
<to-top v-if="showTop" @toTop="scrollToTopNative()"></to-top>
|
||||
<ns-login ref="login"></ns-login>
|
||||
|
||||
<!-- 👇 删除：重复的语言切换按钮（hover-nav里已有） -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -138,7 +128,8 @@
|
||||
import indexJs from './public/js/index.js';
|
||||
import toTop from '@/components/toTop/toTop.vue';
|
||||
import scroll from '@/common/js/scroll-view.js';
|
||||
|
||||
// 👇 保留引入，但无需重复定义切换方法（hover-nav已处理）
|
||||
import langUtil from '@/common/js/lang.js';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
@@ -146,7 +137,47 @@
|
||||
nsNavbar,
|
||||
toTop
|
||||
},
|
||||
mixins: [diyJs, scroll, indexJs]
|
||||
mixins: [diyJs, scroll, indexJs],
|
||||
data() {
|
||||
return {
|
||||
// 新增：标记是否已监听语言事件
|
||||
langListenerAdded: false
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
// 新增：监听语言切换事件，刷新首页DIY数据
|
||||
this.addLangListener();
|
||||
},
|
||||
onUnload() {
|
||||
// 新增：页面销毁时移除监听
|
||||
this.removeLangListener();
|
||||
},
|
||||
methods: {
|
||||
// 新增：添加语言监听
|
||||
addLangListener() {
|
||||
if (!this.langListenerAdded) {
|
||||
uni.$on('lang-changed', this.handleLangChange);
|
||||
this.langListenerAdded = true;
|
||||
}
|
||||
},
|
||||
// 新增：移除语言监听
|
||||
removeLangListener() {
|
||||
if (this.langListenerAdded) {
|
||||
uni.$off('lang-changed', this.handleLangChange);
|
||||
this.langListenerAdded = false;
|
||||
}
|
||||
},
|
||||
// 新增：语言切换后刷新首页数据
|
||||
handleLangChange() {
|
||||
// 重新请求首页DIY数据，确保内容同步为新语言
|
||||
if (this.getDiyInfo) {
|
||||
this.getDiyInfo(); // 调用首页获取DIY数据的方法
|
||||
}
|
||||
// 刷新多语言配置
|
||||
this.$langConfig?.refresh();
|
||||
},
|
||||
// 👇 删除：重复的toggleLang方法（hover-nav里已有）
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -154,8 +185,6 @@
|
||||
@import '@/common/css/diy.scss';
|
||||
@import './public/css/index.scss';
|
||||
|
||||
|
||||
|
||||
.small-bot {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@@ -194,7 +223,6 @@
|
||||
.small-bot-close i {
|
||||
font-size: 60rpx;
|
||||
}
|
||||
|
||||
</style>
|
||||
<style scoped>
|
||||
.swiper /deep/ .uni-swiper-dots-horizontal {
|
||||
@@ -229,8 +257,9 @@
|
||||
}
|
||||
|
||||
/deep/ .mescroll-totop {
|
||||
right: 24rpx!important;
|
||||
bottom: 182rpx!important;
|
||||
right: 24rpx !important;
|
||||
bottom: 182rpx !important;
|
||||
}
|
||||
|
||||
/* 👇 删除：重复的语言按钮样式（hover-nav里已有） */
|
||||
</style>
|
||||
@@ -1,127 +1,151 @@
|
||||
<template>
|
||||
<page-meta :page-style="themeColor"></page-meta>
|
||||
<view :style="{ backgroundColor: bgColor, minHeight: openBottomNav ? 'calc(100vh - 55px)' : '' }" class="page-img">
|
||||
<view class="page-header" v-if="diyData.global && diyData.global.navBarSwitch" :style="{ backgroundImage: bgImg }">
|
||||
<ns-navbar :title-color="textNavColor" :data="diyData.global" :scrollTop="scrollTop" :isBack="true"/>
|
||||
</view>
|
||||
|
||||
<diy-index-page v-if="topIndexValue" ref="indexPage" :value="topIndexValue" :bgUrl="bgUrl" :scrollTop="scrollTop" :diyGlobal="diyData.global" class="diy-index-page">
|
||||
<diy-group ref="diyGroup" v-if="diyData.value" :diyData="diyData" :scrollTop="scrollTop" :haveTopCategory="true"/>
|
||||
<ns-copyright v-show="isShowCopyRight"/>
|
||||
</diy-index-page>
|
||||
|
||||
<view v-else class="bg-index" :style="{ backgroundImage: backgroundUrl, paddingTop: paddingTop, marginTop: marginTop }">
|
||||
<diy-group ref="diyGroup" v-if="diyData.value" :diyData="diyData" :scrollTop="scrollTop"/>
|
||||
<ns-copyright v-show="isShowCopyRight"/>
|
||||
|
||||
<view class="foot">
|
||||
<view class="item" @click="tourl('/pages_tool/agreement/contenr?type=0')">隐私协议</view>
|
||||
<view class="item" @click="tourl('/pages_tool/agreement/contenr?type=1')">注册协议</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<template v-if="diyData.global && diyData.global.popWindow && diyData.global.popWindow.count != -1 && diyData.global.popWindow.imageUrl">
|
||||
<view @touchmove.prevent.stop>
|
||||
<uni-popup ref="uniPopupWindow" type="center" class="wap-floating" :maskClick="false">
|
||||
<view class="image-wrap">
|
||||
<image :src="$util.img(diyData.global.popWindow.imageUrl)" :style="popWindowStyle" @click="uniPopupWindowFn()" mode="aspectFit"/>
|
||||
</view>
|
||||
<text class="iconfont icon-round-close" @click="closePopupWindow"></text>
|
||||
</uni-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<!-- 底部tabBar -->
|
||||
<view id="tab-bar" :class="{ hide: bottomNavHidden }" v-if="openBottomNav">
|
||||
<diy-bottom-nav @callback="callback"/>
|
||||
</view>
|
||||
|
||||
<!-- 收藏 -->
|
||||
<uni-popup ref="collectPopupWindow" type="top" class="wap-floating wap-floating-collect">
|
||||
<view v-if="showTip" class="collectPopupWindow" :style="{ marginTop: (collectTop + statusBarHeight) * 2 + 'rpx' }">
|
||||
<image :src="$util.img('public/uniapp/index/collect2.png')" mode="aspectFit"/>
|
||||
<text @click="closeCollectPopupWindow">我知道了</text>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<ns-birthday-gift ref="birthdayGift"></ns-birthday-gift>
|
||||
<ns-new-gift ref="nsNewGift"></ns-new-gift>
|
||||
|
||||
|
||||
<hover-nav></hover-nav>
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<!-- 小程序隐私协议 -->
|
||||
<privacy-popup ref="privacyPopup"></privacy-popup>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
<!-- 补充页面根模板结构（适配uni-app规范） -->
|
||||
<page-meta :page-style="themeColor"></page-meta>
|
||||
<view class="member-page">
|
||||
<!-- 原有页面内容（因你未提供完整模板，此处保留核心结构，按钮添加在最后） -->
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import uniPopup from '@/components/uni-popup/uni-popup.vue';
|
||||
import nsNavbar from '@/components/ns-navbar/ns-navbar.vue';
|
||||
import diyJs from '@/common/js/diy.js';
|
||||
import indexJs from './public/js/index.js';
|
||||
// 👇 引入语言工具文件
|
||||
import langUtil from '@/common/js/lang.js';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
uniPopup,
|
||||
nsNavbar
|
||||
},
|
||||
mixins: [diyJs, indexJs],
|
||||
methods:{
|
||||
|
||||
tourl(url){
|
||||
this.$util.redirectTo(url);
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
diyRoute: '/pages/member/index'
|
||||
};
|
||||
},
|
||||
computed: {},
|
||||
watch: {
|
||||
storeToken: function(nVal, oVal) {
|
||||
if (nVal) {
|
||||
this.initData();
|
||||
if (uni.getStorageSync('source_member')) this.$util.onSourceMember(uni.getStorageSync(
|
||||
'source_member'));
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
},
|
||||
onLoad(data) {
|
||||
//刷新多语言
|
||||
this.$langConfig.refresh();
|
||||
|
||||
uni.hideTabBar();
|
||||
this.name = 'DIY_VIEW_MEMBER_INDEX';
|
||||
if (data.code) {
|
||||
this.$api.sendRequest({
|
||||
url: '/wechat/api/wechat/authcodetoopenid',
|
||||
data: {
|
||||
code: data.code
|
||||
},
|
||||
success: res => {
|
||||
if (res.code >= 0) {
|
||||
if (res.data.userinfo.nickName) this.modifyNickname(res.data.userinfo.nickName);
|
||||
if (res.data.userinfo.avatarUrl) this.modifyHeadimg(res.data.userinfo
|
||||
.avatarUrl);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
|
||||
// 刷新会员数据
|
||||
if (this.$refs.diyGroup) {
|
||||
if (this.$refs.diyGroup.$refs.diyMemberIndex) this.$refs.diyGroup.$refs.diyMemberIndex[0].init();
|
||||
if (this.$refs.diyGroup.$refs.diyMemberMyOrder) this.$refs.diyGroup.$refs.diyMemberMyOrder[0].getOrderNum();
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 👇 新增：语言切换方法
|
||||
toggleLang() {
|
||||
const currentLang = this.$lang?.locale || 'zh-cn';
|
||||
const targetLang = currentLang === 'zh-cn' ? 'en-us' : 'zh-cn';
|
||||
langUtil.change(targetLang);
|
||||
},
|
||||
|
||||
/**
|
||||
* 查询会员信息
|
||||
*/
|
||||
initData() {
|
||||
if (this.storeToken) {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.nsNewGift.init();
|
||||
this.$refs.birthdayGift.init();
|
||||
});
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 修改昵称
|
||||
* @param {Object} nickName
|
||||
*/
|
||||
modifyNickname(nickName) {
|
||||
this.$api.sendRequest({
|
||||
url: '/api/member/modifynickname',
|
||||
data: {
|
||||
nickname: nickName
|
||||
},
|
||||
success: res => {
|
||||
if (res.code == 0) {
|
||||
this.memberInfo.nickname = nickName;
|
||||
this.$store.commit('setMemberInfo', this.memberInfo);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 修改头像
|
||||
*/
|
||||
modifyHeadimg(headimg) {
|
||||
this.$api.sendRequest({
|
||||
url: '/api/member/modifyheadimg',
|
||||
data: {
|
||||
headimg: headimg
|
||||
},
|
||||
success: res => {
|
||||
if (res.code == 0) {
|
||||
this.memberInfo.headimg = headimg;
|
||||
this.$store.commit('setMemberInfo', this.memberInfo);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '@/common/css/diy.scss';
|
||||
.foot{
|
||||
display: flex;
|
||||
// position: absolute;
|
||||
width: 100%;
|
||||
margin-bottom: 40rpx;
|
||||
.item{
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
color:#F4391c
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style scoped>
|
||||
.wap-floating>>>.uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
|
||||
background: none !important;
|
||||
}
|
||||
/* 原有页面样式（保留） */
|
||||
.member-page {
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/deep/.diy-index-page .uni-popup .uni-popup__wrapper-box {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.choose-store>>>.goodslist-uni-popup-box {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
/deep/ .placeholder {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/deep/::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
background-color: transparent;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/deep/ .sku-layer .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
|
||||
max-height: unset !important;
|
||||
}
|
||||
/* 👇 新增：语言切换按钮样式 */
|
||||
.lang-switch-wrap {
|
||||
position: fixed !important;
|
||||
bottom: 120rpx !important; /* 避开底部tabBar（若显示） */
|
||||
right: 30rpx !important;
|
||||
z-index: 99999 !important; /* 层级拉满 */
|
||||
width: 120rpx;
|
||||
height: 60rpx;
|
||||
background-color: #ffffff !important;
|
||||
border: 1px solid #e5e5e5 !important;
|
||||
border-radius: 30rpx !important;
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
justify-content: center !important;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1) !important;
|
||||
}
|
||||
.lang-text {
|
||||
font-size: 28rpx !important;
|
||||
color: #333333 !important;
|
||||
font-weight: 500 !important;
|
||||
}
|
||||
.lang-switch-wrap:active {
|
||||
transform: scale(0.95) !important;
|
||||
transition: transform 0.1s ease !important;
|
||||
}
|
||||
</style>
|
||||
@@ -313,11 +313,11 @@
|
||||
@import './public/css/list.scss';
|
||||
</style>
|
||||
<style scoped>
|
||||
>>>.uni-tag--primary.uni-tag--inverted {
|
||||
::v-deep .uni-tag--primary.uni-tag--inverted {
|
||||
background-color: #f5f5f5 !important;
|
||||
}
|
||||
|
||||
/deep/ .sku-layer .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
|
||||
::v-deep .sku-layer .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
|
||||
max-height: unset !important;
|
||||
}
|
||||
</style>
|
||||
@@ -1,75 +1,78 @@
|
||||
{
|
||||
"description": "项目配置文件",
|
||||
"packOptions": {
|
||||
"ignore": []
|
||||
},
|
||||
"setting": {
|
||||
"urlCheck": true,
|
||||
"es6": true,
|
||||
"enhance": false,
|
||||
"postcss": true,
|
||||
"preloadBackgroundData": false,
|
||||
"minified": true,
|
||||
"newFeature": false,
|
||||
"coverView": true,
|
||||
"nodeModules": false,
|
||||
"autoAudits": false,
|
||||
"showShadowRootInWxmlPanel": true,
|
||||
"scopeDataCheck": false,
|
||||
"uglifyFileName": false,
|
||||
"checkInvalidKey": true,
|
||||
"checkSiteMap": true,
|
||||
"uploadWithSourceMap": true,
|
||||
"compileHotReLoad": false,
|
||||
"useMultiFrameRuntime": true,
|
||||
"useApiHook": true,
|
||||
"useApiHostProcess": true,
|
||||
"babelSetting": {
|
||||
"ignore": [],
|
||||
"disablePlugins": [],
|
||||
"outputPath": ""
|
||||
},
|
||||
"enableEngineNative": false,
|
||||
"bundle": false,
|
||||
"useIsolateContext": true,
|
||||
"useCompilerModule": true,
|
||||
"userConfirmedUseCompilerModuleSwitch": false,
|
||||
"userConfirmedBundleSwitch": false,
|
||||
"packNpmManually": false,
|
||||
"packNpmRelationList": [],
|
||||
"minifyWXSS": true
|
||||
},
|
||||
"compileType": "miniprogram",
|
||||
"libVersion": "2.16.1",
|
||||
"appid": "wx29215aa1bd97bbd6",
|
||||
"projectname": "niushop_b2c_v4_uniapp",
|
||||
"debugOptions": {
|
||||
"hidedInDevtools": []
|
||||
},
|
||||
"scripts": {},
|
||||
"staticServerOptions": {
|
||||
"baseURL": "",
|
||||
"servePath": ""
|
||||
},
|
||||
"isGameTourist": false,
|
||||
"condition": {
|
||||
"search": {
|
||||
"list": []
|
||||
},
|
||||
"conversation": {
|
||||
"list": []
|
||||
},
|
||||
"game": {
|
||||
"list": []
|
||||
},
|
||||
"plugin": {
|
||||
"list": []
|
||||
},
|
||||
"gamePlugin": {
|
||||
"list": []
|
||||
},
|
||||
"miniprogram": {
|
||||
"list": []
|
||||
}
|
||||
}
|
||||
{
|
||||
"description": "项目配置文件",
|
||||
"packOptions": {
|
||||
"ignore": [],
|
||||
"include": []
|
||||
},
|
||||
"setting": {
|
||||
"urlCheck": true,
|
||||
"es6": true,
|
||||
"enhance": false,
|
||||
"postcss": true,
|
||||
"preloadBackgroundData": false,
|
||||
"minified": true,
|
||||
"newFeature": false,
|
||||
"coverView": true,
|
||||
"nodeModules": false,
|
||||
"autoAudits": false,
|
||||
"showShadowRootInWxmlPanel": true,
|
||||
"scopeDataCheck": false,
|
||||
"uglifyFileName": false,
|
||||
"checkInvalidKey": true,
|
||||
"checkSiteMap": true,
|
||||
"uploadWithSourceMap": true,
|
||||
"compileHotReLoad": false,
|
||||
"useMultiFrameRuntime": true,
|
||||
"useApiHook": true,
|
||||
"useApiHostProcess": true,
|
||||
"babelSetting": {
|
||||
"ignore": [],
|
||||
"disablePlugins": [],
|
||||
"outputPath": ""
|
||||
},
|
||||
"enableEngineNative": false,
|
||||
"bundle": false,
|
||||
"useIsolateContext": true,
|
||||
"useCompilerModule": true,
|
||||
"userConfirmedUseCompilerModuleSwitch": false,
|
||||
"userConfirmedBundleSwitch": false,
|
||||
"packNpmManually": false,
|
||||
"packNpmRelationList": [],
|
||||
"minifyWXSS": true,
|
||||
"compileWorklet": false,
|
||||
"minifyWXML": true,
|
||||
"localPlugins": false,
|
||||
"disableUseStrict": false,
|
||||
"useCompilerPlugins": false,
|
||||
"condition": false,
|
||||
"swc": false,
|
||||
"disableSWC": true
|
||||
},
|
||||
"compileType": "miniprogram",
|
||||
"libVersion": "3.12.1",
|
||||
"appid": "wx29215aa1bd97bbd6",
|
||||
"projectname": "niushop_b2c_v4_uniapp",
|
||||
"isGameTourist": false,
|
||||
"condition": {
|
||||
"search": {
|
||||
"list": []
|
||||
},
|
||||
"conversation": {
|
||||
"list": []
|
||||
},
|
||||
"game": {
|
||||
"list": []
|
||||
},
|
||||
"plugin": {
|
||||
"list": []
|
||||
},
|
||||
"gamePlugin": {
|
||||
"list": []
|
||||
},
|
||||
"miniprogram": {
|
||||
"list": []
|
||||
}
|
||||
},
|
||||
"simulatorPluginLibVersion": {},
|
||||
"editorSetting": {}
|
||||
}
|
||||
24
project.private.config.json
Normal file
24
project.private.config.json
Normal file
@@ -0,0 +1,24 @@
|
||||
{
|
||||
"libVersion": "3.12.1",
|
||||
"projectname": "niushop_b2c_v4_uniapp",
|
||||
"condition": {},
|
||||
"setting": {
|
||||
"urlCheck": true,
|
||||
"coverView": true,
|
||||
"lazyloadPlaceholderEnable": false,
|
||||
"skylineRenderEnable": false,
|
||||
"preloadBackgroundData": false,
|
||||
"autoAudits": false,
|
||||
"useApiHook": true,
|
||||
"useApiHostProcess": true,
|
||||
"showShadowRootInWxmlPanel": true,
|
||||
"useStaticServer": false,
|
||||
"useLanDebug": false,
|
||||
"showES6CompileOption": false,
|
||||
"compileHotReLoad": true,
|
||||
"checkInvalidKey": true,
|
||||
"ignoreDevUnusedFiles": true,
|
||||
"bigPackageSizeSupport": false,
|
||||
"useIsolateContext": true
|
||||
}
|
||||
}
|
||||
@@ -64,7 +64,6 @@ const store = new Vuex.Store({
|
||||
cartPosition: null, // 购物车所在位置
|
||||
componentRefresh: 0, // 组件刷新
|
||||
servicerConfig: null, // 客服配置
|
||||
wxworkConfig: null, // 企业微信配置
|
||||
diySeckillInterval: 0,
|
||||
diyGroupPositionObj: {},
|
||||
diyGroupShowModule: '',
|
||||
@@ -161,11 +160,6 @@ const store = new Vuex.Store({
|
||||
state.servicerConfig = value;
|
||||
uni.setStorageSync('servicerConfig', value);
|
||||
},
|
||||
// 企业微信配置
|
||||
setWxworkConfig(state, value) {
|
||||
state.wxworkConfig = value;
|
||||
uni.setStorageSync('wxworkConfig', value);
|
||||
},
|
||||
setDiySeckillInterval(state, value) {
|
||||
state.diySeckillInterval = value;
|
||||
},
|
||||
@@ -221,11 +215,6 @@ const store = new Vuex.Store({
|
||||
this.commit('setSiteInfo', data.site_info);
|
||||
|
||||
this.commit('setServicerConfig', data.servicer);
|
||||
|
||||
// 企业微信配置
|
||||
if (data?.wxwork_config) {
|
||||
this.commit('setWxworkConfig', data.wxwork_config);
|
||||
}
|
||||
|
||||
this.commit('setCopyright', data.copyright);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user