flex-grow flex-shrink
flex-grow
它指定了flex容器中剩余空间的多少应该分配给项目（flex增长系数）。
默认值0
flex-shrink
flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收缩的大小是依据 flex-shrink 的值。
flex布局防止被挤压 flex-shrink: 0
默认值1
移动排班
一、业务逻辑难点。细节超级多。
1、根据配置推算出考勤周期。
2、提交接口的校验。
（1）拼接数据判断当天是否和前一天和后一天冲突。在多选不连续天的情况下。
（2）多选多人多天，获取每个人的最小开始时间和最大开始时间。
（3）判断时间是否有人修改过，未修改的数据不重新计算时间。
3、选择班次时间计算时长。
（1）区分系统OFF班。
（2）去除休息、餐补、请假时段。
（3）拼接时间。区分时间是当天还是第二天。
4、由于获取排班接口太慢，保存成功后前端手动更改数据。
5、为了和web端保持一致。一些细节web端的人也不清楚。最后去web端操作推算或者读web端的代码得到。
6、异动支援的人员页面上的显示。
7、任务排班中未排班去匹配固定的六个默认班次。
二、UI的更改。
长按进入多选模式 + 用户引导页。换成 点击文字进入多选状态。
其他。
三、开发
1、多选。
从绑定元素到不绑定元素。
2、组织页面优化。
点击范围变大。
没数据时，按钮置灰。
搜索时，确认按钮去掉
>换成SVG图。
让组织组件组件化。
四、组件库
1、EffectSlideIn.Portal
（1）不根据路由跳转。
（2）翻页的动画效果。
2、table组件。
固定Header、固定列。
团队考勤
flex-grow flex-shrink
Echarts
