青衣--毕业设计--生物制药厂房空气质量监测与管理设计

目录

一.登录注册页面

二.首页

三.通知公告

四.员工录入

五.检测点信息

六.检测点数据录入

---

一.登录注册页面

二.首页

三.通知公告

这部分内容标题我统一设置为了红色，便于醒目观看，公告类型在前端vue中设置了v-if v-else-if  v-else 判断公告类型，进行颜色的分类提示。状态也是根据正常和关闭设定了蓝色和红色来判断。创建时间在前端采用了new Date方法自动获取当天日期。其中修改和删除考虑到了权限问题，同意设定了admin权限，其他权限人登录只有查看权限。

四.员工录入

员工录入我考虑到了真实性，采用了我自己在实习期间的工号往下依次顺延，为了方便排序查看，前端采用了sortable语法 可以自由正序倒序乱序查看工号排序的信息。（头像采集均为朋友允许下录入我的数据库，请勿盗窃）这部分我认为仅存数据过于单调，在网上查询了一些上传图片的方法，最后采用了 img-preview的方法在前端预览图片，便于查看的同时也很赏心悦目（我的朋友们真的都很好看）。

 

五.检测点信息

这部分我做了一个开关，采用了el-switch方法，但是仅仅采用el-switch的话，只有按钮功能却无法在后台动态更改状态，所以我设置了一个changeValid的方法，在后端动态更改状态启用或者禁用检测点。为了体现系统的联动性，我将检测员直接从员工表里面动态获取，后续的其他模块的检测点选择、检测员选择均是表格互联。

 

 

六.检测点数据录入

这里的数据判断是否合格，我设置后台对浓度低于1的部分判定合格，高于1的部分显示具体哪项不合格，并且自动标红来提示警告，便于待处理检测点进行选择处理。