outsource/shop
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

客服

Browse Source
This commit is contained in:
zpc 2025-10-22 23:03:20 +08:00
parent cb411ddcf0
commit 07623d14e5
3 changed files with 899 additions and 800 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
CoreCms.Net.Uni-App/CoreShop/pages.json
View File

@ -7,8 +7,7 @@
// npm安装方式
// "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
"pages": [
{
"pages": [{
"path": "pages/index/default/default",
"style": {
"navigationBarTextStyle": "white",
@ -60,14 +59,19 @@
"navigationBarTextStyle": "black",
"navigationBarTitleText": "商品列表"
}
},
{
"path": "pages/index/default/kefu",
"style": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "客服"
}
}
],
"subpackages": [
{
"subpackages": [{
"root": "pages/share",
"name": "share",
"pages": [
{
"pages": [{
"path": "sharePoster/sharePoster",
"style": {
"navigationBarTextStyle": "black",
@ -86,8 +90,7 @@
{
"root": "pages/serviceGoods",
"name": "serviceGoods",
"pages": [
{
"pages": [{
"path": "index/index",
"style": {
"navigationBarTextStyle": "black",
@ -106,34 +109,29 @@
{
"root": "pages/map",
"name": "map",
"pages": [
{
"pages": [{
"path": "map",
"style": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "地图展示"
}
}
]
}]
},
{
"root": "pages/search",
"name": "search",
"pages": [
{
"pages": [{
"path": "search",
"style": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "搜索"
}
}
]
}]
},
{
"root": "pages/placeOrder",
"name": "placeOrder",
"pages": [
{
"pages": [{
"path": "index/index",
"style": {
"navigationBarTextStyle": "black",
@ -159,8 +157,7 @@
{
"root": "pages/payment",
"name": "payment",
"pages": [
{
"pages": [{
"path": "pay/pay",
"style": {
"navigationBarTextStyle": "black",
@ -186,21 +183,18 @@
{
"root": "pages/storeMap",
"name": "storeMap",
"pages": [
{
"pages": [{
"path": "storeMap",
"style": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "门店列表"
}
}
]
}]
},
{
"root": "pages/goods",
"name": "goods",
"pages": [
{
"pages": [{
"path": "goodDetails/goodDetails",
"style": {
"navigationBarTextStyle": "black",
@ -220,34 +214,29 @@
{
"root": "pages/form",
"name": "form",
"pages": [
{
"pages": [{
"path": "details/details",
"style": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "万能表单"
}
}
]
}]
},
{
"root": "pages/coupon",
"name": "coupon",
"pages": [
{
"pages": [{
"path": "coupon",
"style": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "优惠券列表"
}
}
]
}]
},
{
"root": "pages/article",
"name": "article",
"pages": [
{
"pages": [{
"path": "details/details",
"style": {
"navigationBarTextStyle": "black",
@ -266,8 +255,7 @@
{
"root": "pages/activity",
"name": "template",
"pages": [
{
"pages": [{
"path": "pinTuan/list/list",
"style": {
"navigationBarTextStyle": "black",
@ -314,8 +302,7 @@
{
"root": "pages/member",
"name": "member",
"pages": [
{
"pages": [{
"path": "coupon/index",
"style": {
"navigationBarTextStyle": "black",
@ -755,7 +742,7 @@
"preloadRule": { //加载规则 当渲染pages/index/default/default时加载子包
"pages/index/default/default": {
"network": "all",
"packages": [ "member" ]
"packages": ["member"]
}
},
"globalStyle": {
@ -769,8 +756,7 @@
"color": "#999",
"selectedColor": "#333",
"backgroundColor": "#fff",
"list": [
{
"list": [{
"pagePath": "pages/index/default/default",
"text": "首页",
"iconPath": "static/images/indexMenus/index01.png",

17
CoreCms.Net.Uni-App/CoreShop/pages/index/default/default.vue
View File

@ -1,4 +1,4 @@
<template>
<template>
<!-- 页面主体 -->
<view>
<!--提示框组件-->
@ -13,7 +13,7 @@
<!--版权组件-->
<copyright></copyright>
<!--客服组件-->
<button class="floatingButton" hover-class="none" open-type="contact" bindcontact="showChat" :session-from="kefupara">
<button class="floatingButton" hover-class="none" open-type="contact" bindcontact="showChat" :session-from="kefupara" @click="kefuClick">
<u-icon name="server-man" color="#e54d42" size="60"></u-icon>
</button>
<!--返回顶部组件-->
@ -92,6 +92,19 @@
methods: {
about() {
},
kefuClick(){
console.log('点击客服')
console.log(this.userInfo);
if(this.userInfo==null){
uni.showToast({
title:"未登录"
})
return;
}
uni.navigateTo({
url: '/pages/index/default/kefu'
});
},
goSearch() {
uni.navigateTo({

100
CoreCms.Net.Uni-App/CoreShop/pages/index/default/kefu.vue Normal file
View File

@ -0,0 +1,100 @@
<template>
<view>
<web-view :webview-styles="webviewStyles" :src="url"></web-view>
</view>
</template>
<script>
import { mapMutations, mapActions, mapState } from 'vuex';
import { goods } from '@/common/mixins/mixinsHelper.js';
export default {
mixins: [goods],
components: {
},
data() {
return {
url:"",
kefuUrlTemplate: "", // 后台传入的客服地址模板
webviewStyles: {
top:0,
width:'100%',
height:'100%'
}
};
},
computed: {
...mapState({
hasLogin: state => state.hasLogin,
userInfo: state => state.userInfo,
}),
hasLogin: {
get() {
return this.$store.state.hasLogin;
},
set(val) {
this.$store.commit('hasLogin', val);
}
},
userInfo: {
get() {
return this.$store.state.userInfo;
},
set(val) {
this.$store.commit('userInfo', val);
}
},
},
onReady() {
},
onLoad(e) {
console.log(this.userInfo);
// 后台传入的客服地址模板
const kefuUrlTemplate = "http://kefu.zpc-xy.com/chat/mobile?noCanClose=1&token=18b7482b8b1301e9b2309522859ff8cb&openid={openid}&nickName={nickName}&phone={phone}&avatar={avatar}";
// 使用新的方法生成客服链接
this.url = this.generateKefuUrl(kefuUrlTemplate);
console.log('生成的客服链接:', this.url);
},
methods: {
about() {
},
// 生成客服链接的方法
generateKefuUrl(urlTemplate) {
if (!this.userInfo) {
console.error('用户信息不存在');
return '';
}
if (!urlTemplate) {
console.error('客服地址模板不存在');
return '';
}
// 获取用户数据并映射
const openid = this.userInfo.id || '';
const phone = this.userInfo.mobile || '';
const nickName = this.userInfo.nickName || '';
const avatar = this.userInfo.avatarImage || '';
// 替换URL模板中的占位符，并对每个参数进行URL编码转义
let finalUrl = urlTemplate
.replace('{openid}', openid)
.replace('{phone}', phone)
.replace('{nickName}',nickName)
.replace('{avatar}',avatar);
return finalUrl;
},
},
};
</script>
<style lang="scss">
</style>