首页公告点击变换功能

src/main/java/com/jeeplus/modules/sys/web/LoginController.java

@@ -39,6 +39,7 @@ import com.jeeplus.modules.workcalendar.entity.WorkCalendar;
 import com.jeeplus.modules.workcalendar.service.WorkCalendarService;
 import com.jeeplus.modules.workprojectnotify.entity.WorkProjectNotify;
 import com.jeeplus.modules.workprojectnotify.service.WorkProjectNotifyService;
+import net.sf.json.JSONArray;
 import net.sf.json.JSONObject;
 import org.apache.shiro.SecurityUtils;
 import org.apache.shiro.authz.UnauthorizedException;
@@ -58,6 +59,7 @@ import javax.servlet.http.Cookie;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
 import java.io.IOException;
+import java.text.SimpleDateFormat;
 import java.util.*;
 
 /**
@@ -423,15 +425,19 @@ public class LoginController extends BaseController{
 		oaNotify.setPage(new Page());
 		List<OaNotify> list = oaNotifyService.findAll(oaNotify);
 		List<Map<String,Object>> mapList = Lists.newArrayList();
+		SimpleDateFormat formatter = new SimpleDateFormat("yyyy-MM-dd");
 		for (OaNotify info: list) {
 			Map map = new HashMap();
+			map.put("id",info.getId());
 			map.put("title",info.getTitle());
 			map.put("type",info.getType());
 			map.put("readFlagStr",info.getReadFlagStr());
-			map.put("updateDate",info.getUpdateDate());
+			map.put("updateDate",formatter.format(info.getUpdateDate()));
 			mapList.add(map);
 		}
-		model.addAttribute("oaNotifyList", mapList);
+		//List转json格式
+		JSONArray json = JSONArray.fromObject(mapList);
+		model.addAttribute("oaNotifyList", json);
 		//待办事项
 		WorkProjectNotify workProjectNotify = new WorkProjectNotify();
 		workProjectNotify.setUser(user);

src/main/webapp/webpage/modules/sys/sysHome.jsp

@@ -66,17 +66,29 @@
                     $(this).removeAttr("class","layui-this");
                 })
                 $(this).attr("class","layui-this");
-                console.log(this.value)
-                var oaNotifyList = '${oaNotifyList}';
-                var array = new Array();
-                //console.info("info");
+                //创建一个临时行数值
+                var count = 0;
+                //清除公告栏下已存在的li信息
+                $('#msg-bord .bord-right ul li').each(function(){
+                    $(this).remove();
+                });
+                //循环遍历后台所有通知信息
                 <c:forEach items="${oaNotifyList}" var="item" varStatus="status" >
                 var info = '${item}';
-                    if(info.type == this.value){
-                        array.push("${item}");
+                //字符串转map参数
+                var map = eval("("+info+")");
+                if(map.type == this.value){
+                    var elem = $("#msg-bord .bord-right ul");
+                    var xml = "";
+                    if(count<8){
+                        xml ="<a href=\"javascript:void(0)\" onclick=\"homeOpenDialogView('查看公告', '${ctx}/oa/oaNotify/homeView?id="+map.id+"&readAttr=disabled','95%','95%')\"  >";
+                        elem.append('<li>' + xml + "<span class=\"bord-record\" title=\""+map.title+"\">"+map.title+"</span>"+
+                            '<span class="bord-record-flag">'+ map.readFlagStr +'</span>' +
+                            '<span class="bord-record-time">' + map.updateDate + '</span></a></li>');
                     }
+                    count ++ ;
+                }
                 </c:forEach>
-                console.log(oaNotifyList)
             })
 
         });