用户场景：

• 基于系统本身的左下角系统级菜单，客户可能会有自己的一个提问、咨询入口，可以自己设置一级菜单、二级菜单，可以是访问项、查看项，以提升系统用户的信息获取能力

• 对于某些场景：如客服沟通窗口或者信息流不能与主页面中断的界面，支持浮层显示的功能,即浮窗功能

功能介绍：

可以在系统云-配置工具-参数设置-系统参数里的左树节点-公共参数节点下的快捷显示里配置自定义悬浮菜单,之后用户登录系统,右下角的悬浮菜单就会根据配置项进行展示

使用说明：

二级菜单可设置两类展示

1. 展示类配置

   

   
   

2. 链接类配置

   

3. 一级菜单同理，但是没有内容可以录入，并且自定义的一级菜单会夹在系统二级菜单与自定义二级菜单之间

   
   

4. 自定义菜单浮窗模式 （一级、二级菜单都能应用该模式）

   如何使用: 在一级/二级菜单项上的链接输入，并在search部分里加入配置参数既可以配置浮窗模式
   URL的search部分(从?开始到#的部分)，如下图所示：

   

   配置参数表如下所示:

   配置参数	配置参数值	配置描述	示例	是否必录
   kd_showType	1	是否开启浮窗模式，如果开启浮窗模式会收集以下配置并弹出新链接的浮窗，值为1则开启	?kd_showType=1	是
   kd_closeMode	hide或者destroy	配置浮窗的关闭是销毁或者隐藏，默认是隐藏	?kd_showType=1&kd_closeMode=destroy	否
   kd_positionMode	rightBottom或者center	配置浮窗的位置模式，默认为右下角模式	?kd_showType=1&kd_positionMode=rightBottom	否
   kd_title	标题	配置浮窗的标题	?kd_showType=1&kd_title=标题	否
   kd_height	300	配置浮窗的高度，默认为580px	?kd_showType=1&kd_height=300	否
   kd_width	200	配置浮窗的宽度，默认为440px	?kd_showType=1&kd_width=200	否
   kd_bottom	30	配置浮窗的距离窗口视图底边的距离	?kd_showType=1&kd_bottom=30	否
   kd_top	40	配置浮窗的距离窗口视图顶边的距离	?kd_showType=1&kd_top=40	否
   kd_left	50	配置浮窗的距离窗口视图左边的距离	?kd_showType=1&kd_left=50	否
   kd_right	60	配置浮窗的距离窗口视图右边的距离	?kd_showType=1&kd_right=60	否
   kd_clickOutside	1	配置浮窗是否采用点击浮窗外界而关闭, 值为1则开启	?kd_showType=1&kd_clickOutside=1	否
   kd_button	1	配置浮窗是否显示关闭按钮，采用点击标题栏的关闭按钮而关闭, 值为1则开启	?kd_showType=1&kd_outButton=1	否
   kd_outButton	1	配置浮窗在不显示标题栏的情况下是否显示关闭按钮，采用点击外界悬浮的关闭按钮而关闭, 值为1则开启	?kd_showType=1&kd_button=1	否

5. 浮窗的拖拽区域是上部区域24px加上里面的区域20px，出现鼠标姿势变成手势就是可以拖拽的

   

配置示例：

以https://baidu.com?query=word#ssss或者第三方服务(以http://localhost:8880/#no&yes)为例，示例如下：

1.配置标题、高500px宽300px、右200px 下 100px，并显示关闭按钮，关闭模式为销毁浮窗 写入链接：

https://baidu.com?query=word&kd_showType=1&kd_title=浮窗的标题&kd_width=300&kd_height=500&kd_bottom=100&kd_right=200&kd_button=1&kd_closeMode=destroy#ssss

2.配置标题、高500px宽300px、右200px 下 100px，配置点击外界时隐藏浮窗，链接为：

https://baidu.com?query=word&kd_showType=1&kd_title=浮窗的标题&kd_width=300&kd_height=500&kd_bottom=100&kd_right=200&kd_clickOutside=1&kd_closeMode=hide#ssss

3.不配置标题栏，采用嵌入页面向苍穹页面postMessage的方式，示例链接：

http://localhost:8880/?kd_showType=1#no&yes

4.不配置标题栏，不配置关闭按钮、点击外界关闭模式，也不采用嵌入页面向苍穹页面postMessage的方式，配置居中模式并采用外界浮动按钮关闭，示例链接：

http://localhost:8880/?kd_showType=1&kd_positionMode=center&kd_outButton=1#no&yes

建议：如果客户自己的弹窗有自己的UE视觉风格和标题，建议采用演示3或者演示4的配置，即不采用系统的标题栏，并且配置postMessage的方式或者外界浮动按钮的形式来关闭浮窗，做到风格接近一致,

注意事项：

1.  如果采用了浮窗模式则相关参数的search都会被截取，如果浮窗内链接参数已经用了该参数请使用另外参数 即如果配置链接:https://vip.kingdee.com?kd_showType=1&kd_title=标题&param=1&question=ww#222333 则浮窗内的链接会是如下: https://vip.kingdee.com?param=1&question=ww#222333

2. kd_bottom, kd_top, kd_left, kd_right四个配置参数优先取右下，不会四个值都获取

3. kd_outButton只有在kd_button配置参数没有配置的情况下配置后才显示浮动的关闭按钮（建议自定义标题栏、关闭按钮的页面采用postMessage的方式关闭浮窗）

4. 浮窗默认开启postMessage，可以通过在浮窗页面内编写JavaScript来通信告知苍穹关闭浮窗，如下所示：

const data = {type: 'close'}
window.parent.postMessage(data, '*') // 或者*可以换成是苍穹服务的地址（注意取的是origin部分，如https://cangqiong.com:8008/ierp, 则是https://cangqiong.com:8008）

视觉展示：

用户登录进系统就可以操作自定义悬浮菜单，点击就可以看到如下显示：