diff --git a/src/views/openpage/onlineChat.vue b/src/views/openpage/onlineChat.vue
new file mode 100644
index 0000000..d7a7bc9
--- /dev/null
+++ b/src/views/openpage/onlineChat.vue
@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <!-- <button ref="refOnlineChat" onclick="qimoChatClick();" style="display: none;">在线咨询</button> -->
+
+  </div>
+</template>
+
+<script>
+var qimoClientId = null;
+
+export default {
+  name: "onlineKefu",
+   props:{
+  },
+  dicts: [],
+  data() {
+    return {
+      userId:0,
+      nickName:'',
+      // 遮罩层
+      loading: true,
+    };
+  },
+  created() {
+
+  },
+  mounted(){
+    this.initKFClient();
+  },
+  watch: {
+
+  },
+  methods: {
+     // 初始化客服
+    initKFClient(){
+      qimoClientId = {userId: this.userId, nickName:this.nickName,agent:'8000',customField: {}, priority: false}
+      console.log("==qimoClientId=>",qimoClientId);
+      let url='https://ykf-weixin01.7moor.com/javascripts/7moorInit.js?accessId=f927b2d0-9660-11ef-984c-5d098e8e44c0&autoShow=true&language=ZHCN';
+      const script = document.createElement('script')
+      script.src = url
+      script.async = "async"
+      script.type = 'text/javascript'
+      document.body.appendChild(script)
+    },
+  }
+};
+</script>
+
+
+<style rel="stylesheet/scss" lang="scss">
+:deep #app{
+  background-color: #fff!important;
+}
+</style>