From 94b3d79831344c4f3cf68bebf9ffcbc429ec3e15 Mon Sep 17 00:00:00 2001
From: zpc <zpc1131@gamil.com>
Date: Sat, 25 Oct 2025 02:31:43 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=A2=E6=9C=8D=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CoreShop/pages/index/default/kefu.vue     | 193 ++++++++++--------
 1 file changed, 104 insertions(+), 89 deletions(-)

diff --git a/CoreCms.Net.Uni-App/CoreShop/pages/index/default/kefu.vue b/CoreCms.Net.Uni-App/CoreShop/pages/index/default/kefu.vue
index 166c2c3..c855a46 100644
--- a/CoreCms.Net.Uni-App/CoreShop/pages/index/default/kefu.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/index/default/kefu.vue
@@ -1,100 +1,115 @@
 <template>
-    
-    <view>
-       	<web-view   :webview-styles="webviewStyles" :src="url"></web-view>
-    </view>
+
+	<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:"",
+	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%'
+					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);
 				}
-            };
-        },
-        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;
-            },
- 
-        },
-    };
+		},
+		onReady() {
+
+		},
+		onLoad(e) {
+			console.log(this.userInfo);
+			console.log(this.$store.state.config);
+			// 后台传入的客服地址模板
+
+			if (this.$store.state.config.customerServiceH5Url == null ||
+				this.$store.state.config.customerServiceH5Url == "") {
+				return;
+			}
+			var kefuUrlTemplate = this.$store.state.config.customerServiceH5Url;
+
+			// 使用新的方法生成客服链接
+			this.url = this.generateKefuUrl(kefuUrlTemplate);
+			console.log('生成的客服链接:', this.url);
+			//#ifdef H5
+			window.location.href = this.url;
+			// #endif
+		},
+		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>
+</style>
\ No newline at end of file