skyversation
/
meidu2021


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286
							<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<t:base type="jquery,easyui,tools,DatePicker"></t:base>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
    <link href="${ctx}/css/style.css" rel="stylesheet"type="text/css" />
<script type="text/javascript"> 
/**  
　*动态的给左边的下拉列表创建选项  
　*具体情况可以从数据库读取数据动态创建选项  
　*/ 
$(document).ready(
	function(){  
		refreshName();
		/* var persons = ${persons};
		for(var i = 1; i <= persons.size; i++){
			$("#fb_list").append("<option value='"+persons[i].id+"'>"+persons[i].realname+"</option>");
		} */
		/* for(var i=1;i<=5;i++)  { 
			$("#fb_list").append("<option value='"+i+"'>目标值00"+i+"</option>");
		} */  
	}) 
$(function(){ 
	$("#add").click(function(){
		if($("#fb_list option:selected").length>0) 
		{
			$("#fb_list option:selected").each(function(){
				$("#select_list").append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option");
				$(this).remove();
			})
			refreshName();
		}
		else
		{
			alert("请选择要添加的项！");
		}
	})
})  
$(function(){ 
	$("#delete").click(function(){
		if($("#select_list option:selected").length>0)
		{
			$("#select_list option:selected").each(function(){
				if($(this).text().indexOf('日班') > 0 || $(this).text().indexOf('夜班') > 0 || $(this).text().indexOf('休息') > 0){
					$("#fb_list").append("<option value='"+$(this).val()+"'>"+$(this).text().substring(0,$(this).text().length -3)+"</option");
				}else{
					$("#fb_list").append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option");
				}
				$(this).remove();
			})
			refreshName();
		}
		else
		{
			alert("请选择要删除的项！");
		}
	})
}) 
 
//提交按扭获取左右的options所有值传给后台处理
function sel(){
 var obj = document.getElementById('select_list');
  var str="";
     
     for(var i=0;i<obj.options.length;i++)
     {
         if(str.length>0)
             str = str + "," + obj.options[i].value;
         else
             str = obj.options[i].value;
     }
     return str;
 
}
//编写自定义JS代码获得输入框中的值等父级页面调用取值
function getReason(){
	var strUserId="";
	var strRealName="";
	var obj = document.getElementById('select_list');
	for (var i = 0; i < obj.options.length; i++) {
		if (strUserId.length > 0) {
			strUserId = strUserId + "," + obj.options[i].value;
			strRealName += "," + obj.options[i].text;
		} else {
			strUserId = obj.options[i].value;
			strRealName = obj.options[i].text;
		}
	}

	var strData = '[{"strUserId":"' + strUserId + '","strRealName":"'
			+ strRealName + '"}]';
	return strData;
}
$(function() {
		$("#btnMoveUp,#btnMoveDown").click(function() {
			var $opt = $("#select_list option:selected:first");
			if (!$opt.length)
				return;
			if (this.id == "btnMoveUp")
				$opt.prev().before($opt);
			else
				$opt.next().after($opt);
			refreshName();
		});
		//按Alt加上下鍵也可以移動   
		$("#select_list").keydown(function(evt) {
			if (!evt.altKey)
				return;
			var k = evt.which;
			if (k == 38) {
				$("#btnMoveUp").click();
				return false;
			} else if (k == 40) {
				$("#btnMoveDown").click();
				return false;
			}
			refreshName();
		});
	});
	
//提交按扭获取左右的options所有值传给后台处理
function refreshName(){
 var obj = document.getElementById('select_list');
 if(obj.options.length % 3 == 0){
	 // 分组个数
	 var n = 3 ;
	 // 每组数量
	 var m = obj.options.length / n;
	 for(var i = 0; i < n;i++){
		 if(i%n ==0)
			 for(var j = 0; j< m;j++){
				 if(obj.options[i*m+j].text.indexOf(' 日班') > 0 || obj.options[i*m+j].text.indexOf(' 夜班') > 0 || obj.options[i*m+j].text.indexOf(' 休息') > 0)
			 		obj.options[i*m+j].text = obj.options[i*m+j].text.substring(0,obj.options[i*m+j].text.length - 3) + ' 日班';
				 else
					 obj.options[i*m+j].text += ' 日班'; 
			 }
		 else if (i%n == 1)
			 for(var j = 0; j< m;j++){
				 if(obj.options[i*m+j].text.indexOf(' 日班') > 0 || obj.options[i*m+j].text.indexOf(' 夜班') > 0 || obj.options[i*m+j].text.indexOf(' 休息') > 0)
			 		obj.options[i*m+j].text = obj.options[i*m+j].text.substring(0,obj.options[i*m+j].text.length - 3) + ' 夜班';
				 else
					 obj.options[i*m+j].text += ' 夜班'; 
			 }
		 else if (i%n == 2)
			 for(var j = 0; j< m;j++){
				 if(obj.options[i*m+j].text.indexOf(' 日班') > 0 || obj.options[i*m+j].text.indexOf(' 夜班') > 0 || obj.options[i*m+j].text.indexOf(' 休息') > 0)
			 		obj.options[i*m+j].text = obj.options[i*m+j].text.substring(0,obj.options[i*m+j].text.length - 3) + ' 休息';
				 else
					 obj.options[i*m+j].text += ' 休息'; 
			 }
	 }
 }else if(obj.options.length % 4 == 0){
	 // 分组个数
	 var n = 4 ;
	 // 每组数量
	 var m = obj.options.length / n;
	 for(var i = 0; i < n;i++){
		 if(i%n == 0)
			 for(var j = 0; j< m;j++){
				 if(obj.options[i*m+j].text.indexOf(' 日班') > 0 || obj.options[i*m+j].text.indexOf(' 夜班') > 0 || obj.options[i*m+j].text.indexOf(' 休息') > 0)
			 		obj.options[i*m+j].text = obj.options[i*m+j].text.substring(0,obj.options[i*m+j].text.length - 3) + ' 日班';
				 else
					 obj.options[i*m+j].text += ' 日班'; 
			 }
		 else if (i%n == 1)
			 for(var j = 0; j< m;j++){
				 if(obj.options[i*m+j].text.indexOf(' 日班') > 0 || obj.options[i*m+j].text.indexOf(' 夜班') > 0 || obj.options[i*m+j].text.indexOf(' 休息') > 0)
			 		obj.options[i*m+j].text = obj.options[i*m+j].text.substring(0,obj.options[i*m+j].text.length - 3) + ' 夜班';
				 else
					 obj.options[i*m+j].text += ' 夜班'; 
			 }
		 else if (i%n == 2)
			 for(var j = 0; j< m;j++){
				 if(obj.options[i*m+j].text.indexOf(' 日班') > 0 || obj.options[i*m+j].text.indexOf(' 夜班') > 0 || obj.options[i*m+j].text.indexOf(' 休息') > 0)
			 		obj.options[i*m+j].text = obj.options[i*m+j].text.substring(0,obj.options[i*m+j].text.length - 3) + ' 休息';
				 else
					 obj.options[i*m+j].text += ' 休息'; 
			 }
		 else if (i%n == 3)
			 for(var j = 0; j< m;j++){
				 if(obj.options[i*m+j].text.indexOf(' 日班') > 0 || obj.options[i*m+j].text.indexOf(' 夜班') > 0 || obj.options[i*m+j].text.indexOf(' 休息') > 0)
			 		obj.options[i*m+j].text = obj.options[i*m+j].text.substring(0,obj.options[i*m+j].text.length - 3) + ' 休息';
				 else
					 obj.options[i*m+j].text += ' 休息'; 
			 }
	 }
 }else{
	 //去掉班次后缀
	 for(var i = 0 ;i < obj.options.length ; i++){
		 if(obj.options[i].text.indexOf(' 日班') > 0 || obj.options[i].text.indexOf(' 夜班') > 0 || obj.options[i].text.indexOf(' 休息') > 0){
    		 obj.options[i].text = obj.options[i].text.substring(0,obj.options[i].text.length - 3);
    	 }
	 }
 }
}
</script> 
</head>
<body>
<div class="searchDiv mcenter" style="width:600px;" align="center">
  <form name="form1" method="post" id="form1">
        <table style="width:395px;margin:10px 0;" align="center" class="tblresult">
   <tr>
   <th colspan="3" style="font-size:14px;text-align: center;font-size: 14px;">添加人员</th>
   </tr>
   <tr>
   <td>
   <table class="noborder">
   <tr>
   <th style="font-size: 13px;">可选择人员</th>
   </tr>
   <tr><td>
    <select id="fb_list" name="seled" multiple="true" style="width:200px;height:200px;font-size:16px;" >
    <c:forEach items="${persons}" var="temp">
     	<option value="${temp.id}" style="font-size:13px;">${temp.realname}</option>
	</c:forEach>
    </select>
    </td></tr>
    </table>
   </td>
   <td>
    <table class="noborder">
        <tr>
            <td>
                <input id="add" type="button" value=">>" style="width:30px;"/>
            </td>
        </tr>
        <tr>
            <td>
                <input id="delete" type="button" value="<<" style="width:30px;"/>
            </td>
        </tr>
    </table>
   </td>
   <td>
       <table class="noborder">
       <tr>
       <th  style="font-size: 13px;">已选择人员</th>
       </tr>
       
            <tr>
               <td>
                    <select id="select_list" name="unseled" multiple="true" style="width:200px;height:200px;font-size:16px;">
                     <c:forEach items="${personsSelected}" var="temp">
				     	<option value="${temp.id}" style="font-size:13px;">${temp.realname}</option>
					</c:forEach>
                     <!-- <option value="4" >李四</option>
                     <option value="5">王五</option> -->
                    </select>
                </td>
                <td style="width: 60px">
               		<label style="width:60px;height:200px;color:blue;font-size:11px;display:inline-block;"> 说明：<br>【日班】、【夜班】、【休息】只有在运转方式为：【三班两运转】及【四班两运转】时生效</label>
                </td>
           </tr>
        </table>
   </td>
   <td>
       <table class="noborder">
      
        <tr>
            <td>
                <input type="button" value="▲" id="btnMoveUp" title="快速鍵: alt+向上" style="height: 30px;width: 20px;" />  
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" value="▼" id="btnMoveDown" title="快速鍵: alt+向下" style="height: 30px;width: 20px;"/>  
            </td>
        </tr>
    </table>
   </td>
   </tr><!-- 
            <tr>
                <td colspan="3" style="text-align:center;height:35px;">
    <a href="#" style="float: right;" class="easyui-linkbutton l-btn l-btn-plain"  iconcls="icon-confirm" plain="true" onclick="sel()">确定</a>
    <input type="button" value="保存" class="btn1" onclick="sel();"/>
    <a href="#" style="float: right;" class="easyui-linkbutton l-btn l-btn-plain"  iconcls="icon-return" plain="true" onclick="javascript:doClose();">取消</a>
    <input type="button" value="取消" onclick="javascript:doClose();" class="btn1"/>
    </td>
            </tr> -->
          </table>
          </form>
 </div>
</body>
</html>