- 博客(5)
- 收藏
- 关注
原创 element-ui滚动组件关闭下拉菜单的问题总结
element-ui滚动组件关闭下拉菜单的问题 一、问题说明 目前前端项目中有一个现象是在一个弹窗或者页面中,滚动鼠标内容跟随滚动,打开的下拉菜单也跟随滚动,超出部分显示很不合理,测试同事提过相关问题的bug单,但因为时间问题只是修改了单个页面,这个问题属于全局性问题,所以这次把整改的思路整理一下:先看图 二:描述问题 由于下拉菜单包含(s-select-dropdown、s-time-pane1、s-picker-pane1、下拉菜单、自定义的下拉等),含有默认层级z-index,高出s-dialog的
2020-12-24 16:11:40
3120
4
原创 vue项目中的路由跳转说明
前言 项目中用户所能看到的模块、页面是通过权限和路由控制的,所以这次说明一下前端是如何控制路由的跳转和权限的判断。 如果点击按钮提示 “您的权限不足,请联系管理员”,前端同事需要注意以下三点: a: 通过 permission.js里的router.beforeEach方法确定路由地址是否正确 b: 配置路由的keyword是否和后台传过来的一致 c: sysPermission.js文件中concatRouters方法打印routers这个集合,看是否含有该跳转路由 准备阶段 1、首先在router配置文
2020-06-18 10:51:34
500
原创 一个支持排序的作业工作台
作业任务工作台 一、功能需求 作业任务统一成5个类型:文件、脚本、流程、通知、和公告;一个作业任务可以由多个步骤组成,一个步骤可以包含多个子任务;用户可以灵活根据实际使用业务场景进行作业任务的新建。 二、开发思路 后台需要的数据是五个对象形式,由于任务的五个类型需要支持排序和存在一个类型存在多个的情况,所以前端数据需要放在一个数组里,说过数组的下标index来控制每个item的排序和增加、删除操作。 三、实际开发 1、排序过渡效果 首先定义五个类型的html模板和每个类型的数据格式,通过stepType来确
2020-06-02 16:49:08
244
原创 自己动手写一个流程图蛇形排列
流程图蛇形排列 前言 公司项目需求要做一个流程图展示,内容需要用户自己创建结点,来组合成一个流程图,同事包含判断节点,要支持响应式的变化 思路 流程图样式已经被UI确定,所以我们可以分为几个一下几步: 1、首先定义每个流程图item的宽高,以便确定在一个容器里一行可以放下一个item; 2、获取容器的宽度,通过Math.floor()向下取整就可以算出最多能一行放下几个item, 3、转折点的下...
2020-03-31 10:38:00
4057
1
原创 vue前端路由控制说明
vue前端路由控制说明 前言 项目中用户所能看到的模块、页面是通过权限和路由控制的,所以这次说明一下前端是如何控制路由的跳转和权限的判断。 准备阶段 1、首先在router配置文件中配置好sicap所有模块的路由,eg: 01.{ 02. path: '/OperationCenter', 03. component: Home, 04. children: [{path: ''...
2020-03-31 09:45:34
637
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅