From 5e536afeae87d983e0b2a909cd809df6e9477dba Mon Sep 17 00:00:00 2001
From: ZF sun <34314687@qq.com>
Date: Mon, 15 Dec 2025 14:26:01 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E6=89=93=E5=BC=80?=
 =?UTF-8?q?=E4=BC=81=E4=B8=9A=E5=BE=AE=E4=BF=A1=E5=AE=A2=E6=9C=8D=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/js/wxwork-jssdk.js                    |  187 +++
 components/ns-contact/ns-contact.vue         |  386 ++++---
 components/wxwork-contact/wxwork-contact.vue |  285 +++++
 pages/contact/contact.vue                    | 1080 +++++++++---------
 4 files changed, 1257 insertions(+), 681 deletions(-)
 create mode 100644 common/js/wxwork-jssdk.js
 create mode 100644 components/wxwork-contact/wxwork-contact.vue

diff --git a/common/js/wxwork-jssdk.js b/common/js/wxwork-jssdk.js
new file mode 100644
index 0000000..bd2932b
--- /dev/null
+++ b/common/js/wxwork-jssdk.js
@@ -0,0 +1,187 @@
+/**
+ * 企业微信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
+}
\ No newline at end of file
diff --git a/components/ns-contact/ns-contact.vue b/components/ns-contact/ns-contact.vue
index b69bca8..b3fca42 100644
--- a/components/ns-contact/ns-contact.vue
+++ b/components/ns-contact/ns-contact.vue
@@ -1,171 +1,217 @@
-<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;
-        }
-    }
+<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':
+                        this.openWxWorkService();
+                        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();
+                }
+            },
+            /**
+             * 打开企业微信客服
+             * @param {boolean} useOriginalService 是否使用原有客服方式
+             */
+            openWxWorkService(useOriginalService = false) {
+                // #ifdef MP-WEIXIN
+                if (this.config.wxwork_contact_url && !useOriginalService) {
+                    // 直接使用活码链接跳转
+                    wx.navigateToMiniProgram({
+                        appId: 'wxeb490c6f9b154ef9', // 企业微信小程序AppID
+                        path: `pages/contacts/externalContactDetail?url=${encodeURIComponent(this.config.wxwork_contact_url)}`,
+                        success: () => {
+                            console.log('跳转企业微信成功');
+                        },
+                        fail: (err) => {
+                            console.error('跳转企业微信失败:', err);
+                            // 降级处理：使用原有客服方式
+                            this.fallbackToOriginalService();
+                        }
+                    });
+                } else {
+                    // 使用原有的客服会话方式
+                    wx.openCustomerServiceChat({
+                        extInfo: { url: this.config.wxwork_url },
+                        corpId: this.config.corpid,
+                        showMessageCard: true,
+                        sendMessageTitle: this.sendMessageTitle,
+                        sendMessagePath: this.sendMessagePath,
+                        sendMessageImg: this.sendMessageImg
+                    });
+                }
+                // #endif
+                
+                // #ifdef H5
+                if (this.config.wxwork_contact_url) {
+                    // H5环境直接跳转活码链接
+                    window.location.href = this.config.wxwork_contact_url;
+                } else {
+                    location.href = this.config.wxwork_url;
+                }
+                // #endif
+            },
+            
+            /**
+             * 降级处理：使用原有客服方式
+             */
+            fallbackToOriginalService() {
+                uni.showModal({
+                    title: '提示',
+                    content: '无法直接添加企业微信客服，是否使用其他方式联系客服？',
+                    success: (res) => {
+                        if (res.confirm) {
+                            console.log('降级处理：使用原有客服方式');
+                            this.openWxWorkService(true);
+                        }
+                    }
+                });                
+            },
+            /**
+             * 店铺联系方式
+             */
+            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>
\ No newline at end of file
diff --git a/components/wxwork-contact/wxwork-contact.vue b/components/wxwork-contact/wxwork-contact.vue
new file mode 100644
index 0000000..76e7805
--- /dev/null
+++ b/components/wxwork-contact/wxwork-contact.vue
@@ -0,0 +1,285 @@
+<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: '添加企业微信客服'
+            },
+            // 企业微信配置
+            corpId: {
+                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
+             */
+            async initWxWork() {
+                try {
+                    // 获取企业微信配置
+                    const res = await this.$api.sendRequest({
+                        url: '/api/wxwork/config',
+                        data: {
+                            corp_id: this.corpId
+                        }
+                    });
+                    
+                    if (res.code === 0 && res.data) {
+                        this.wxWorkSDK = new WxWork();
+                        const initResult = this.wxWorkSDK.init({
+                            corpId: res.data.corp_id,
+                            agentId: res.data.agent_id,
+                            timestamp: res.data.timestamp,
+                            nonceStr: res.data.nonceStr,
+                            signature: res.data.signature,
+                            jsApiList: ['openUserProfile', 'openEnterpriseChat']
+                        });
+                        
+                        if (!initResult) {
+                            console.error('企业微信SDK初始化失败');
+                        }
+                    }
+                } catch (error) {
+                    console.error('获取企业微信配置失败:', error);
+                }
+            },
+            
+            /**
+             * 点击添加企业微信客服
+             */
+            addWxWorkContact() {
+                if (this.showConfirm) {
+                    this.$refs.confirmPopup.open();
+                } else {
+                    this.confirmAdd();
+                }
+            },
+            
+            /**
+             * 确认添加
+             */
+            confirmAdd() {
+                this.closePopup();
+                
+                // #ifdef MP-WEIXIN
+                if (this.contactUrl) {
+                    // 方案1：直接跳转到企业微信活码
+                    this.jumpToWxWorkContact();
+                } else if (this.contactId) {
+                    // 方案2：使用SDK打开用户资料
+                    this.openUserProfile();
+                } else {
+                    this.showError('未配置企业微信客服信息');
+                }
+                // #endif
+                
+                // #ifdef H5
+                if (this.contactUrl) {
+                    // H5环境直接跳转
+                    window.location.href = this.contactUrl;
+                } else {
+                    this.showError('未配置企业微信客服信息');
+                }
+                // #endif
+            },
+            
+            /**
+             * 跳转到企业微信客服
+             */
+            jumpToWxWorkContact() {
+                uni.navigateToMiniProgram({
+                    appId: 'wxeb490c6f9b154ef9', // 企业微信小程序AppID
+                    path: `pages/contacts/externalContactDetail?url=${encodeURIComponent(this.contactUrl)}`,
+                    success: () => {
+                        console.log('跳转企业微信成功');
+                        this.$util.showToast({
+                            title: '跳转成功',
+                            icon: 'success'
+                        });
+                    },
+                    fail: (err) => {
+                        console.error('跳转企业微信失败:', err);
+                        this.showError('跳转失败，请检查企业微信配置');
+                    }
+                });
+            },
+            
+            /**
+             * 打开用户资料
+             */
+            openUserProfile() {
+                if (!this.wxWorkSDK) {
+                    this.showError('企业微信SDK未初始化');
+                    return;
+                }
+                
+                this.wxWorkSDK.addContact({
+                    userId: this.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>
\ No newline at end of file
diff --git a/pages/contact/contact.vue b/pages/contact/contact.vue
index 62984d6..0f652ca 100644
--- a/pages/contact/contact.vue
+++ b/pages/contact/contact.vue
@@ -1,511 +1,569 @@
-<template>
-	<page-meta :page-style="themeColor"></page-meta>
-	<view>
-		<view class="about w100">
-		    <view class="bg border-top"></view>
-		    <view class="list_cotact padding-top">
-		        <view class="container"> 
-					<!-- #ifdef H5 -->
-		            <view class="view_ul view_ul_one clearfix">
-		                <view @click="tapMessage" class="view_li w50_li  text-center" style="background: #1daa39;width: 100%;border-radius: 10rpx;">
-		                    <view class="bl bor" style="box-sizing: border-box;">
-		                        <image mode="heightFix" :src="$util.img('public/static/img/liuyan.png')"></image>
-		                        <view class="name bl line1" style="margin-top: 6rpx;">在线留言</view>
-		                    </view>
-		                </view>
-		            </view>
-					<!-- <view @click="test()">Test</view> -->
-					<!-- #endif -->
-					<!-- #ifdef MP-WEIXIN -->
-					<view class="view_ul view_ul_one clearfix">
-					    <view class="view_li w50_li  text-center">
-					        <button class="bl bor" hoverClass="none" openType="contact" sessionFrom="weapp" showMessageCard="true" style="margin: 0;">
-					            <image mode="heightFix" :src="$util.img('public/static/img/kefu.png')"></image>
-					            <view class="name bl line1">专属客服</view>
-					        </button>
-					    </view>
-					    <view @click="tapMessage" class="view_li w50_li  text-center">
-					        <view class="bl bor" style="box-sizing: border-box;">
-					            <image mode="heightFix" :src="$util.img('public/static/img/liuyan.png')"></image>
-					            <view class="name bl line1" style="margin-top: 6rpx;">在线留言</view>
-					        </view>
-					    </view>
-					</view>
-					<!-- #endif -->
-					
-		            <view class="view_ul_100"  v-for="(item,index)  in dataList" style="margin-bottom: 20rpx;">
-						
-		                <view class="bl clearfix bor bg-white" :style="{backgroundImage:' url('+$util.img(personnel_bg)+')',backgroundSize:'100% 100%'}">
-		                    <view class="fr">
-		                       
-		                        <view class="text" style="font-size: 40rpx;font-weight: 600;color:#333">{{item.realname}}</view>
-								 <view class="text">{{item.position}}</view>
-		                     <!--   <view class="text">{{item.mobile_text}}：{{item.mobile}}</view> -->
-		                        <view class="text" style="padding-bottom:20rpx;color:#0054a5">{{item.address}}</view>
-		                        <view class="contact_name" style="padding-top:30rpx;padding-bottom:0rpx;border-top: solid 1px #eee;font-size:28rpx;display: flex;">
-		                            <image mode="widthFix" :src="$util.img('public/static/img/boda.png')" style="margin-top: 8rpx;margin-right: 10rpx;"></image> 
-									<view style="flex: 1;">{{item.mobile}}</view>
-									<view style="margin-top: 0rpx;margin-left: 10rpx;font-size: 26rpx;color:rgba(71,71,71,.79)" @click="Tel(item.mobile)"><span style="background: #0054a5;color:#fff;padding: 10rpx 30rpx;font-size: 24rpx;border-radius: 50rpx;">一键拨打</span></view>
-								</view>
-								<view class="contact_name" style="padding-top:20rpx;padding-bottom:20rpx;font-size:28rpx;display: flex;">
-								    <image mode="widthFix" :src="$util.img('public/static/img/emall.png')" style="margin-top: 8rpx;margin-right: 10rpx;"></image> 
-									<view style="flex: 1;">{{item.email}}</view>
-									<view style="margin-top: 0rpx;margin-left: 10rpx;font-size: 26rpx;color:rgba(71,71,71,.79)" @click="tomap()"><span style="background: #888;color:#fff;padding: 10rpx 30rpx;font-size: 24rpx;border-radius: 50rpx;">立即导航</span></view>
-								</view>
-		                    </view>
-		                </view>
-		            </view>
-		         <!--   <view class="view_ul view_ul_two clearfix " v-if="dataList.length > 3" >
-		                <view @click="Tel(item.mobile)" class="view_li w50_li" v-for="(item,index)  in dataList" >
-		                    <view class="bl bor" hoverClass="none" url="" style="box-shadow: 5rpx 5rpx 10rpx #dcdcdc;height: 230rpx;position: relative;">
-		                        <view class="contact_name"  v-if="item.position">{{item.position_text}}：{{item.position}}</view>
-		                        <view class="contact_name">{{item.title_text}}：{{item.realname}}</view>
-		                        <view class="contact_name">{{item.mobile_text}}：{{item.mobile}}</view>
-		                        <view class="contact_name" style="padding-bottom:10rpx;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;">{{item.address_text}}：{{item.address}}</view>
-		                        <view class="contact_name" style="padding-top:10rpx;padding-bottom:0rpx;border-top: solid 1px #eee;position: absolute;bottom: 0;display: flex">
-									<image mode="widthFix":src="$util.img('public/static/img/boda.png')"></image>
-									<view style="margin-top: -6rpx;margin-left: 10rpx;font-size: 24rpx;color:rgba(71,71,71,.79)">点击拨打电话</view>
-								</view>
-		                    </view>
-		                </view>
-		            </view> -->
-		          <map
-						v-if="shop.longitude>0 && shop.latitude >0 && ismessage == 0"
-						id="map"
-						style="width: 100%; height:400rpx"
-						scale="12"
-						:markers="markers"
-						bindupdated="bindupdated"
-						:longitude="shop.longitude"
-						:latitude="shop.latitude"
-						show-location>
-						<cover-view style="position:absolute;right:10px;bottom:30rpx;z-index:9;background:#4d83ff;padding:5px 10px;wxcs_style_padding:10rpx 20rpx;border-radius:8rpx;color: #fff;" @click="tomap" ><cover-view style="font-size:24rpx">一键导航</cover-view>
-						</cover-view>    
-		            </map>
-		        </view>
-		
-		    </view>
-		
-		  <!--  <view wx:if="landline !=0">
-		        <button bindtap="contact">
-		            <view class="message">
-		                <image mode="widthFix" src="{{contactbg}}"></image>
-		            </view>
-		        </button>
-		    </view> -->
-		</view>
-		<!--留言弹窗--> 
-		<view class="goods-sku">
-			<uni-popup ref="informationPopup" type="bottom" @change="change">
-				<view class="liuyan-popup-layer popup-layer" >
-					<view class="head-wrap" @click="closeinformationPopup()">
-						<text>在线留言</text>
-						<text class="iconfont icon-close"></text>
-					</view>
-					<scroll-view scroll-y class="liuyan-body" >
-						<view style="padding: 0 30rpx;">
-							<view class="fui-cell-group">
-								<view class="fui-cell  ">
-									<view class="fui-cell-label ">姓名</view>
-									<view class="fui-cell-info">
-										<input v-model="Form.realname" class="fui-input" placeholder="请输入您的姓名" value=""></input>
-									</view>
-								</view>
-								<view class="fui-cell ">
-									<view class="fui-cell-label">联系方式</view>
-									<view class="fui-cell-info">
-										<input v-model="Form.mobile" class="fui-input" maxlength="11" placeholder="请输入您的手机号" type="number" ></input>
-									</view>
-								</view>
-								<view class="fui-cell ">
-									<view class="fui-cell-label" style="position: absolute;top:10px">留言内容</view>
-									<view class="fui-cell-info" style="margin-left: 160rpx;border: solid 2rpx #eee;">
-										<!-- <input v-model="Form.mailbox"  class="fui-input" placeholder="请输入您的邮箱" type="text" ></input> -->
-										<textarea class="textarea" v-model="Form.remark" placeholder="请输入留言内容" style="font-size: 28rpx;padding: 10rpx;"></textarea>
-									</view>
-								</view>
-							</view>
-						</view>
-					</scroll-view>
-					<view class="button-box"><button type="primary" @click="save()">提交</button></view>
-				</view>
-			</uni-popup>
-		</view>
-	</view>
-	<hover-nav></hover-nav>
-	<diy-bottom-nav></diy-bottom-nav>
-</template>
-
-<script>
-export default {
-	data() {
-		return {
-			dataList: [],
-			ismessage:0,
-			Form:{
-				realname:'',
-				mobile:'',
-				remark:''
-				
-			},
-			markers:[
-				{
-					id:1,
-				/*	width:20, //宽度
-					height:20, //高度*/
-				//	iconPath: '../../static/goal_weizhi.png', //目标位置图标路径
-					//这里的经纬度是 目的地 的经纬度
-					latitude:0,
-					longitude:0,
-					callout:{
-					/* 	title:123,
-						content:'123' */
-					}
-				}
-			],
-			landline:0,
-			shop:{
-				latitude:0,
-				longitude:0,
-			},
-			personnel_bg:''
-		};
-	},
-	onLoad(option) {
-		//刷新多语言
-		this.$langConfig.refresh();
-		this.$api.sendRequest({
-			url: '/api/member/personnel',
-			success: res => {
-				if (res.code == 0) {
-					this.dataList = res.data
-					this.shop = res.shop
-					this.personnel_bg = res.set.personnel_bg?res.set.personnel_bg:'public/static/img/diy_view/member_info_bg.png'
-					this.markers = [{
-						id:1,
-						//iconPath:'http://saas.cn//public/static/img/kefu.png',
-						latitude:this.shop.latitude,
-						longitude:this.shop.longitude
-					}]
-				}
-			},
-			fail: res => {
-			}
-		});
-	},
-	methods: {
-		test(){ 
-				//     channelReady(function(bAvailable) {
-				//         alert('是否存在框架服务：' + bAvailable)
-				//       })
-				// window.location.href = 'https://hapjs.org/app//[path][?key=value] hap://app//[path][?key=value] '
-				//参数说明： package: 应用包名，必选 path: 应用内页面的 path，可选，默认为首页 key-value: 希望传给页面的参数，可选，可以有多个
-
-			   // const isQuickAppEnv = navigator.userAgent.includes('HuaweiQuickApp');
-			   // let quickAppBridge;
-			   // console.log(window.quickapp)
-			   // if (isQuickAppEnv) {
-			   //   quickAppBridge = window.quickapp;
-			   // }
-			   // quickAppBridge.invoke('startQuickAppPage', { page: '/NativePage' });
-		   // window.postMessage({ action: 'someAction', data: 'some data' }, '*');
-		   // window.open('https://xcx10.5g-quickapp.com/test.php')
-		},
-		save(){
-			this.$api.sendRequest({
-				url: '/api/member/message',
-				data:this.Form,
-				success: res => {
-					this.$refs.informationPopup.close();
-					this.$util.showToast({
-						title: res.message
-					});
-				},
-				fail: res => {
-				}
-			});
-		},
-		change(e){
-			console.log(e)
-			this.ismessage = e.show?1:0
-		},
-		//留言打开
-		tapMessage(){
-			this.ismessage = 1
-			this.$refs.informationPopup.open();
-		},
-		//留言关闭
-		closeinformationPopup(){
-			this.ismessage = 0
-			this.$refs.informationPopup.close();
-		},
-		Tel(m){
-			uni.makePhoneCall({
-				phoneNumber:m+'',
-				success(e) {
-					console.log(e)
-				}
-			})
-		},
-		copy(text){
-			  uni.setClipboardData({
-			    data: text,
-			    success: function () {
-			      console.log('复制成功');
-			      // 可以添加用户友好的提示，例如使用uni.showToast提示复制成功
-			      uni.showToast({
-			        title: '复制成功',
-			        icon: 'success',
-			        duration: 2000
-			      });
-			    },
-			    fail: function () {
-			      console.log('复制失败');
-			      // 可以添加错误处理或用户友好的提示
-			    }
-			  });
-		},
-		tomap(){
-			  uni.openLocation({
-				latitude: parseFloat(this.shop.latitude),
-				longitude: parseFloat(this.shop.longitude),
-				name:"一键导航",
-			  })
-		}
-	}
-};
-</script>
-
-<style lang="scss">
-// 留言
-.liuyan-popup-layer {
-	height: 660rpx;
-	.free-tip {
-		min-width: 72rpx;
-		height: 36rpx;
-		line-height: 36rpx;
-		text-align: center;
-		border: none;
-		padding: 8rpx 8rpx;
-		border-radius: $border-radius;
-		margin-right: 20rpx;
-		font-size: $font-size-activity-tag;
-		display: inline-block;
-		font-weight: bold;
-		color: var(--main-color);
-		background-color: var(--main-color-shallow);
-	}
-	.liuyan-body {
-		position: absolute;
-		left: 0;
-		right: 0;
-		height: 60%;
-		.item {
-			padding: $padding 0;
-			margin: 0 30rpx;
-			border-bottom: 1px solid $color-line;
-			.value {
-				margin-left: 20rpx;
-			}
-			&:last-child {
-				border-bottom: 0;
-			}
-		}
-	}
-}
-.popup-layer {
-	background: #fff;
-	.head-wrap {
-		font-size: $font-size-toolbar;
-		line-height: 100rpx;
-		height: 100rpx;
-		display: block;
-		text-align: center;
-		.iconfont {
-			position: absolute;
-			float: right;
-			right: 44rpx;
-			font-size: $font-size-toolbar;
-		}
-	}
-	.button-box {
-		width: 100%;
-		position: absolute;
-		bottom: 0;
-		z-index: 1;
-		margin-bottom: 30rpx;
-		button {
-			height: 80rpx;
-			background-color: var(--goods-btn-color);
-		}
-	}
-}
-button, image, input, label, navigator, scroll-view, swiper, textarea, view {
-    box-sizing: border-box;
-}
-.w100 {
-    width: 100%;
-	padding-bottom: 60rpx;
-}
-.bg {
-   /* background: #5dc2d0;*/
-}
-.border-top {
-    border-top: 1px solid rgba(78,78,78,.1);
-}
-.padding-top {
-    padding-top: 30rpx;
-}
-.container {
-    align-items: center;
-    box-sizing: border-box;
-    flex-direction: column;
-    height: 100%;
-    justify-content: space-between;
-    padding: 0 30rpx;
-    width: 100%!important;
-}
-.clearfix {
-    zoom: 1;
-    overflow: hidden;
-}
-.text-center {
-    text-align: center;
-}
-.w50_li {
-    float: left;
-    margin-bottom: 20rpx;
-    width: 50%;
-}
-.w50_li:nth-child(odd) {
-    padding-right: 20rpx;
-}
-.bl {
-    display: block;
-}
-.bor {
-    border-radius: 10rpx;
-}
-image {
-    display: inline-block;
-    max-width: 100%;
-    position: relative;
-    z-index: 0;
-}
-image {
-    max-width: 100%;
-}
-.bl {
-    display: block;
-}
-.line1 {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-/*--当前页面css--*/
-
-.list_cotact .view_ul_one .bor {
-    padding: 40rpx;
-}
-
-.list_cotact .bor image {
-    height: 60rpx;
-}
-
-.list_cotact .bor .name,.view_ul_100 .name {
-    font-size: 32rpx;
-    line-height: 44rpx;
-    margin-top: 20rpx;
-    color:#fff
-}
-
-.list_cotact .view_ul_one .view_li:nth-child(1)>button {
-    background: #0054a5;
-    height: 200rpx;
-    line-height: 20rpx;
-}
-
-.list_cotact .view_ul_one .view_li:nth-child(2) {
-    background: #1daa39;
-    height: 200rpx;
-    line-height: 20rpx;
-	border-radius: 10rpx;
-}
-
-.view_ul_100 .fl {
-    width: 10%;
-}
-
-.view_ul_100 .fr {
-  /*  padding-left: 30rpx;*/
-    width: 100%;
-}
-
-.view_ul_100>view {
-    background: #fff;
-    // box-shadow: 5rpx 5rpx 10rpx #dcdcdc;
-}
-
-.view_ul_100 .text {
-    color: rgba(71,71,71,.79);
-    font-size: 24rpx;
-    margin-top: 10rpx;
-}
-
-.list_cotact .view_ul_100 .name {
-    margin-top: 0;
-}
-
-.list_cotact .view_ul_100>view {
-    padding: 20rpx 30rpx 0rpx 30rpx;
-}
-
-.list_cotact .view_ul_two .view_li>view {
-    background-color: #fff;
-    padding: 20rpx 30rpx 0rpx 30rpx;
-}
-
-.list_cotact .view_ul_two .view_li>view .address {
-    background-color: #5dc2d0;
-    color: #fff;
-    display: inline-block;
-    font-size: 28rpx;
-    line-height: 48rpx;
-    margin-bottom: 30rpx;
-    padding: 0 30rpx;
-    width: auto;
-}
-
-.view_ul_two {
-    margin-top: 20rpx;
-}
-
-.contact_name {
-    color: rgba(71,71,71,.79);
-    font-size: 24rpx;
-    line-height: 36rpx;
-    padding-left: 0rpx;
-}
-
-.contact_name image {
-    opacity: .79;
-    width: 30rpx;
-}
-
-
-
-.message {
-    /* background-color: rgba(0,0,0,.8); */
-    border-radius: 50%;
-    bottom: 50%;
-    height: 90rpx;
-    line-height: 74rpx;
-    position: fixed;
-    right: 30rpx;
-    text-align: center;
-    width: 90rpx;
-    z-index: 9999;
-}
-</style>
+<template>
+	<page-meta :page-style="themeColor"></page-meta>
+	<view>
+		<view class="about w100">
+		    <view class="bg border-top"></view>
+		    <view class="list_cotact padding-top">
+		        <view class="container"> 
+					<!-- #ifdef H5 -->
+		            <view class="view_ul view_ul_one clearfix">
+		                <view @click="tapMessage" class="view_li w50_li  text-center" style="background: #1daa39;width: 100%;border-radius: 10rpx;">
+		                    <view class="bl bor" style="box-sizing: border-box;">
+		                        <image mode="heightFix" :src="$util.img('public/static/img/liuyan.png')"></image>
+		                        <view class="name bl line1" style="margin-top: 6rpx;">在线留言</view>
+		                    </view>
+		                </view>
+		            </view>
+					<!-- <view @click="test()">Test</view> -->
+					<!-- #endif -->
+					<!-- #ifdef MP-WEIXIN -->
+					<view class="view_ul view_ul_one clearfix">
+					    <view class="view_li w50_li  text-center">
+					        <wxwork-contact 
+								v-if="wxworkConfig && wxworkConfig.enabled"
+								:corp-id="wxworkConfig.corpId"
+								:contact-id="wxworkConfig.contactId"
+								:contact-url="wxworkConfig.contactUrl"
+								btn-text="企业微信客服"
+								:show-confirm="false">
+								<view class="bl bor" style="margin: 0;">
+									<image mode="heightFix" :src="$util.img('public/static/img/wxwork_kefu.png')"></image>
+									<view class="name bl line1">企业微信</view>
+								</view>
+							</wxwork-contact>
+							<button 
+								v-else
+								class="bl bor" 
+								hoverClass="none" 
+								openType="contact" 
+								sessionFrom="weapp" 
+								showMessageCard="true" 
+								style="margin: 0;">
+					            <image mode="heightFix" :src="$util.img('public/static/img/kefu.png')"></image>
+					            <view class="name bl line1">专属客服</view>
+					        </button>
+					    </view>
+					    <view @click="tapMessage" class="view_li w50_li  text-center">
+					        <view class="bl bor" style="box-sizing: border-box;">
+					            <image mode="heightFix" :src="$util.img('public/static/img/liuyan.png')"></image>
+					            <view class="name bl line1" style="margin-top: 6rpx;">在线留言</view>
+					        </view>
+					    </view>
+					</view>
+					<!-- #endif -->
+					
+		            <view class="view_ul_100"  v-for="(item,index)  in dataList" style="margin-bottom: 20rpx;">
+						
+		                <view class="bl clearfix bor bg-white" :style="{backgroundImage:' url('+$util.img(personnel_bg)+')',backgroundSize:'100% 100%'}">
+		                    <view class="fr">
+		                       
+		                        <view class="text" style="font-size: 40rpx;font-weight: 600;color:#333">{{item.realname}}</view>
+								 <view class="text">{{item.position}}</view>
+		                     <!--   <view class="text">{{item.mobile_text}}：{{item.mobile}}</view> -->
+		                        <view class="text" style="padding-bottom:20rpx;color:#0054a5">{{item.address}}</view>
+		                        <view class="contact_name" style="padding-top:30rpx;padding-bottom:0rpx;border-top: solid 1px #eee;font-size:28rpx;display: flex;">
+		                            <image mode="widthFix" :src="$util.img('public/static/img/boda.png')" style="margin-top: 8rpx;margin-right: 10rpx;"></image> 
+									<view style="flex: 1;">{{item.mobile}}</view>
+									<view style="margin-top: 0rpx;margin-left: 10rpx;font-size: 26rpx;color:rgba(71,71,71,.79)" @click="Tel(item.mobile)"><span style="background: #0054a5;color:#fff;padding: 10rpx 30rpx;font-size: 24rpx;border-radius: 50rpx;">一键拨打</span></view>
+								</view>
+								<view class="contact_name" style="padding-top:20rpx;padding-bottom:20rpx;font-size:28rpx;display: flex;">
+								    <image mode="widthFix" :src="$util.img('public/static/img/emall.png')" style="margin-top: 8rpx;margin-right: 10rpx;"></image> 
+									<view style="flex: 1;">{{item.email}}</view>
+									<view style="margin-top: 0rpx;margin-left: 10rpx;font-size: 26rpx;color:rgba(71,71,71,.79)" @click="tomap()"><span style="background: #888;color:#fff;padding: 10rpx 30rpx;font-size: 24rpx;border-radius: 50rpx;">立即导航</span></view>
+								</view>
+		                    </view>
+		                </view>
+		            </view>
+		         <!--   <view class="view_ul view_ul_two clearfix " v-if="dataList.length > 3" >
+		                <view @click="Tel(item.mobile)" class="view_li w50_li" v-for="(item,index)  in dataList" >
+		                    <view class="bl bor" hoverClass="none" url="" style="box-shadow: 5rpx 5rpx 10rpx #dcdcdc;height: 230rpx;position: relative;">
+		                        <view class="contact_name"  v-if="item.position">{{item.position_text}}：{{item.position}}</view>
+		                        <view class="contact_name">{{item.title_text}}：{{item.realname}}</view>
+		                        <view class="contact_name">{{item.mobile_text}}：{{item.mobile}}</view>
+		                        <view class="contact_name" style="padding-bottom:10rpx;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;">{{item.address_text}}：{{item.address}}</view>
+		                        <view class="contact_name" style="padding-top:10rpx;padding-bottom:0rpx;border-top: solid 1px #eee;position: absolute;bottom: 0;display: flex">
+									<image mode="widthFix":src="$util.img('public/static/img/boda.png')"></image>
+									<view style="margin-top: -6rpx;margin-left: 10rpx;font-size: 24rpx;color:rgba(71,71,71,.79)">点击拨打电话</view>
+								</view>
+		                    </view>
+		                </view>
+		            </view> -->
+		          <map
+						v-if="shop.longitude>0 && shop.latitude >0 && ismessage == 0"
+						id="map"
+						style="width: 100%; height:400rpx"
+						scale="12"
+						:markers="markers"
+						bindupdated="bindupdated"
+						:longitude="shop.longitude"
+						:latitude="shop.latitude"
+						show-location>
+						<cover-view style="position:absolute;right:10px;bottom:30rpx;z-index:9;background:#4d83ff;padding:5px 10px;wxcs_style_padding:10rpx 20rpx;border-radius:8rpx;color: #fff;" @click="tomap" ><cover-view style="font-size:24rpx">一键导航</cover-view>
+						</cover-view>    
+		            </map>
+		        </view>
+		
+		    </view>
+		
+		  <!--  <view wx:if="landline !=0">
+		        <button bindtap="contact">
+		            <view class="message">
+		                <image mode="widthFix" src="{{contactbg}}"></image>
+		            </view>
+		        </button>
+		    </view> -->
+		</view>
+		<!--留言弹窗--> 
+		<view class="goods-sku">
+			<uni-popup ref="informationPopup" type="bottom" @change="change">
+				<view class="liuyan-popup-layer popup-layer" >
+					<view class="head-wrap" @click="closeinformationPopup()">
+						<text>在线留言</text>
+						<text class="iconfont icon-close"></text>
+					</view>
+					<scroll-view scroll-y class="liuyan-body" >
+						<view style="padding: 0 30rpx;">
+							<view class="fui-cell-group">
+								<view class="fui-cell  ">
+									<view class="fui-cell-label ">姓名</view>
+									<view class="fui-cell-info">
+										<input v-model="Form.realname" class="fui-input" placeholder="请输入您的姓名" value=""></input>
+									</view>
+								</view>
+								<view class="fui-cell ">
+									<view class="fui-cell-label">联系方式</view>
+									<view class="fui-cell-info">
+										<input v-model="Form.mobile" class="fui-input" maxlength="11" placeholder="请输入您的手机号" type="number" ></input>
+									</view>
+								</view>
+								<view class="fui-cell ">
+									<view class="fui-cell-label" style="position: absolute;top:10px">留言内容</view>
+									<view class="fui-cell-info" style="margin-left: 160rpx;border: solid 2rpx #eee;">
+										<!-- <input v-model="Form.mailbox"  class="fui-input" placeholder="请输入您的邮箱" type="text" ></input> -->
+										<textarea class="textarea" v-model="Form.remark" placeholder="请输入留言内容" style="font-size: 28rpx;padding: 10rpx;"></textarea>
+									</view>
+								</view>
+							</view>
+						</view>
+					</scroll-view>
+					<view class="button-box"><button type="primary" @click="save()">提交</button></view>
+				</view>
+			</uni-popup>
+		</view>
+	</view>
+	<hover-nav></hover-nav>
+	<diy-bottom-nav></diy-bottom-nav>
+</template>
+
+<script>
+import wxworkContact from '@/components/wxwork-contact/wxwork-contact.vue';
+
+export default {
+	components: {
+		wxworkContact
+	},
+	data() {
+		return {
+			dataList: [],
+			ismessage:0,
+			Form:{
+				realname:'',
+				mobile:'',
+				remark:''
+				
+			},
+			wxworkConfig: null, // 企业微信配置
+			markers:[
+				{
+					id:1,
+				/*	width:20, //宽度
+					height:20, //高度*/
+				//	iconPath: '../../static/goal_weizhi.png', //目标位置图标路径
+					//这里的经纬度是 目的地 的经纬度
+					latitude:0,
+					longitude:0,
+					callout:{
+					/* 	title:123,
+						content:'123' */
+					}
+				}
+			],
+			landline:0,
+			shop:{
+				latitude:0,
+				longitude:0,
+			},
+			personnel_bg:''
+		};
+	},
+	onLoad(option) {
+		//刷新多语言
+		this.$langConfig.refresh();
+		this.loadWxWorkConfig(); // 加载企业微信配置
+		this.loadPersonnel();
+	},
+	
+	methods: {
+		/**
+		 * 加载企业微信配置
+		 */
+		loadWxWorkConfig() {
+			this.$api.sendRequest({
+				url: '/api/wxwork/config',
+				success: res => {
+					if (res.code === 0 && res.data) {
+						this.wxworkConfig = {
+							enabled: true,
+							corpId: res.data.corp_id,
+							contactId: res.data.contact_id,
+							contactUrl: res.data.contact_url
+						};
+					} else {
+						this.wxworkConfig = { enabled: false };
+					}
+				},
+				fail: () => {
+					this.wxworkConfig = { enabled: false };
+				}
+			});
+		},
+		
+		/**
+		 * 加载人员信息
+		 */
+		loadPersonnel() {
+			this.$api.sendRequest({
+				url: '/api/member/personnel',
+				success: res => {
+					if (res.code == 0) {
+						this.dataList = res.data
+						this.shop = res.shop
+						this.personnel_bg = res.set.personnel_bg?res.set.personnel_bg:'public/static/img/diy_view/member_info_bg.png'
+						this.markers = [{
+							id:1,
+							//iconPath:'http://saas.cn//public/static/img/kefu.png',
+							latitude:this.shop.latitude,
+							longitude:this.shop.longitude
+						}]
+					}
+				},
+				fail: res => {
+				}
+			});
+		},
+	methods: {
+		test(){ 
+				//     channelReady(function(bAvailable) {
+				//         alert('是否存在框架服务：' + bAvailable)
+				//       })
+				// window.location.href = 'https://hapjs.org/app//[path][?key=value] hap://app//[path][?key=value] '
+				//参数说明： package: 应用包名，必选 path: 应用内页面的 path，可选，默认为首页 key-value: 希望传给页面的参数，可选，可以有多个
+
+			   // const isQuickAppEnv = navigator.userAgent.includes('HuaweiQuickApp');
+			   // let quickAppBridge;
+			   // console.log(window.quickapp)
+			   // if (isQuickAppEnv) {
+			   //   quickAppBridge = window.quickapp;
+			   // }
+			   // quickAppBridge.invoke('startQuickAppPage', { page: '/NativePage' });
+		   // window.postMessage({ action: 'someAction', data: 'some data' }, '*');
+		   // window.open('https://xcx10.5g-quickapp.com/test.php')
+		},
+		save(){
+			this.$api.sendRequest({
+				url: '/api/member/message',
+				data:this.Form,
+				success: res => {
+					this.$refs.informationPopup.close();
+					this.$util.showToast({
+						title: res.message
+					});
+				},
+				fail: res => {
+				}
+			});
+		},
+		change(e){
+			console.log(e)
+			this.ismessage = e.show?1:0
+		},
+		//留言打开
+		tapMessage(){
+			this.ismessage = 1
+			this.$refs.informationPopup.open();
+		},
+		//留言关闭
+		closeinformationPopup(){
+			this.ismessage = 0
+			this.$refs.informationPopup.close();
+		},
+		Tel(m){
+			uni.makePhoneCall({
+				phoneNumber:m+'',
+				success(e) {
+					console.log(e)
+				}
+			})
+		},
+		copy(text){
+			  uni.setClipboardData({
+			    data: text,
+			    success: function () {
+			      console.log('复制成功');
+			      // 可以添加用户友好的提示，例如使用uni.showToast提示复制成功
+			      uni.showToast({
+			        title: '复制成功',
+			        icon: 'success',
+			        duration: 2000
+			      });
+			    },
+			    fail: function () {
+			      console.log('复制失败');
+			      // 可以添加错误处理或用户友好的提示
+			    }
+			  });
+		},
+		tomap(){
+			  uni.openLocation({
+				latitude: parseFloat(this.shop.latitude),
+				longitude: parseFloat(this.shop.longitude),
+				name:"一键导航",
+			  })
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+// 留言
+.liuyan-popup-layer {
+	height: 660rpx;
+	.free-tip {
+		min-width: 72rpx;
+		height: 36rpx;
+		line-height: 36rpx;
+		text-align: center;
+		border: none;
+		padding: 8rpx 8rpx;
+		border-radius: $border-radius;
+		margin-right: 20rpx;
+		font-size: $font-size-activity-tag;
+		display: inline-block;
+		font-weight: bold;
+		color: var(--main-color);
+		background-color: var(--main-color-shallow);
+	}
+	.liuyan-body {
+		position: absolute;
+		left: 0;
+		right: 0;
+		height: 60%;
+		.item {
+			padding: $padding 0;
+			margin: 0 30rpx;
+			border-bottom: 1px solid $color-line;
+			.value {
+				margin-left: 20rpx;
+			}
+			&:last-child {
+				border-bottom: 0;
+			}
+		}
+	}
+}
+.popup-layer {
+	background: #fff;
+	.head-wrap {
+		font-size: $font-size-toolbar;
+		line-height: 100rpx;
+		height: 100rpx;
+		display: block;
+		text-align: center;
+		.iconfont {
+			position: absolute;
+			float: right;
+			right: 44rpx;
+			font-size: $font-size-toolbar;
+		}
+	}
+	.button-box {
+		width: 100%;
+		position: absolute;
+		bottom: 0;
+		z-index: 1;
+		margin-bottom: 30rpx;
+		button {
+			height: 80rpx;
+			background-color: var(--goods-btn-color);
+		}
+	}
+}
+button, image, input, label, navigator, scroll-view, swiper, textarea, view {
+    box-sizing: border-box;
+}
+.w100 {
+    width: 100%;
+	padding-bottom: 60rpx;
+}
+.bg {
+   /* background: #5dc2d0;*/
+}
+.border-top {
+    border-top: 1px solid rgba(78,78,78,.1);
+}
+.padding-top {
+    padding-top: 30rpx;
+}
+.container {
+    align-items: center;
+    box-sizing: border-box;
+    flex-direction: column;
+    height: 100%;
+    justify-content: space-between;
+    padding: 0 30rpx;
+    width: 100%!important;
+}
+.clearfix {
+    zoom: 1;
+    overflow: hidden;
+}
+.text-center {
+    text-align: center;
+}
+.w50_li {
+    float: left;
+    margin-bottom: 20rpx;
+    width: 50%;
+}
+.w50_li:nth-child(odd) {
+    padding-right: 20rpx;
+}
+.bl {
+    display: block;
+}
+.bor {
+    border-radius: 10rpx;
+}
+image {
+    display: inline-block;
+    max-width: 100%;
+    position: relative;
+    z-index: 0;
+}
+image {
+    max-width: 100%;
+}
+.bl {
+    display: block;
+}
+.line1 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+/*--当前页面css--*/
+
+.list_cotact .view_ul_one .bor {
+    padding: 40rpx;
+}
+
+.list_cotact .bor image {
+    height: 60rpx;
+}
+
+.list_cotact .bor .name,.view_ul_100 .name {
+    font-size: 32rpx;
+    line-height: 44rpx;
+    margin-top: 20rpx;
+    color:#fff
+}
+
+.list_cotact .view_ul_one .view_li:nth-child(1)>button {
+    background: #0054a5;
+    height: 200rpx;
+    line-height: 20rpx;
+}
+
+.list_cotact .view_ul_one .view_li:nth-child(2) {
+    background: #1daa39;
+    height: 200rpx;
+    line-height: 20rpx;
+	border-radius: 10rpx;
+}
+
+.view_ul_100 .fl {
+    width: 10%;
+}
+
+.view_ul_100 .fr {
+  /*  padding-left: 30rpx;*/
+    width: 100%;
+}
+
+.view_ul_100>view {
+    background: #fff;
+    // box-shadow: 5rpx 5rpx 10rpx #dcdcdc;
+}
+
+.view_ul_100 .text {
+    color: rgba(71,71,71,.79);
+    font-size: 24rpx;
+    margin-top: 10rpx;
+}
+
+.list_cotact .view_ul_100 .name {
+    margin-top: 0;
+}
+
+.list_cotact .view_ul_100>view {
+    padding: 20rpx 30rpx 0rpx 30rpx;
+}
+
+.list_cotact .view_ul_two .view_li>view {
+    background-color: #fff;
+    padding: 20rpx 30rpx 0rpx 30rpx;
+}
+
+.list_cotact .view_ul_two .view_li>view .address {
+    background-color: #5dc2d0;
+    color: #fff;
+    display: inline-block;
+    font-size: 28rpx;
+    line-height: 48rpx;
+    margin-bottom: 30rpx;
+    padding: 0 30rpx;
+    width: auto;
+}
+
+.view_ul_two {
+    margin-top: 20rpx;
+}
+
+.contact_name {
+    color: rgba(71,71,71,.79);
+    font-size: 24rpx;
+    line-height: 36rpx;
+    padding-left: 0rpx;
+}
+
+.contact_name image {
+    opacity: .79;
+    width: 30rpx;
+}
+
+
+
+.message {
+    /* background-color: rgba(0,0,0,.8); */
+    border-radius: 50%;
+    bottom: 50%;
+    height: 90rpx;
+    line-height: 74rpx;
+    position: fixed;
+    right: 30rpx;
+    text-align: center;
+    width: 90rpx;
+    z-index: 9999;
+}
+</style>