DAY26 进行式--工作日志001

工作进度流水帐

因应前篇所说，现在开始都作为简单的工作纪录，待整个作品做完这几篇才会更新成正式的心得分享唷~
今天开了一个新专案资料夹，从头开始建立工作环境，打开自己铁人赛第一天写的文章开始对照，一步步进行建置。
老实说没想到已经建置过的东西，再次建置的时候还是会踩到坑，不禁开始反省自己的心得记录写得不够细致。

今天经过思考後，决定将 job 的排列方式改成这样，每一天都有独立的格子显示工作人员，这样感觉比较清楚也比较好安排。
预计会每日可以显示两个job，超过的话需要点击"点我看更多"後，跳出浮动视窗来显示，感觉这样会比较好。
目前对於这样的画面是可以实现，只是还没有想清楚排班人员的资料应该如何建置比较好？
要用日期塞上班人员进去好？还是用人员塞上班日期好？
这部分我觉得我还要思考一下．．．

那画面的部分也有大概设计好了，所以明天主要应该会把画面先切出来
我预计的流程应该是：

1. 先切画面（月历版本）
2. json-server上假资料，接到画面
3. 增加功能(点击按钮-modal-form表单-新增员工)
4. 增加功能(点击按钮-modal-form表单-form新增员工工作日)
5. json-server假资料真部属(觉得我会卡关在这里)

---有空来优化---

1. 增加拖曳员工进日历排班功能
2. 增加整月排班功能
3. 增加自订义班别功能(早班/午班/晚班之类的)
4. 新增周排班显示方式
5. 新增日排班显示方式

今日工作内容纪录：

• 建置 Nuxt.js 环境
• 设置 pug、scss 编译
• 设定 scss 变数(包含 cssReset、mixin、variables)
• 新增 FrontEnd layout
• 新增 store
• 研究 grid-auto-rows
• 调整万年历 grid 排版