用户场景定义页面已完成（back）

src/main/java/com/cloudcross/ssp/service/impl/PlaceOperatorService.java

@@ -109,7 +109,7 @@ public class PlaceOperatorService implements IPlaceOperatorService{
 	
 	@Override
 	public List<PlaceOperator> findUnclassfiedPlace(Map<String, Object> paramMap) {
-		return myBatisDao.get("placeOperatorSqlMapper.findUnclassfiedPlace", paramMap);
+		return myBatisDao.getList("placeOperatorSqlMapper.findUnclassfiedPlace", paramMap);
 	}
 	
 	@Override

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

@@ -131,13 +131,19 @@ public class PlaceController extends SimpleController {
 	@RequestMapping("place-sort")
 	public String placeSort(Model model, @RequestParam HashMap<String, Object> paramMap,
 			@RequestParam(defaultValue = "1") int page) {
+		String place = null;
 		// 对传递过来的场景名称做处理，如果传递的为空或者是空字符串，则让它等于空
 		if (null == paramMap.get("place")
 				|| "".equals(paramMap.get("place"))) {
 			paramMap.put("place", null);
 		} else {
-			paramMap.put("place", SqlHelper.doLike(String.valueOf(
-					paramMap.get("place")).trim()));
+			try {
+				place = new String(String.valueOf(paramMap.get("place")).trim().getBytes("ISO-8859-1"), "UTF-8");
+			} catch (UnsupportedEncodingException e) {
+				// TODO Auto-generated catch block
+				e.printStackTrace();
+			}
+			paramMap.put("place", SqlHelper.doLike(place));
 		}
 
 		int totalRow = 0;
@@ -169,7 +175,7 @@ public class PlaceController extends SimpleController {
 	
 	/**
 	 * 用户场景分类的保存
-	 * 这里要传递两个变量，一个是t_place_operator的id字符串(变量名为id)，另一个就是数聚场景id
+	 * 这里要传递两个变量，一个是t_place_operator的id字符串(变量名为id)，另一个就是数聚场景id(变量名叫placeId)
 	 * 注：字符串格式像"1-4-5",就是id以-号划分，当有多个id的时候;
 	 * @param model
 	 * @param paramMap
@@ -182,7 +188,7 @@ public class PlaceController extends SimpleController {
 		//当传递过来的是空值或者是空字符串时，则什么也不做
 		if(null == paramMap.get("id") || "".equals(paramMap.get("id"))
 				|| null == paramMap.get("placeId") || "".equals(paramMap.get("placeId"))) {
-			return redirect(page("create"));
+			return redirect(page("place-sort"));
 		} else {
 			String idString = String.valueOf(paramMap.get("id"));
 			String[] idArray = idString.split("-");

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

@@ -40,7 +40,7 @@
 							</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;">
+						     	<input type="text" id="newplace_search_text" onkeydown="if(event.keyCode==13){return false;}" 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>
 							
@@ -118,6 +118,15 @@ $(function(){
 		var url_3 = "${ctx}/back/main/ap/place/create?placeName="+text;
 		location.href=url_3;
 	})	
+//按enter实现搜索
+$("#newplace_search_text").keydown(function(e){
+	    if(!e){
+	        e=window.event;
+	        }
+	        if((e.keyCode||e.which)===13){
+	          $('#newplace_search').trigger("click");
+	    }
+});	
 //控制页码
     $('#pageDiv .pagination ul li a[href]').click(function(){
 		var _page = $(this).attr('href').substr(1);//获取当前点击的页码

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

@@ -10,70 +10,6 @@
 	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	<script type="text/javascript" src="${ctx}/assets/js/ap-apmac.js"></script>
 	
-
-	<script type="text/javascript" >
-		$(function(){
-			
-			$("#wifiForm").autovalidate();
-			//保存按钮
-			$("#create-btn-save").unbind('click').click(function(){
-				if (!$("#wifiForm").validate()) {
-					return false;
-				}
-				if($("#cn").val() == ""){
-					$("#main_cnul").css({"box-shadow":"0 0 6px red","width":"150px"}).attr("title","请选择省份");
-					$("#cnul_selectdiv").find('span.spanVaildate').html("请选择省份");
-					return false;
-				}
-				if($("#cnCity").val() == ""){
-					$("#main_cnCityul").css({"box-shadow":"0 0 6px red","width":"150px"}).attr("title","请选择省份对应的城市");
-					$("#cnCityul_selectdiv").find('span.spanVaildate').html("请选择省份对应的城市");
-					return false;
-				}
-				if($("#place").val() == ""){
-					$("#main_placeul").css({"box-shadow":"0 0 6px red","width":"150px"}).attr("title","请选择场景");
-					$("#placeul_selectdiv").find('span.spanVaildate').html("请选择场景");
-					return false;
-				}
-				$("#wifiForm").submit();
-			});
-				
-			//取消按钮
-			$("#create-btn-cancel").unbind('click').click(function(){
-				location.href = "${ctx}/operator/main/ap/apmac/list";
-			});
-				
-			$("#cnul_box").mouseleave(function(){
-		 		if($("#cn").val() == ""){
-					$("#main_cnul").css({"box-shadow":"0 0 6px red","width":"150px"}).attr("title","请选择省份");
-					$("#cnul_selectdiv").find('span.spanVaildate').html("请选择省份");
-				}else{
-					$("#main_cnul").css("box-shadow","none").attr("title","");
-					$("#cnul_selectdiv").find('span.spanVaildate').html("");
-				}
-		 	});
-		 	$("#cnCityul_box").mouseleave(function(){
-		 		if($("#cnCity").val() == ""){
-					$("#main_cnCityul").css({"box-shadow":"0 0 6px red","width":"150px"}).attr("title","请选择省份对应的城市");
-					$("#cnCityul_selectdiv").find('span.spanVaildate').html("请选择省份对应的城市");
-				}else{
-					$("#main_cnCityul").css("box-shadow","none").attr("title","");
-					$("#cnCityul_selectdiv").find('span.spanVaildate').html("");
-				}
-		 	});
-		 	$("#placeul_box").mouseleave(function(){
-		 		if($("#place").val() == ""){
-					$("#main_placeul").css({"box-shadow":"0 0 6px red","width":"150px"}).attr("title","请选择场景");
-					$("#placeul_selectdiv").find('span.spanVaildate').html("请选择场景");
-				}else{
-					$("#main_placeul").css("box-shadow","none").attr("title","");
-					$("#placeul_selectdiv").find('span.spanVaildate').html("");
-				}
-		 	});
-		});
-		
-	</script>
-	
 </@override>
 
 <@override name="body">
@@ -87,30 +23,31 @@
 				<span class="divider1"><i class="icon-angle-right"></i></span></li>
 				<li class="size2"><a href="${ctx}/operator/main/ap/apmac/list">热点详情</a></li>
 				<span class="divider2"><i class="icon-angle-right"></i></span>
-				<li class="size3">新增数聚场景</li>
+				<li class="size3">用户场景定义</li>
 			</ul>  
 		</div>
 		<div id="content">
-			<div id="placeclassify">		
-				<div id="place_fronttitle" style="width:97.4%;padding-left:20px;height:40px;line-height:40px;border:1px solid #d5dee8;color:#4c637b;">	
-				数据场景分类
+			<div id="user_classify">		
+				<div id="user_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: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 id="user_bottom" style="width:99%;">	
+				     <div id="user_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="user_bottom_lefttext" style="float:left;width:50%;height:30px;line-height:30px;color:#4c637b;border:none;font-weight:bold;font-size:20px;padding:20px 0px 0px 20px;">	
+						     	待分类媒体场景
 							</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 id="user_bottom_leftsearch" style="float:right;width:45%;border:none;">	
+						     	<input type="text"  id="userplace_search_text"  onkeydown="if(event.keyCode==13){return false;}" style="width:170px;height:20px;margin:20px 0px 0px 20px;border:1px solid #d5dee8;">
+						     	<button type="submit" id="userplace_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>
+							<div id="user_datalist" style="margin-top:75px;">	
+						     	<#if placeOperatorList ??>
+								<#list placeOperatorList as placeoperator>
+								<li id="${placeoperator.id!}" class="placoperator_name" style="margin-top:20px;margin-left:20px;font-weight:bold;cursor:pointer;font-size:20px;color:#4c637b;">
+								<input type="checkbox" class="unclassify" id="${placeoperator.name!}&${placeoperator.id!}" style="float:left;">&nbsp;&nbsp;${placeoperator.name!}</li>
 								</#list>
 								</#if>
 							</div>
@@ -122,14 +59,24 @@
 					 
 					 </div>
 					 
-					<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 id="user_bottom_right1" style="float:left;width:24.7%;height:600px;border-bottom:1px solid #d5dee8;border-right:1px solid #d5dee8;">	
+						 <div id="user_bottom_right1text" style="float:left;width:50%;height:30px;line-height:30px;color:#4c637b;border:none;font-weight:bold;font-size:20px;padding:20px 0px 0px 20px;">	
+						        已选择媒体分类
+						 </div> 
+						 <div id="user_bottom_right1detail" style="float:left;width:50%;height:30px;line-height:30px;color:#4c637b;border:none;font-weight:bold;font-size:20px;padding:20px 0px 0px 20px;">	
+						        
+						 </div>  
+						 
+					</div>
+					<div id="user_bottom_right2" style="float:right;width:23.7%;height:600px;border-bottom:1px solid #d5dee8;border-right:1px solid #d5dee8;">	
+						 <div id="user_bottom_right2text" style="float:left;width:50%;height:30px;line-height:30px;color:#4c637b;border:none;font-weight:bold;font-size:20px;padding:20px 0px 0px 20px;">	
+						        数聚媒体场景
+						 </div> 
+						  
+						 <div id="user_bottom_right2detail" style=" margin-top:15px;overflow:scroll;float:left;width:93%;height:400px;line-height:30px;color:#4c637b;border:none;font-weight:bold;font-size:20px;padding:20px 0px 0px 20px;">	
+						 </div> 
+						 
+						 <button class="user_bottom_right2submit" style="width:100px;height:30px;border:none;background-color:#36aeea;color:#ffffff;margin-bottom:-1046px;margin-left:20px;border-radius:5px;">提交</button>
 					</div>
 				</div>
 			</div>
@@ -138,50 +85,71 @@
 <!-- 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");
-		$(".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;
-				$.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;
+	$("#userplace_search").click(function(){	
+		var text = $("#userplace_search_text").val();
+		var url_3 = "${ctx}/back/main/ap/place/place-sort?place="+text;
 		location.href=url_3;
 	})	
+//按enter实现搜索
+$("#userplace_search_text").keydown(function(e){
+	    if(!e){
+	        e=window.event;
+	        }
+	        if((e.keyCode||e.which)===13){
+	          $('#userplace_search').trigger("click");
+	    }
+});	
 //控制页码
     $('#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;
+		var url_4 = "${ctx}/back/main/ap/place/place-sort?page="+_page;
 		location.href=url_4;
 	});
+// 点击提交
+$(".user_bottom_right2submit").click(function(){
+	var checked_radio = $("#user_bottom_right2detail input");
+	for (i=0;i<checked_radio.length;++i){
+		if (checked_radio[i].checked){
+			var radio_id = checked_radio[i].id;
+		}
+	}
+	var checked_box = $("#user_datalist input");
+	var multiple_box = "";
+	for (i=0;i<checked_box.length;++i){
+		if (checked_box[i].checked){
+			var box_id = checked_box[i].id.split("&");
+			multiple_box = box_id[1]+"-"+multiple_box;
+		}
+	}
+	var url_sub = "${ctx}/back/main/ap/place/save?id="+multiple_box+"&placeId="+radio_id;
+	alert(url_sub);
+	location.href = url_sub;
+})
+//获取数聚媒体场景
+		var url = "${ctx}/back/main/ap/place/placeName";
+		$.getJSON(url, function(data) {
+				var data_1 = data;
+				$.each( data_1, function( key, val ) {
+	 				$("#user_bottom_right2detail").append('<li style="font-size:20px;font-weight:bold;color:#4c637b;margin-top:20px;" id='+val.id+'><input name="media_place"  type="radio" style="float:left;" id='+val.id+'>&nbsp;&nbsp;'+val.name+'</li>');
+	 			});
+		})	
+//点击复选框在右边显示或隐藏未分类场景
+	$(".unclassify").click(function(){
+		var input_status = $(this).attr("checked");
+		//alert(input_status);
+		if(input_status=="checked"){
+			var n = $(this).attr("id").split("&");
+			$("#user_bottom_right1detail").append('<li style="padding-left:20px;margin-top:20px;font-size:20px;font-weight:bold;color:#4c637b;" id=checked'+n[1]+'>'+n[0]+'</li>');
+		}else{
+			var n = $(this).attr("id").split("&");
+			var id_checked = "#checked"+n[1];
+			$(id_checked).remove();
+		}
+	})
 })
 
 </script>