椑木自来水公司维修材料管理系统分析与设计

第3章椑木自来水公司维修材料管理系统分析3.1需求分析针对用户的不同需求，需求分析的目的是在系统开发之前针对用户的需求进行分析，并且结合实际问题，分析系统需要达到什么样的效果。椑木自来水公司维修材料管理系统实现的目标是完成维修材料的信息化、规范化管理，提高材料管理员的工作效率，从而提高公司的经济效益。下面将运用用例图来进行需求分析的描述。如图3-1所示，系统管理员用例图的参与者是系统管理员，用例有权限验证、身份验证、数据恢复、信息维护、材料信息管理、出入库信息管理、材料使用审批信息管理、材料报损信息管理。图3-1系统管理员用例图如图3-2所示，材料管理员用例图的参与者是材料管理员，用例有材料信息查询、增加材料信息、删除材料信息、修改材料信息、材料出入库登记、材料入库登记、材料信息录入、入库一览表、入库单据管理、材料出库登记、出库单查询、商品出库、出库一览表、材料使用审批、提交材料申请、处理材料申请、材料报损、报损登记、修改报损原因。图3-2材料管理员用例图3.2可行性分析3.2.1经济可行性分析从系统的开发成本方面看，本系统开发运用的主要软件是Eclipse软件和NavicatforMySQL软件，这两个软件都是开源的，在网上可以免费下载，这些软件的运行环境就是一般的PC机，在家用的笔记本上就可以完成系统的开发。因此，本系统基本没有太多的开发成本。从系统的盈利情况看，本系统主要作为研究用途，暂且不会进行商业用途，所以也没有任何盈利。通过上述分析，椑木自来水公司维修材料管理系统从经济方面看是可行的。3.2.2技术可行性分析 椑木自来水公司维修材料管理系统开发运用了JSP技术、JAVA语言和MySQL技术，为了实现椑木自来水公司维修材料的规范化、信息化的管理，系统的开发运用上述技术实现，完全可以达到系统所要达到的目标。系统运用Eclipse软件进行，数据库使用NavicatforMySQL软件，这两款软件对电脑的配置要求都不是很高，一般家用的PC机就可以完成总而言之，本系统开发的技术是完全可行的，可以实现椑木自来水公司维修材料的信息化管理，系统便于管理和操作，可以轻松快捷的操作系统。3.2.3操作可行性分析 本系统将实现椑木自来水公司维修材料管理的信息化、规范化。首先是详细记录维修材料的各种信息，包括材料名称、材料的种类、材料的库存、材料使用年限、材料的价格等信息；记录维修材料的出入库登记情况，包括入库登记（入库材料的名称、入库时间、入库数量等）、出库登记（材料出库的时间、领用材料名称及数量、领料人登记等）等信息记录；其次是增加材料使用审批这一程序，包括材料申请、申请材料名称及数量、审批人登记等；最后是材料报损，包括了材料报损登记、报损的原因。这样材料管理员不仅能更加快速的查询材料信息，还是材料管理更加规范。最重要的是系统界面简洁易操作，由于自来水公司人员复杂，计算机水平各有不同，有的人很少接触电脑，因此这样的设计使得工作人员只要稍加学习就能上手操作。综上所述，本系统在操作方面也是可行的。3.2.4本节小结本小节主要介绍了椑木自来水公司维修材料管理系统开发的可行性分析。本系统运用JSP技术、JAVA语言和MySQL技术进行程序开发，Eclipse软件作为系统的编写软件，NavicatforMySQL软件用于数据库的编写和调试。本小节主要针对系统的技术、经济以及操作进行了可行性分析，并得出结论:系统采用技术只需在家用PC机上即可完成，软件均为开源的，没有开发成本，而且操作简单易上手。因此，椑木自来水公司维修材料管理系统的开发是有必要的，也是可行的。3.3系统静态结构分析如图3-3所示，材料管理员通过查询材料信息来获取所需材料信息；通过查询材料出入库信息了解出入库材料及数量、领料人、出入库时间；通过查询材料使用审批情况知道办理人、申请材料及数量、申请时间；通过查询材料报损信息可以知道报损的材料及其报损原因。图3-3材料管理员对象图如图3-4所示，材料管理员包图包括材料信息查询包、材料出入库管理包、材料使用审批包、材料报损包、材料管理员包。图3-4材料管理员包图如图3-5所示，领料类图包括材料管理员类、领料人类、材料信息查询类、材料出库登记类、材料使用审批类。（1）材料管理员类：其属性有姓名、编号、部门、职务、联系方式；方法有信息查询()、信息登记()。（2）领料人类：其属性有姓名、编号、部门、职务、联系方式；方法有查看材料信息()、申请材料()。（3）材料信息查询类：其属性有名称、种类、数量、价格、使用年限；方法有查询材料信息()。（4）材料出库登记类：其属性有领料人、出库材料及数量、出库时间；方法有添加出库信息()。（5）材料使用审批类：其属性有申请人、申请材料及数量、审批人；方法有提交申请()。图3-5领料类图第4章椑木自来水公司维修材料管理系统设计4.1椑木自来水公司维修材料管理系统总体设计4.1.1系统状态转换关系设计如图4-1所示，登录系统将处于材料管理查询状态、材料出入库管理状态、材料使用审批状态和材料报损状态。图4-1系统状态图4.1.2系统操作关系设计 如图4-2所示，材料管理员进入网站，登录系统后将可以进行查询材料信息、查看出入库情况、管理材料使用审批和管理材料报损信息四个活动。图4-2系统活动图4.1.3系统运行过程设计 如图4-3所示，材料管理员在登录界面输入密码，密码正确将进入后台管理页面，密码错误则需重新输入。材料管理员可在材料信息管理、材料出入库登记、材料使用审批、材料报损四个界面进行验证操作，并得到反馈。图4-3系统顺序图4.1.4系统构件及关系设计如图4-4所示，系统构件图由登录界面、菜单界面、显示/修改界面、添加/删除界面、数据库操作和数据库六个构件组成。图4-4系统构件图4.2信息查询功能设计4.2.1系统状态转换关系设计如图4-5所示，材料管理员要想进行信息查询，首先必须得在登录界面登陆成功，登录成功进入主界面，然后才能进入材料信息管理界面获取所要查询的材料信息。图4-5信息查询状态图4.2.2系统操作关系设计 如图4-6所示，材料管理员首先在进入网站后，在登录界面进行登陆操作，登陆失败则直接结束活动；反之，登陆成功则可以选择要查询的材料信息进行浏览，最后退出系统结束活动。图4-6信息查询活动图4.2.3系统运行过程设计 如图4-7所示，材料管理员首先进行登录操作，提交用户信息进行身份验证，然后跳转到主界面，单击材料信息管理界面，提交查询信息，操作成功材料信息查询界面会将结果反馈给材料管理员，操作失败系统将会提示重新输入信息。图4-7信息查询时序图4.3材料入库登记功能设计4.3.1系统状态转换关系设计如图4-8所示，未入库的材料要想入库首先进行检测，合格的进行入库登记，不合格的进行报损登记。图4-8材料入库登记状态图4.3.2系统操作关系设计 如图4-9所示，材料管理员首先在进入网站后，在登录界面进行登陆操作，登陆失败则直接结束活动；反之，登陆成功则可进行入库登记，合格的填写入库单，不合格的填写报损单。图4-9材料入库登记活动图4.3.3系统运行过程设计如图4-10所示，材料管理员首先进行登录，成功登录后跳转到主界面，单击进入材料入库界面，合格的材料填写入库单，不合格的则填写报损单，结果都反馈给材料管理员。图4-10材料入库登记时序图4.4材料出库登记功能设计4.4.1系统状态转换关系设计如图4-11所示，对库存的材料进行查看，材料充足就可进行出库登记，反之则需申请采购。图4-11材料出库登记状态图4.4.2系统操作关系设计如图4-12所示，材料管理员首先在进入网站后，在登录界面进行登陆操作，登陆失败则会结束活动；反之，登陆成功则可进入材料信息管理界面查询领料人所想取用的材料的库存，材料库存不足，则由材料管理员申请采购；而如果材料库存充足，就可填写出库单。图4-12材料出库登记活动图4.4.3系统运行过程设计 如图4-13所示，材料管理员首先进行登录，成功登录后跳转到主界面，然后进入材料信息管理界面查询领料人所想取用的材料的库存，材料库存不足，则由材料管理员申请采购；而如果材料库存充足，就可填写出库单，填写的结果反馈给材料管理员。图4-13材料出库登记时序图4.5维修材料管理系统编码设计编码是用来表征客观事物的实体类别和属性的一个或一组易于计算机识别和处理的特定符号或记号，他可以是字符、数字、某些特殊符号或它们的组合。例如我们学习生活中最常用到的学号、身份证号等都是编码的一种，这些编码的作用不言而喻，而他们的形成却必须进行详细的设计的，只有经过认真考察、详细设计后的编码才能够发挥其重要的作用。[[][]曹雅婷,周学才.阿海水电站统供材料供应管理编码设计的任务是把信息系统要处理的事物用特定的字符、数字或其组合来描述，以便于计算机系统识别与处理。通过编码设计，可建立统一的经济信息语言，有利于提高通用化水平，同时有利于采用集中化措施以节约人力，加快处理速度，也便于检索方法的统一。[[][]曹雅婷,周学才.阿海水电站统供材料供应管理编码的作用：唯一性；分类；排序。本系统在进行编码设计时，遵循了以上标准。表4-1编码设计的具体描述类型具体描述材料货架编码材料货架编码就是库房材料货架的数量，根据材料货架数量一般采用数字编号，根据材料货架的位置，按顺序编号。如：001就代表一号材料货架。材料出入库时间编码材料出入库时间表示材料进入库房和离开库房的时间，采用加年加月加日加材料出入库类型形成编码，其中01代表入库，02代表出库。如：2019031401代表2019年3月14号的入库材料。材料报损编码材料报损编码就是材料报损的原因加数量，材料本身原因报损编号为A，换下来的报损材料编号为B。如：A11代表因本身原因报损的第11个报损材料。4.6数据库设计数据库结构设计的好坏将直接对应用系统的效率以及实现的效果产生影响，好的数据库结构设计会减少数据库的存储量，数据的完整性的一致性比较高，系统具有较快的响应速度，简化基于此数据库的应用程序的实现复杂性。在椑木自来水有限公司的维修材料管理系统中，所有产品和生产相关的数据都被置于数据库中，所以数据库设计的好坏直接决定了系统开发成功与否。4.6.1数据库概念设计本文从数据库的概念设计出发，以类图的形式简述椑木自来水公司维修材料管理系统内各个实体要素之间的关系，由于类图太多，下面仅以材料报损类图和材料出入库登记类图为例进行相关阐述，具体关系见图4-14和图4-15。如图4-14所示，材料报损类图主要包括材料管理员类、报损材料类、报损原因类。（1）材料管理员类：其属性有姓名、编号、部门、职务、联系方式；方法有信息查询()、信息登记()。（2）报损原因类：其属性有类型；方法有增加报损原因()、修改报损原因()。（3）报损材料类：其属性有名称、用途、数量、使用年限；方法有添加报损材料()、修改报损材料()、删除报损材料()。图4-14材料报损类图如图4-15所示，材料出入库登记类图主要包括材料管理员类、材料入库登记类、材料入库登记类。（1）材料管理员类：其属性有姓名、编号、部门、职务、联系方式；方法有信息查询()、信息登记()。（2）材料入库登记类：其属性有时间、编号、数量、名称；方法有添加入库信息()、修改入库信息()、删除入库信息()。（3）材料出库登记类：其属性有名称、时间、数量、领料人；方法有添加出库信息()、修改出库信息()、删除出库信息()。图4-15材料出入库登记类图4.6.2数据库逻辑结构设计椑木自来水公司维修材料管理系统的逻辑结构设计主要包括以下6组关系模型：apply表（id，uid，eid，number，createtime，status）equip_stock表（id，equipname，photo，qcpay，stock，servicelife）in_stock表（id，eid，number，createtime）out_stock表（id，eid，uname，phone,number，createtime）report_loss表（id，eid,uid,reason,createtime）tadmin表（uid，uname，pwd，createtime具体的二维表结构如下：（1）表4-2apply表，材料申请表，以id为主键。表4-2apply表字段名称数据类型长度说明idvarchar32主键uidvarchar32eidvarchar32numberint11icreatetimevarchar32istatusint11（2）表4-3equip_stock表，材料库存信息表，以id为主键。表4-3equip_stock表字段名称数据类型长度说明idvarchar32主键equipname，varchar100photovarchar100qcpaydoublestockint11servicelifedouble（3）表4-4in_stock表，材料入库表，以id为主键表4-4in_stock表字段名称数据类型长度说明idvarchar32主键eidvarchar32numberint11createtimevarchar50（4）表4-5out_stock表，材料出库表，以id为主键表4-5out_stock表字段名称数据类型长度说明idvarchar32主键eidvarchar32uname，varchar200phonevarchar20numberint11createtimevarchar50（5）表4-6report_loss表，材料报损表，以id为主键表4-6report_loss表字段名称数据类型长度说明idvarchar32主键eidvarchar32uidvarchar32reasonvarchar100createtimevarchar50（6）表4-7t_admin表，材料管理员表，以uid为主键表4-7t_admin表字段名称数据类型长度说明uidvarchar32主键unamevarchar100pwdvarchar100createtimevarchar1004.6.3数据库物理结构设计数据库的物理结构设计是在逻辑结构设计的基础上在选定的数据库管理系统上建立适合应用环境的物理结构。对椑木自来水公司维修材料管理系统的数据库物理结构设计内容包含以下几个方面：（1）确定数据的存储结构。本系统的数据库字段类型基本选择Varchar数据类型，因为系统中存在部分难以估计确切长度的数据对象，如创建时间、电话等，此外相对于char数据类型，Varchar更加灵活，占用的内存和磁盘空间更少。（2）存取路径的选择。通过对本系统数据库中的表建立索引，在提高检索表中数据的查找和排序速度的同时，也有利于数据的保存。（3）确定数据的存放位置。为提高系统性能对数据进行分开存放的设计，将存取频率较高的数据作为一部分，如材料信息、出库信息、材料报损信息等数据信息，将存取频率较低的数据分为另一部分，如材料管理员信息、领料人信息等基础用户数据信息。（4）确定系统的配置。建立数量较多的数据表会出现数据冗余的问题，而且会占用较多的存储空间，也会增加后期对数据库维护的成本。所以在进行本系统数据库存储结构设计时，删除了相似且作用不大的冗余数据，充分优化数据库存储结构。第5章椑木自来水公司维修材料管理系统实施与测试5.1开发环境及运行环境系统开发运用Eclipse软件进行代码的编写，运用NavicatforMySQL软件实现对数据库的有效管理，系统界面的美化运用Photoshop软件进行操作。这些软件对于硬件的要求都不是很高，一般的PC机就可以满足要求。因此，椑木自来水公司维修材料管理系统的开发运用Windows8操作系统。5.2维修材料管理系统部署如图5-1所示，维修材料管理系统部署图有3个软件组件（客户端、服务器、数据库）和1个硬件组件（打印机）构成。图5-1维修材料管理系统部署图5.3维修材料管理系统主界面实现在主界面中，用户在此界面可以看到系统的全部功能。图5-2主界面实现图核心代码：<%@pagelanguage="java"contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%><%@tagliburi="/jsp/jstl/core"prefix="c"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""/TR/html4/loose.dtd"><html> <head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><linkrel="stylesheet" href="${ctx}/static/easyui/1.4.3/themes/default/easyui.css"type="text/css"/><linkrel="stylesheet"href="${ctx}/static/easyui/1.4.3/themes/icon.css" type="text/css"/><scripttype="text/javascript" src="${ctx}/static/jquery/1.11.3/jquery-1.11.3.min.js"></script><scripttype="text/javascript" src="${ctx}/static/easyui/1.4.3/jquery.easyui.min.js"></script><scripttype="text/javascript" src="${ctx}/static/easyui/1.4.3/locale/easyui-lang-zh_CN.js"></script><scripttype="text/javascript">//PageSetup();</script><title>后台管理</title></head><body> <!--布局面板大小自适应父容器--> <divdata-options="fit:true"id="cc"class="easyui-layout" style="width:100%;height:100%;"> <divdata-options="region:'north',title:'维修材料管理系统'"style="height:55px;"> <fontstyle="float:right;font-weight:bold;font-size:15px;margin-right:10px;">欢迎${LOGIN_ADMIN.uname}用户<a href="javascript:loginout();"style="font-size:15px">注销</a></font> </div> <!--区域面板--> <divdata-options="region:'west',split:true"title="导航栏菜单" style="width:170px;"> <divclass="easyui-accordion"data-options="fit:true,border:false"> <divtitle="维修材料管理系统"data-options="selected:true"> <divstyle="margin:5px"> <ulclass="treeeasyui-tree" data-options="animate:true,lines:true"> <lidata-options="iconCls:'icon-group'"><span>材料管理</span> <ul> <lidata-options="iconCls:'icon-group_add'"><span><a href="#" onclick="addTab('管理员信息','${ctx}/admin/list');">管理员信息</a></span></li> <c:iftest="${LOGIN_ADMIN.uname=='admin'}"> <lidata-options="iconCls:'icon-group_delete'"><span><a href="#" onclick="addTab('材料信息管理','${ctx}/equipStock/list');">材料信息管理</a></span> </li> <lidata-options="iconCls:'icon-group_delete'"><span><a href="#" onclick="addTab('出库管理','${ctx}/outStock/list');">出库管理</a></span> </li> <lidata-options="iconCls:'icon-group_delete'"><span><a href="#" onclick="addTab('入库管理','${ctx}/inStock/list');">入库管理</a></span> </li> </c:if> <lidata-options="iconCls:'icon-group_delete'"><span><a href="#" onclick="addTab('使用审批','${ctx}/apply/list');">使用审批</a></span> </li> <lidata-options="iconCls:'icon-group_delete'"><span><a href="#"onclick="addTab('材料报损','${ctx}/reportLoss/list');">材料报损</a></span> </li> </ul></li> </ul> </div> </div> </div> </div> <divid="center" data-options="region:'center',title:'当前登陆用户为:${LOGIN_ADMIN.uname}',collapsible:false" style="padding:5px;background:#eee;"> <divid="index_tabs"class="easyui-tabs"fit="true" style="width:100%;height:auto"> <divtitle="首页"> <iframescrolling="auto"frameborder="0" src="${ctx}/admin/welcome"style="width:100%;height:100%;"></iframe> </div> </div> </div> </div></body><scripttype="text/javascript"> functionloginout(){ varparam={}; $.post("${ctx}/admin/logout",param,function(data){ if(data=='success'){ window.location.href="${ctx}/admin/login"; } },'text'); } functionaddTab(title,url){ if($('#index_tabs').tabs('exists',title)){ $('#index_tabs').tabs('select',title); }else{ varcontent='<iframescrolling="auto"frameborder="0"src="' +url+'"style="width:100%;height:100%;"></iframe>'; $('#index_tabs').tabs('add',{ title:title, content:content, closable:true }); } }</script></html>5.4维修材料出入库管理功能实现材料出入库管理功能分为材料入库管理功能和材料出库管理功能，材料入库管理功能主要实现入库材料的名称、入库时间、入库数量，材料出库管理功能则主要实现材料出库的时间、领用材料名称及数量、领料人登记、手机号。图5-3材料入库管理实现图图5-4材料出库管理实现图（1）材料入库管理核心代码：<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""/TR/html4/loose.dtd"><html> <head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><linkrel="stylesheet"href="${ctx}/static/easyui/1.4.3/themes/default/easyui.css"type="text/css"/><linkrel="stylesheet"href="${ctx}/static/easyui/1.4.3/themes/icon.css"type="text/css"/><scripttype="text/javascript"src="${ctx}/static/jquery/1.11.3/jquery-1.11.3.min.js"></script><scripttype="text/javascript"src="${ctx}/static/easyui/1.4.3/jquery.easyui.min.js"></script><scripttype="text/javascript"src="${ctx}/static/easyui/1.4.3/locale/easyui-lang-zh_CN.js"></script><scripttype="text/javascript"src="${ctx}/static/My97DatePicker/WdatePicker.js"></script><scripttype="text/javascript"src="${ctx}/static/formValidate.js"></script><scripttype="text/javascript"src="${ctx}/static/jquery.tools.js"></script><title>入库管理</title></head><body><tableid="targetSetGrid"class="easyui-datagrid"url="${ctx}/inStock/findall"pagination="true"data-options="fit:true,idField:'id',remoteSort:false,border:false,rownumbers:true,singleSelect:true,toolbar:'#targetSetToolbar'"style="height:100%;width:100%;"><thead> <tr> <thdata-options="field:'id',width:250,hidden:true">id</th> <thdata-options="field:'eid',width:250,hidden:true">eid</th> <thdata-options="field:'ename',width:150,align:'center'">材料名称</th> <thdata-options="field:'number',width:150,align:'center'">材料数量</th> <thdata-options="field:'createtime',width:150,align:'center'">发布时间</th></tr></thead></table><divid="targetSetToolbar"><ahref="#"class="easyui-linkbutton"data-options="iconCls:'icon-add',plain:true"onclick="addTargetSet()">新增</a><ahref="#"class="easyui-linkbutton"data-options="iconCls:'icon-edit',plain:true"onclick="editTargetSet()">编辑</a><ahref="#"class="easyui-linkbutton"data-options="iconCls:'icon-cancel',plain:true"onclick="delTargetSet()">删除</a></div><divid="dlgTargetSetDialog"class="easyui-dialog"data-options="closed:true,modal:true,buttons:'#dlg-buttons-targetSet'"style="width:430px;height:250px;"><formid="targetSetForm"method="post"action="${ctx}/admin/savecolor"> <inputid="id"name="id"type="hidden"><tablecellpadding="0"style="margin-top:10px;"cellspacing="0"align="center"class="form-table"><tr><tdstyle="width:90px"align="right"> 物品类型：</td><td><inputclass="easyui-combobox"style="width:206px;"id="eid"name="eid" data-options="valueField:'id',textField:'equipname',url:'${ctx}/equipStock/findidandname'"></td></tr><tr><tdstyle="width:90px"align="right"> 入库数量：</td><tdstyle="width:210px"><inputid="number"name="number"style="width:200px;"class="easyui-validatebox"></td></tr></table></form><divid="dlg-buttons-targetSet"style="text-align:center"><ahref="#"class="easyui-linkbutton"data-options="iconCls:'icon-save'"onclick="saveTargetSet()">确定</a><ahref="#"class="easyui-linkbutton"data-options="iconCls:'icon-cancel'"onclick="javascript:$('#dlgTargetSetDialog').dialog('close')">取消</a></div></div></body><scripttype="text/javascript">functiondelTargetSet(){ varrow=$("#targetSetGrid").datagrid("getSelected"); if(!row||row.length<0){ $.messager.alert('提示信息',"请先选择一行后，再进行操作"); returnfalse; } varparam={}; param.id=row.id; $.post("${ctx}/inStock/del",param,function(data){$.messager.show({//showerrormessagetitle:'提示',msg:data,timeout:3000});$('#targetSetGrid').datagrid('reload');$('#targetSetGrid').datagrid('clearSelections'); },'text');}functionsaveTargetSet(){ $('#targetSetForm').form('submit',{'url':'${ctx}/inStock/updoradd',onSubmit:function(){return$(this).form('validate');},success:function(data){$('#dlgTargetSetDialog').dialog('close');$('#targetSetGrid').datagrid('reload');$('#targetSetGrid').datagrid('clearSelections');$.messager.show({//showerrormessagetitle:'提示',msg:data,timeout:7000});}});}functionaddTargetSet(){ $('#dlgTargetSetDialog').dialog('setTitle','新增租赁信息').dialog('open');$('#targetSetForm').form('clear');}functioneditTargetSet(){ varrow=$("#targetSetGrid").datagrid("getSelected"); if(!row||row.length<0){ $.messager.alert('提示信息',"请先选择一行后，再进行操作"); returnfalse; } $('#dlgTargetSetDialog').dialog('setTitle','编辑租赁信息').dialog('open');$('#targetSetForm').form('clear').form("load",row);}</script></html>（2）材料出库管理核心代码：<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><linkrel="stylesheet"href="${ctx}/static/easyui/1.4.3/themes/default/easyui.css"type="text/css"/><linkrel="stylesheet"href="${ctx}/static/easyui/1.4.3/themes/icon.css"type="text/css"/><scripttype="text/javascript"src="${ctx}/static/jquery/1.11.3/jquery-1.11.3.min.js"></script><scripttype="text/javascript"src="${ctx}/static/easyui/1.4.3/jquery.easyui.min.js"></script><scripttype="text/javascript"src="${ctx}/static/easyui/1.4.3/locale/easyui-lang-zh_CN.js"></script><scripttype="text/javascript"src="${ctx}/static/My97DatePicker/WdatePicker.js"></script><scripttype="text/javascript"src="${ctx}/static/formValidate.js"></script><scripttype="text/javascript"src="${ctx}/static/jquery.tools.js"></script><title>出库管理</title></head><body><tableid="targetSetGrid"class="easyui-datagrid"url="${ctx}/outStock/findall"pagination="true"data-options="fit:true,idField:'id',remoteSort:false,border:false,rownumbers:true,singleSelect:true,toolbar:'#targetSetToolbar'"style="height:100%;width:100%;"><thead> <tr> <thdata-options="field:'id',width:250,hidden:true">id</th> <thdata-options="field:'eid',width:250,hidden:true">eid</th> <thdata-options="field:'ename',width:150,align:'center'">材料名称</th> <thdata-options="field:'uname',width:150,align:'center'">登记人</th> <thdata-options="field:'phone',width:150,align:'center'">手机号</th> <thdata-options="field:'number',width:150,align:'center'">出货数量</th> <thdata-options="field:'createtime',width:150,align:'center'">发布时间</th> </tr></thead></table><divid="targetSetToolbar"><ahref="#"class="easyui-linkbutton"data-options="iconCls:'icon-add',plain:true"onclick="addTargetSet()">新增</a><ahref="#"class="easyui-linkbutton"data-options="iconCls:'icon-edit',plain:true"onclick="editTargetSet()">编辑</a><ahref="#"class="easyui-linkbutton"data-options="iconCls:'icon-cancel',plain:true"onclick="delTargetSet()">删除</a></div><divid="dlgTargetSetDialog"class="easyui-dialog"data-options="closed:true,modal:true,buttons:'#dlg-buttons-targetSet'"style="width:430px;height:250px;"><formid="targetSetForm"method="post"action="${ctx}/admin/savecolor"> <inputid="id"name="id"type="hidden"><tablecellpadding="0"style="margin-top:10px;"cellspacing="0"align="center"class="form-table"><tr><tdstyle="width:90px"align="right"> 材料类型：</td><td><inputclass="easyui-combobox"style="width:206px;"id="eid"name="eid" data-options="valueField:'id',textField:'equipname',url:'${ctx}/equipStock/findidandname'"></td></tr><tr><tdstyle="width:90px"align="right"> 登记姓名：</td><tdstyle="width:210px"><inputid="uname"name="uname"style="width:200px;"class="easyui-validatebox"></td></tr><tr><tdstyle="width:90px"align="right"> 手机号：</td><td><inputid="phone"name="phone"style="width:200px;"class="easyui-validatebox"></td></tr><tr><tdstyle="width:90px"align="right"> 出货数量：</td><td><inputid="number"name="number"style="width:200px;"class="easyui-validatebox"></td></tr></table></form><divid="dlg-buttons-targetSet"style="text-align:center"><ahref="#"class="easyui-linkbutton"data-options="iconCls:'icon-save'"onclick="saveTargetSet()">确定</a><ahref="#"class="easyui-linkbutton"data-options="iconCls:'icon-cancel'"onclick="javascript:$('#dlgTargetSetDialog').dialog('close')">取消</a></div></div></body><scripttype="text/javascript">functiondelTargetSet(){ varrow=$("#targetSetGrid").datagrid("getSelected"); if(!row||row.length<0){ $.messager.alert('提示信息',"请先选择一行后，再进行操作"); returnfalse; } varparam={}; param.id=row.id; $.post("${ctx}/outStock/del",param,function(data){$.messager.show({//showerrormessagetitle:'提示',msg:data,timeout:3000});$('#targetSetGrid').datagrid('reload');$('#targetSetGrid').datagrid('clearSelections'); },'text');}functionsaveTargetSet(){ $('#targetSetForm').form('submit',{'url':'${ctx}/outStock/updoradd',onSubmit:function(){return$(this).form('validate');},success:function(data){$('#dlgTargetSetDialog').dialog('close');$('#targetSetGrid').datagrid('reload');$('#targetSetGrid').datagrid('clearSelections');$.messager.show({//showerrormessagetitle:'提示',msg:data,timeout:7000});}});}functionaddTargetSet(){ $('#dlgTargetSetDialog').dialog('setTitle','新增出货信息').dialog('open');$('#targetSetForm').form('clear');}functioneditTargetSet(){ varrow=$("#targetSetGrid").datagrid("getSelected"); if(!row||row.length<0){ $.messager.alert('提示信息',"请先选择一行后，再进行操作"); returnfalse; } $('#dlgTargetSetDialog').dialog('setTitle','编辑出货信息').dialog('open');$('#targetSetForm').form('clear').form("load",row);}</script></html>5.5维修材料使用审批功能实现材料使用审批功能包括用户名、申请材料名称及数量、审批状态、登记时间，材料管理员通过这一功能的实现可以更好的管理材料的使用，避免出现乱领材料的情况出现，减少公司损失。图5-5材料使用审批实现图核心代码：<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""/TR/html4/loose.dtd"><html> <head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><linkrel="stylesheet"href="${ctx}/static/easyui/1.4.3/themes/default/easyui.css"type="text/css"/><linkrel="stylesheet"href="${ctx}/static/easyui/1.4.3/themes/icon.css"type="text/css"/><scripttype="text/javascript"src="${ctx}/static/jquery/1.11.3/jquery-1.11.3.min.js"></script><scripttype="text/javascript"src="${ctx}/static/easyui/1.4.3/jquery.easyui.min.js"></script><scripttype="text/javascript"src="${ctx}/static/easyui/1.4.3/locale/easyui-lang-zh_CN.js"></script><scripttype="text/javascript"src="${ctx}/static/My97DatePicker/WdatePicker.js"></script><scripttype="text/javascript"src="${ctx}/static/formValidate.js"></script><scripttype="text/javascript"src="${ctx}/static/jquery.tools.js"></script><scripttype="text/javascript">functionformatbutton(val,row){ if("${LOGIN_ADMIN.uname=='admin'}"=='true'){ if(val=='0'){ return'<inputtype="button"id="'+row.id+'"value="材料申请"onclick="chenge_status(\''+row.id+'\',2)">'; }elseif(val=='2'){ return'已同意'; } }else{ if(val=='0'){ return'未同意'; }elseif(val=='2'){ return'已同意'; } }}functionchenge_status(id,status){ varparam={}; param.id=id; param.status=status; $.post("${ctx}/apply/upaatestatus",param,function(data){ $.messager.show({//showerrormessage title:'提示', msg:data, timeout:3000 }); $('#targetSetGrid').datagrid('reload'); $('#targetSetGrid').datagrid('clearSelections'); },'text'); }</script><title>审批管理</title></head><body><tableid="targetSetGrid"class="easyui-datagrid"url="${ctx}/apply/findall"pagination="true"data-options="fit:true,idField:'id',remoteSort:false,border:false,rownumbers:true,singleSelect:true,toolbar:'#targetSetToolbar'"style="height:100%;width:100%;"><thead> <tr> <thdata-options="field:'id',width:250,hidden:true">id</th> <thdata-options="field:'uid',width:250,hidden:true">uid</th> <thdata-options="field:'eid',width:250,hidden:true">eid</th> <thdata-options="field:'uname',width:250,align:'center'">用户名</th> <thdata-options="field:'ename',width:250,align:'center'">材料名</th> <thdata-options="field:'number',width:150,align:'center'">数量</th> <thdata-options="field:'status',width:150,align:'center'"formatter=formatbutton>目前状态</th> <thdata-options="field:'createtime',width:150,align:'center'">发布时间</th> </tr></thead></table><divid="targetSetToolbar"><ahref="#"class="easyui-linkbutton"data-options="iconCls:'icon-add',plain:true"onclick="addTargetSet()">新增</a><ahref="#"class="easyui-linkbutton"data-options="iconCls:'icon-edit',plain:true"onclick="editTargetSet()">编辑</a><ahref="#"class="easyui-linkbutton"data-options="iconCls:'icon-cancel',plain:true"onclick="delTargetSet()">删除</a></div><divid="dlgTargetSetDialog"class="easyui-dialog"data-options="closed:true,modal:true,buttons:'#dlg-buttons-targetSet'"style="width:430px;height:250px;"><formid="targetSetForm"method="post"action="${ctx}/admin/savecolor"> <inputid="id"name="id"type="hidden"><tablecellpadding="0"style="margin-top:10px;"cellspacing="0"align="center"class="form-table"><tr><tdstyle="width:90px"align="right"> 物品类型：</td><td><inputclass="easyui-combobox"style="width:206px;"id="eid"name="eid" data-options="valueField:'id',textField:'equipname',url:'${ctx}/equipStock/findidandname'"></td></tr><tr><tdstyle="width:90px"align="right"> 申请数量：</td><tdstyle="width:210px"><inputid="number"name="number"style="width:200px;"class="easyui-validatebox"></td></tr></table></form><divid="dlg-buttons-targetSet"style="text-align:center"><ahref="#"class="easyui-linkbutton"data-options="iconCls:'icon-save'"onclick="saveTargetSet()">确定</a><ahref="#"class="easyui-linkbutton"data-options="iconCls:'icon-cancel'"onclick="javascript:$('#dlgTargetSetDialog').dialog('close')">取消</a></div></div></body><scripttype="text/javascript">functiondelTargetSet(){ varrow=$("#targetSetGrid").datagrid("getSelected"); if(!row||row.length<0){ $.messager.alert('提示信息',"请先选择一行后，再进行操作"); returnfalse; } varparam={}; param.id=row.id; $.post("${ctx}/apply/del",param,function(data){$.messager.show({//showerrormessagetitle:'提示',msg:data,timeout:3000});$('#targetSetGrid').datagrid('reload');$('#targetSetGrid').datagrid('clearSelections'); },'text');}functionsaveTargetSet(){ $('#targetSetForm').form('submit',{'url':'${ctx}/apply/updoradd',onSubmit:function(){return$(this).form('validate');},success:function(data){$('#dlgTargetSetDialog').dialog('close');$('#targetSetGrid').d