Zhichi 智齿客服

WARNING

智齿客服已到期，请使用 UDesk 沃丰客服。

配置方式

import Vue from 'vue';
// 按需引入
import { Zhichi } from '@polyv/polyv-ui';
// 修改默认配置时可传入对象：{ groupId, appId, appKey, sysNum }
Vue.use(Zhichi);

// 全局引入
import PolyvUI from '@polyv/polyv-ui';
Vue.use(PolyvUI, {
  // 修改默认配置时可传入对象：{ groupId, appId, appKey, sysNum }
  Zhichi: true
});

/**
 * 获取用户信息后初始化，并传入用户信息
 */
Zhichi.init({
  uname: '技术中心-李俊宇', // 用户名称
  tel: '13606061234', // 电话
  qq: '8253622771', // QQ
  email: 'xxx@polyv.net', // 邮箱
  partnerId: 'd20ca4cc3c', // 用户标识ID
  remark: '广州易方信息科技股份有限公司', // 备注
});

开发环境 Webpack 配置

module.exports = {
  devServer: {
    proxy: {
      '/zhichi': {
        target: 'https://www.sobot.com',
        changeOrigin: true,
        pathRewrite: {
          '^/zhichi': ''
        },
      }
    }
  }
}

自定义入口

<div class="zhichi-btn">智齿入口</div>

import PolyvUI from '@polyv/polyv-ui';
Vue.use(PolyvUI, {
  Zhichi: {
    customEnter: 'zhichi-btn'
  }
});

操作

<template>
  <div>
    <plv-button @click="openZhichi">打开面板</plv-button>
    <plv-button @click="sendMsg">发送消息</plv-button>
  </div>
</template>

<script>
  export default {
    methods: {
      openZhichi() {
        this.$zhichi.show();
      },
      sendMsg() {
        this.$zhichi.send('保利威开发测试客服功能，无需回复');
      }
    }
  };
</script>

显示代码

Attributes

参数	说明	类型	可选值	默认值
groupId	同智齿的 groupId	String	-	-
appId	同智齿的 appId	String	-	-
appKey	同智齿的 appKey	String	-	-
sysNum	同智齿的 sysNum	String	-	-
customEnter	自定义入口，传入入口的 className，不传默认使用智齿自带入口	String	-	-
horizontal	聊天窗口水平间距	Number	-	40

Methods

方法名	说明	参数
init	初始化客服按钮	-
show	打开客服面板	-
close	关闭客服面板	-
send	发送消息	content: 消息内容
getZc	获取智齿 zc 方法	-