func-split v3.3.1-20250304A-RELEASE

BS调度台模块化demo使用手册

1、前提：

参考func-split-example中的配置

1. 把func-split-example 项目public目录中的文件放到开发项目中public下；

（如不使用我们的地图组件，可以不添加bmap文件夹）

2. 在开发项目中public/index.html中引入js文件

3. func-split-example vue.config.js中的配置和代理加到开发项目中；

*注意:项目必须是https环境，本地项目配置方法如下：

4. 在main.js中引入splitMain.js文件；

5. home.vue中以下代码相应放至开发项目中

(界面刷新后自动登录)

2、运行项目：

1. 在func-split-example下执行npm i

2. npm install func-split@2.0.3-RELEASE

（根据BS调度台和调度机版本选择版本）

3. 在开发项目下执行npm run serve 启动项目

3、功能：

必须引入incomCalls组件，全局引入，只引入一次。

来电

引入：

components:{

incomCalls:()=>import('func-split/src/components/incomCalls/incomCalls.vue'),

}

使用：

Attributes

修改来电接听和挂断按钮样式修改 直接穿透修改

会议

引入：

components:{

conference:()=>import('func-split/src/components/meeting/conference.vue'),

}

使用：

<conference class="conferenceFuncSplit" v-if="showConference "

:customStyle="{top: '0px',left:'800px'}"

:makeConfStyle="{position:'absolute',top: '0px',left:'330px'}"/>

//showConference 为是否显示会议

Attributes

### 语音/视频会议按钮样式 直接穿透修改

机构数

引入：

components:{

mechanismTree:()=>import('func-split/src/components/mechanismTree/index.vue')

}

使用：

<mechanismTree class="mechanismTreeFuncSplit" v-if="showMechanismTree "

style="position:absolute;top:50px;left:100px"/>

//showMechanismTree 为是否显示机构数

Attributes

### 机构数样式 直接穿透修改

监控

引入：

components:{

surveillance:()=>import('func-split/src/components/surveillance/surveillance.vue')

}

使用：

//showSurveillance 为是否显示监控

Attributes

### 监控样式 直接穿透修改

直接给某用户发信息

<button @click="sendMsgByNumber">直接给3002发消息

直接和用户进行会议

<button @click="handlemakeConference">直接进行会议

打开预约会议模块

<button @click="handlescheduleConference">打开预约会议

根据组号码发起对讲

<button @click="handlemakeIntercom">直接发起对讲

和指定成员进行临时对讲

<button @click="handlemakeTempIntercom">发起临时对讲