目录
一.登录注册页面
二.首页
三.通知公告
这部分内容标题我统一设置为了红色,便于醒目观看,公告类型在前端vue中设置了v-if v-else-if v-else 判断公告类型,进行颜色的分类提示。状态也是根据正常和关闭设定了蓝色和红色来判断。创建时间在前端采用了new Date方法自动获取当天日期。其中修改和删除考虑到了权限问题,同意设定了admin权限,其他权限人登录只有查看权限。
四.员工录入
员工录入我考虑到了真实性,采用了我自己在实习期间的工号往下依次顺延,为了方便排序查看,前端采用了sortable语法 可以自由正序倒序乱序查看工号排序的信息。(头像采集均为朋友允许下录入我的数据库,请勿盗窃)这部分我认为仅存数据过于单调,在网上查询了一些上传图片的方法,最后采用了 img-preview的方法在前端预览图片,便于查看的同时也很赏心悦目(我的朋友们真的都很好看)。
五.检测点信息
这部分我做了一个开关,采用了el-switch方法,但是仅仅采用el-switch的话,只有按钮功能却无法在后台动态更改状态,所以我设置了一个changeValid的方法,在后端动态更改状态启用或者禁用检测点。为了体现系统的联动性,我将检测员直接从员工表里面动态获取,后续的其他模块的检测点选择、检测员选择均是表格互联。
六.检测点数据录入
这里的数据判断是否合格,我设置后台对浓度低于1的部分判定合格,高于1的部分显示具体哪项不合格,并且自动标红来提示警告,便于待处理检测点进行选择处理。