介绍

这是一款工具管理系统，可以用于工具的借还操作，并可以实现增删改查，该部分是工具管理系统的前端，需要搭配服务器端使用，服务器端见

https://gitee.com/beimang233/tms

本前端使用vue-element-admin框架，该框架源码来自https://github.com/PanJiaChen/vue-element-admin 在此感谢原作者！

安装教程

安装教程见https://gitee.com/beimang233/tms

系统框架

该系统有两个大的部分

1一部分是管理员端，管理员端主要负责工具的借还，工具,飞机的增删改查以及用户注册等功能。

2一部分是用户端，用户端只能做查询，不能对数据进行修改，比如查询有没有工具未归还，查询工具信息，查询借还历史记录等等。

3用户端与管理员端区别主要是在注册用户的时候选的是管理员还是普通用户，但是进入该系统的网页都是一样的。

4该系统如果一个账号在别处登录的时候原用户不会直接退出，但是原用户发不出任何请求，因为原用户发出的任何请求服务器都会让其回到登录界面。

使用说明

本目录下的readme文件夹里有本readme的图片资源，该资源可以删除，但是里面有一个sql文件是数据库文件，需要保留，导入mysql数据库即可使用

下面简单介绍一下该系统的功能以及如何使用

1登录及首页

1.1这里是一个登录页面，按照提示输入工号和密码就行，这里工号可以设置为员工号。

1.2然后这里是首页，这里的首页现在只有在管理员端进入才有信息，用户进入是没有什么信息的，但是依然会存在。

操作这一列有一个隔离按钮，他的作用是可以帮你快速隔离工具，这里是当工具距离计量有效日期还有一个月的时候会提醒，此时可以将工具隔离，然后工具就借不出来了

1.3界面介绍

#这里介绍一下界面，界面主要分成4个区域。

#区域1是功能选择，点击区域2的图像可以切换隐藏还是出现

#区域2就不用介绍了，没啥好说的，区域3是业务区，可以各种操作

#区域4是系统区，可以进行登录退出以及注册用户的操作，但是注册用户只有管理员才有此按钮，普通用户没有此按钮

2.功能介绍

下面简要介绍一下各功能

2.1借用未归还查询

可以看到，右上角就是系统设置的界面，没啥好说的。

中间的就是查询按钮，这里的员工编号就是登录时的账号，而这里的飞机注册号需要管理员手动添加飞机注册号，在右上角系统设置里面添加。

当查出数据后可以点击下载，此时可以下载下来未归还的工具，如下：

这里的搜索是这样的，员工号是模糊搜索，飞机号就是精确搜索，像这样就是按照员工号和飞机号同时查询，没有查到记录

2.2借还历史记录

这里借还历史记录可以通过查询条件进行查询，举个例子，比如张三今天借了10条抹布和1个扳手，然后张三还了5条抹布和1个扳手，那么借还历史记录就会有借用人，归还人，操作者等等信息

这里的操作者是管理员，这里在借还业务操作里面会讲

比如这个，就是查询了2024年1月1日以后的所有借还历史记录，他同样也支持下载，当点击下载按钮就会下载下来，下载下来如下：

2.3工具信息管理

这是一个比较大的业务板块，功能也很多，首先最上面3个按钮其中第一个是添加工具，这个添加工具是单个添加，第二个按钮是上传，可以按照规定的格式上传excel表格，那么就可以批量添加工具

第三个按钮可以一次性把所有工具下载下来，其实你上传excel的时候也就是按照这个格式上传就行了

下载下来的excel表格如下：

然后这里如果工具校验过期会显示红色字体，如果校验即将过期（一个月字体会变成橙色），如果该工具不可用（隔离或者报废，则背景将变成红色）

当点击图片按钮时（红圈圈出），会出现工具图片信息，如果该工具没有图片信息，如果是管理员端会出现一个上传页面，这里只能上传规定的格式，当上传了工具以后，则画面会自动变成该工具的照片

此时如果再次点击图片，则可以对该图片进行修改，则页面又变成了上传界面，也可以把这张照片删了

这里如果是普通用户登录，则工具信息管理页面有所不同，因为普通用户只能进行查询操作，所以区域1的3个按钮就没有了，同时区域2也不能对工具进行操作，区域3点击图片时，如果有图片则显示图片界面，如果没有图片则什么也不显示，如下：

2.4工具借还管理

这个界面就是平时进行工具借还时的界面，这里是以员工的工号来借工具的，而工具的识别是以工具编号，这里如果采用扫码枪扫码则会更方便。这里要注意的是

2.4.1这里的逻辑是工具编号必须是9位数字，在你创建工具的时候也会验证，当输入的工具编号数字位数到达9位时，系统会自动判断并进行借还（前提是表单中的所有数据均填写完毕，比如员工工号，飞机注册号等等）

2.4.2当前一个人借完工具后，下一个人输工号的时候，不会清空表单中的数据，举个例子，当上图的工号1753的员工借完工具以后，又有一个人来借，如下图：

可以看到，这里的表单信息没有清空，假如前一个人在机号为33345的飞机上借完工具以后，下一个人来借工具，此时刷了他的工号，自动显示出他未归还的工具，但是他还是在33345的飞机上借的工具，但是可能他原意是想借在别的飞机上。

2.4.3这里在借用工具时，当工具的状态不符合要求，如处于隔离，报废，或者工具校验过期时，系统不会借用出去，当工具校验过期后，也会自动将该工具的状态设置为隔离,如下：

2.4.4这里借还的逻辑是

#消耗品是谁借的谁来还，比如A借了10条抹布，那么当A再借抹布的时候，此时会先归还他原来的抹布,如下：

#除了消耗品以外的工具，可以帮别人还，同时还工具的时候不用考虑飞机号，但是借用工具的时候要考虑，所以还是要选好飞机号，下图是帮别人还工具的提示：

2.5飞机信息管理

这个没什么好说的，这里的飞机注册号会显示在表单的飞机注册号的选择框中，这里可以进行增删改查的操作。