【SSH项目实战】国税协同平台-32.我要投诉功能2-CSDN博客

我们先来想一下，我们的整个投诉的流程是:
1、保存投诉信息

2、提示用户投诉成功

3、刷新父窗口

4、关闭当前窗口
我们来画一下时序图(对象与对象之间的消息在时间顺序上的交互):

我们现在要做的是第9步之后的步骤

我们回顾一下我们的投诉信息填写界面:

[html]view plaincopy 
   
 <%@ page contentType="text/html;charset=UTF-8" language="java" %>  
 <%  
     pageContext.setAttribute("basePath", request.getContextPath()+"/") ;  
 %>  
 <html>  
 <head>  
     <%@include file="/common/header.jsp"%>  
     <title>我要投诉</title>  
     <script type="text/javascript" charset="utf-8" src="${basePath }js/ueditor/ueditor.config.js"></script>  
     <script type="text/javascript" charset="utf-8" src="${basePath }js/ueditor/ueditor.all.min.js"> </script>  
     <script type="text/javascript" charset="utf-8" src="${basePath }js/ueditor/lang/zh-cn/zh-cn.js"></script>  
   
   
     <script>  
         window.UEDITOR_HOME_URL = "${basePath }js/ueditor/";  
         var ue = UE.getEditor('editor');  
           
         //根据部门查询该部门下的用户列表  
         function doSelectDept(){  
             //1、获取部门  
             var dept=$("#toCompDept option:selected").val();  
             if(dept!=""){  
                 //2.根据部门查询列表  
                 $.ajax({  
                     url:"${basePath}sys/home_getUserJson2.action",  
                     data:{"dept":dept},  
                     type:"post",  
                     dataType:"json",//返回数据类型  
                     success:function(data){  
                         //3.将列表设置到被投诉人下拉框中  
                         if(data != null&&data != ""&& data!= undefined){  
                             if("success"==data.msg){  
                                 var toCompName = $("#toCompName");  
                                 toCompName.empty();  
                                 //使用each标签将userList的数据遍历出来  
                                 $.each(data.userList,function(index,user){  
                                     toCompName.append("<option value='" + user.name + "'>"   
                                     + user.name + "</option>");  
                                 });  
                             }else{  
                                 alert("获取被投诉人列表失败!");  
                             }  
                         }else{  
                             alert("获取被投诉人列表失败!");  
                         }  
                     },  
                     error:function(){alert("获取被投诉人列表失败!");}  
                 });  
             }else{  
                 //情空被投诉人列表下拉框  
                 $("#toCompName").empty();  
             }  
         }  
     </script>  
       
 </head>  
 <body>  
 <form id="form" name="form" action="" method="post" enctype="multipart/form-data">  
     <div class="vp_d_1">  
         <div style="width:1%;float:left;">    </div>  
         <div class="vp_d_1_1">  
             <div class="content_info">  
     <div class="c_crumbs"><div><b></b><strong>工作主页</strong> - 我要投诉</div></div>  
     <div class="tableH2">我要投诉</div>  
     <table id="baseInfo" width="100%" align="center" class="list" border="0" cellpadding="0" cellspacing="0"  >  
         <tr>  
             <td class="tdBg" width="250px">投诉标题：</td>  
             <td><s:textfield name="comp.compTitle"/></td>  
         </tr>  
         <tr>  
             <td class="tdBg">被投诉人部门：</td>  
             <td><s:select id="toCompDept" name="comp.toCompDept" list="#{'':'请选择','部门A':'部门A','部门B':'部门B' }" onchange="doSelectDept()"/></td>  
         </tr>  
         <tr>  
             <td class="tdBg">被投诉人姓名：</td>  
             <td>  
                 <select id="toCompName" name="comp.toCompName">  
                 </select>  
             </td>  
         </tr>  
         <tr>  
             <td class="tdBg">投诉内容：</td>  
             <td><s:textarea id="editor" name="comp.compContent" cssStyle="width:90%;height:160px;" /></td>  
         </tr>  
          <tr>  
             <td class="tdBg">是否匿名投诉：</td>  
             <td><s:radio name="comp.isNm" list="#{'false':'非匿名投诉','true':'匿名投诉' }" value="true"/></td>  
         </tr>  
          
     </table>  
     <s:hidden name="comp.compCompany" value="%{#session.SYS_USER.dept}"/>  
     <s:hidden name="comp.compName" value="%{#session.SYS_USER.name}"/>  
     <s:hidden name="comp.compMoblie" value="%{#session.SYS_USER.moblie}"/>  
     <div class="tc mt20">  
         <input type="button" class="btnB2" value="保存" />  
               
         <input type="button"  onclick="javascript:window.close()" class="btnB2" value="关闭" />  
     </div>  
     </div></div>  
     <div style="width:1%;float:left;">    </div>  
     </div>  
 </form>  
 </body>  
 </html>  

我们给“保存”announce添加一个onclick事件:

[html]view plaincopy 
   
 <input type="button" class="btnB2" value="保存" onclick="doSubmit()"/>  

然后在<script></script>中完成onclick的doSubmit()方法:

[javascript]view plaincopy 
   
 //提交表单  
 function doSubmit(){  
     //1.提交表单并保存  
     $.ajax({  
         url:"${basePath}sys/home_complainAdd.action",  
         data:$("#form").serialize(),  
         type:"post",  
         async:false,  
         success:function (msg){  
             if("success" == msg){  
             //2.提示用户投诉成功  
             alert("投诉成功!");  
             //3.刷新父窗口  
             window.opener.parent.location.reload(true);  
             //4.关闭当前窗口  
             window.close();  
             }else{  
                 alert("投诉失败!");  
             }  
         },  
         error:function(){alert("投诉失败!");}  
     });  
 }  

由于我们是使用ajax保存我们的而投诉信息的，我们需要从页面上获取我们的标题属性内容、部门属性内容、投诉人属性内容、文本属性等，获取比较麻烦，我们使用$("#form").serialize()来获取整个页面的所有标签值。

(解释一下$("#form").serialize():
serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。
可以选择一个或多个表单元素（比如 input 及/或文本框），或者 form 元素本身。
序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。

)

我们接下来在HomeAction添加complainAdd方法来完成投诉信息的添加:

[java]view plaincopy 
   
 //注入complainService  
 @Resource  
 private ComplainService complainService;  
 //投诉信息的包装对象  
 private Complain comp;  
   
   
 public Complain getComp() {  
     return comp;  
 }  
   
   
 public void setComp(Complain comp) {  
     this.comp = comp;  
 }  
 //保存投诉信息  
 public void complainAdd(){  
     try {  
         if (comp != null) {  
             //设置默认投诉状态为待受理  
             comp.setState(Complain.COMPLAIN_STATE_UNDONE);  
             comp.setCompTime(new Timestamp(new Date().getTime()));  
             complainService.save(comp);  
   
   
             //输出投诉结果  
             HttpServletResponse response = ServletActionContext  
                     .getResponse();  
             response.setContentType("text/html");  
             ServletOutputStream outputStream = response.getOutputStream();  
             outputStream.write("success".getBytes("utf-8"));  
             outputStream.close();  
         }  
     } catch (Exception e) {  
         e.printStackTrace();  
     }  
 }  

我们来测一下我们的投诉信息保存是否能成功:

首先输入各种我们的投诉信息，然后点击保存:

首先会看到弹出一个对话框:

然后点击“确定”之后，我们的投诉信息编辑页面就会关闭，我们到“纳税服务”模块下的“投诉受理管理”功能下查看，发现我们的投诉信息已经成功保存:

点击“受理”，我们可以看到我们的投诉信息详细内容:

最后将之前我们一直嚷嚷的查询条件回显解决:
首先在我们的ComplainAction中添加下面属性:

[java]view plaincopy 
   
 private String strTitle;  
 private String strState;  
   
 public String getStrTitle() {  
     return strTitle;  
 }  
   
 public void setStrTitle(String strTitle) {  
     this.strTitle = strTitle;  
 }  
   
 public String getStrState() {  
     return strState;  
 }  
   
 public void setStrState(String strState) {  
     this.strState = strState;  
 }  

在dealUI中防止这两个条件被覆盖:

[java]view plaincopy 
   
 public String dealUI(){  
     //加载状态集合  
     ActionContext.getContext().getContextMap().put("complainStateMap", Complain.COMPLAIN_STATE_MAP);  
     if(complain!=null){  
         strTitle=complain.getCompTitle();  
         strState=complain.getState();  
         complain=complainService.findObjectById(complain.getCompId());  
     }  
     return "dealUI";  
 }  

然后在dealUI.jsp中加入隐藏值:

[html]view plaincopy 
   
 <s:hidden name="complain.compId"/>  
 <s:hidden name="strTitle"/>  
 <s:hidden name="strState"/>  
 <s:hidden name="startTime"/>  
 <s:hidden name="endTime"/>  
 <s:hidden name="pageNo"/>  

然后在complain-struts.xml配置文件的Action重定向跳转中添加这些参数:

[html]view plaincopy 
   
 <?xml version="1.0" encoding="UTF-8" ?>  
 <!DOCTYPE struts PUBLIC  
     "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"  
     "http://struts.apache.org/dtds/struts-2.3.dtd">  
 <struts>  
     <package name="complain-action" namespace="/tax" extends="base-default">  
         <action name="complain_*" class="cn.edu.hpu.tax.complain.action.ComplainAction" method="{1}">  
             <result name="{1}">/WEB-INF/jsp/tax/complain/{1}.jsp</result>  
             <result name="list" type="redirectAction">  
                 <param name="actionName">complain_listUI</param>  
                 <param name="complain.compTitle">${strTitle}</param>  
                 <param name="complain.state">${strState}</param>  
                 <param name="startTime">${startTime}</param>  
                 <param name="endTime">${endTime}</param>  
                 <param name="pageNo">${pageNo}</param>  
                 <param name="encode">true</param><!-- 需要编码 -->  
             </result>  
         </action>  
     </package>  
 </struts>  