新增数聚场景页面完成（back）

src/main/java/com/cloudcross/ssp/web/back/main/ap/PlaceController.java

@@ -1,5 +1,6 @@
 package com.cloudcross.ssp.web.back.main.ap;
 
+import java.io.UnsupportedEncodingException;
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
@@ -41,11 +42,19 @@ public class PlaceController extends SimpleController {
 	@RequestMapping("/create")
 	public String edit(Model model, @RequestParam HashMap<String, Object> paramMap,
 			@RequestParam(defaultValue = "1") int page) {
+		String placeName = null;
 		//对传递过来的数聚场景名称做处理，如果传递的为空或者是空字符串，则让它等于空
+		
 		if(null == paramMap.get("placeName") || "".equals(paramMap.get("placeName"))) {
 			paramMap.put("placeName", null);
 		} else {
-			paramMap.put("placeName", SqlHelper.doLike(String.valueOf(paramMap.get("placeName")).trim()));
+			try {
+				placeName = new String(String.valueOf(paramMap.get("placeName")).trim().getBytes("ISO-8859-1"), "UTF-8");
+			} catch (UnsupportedEncodingException e) {
+				// TODO Auto-generated catch block
+				e.printStackTrace();
+			}
+			paramMap.put("placeName", SqlHelper.doLike(placeName).trim());
 		}
 		
 		int totalRow = 0;
@@ -65,6 +74,12 @@ public class PlaceController extends SimpleController {
 	@RequestMapping("/add")
 	public String add(@RequestParam String placeName) {
 		Place place = new Place();
+		try {
+			placeName = new String(placeName.getBytes("ISO-8859-1"), "UTF-8");
+		} catch (UnsupportedEncodingException e) {
+			// TODO Auto-generated catch block
+			e.printStackTrace();
+		}
 		place.setName(placeName);
 		placeService.add(place);
 		return redirect(page("create"));

src/main/webapp/WEB-INF/pages/back/main/ap/place/create.ftl

@@ -92,39 +92,44 @@
 		</div>
 		<div id="content">
 			<div id="placeclassify">		
-				<div id="place_fronttitle" style="width:100%;border:1px solid black;">	
+				<div id="place_fronttitle" style="width:97.4%;padding-left:20px;height:40px;line-height:40px;border:1px solid #d5dee8;color:#4c637b;">	
 				数据场景分类
 				</div>
-				<div id="place_bottom" style="width:100%;border:1px solid black;">	
-				     <div id="place_bottom_left" style="float:left;width:50%;border:1px solid black;">	
-				     	
-				     	<div id="place_bottom_leftsubmit" style="float:left;width:50%;border:1px bolid black;">	
-				     	<input type="text" style="width:100px;height:20px;border:1px solid black;"><button type="submit" style="width:50px;height:20px;border:1px solid black;background-color:#36aeea;">提交</button>
-						</div>
-						
-						<div id="place_bottom_leftsearch" style="float:right;width:50%;border:1px bolid black;">	
-				     	<input type="text" style="width:100px;height:20px;border:1px solid black;"><button type="submit style="width:50px;height:20px;border:1px solid black;background-color:#36aeea;">搜索</button>
-						</div>
-				     	
-				     	<#if placeList ??>
-						<#list placeList as place>
-						<div id="${place.id!}" class="place_name" style="cursor:pointer;">${place.name!}</div>
-						</#list>
-						</#if>
-						
-						<div id="pageDiv" style="margin: -10px 38px 0 0;">
-			               	<#include "/common/pagination/simple.ftl"/>
-			            </div>
+				<div id="place_bottom" style="width:99%;">	
+				     <div id="place_bottom_left" style="float:left;width:50%;height:600px;border-left:1px solid #d5dee8;border-bottom:1px solid #d5dee8;border-right:1px solid #d5dee8;">	
+					     	<div id="place_bottom_leftsubmit" style="float:left;width:50%;border:none;">	
+						     	<input type="text" id="newplace_submit_text" style="width:170px;height:20px;margin:20px 0px 0px 20px;border:1px solid #d5dee8;">
+						     	<button type="submit" id="newplace_submit" style="width:50px;height:30px;margin:20px 0px 0px 5px;border-radius:5px;color:#ffffff;border:1px solid #d5dee8;background-color:#36aeea;">提交</button>
+							</div>
+							
+							<div id="place_bottom_leftsearch" style="float:right;width:50%;border:none;">	
+						     	<input type="text" id="newplace_search_text" style="width:170px;height:20px;margin:20px 0px 0px 20px;border:1px solid #d5dee8;">
+						     	<button type="submit" id="newplace_search" style="width:50px;height:30px;margin:20px 0px 0px 5px;border-radius:5px;color:#ffffff;border:1px solid #d5dee8;background-color:#36aeea;">搜索</button>
+							</div>
+							
+							<div id="place_datalist" style="margin-top:75px;">	
+						     	<#if placeList ??>
+								<#list placeList as place>
+								<li id="${place.id!}" class="place_name" style="margin-top:20px;margin-left:20px;font-weight:bold;cursor:pointer;font-size:20px;color:#4c637b;">${place.name!}</li>
+								</#list>
+								</#if>
+							</div>
+							
+							<input id="page" type="hidden" name="page" value="${pager.page!}"/>
+							<div id="pageDiv" style="margin: -10px 38px 0 0;">
+				               	<#include "/common/pagination/simple.ftl"/>
+				            </div>
 					 
 					 </div>
 					 
-					<div id="place_bottom_right" style="float:right;width:49.7%;border:1px solid black;">	
-					   <div>当前数聚场景名称：</div>
-					   <div class="current_placename" style="width:100%;height:40px;"> 
-					   </div>
-					  
-					  <ul>当前用户场景名称</ul>
-					   
+					<div id="place_bottom_right" style="float:right;width:49.7%;height:600px;border-bottom:1px solid #d5dee8;border-right:1px solid #d5dee8;">	
+						   <div style="font-size:20px;color:#4c637b;padding-left:20px;padding-top:20px;">当前数聚场景名称：</div>
+						   <div class="current_placename" style="width:100%;height:40px;"> 
+						   </div>
+						   <br>
+						   <div style="font-size:20px;color:#4c637b;padding-left:20px;">当前用户场景名称：</div>
+						   <div class="current_definename" style="width:100%;"> 
+						   </div>
 					</div>
 				</div>
 			</div>
@@ -133,22 +138,52 @@
 <!-- PAGE CONTENT ENDS HERE --/>
 </div><!--/row-->
 <script type="text/javascript" >
+//点击叉号
+	function cross(a){
+			var c = a.id;
+			var url = "${ctx}/back/main/ap/place/delete-place?id="+c;
+			$.getJSON(url, function(data) {
+				var data_1 = data;
+				$(".place_name").trigger("click");
+		})	
+	}
 $(function(){
 //点击左边场景，显示在右边js
 	$(".place_name").click(function(){
-	var a=$(this).html();
-	var b=$(this).attr("id");
-	alert(b);
-	$(".current_placename").empty();
-	$(".current_placename").append('<li style="" id='+b+'>'+a+'</li>');
-	var url = "${ctx}/back/main/ap/place/get-place?placeId="+b;
+		var a=$(this).html();
+		var b=$(this).attr("id");
+		$(".current_placename").empty();
+		$(".current_definename").empty();
+		$(".current_placename").append('<br><li style="padding-left:20px;font-size:20px;font-weight:bold;color:#4c637b;" id='+b+'>'+a+'</li>');
+		var url = "${ctx}/back/main/ap/place/get-place?placeId="+b;
 		$.getJSON(url, function(data) {
-				var data_1 = data.placeOperatorList;
-				alert(data_1.name);
-		})
-			
+				var data_1 = data;
+				$.each( data_1, function( key, val ) {
+	 				$(".current_definename").append('<li style="padding-left:20px;font-size:20px;font-weight:bold;color:#4c637b;margin-top:20px;" id='+val.id+'>'+val.name+'<image class="cross_delete" onclick="cross(this)" src="${ctx}/assets/images/cross.png" style="cursor:pointer;"  id='+val.id+'></li>');
+	 			});
+		})	
+	});
+///点击提交按钮
+	$("#newplace_submit").click(function(){	
+		var text = $("#newplace_submit_text").val();
+		var url_2 = "${ctx}/back/main/ap/place/add?placeName="+text;
+		location.href=url_2;
 	})
-});
+//点击搜索按钮
+	$("#newplace_search").click(function(){	
+		var text = $("#newplace_search_text").val();
+		var url_3 = "${ctx}/back/main/ap/place/create?placeName="+text;
+		location.href=url_3;
+	})	
+//控制页码
+    $('#pageDiv .pagination ul li a[href]').click(function(){
+		var _page = $(this).attr('href').substr(1);//获取当前点击的页码
+		console.log(_page);
+		var url_4 = "${ctx}/back/main/ap/place/create?page="+_page;
+		location.href=url_4;
+	});
+})
+
 </script>
 </@override>
 <@extends name="/common/simple.ftl"/>