Umeet2.0 Web
2019-05-30 16:00:08 9 举报AI智能生成
登录查看完整内容
Web
作者其他创作
大纲/内容
Web结构
login 登录
主要技术难点
1、编译后网站访问卡顿（所有vue项目都通用）
解决方案：一：cnd方式引入框架依赖二：nginx配置gzip压缩三：其他依赖框架按需加载
2、兼容IE浏览器
解决方案：使用谷歌插件方式参考：https://blog.csdn.net/fend0875/article/details/78060484
3、会议室大盘
一：数据多时性能问题
解决方案：使用vue-infinite-loading实现滚动分页展示方式参考链接：https://peachscript.github.io/vue-infinite-loading/guide/#import
二：时间刻度条的实现
三：数据实时更新
解决方案：预约会议的时间变更就需要同步会议室列表的数据以及冲突情况采用局部替换数据的方式
四： 是否冲突
解决方案：前端比较占用会议的时间范围是否在当前预约会议的时间startTime和endTime范围内，利用外包含、内包含、左交集、右交集的方式比较是否冲突
4、富文本编辑兼容性
解决方案：wangeditor参考链接：https://www.kancloud.cn/wangfupeng/wangeditor3/335775多种富文本插件比较：https://blog.csdn.net/joycesunny/article/details/77837838
5、报表展示使用Echart
6、滚动条样式以及鼠标移上去显示以及隐藏
解决方案：1、使用 vue-gemini-scrollbar参考链接：https://segmentfault.com/a/11900000133385602、自定义样式 custom-scrollbarjs 控制鼠标移上去显示，移开隐藏滚动条，通用方法scrollbarShowHidden( )SelectUser.vue组件有使用例子
7、权限
解决方案：指令 v-has-permission=\"'sys:roomBoard:meetingNumber'\"
8、点播、直播
解决方案：vue-video-player 、 videojs-flash参考链接：https://blog.csdn.net/fj101229/article/details/80844417
9、el-tree 添加增删改查功能
解决方案：:render-content=\"xxx\"实现树的重新渲染自定义参考链接：https://segmentfault.com/a/1190000011574698
10、分屏定位定位布局各不相同，并且需要拖拽布局
解决方案：1、把54种不用的分屏方式根据cms\\polycom分开两个数组，写好对应的layout以及样式布局方式2、选中不同的分屏方式，再在数组里面查找出对应的分屏布局方式，遍历当前布局的div数量以及获取对应的布局样式进行div的绘制3、使用jquery的drag以及drop实现拖拽布局功能
11、会议列表、控制列表同步
home 首页
安排会议 ArrangeConference.vue
我的会议 MyConferenceList.vue
会议控制
视频会议控制 ConferenceControl.vue
电话会议控制 TelConferenceControl.vue
预约会议成功 ArrangeConferenceSuccess.vue
components组件
延长会议 DelayTime.vue（由于每一个会议可以延长的会议时间都不一样因此做成组件）
一个会议室时间刻度条 MeetingRoomOccupation.vue
单个与会者分屏模式 SelectLayout.vue
会议分屏模式、分屏定位 SelectScreen.vue
会议室大盘 SelectRoomList.vue
conference 会议
会议室管理 ConferenceRoomManager.vue
历史会议 HistoricConference.vue
点播 VideoPlayer.vue
会议通知 ConferenceEmail.vue
会议审批 ConferenceApproval.vue
组织 organize
角色权限 Role.vue
用户 User.vue
配置 configurationSidebar.vue配置路由跳转
MCU ParamConfig.vue
注册服务器 RegisterServer.vue
硬件配置 hardware
（暂时弃用）LeftMainItem.vue
视频终端 VideoControl.vue
门禁 AccessControl.vue
热感 ThermalControl.vue
UTouch UtouchControl.vue
UBoard UboardControl.vue
Umeet Room UmeetRoomControl.vue
用户设置 UserSet.vue
会议配置 conferenceConfig
会议通用设置 BeforeConference.vue
视频会议设置 VideoConference.vue
网络会议设置 NetworkSet.vue
会议通知设置 EmailSet.vue
会议审批设置 ApprovalSet.vue
历史会议设置 SummarySet.vue
系统授权 AuthorizationSet.vue
数据字典 dataDictionary
会议室容量 ConferenceCapacity.vue
会议室布局 ConferenceLayout.vue
会议室标签 ConferenceRoomLabel.vue
硬件标签 HardwareLabel.vue
会议标签 ConferenceLabel.vue
资源类型 ResourceType.vue
第三方应用集成 ThirdPartyIntegration.vue
报表 report
系统 system （暂时未完善）
个人 personal
个人信息 UserInfo.vue
我的通讯录 MyGroup.vue
联系我们 ContactUs.vue （暂时没用）
组件 components
daypilot.vue 旧版的会议室大盘
echart 报表
Editor.vue 富文本编辑器
NoPermission.vue 没有权限时的显示组件
Player.vue 视频直播、点播组件
SelectUser.vue 选择人员组件、预约会议、通讯录添加人员共用
tree TreeRender.vue el-tree的重置组件
updateBrowser.vue 兼容IE浏览器
Ztree.vue （暂时弃用）ztree组件
收藏
收藏
0 条评论
回复 删除
下一页
