潘钊 / bsth_control · Files

<style type="text/css">
</style>
<div class="page-head">
	<div class="page-title">
		<h1>场外加油管理</h1>
	</div>
</div>

<ul class="page-breadcrumb breadcrumb">
	<li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li>
	<li><span class="active">用油管理</span> <i class="fa fa-circle"></i></li>
	<li><span class="active">场外加油管理</span></li>
</ul>

<div class="row" id="ll_jygl_list">
	<div class="col-md-12">
		<!-- Begin: life time stats -->
		<div class="portlet light portlet-fit portlet-datatable bordered">
			<div class="portlet-title">
				<div class="caption">
					 <i class="fa fa-users font-dark"></i> <span
						class="caption-subject font-dark sbold uppercase">场外加油管理</span>
				</div>
				<div class="actions">
<!-- 					<a class="btn btn-circle blue" href="cylAdd.html" data-pjax><i class="fa fa-plus"></i> 添加</a> -->
					<button type="button" class="btn btn-circle blue"  id="saveButton"><i class="fa fa-minus-square"></i> 保存</button>
					<!-- <button type="button" class="btn btn-circle red" disabled="disabled" id="removeButton"><i class="fa fa-trash"></i> 删除用户</button> -->
					<!-- <div class="btn-group">
						<a class="btn red btn-outline btn-circle" href="javascript:;"
							data-toggle="dropdown"> <i class="fa fa-share"></i> <span
							class="hidden-xs"> 系统工具 </span> <i class="fa fa-angle-down"></i>
						</a>
						<ul class="dropdown-menu pull-right" id="datatable_ajax_tools">
							<li><a href="javascript:;" data-action="0"
								class="tool-action"> <i class="fa fa-print"></i> 打印
							</a></li>
							<li><a href="javascript:;" data-action="1"
								class="tool-action"> <i class="fa fa-copy"></i> 复制
							</a></li>
							<li><a href="javascript:;" data-action="3"
								class="tool-action"> <i class="fa fa-file-excel-o"></i>
									导出Excel
							</a></li>
							<li class="divider"></li>
							<li><a href="javascript:;" data-action="5"
								class="tool-action"> <i class="fa fa-refresh"></i> 刷新数据
							</a></li>
						</ul>
					</div> -->
				</div>
			</div>
			<div class="portlet-body">
				<div class="table-container" style="margin-top: 10px">
					<table
						class="table table-striped table-bordered table-hover table-checkable"
						id="datatable_cwjy">
						<thead>
							<tr role="row" class="heading">
								<th width="2%">#</th>
								<th width="10%">日期</th>
								<th width="8%">公司</th>
								<th width="8%">分公司</th>
								<th width="8%">线路</th>
								<th width="8%">车辆</th>
								<th width="14%">驾驶员</th>
								<th width="5%">加注量</th>
<!-- 								<th width="4%">加油站</th> -->
<!-- 								<th width="3%">加油类型</th> -->
<!-- 								<th width="5%">加油工工号</th> -->
								<th width="10%">路单工号</th>
								<th width="8%">备注</th>
								<th width="10%">操作</th>
							</tr>
							<tr role="row" class="filter">
								<td></td>
								<td>
									<input type="text" id="rq" class="form-control" name="rq">
								</td>
								<td>
									<select class="form-control" name="gsdm_like" id="jyglListGsdmId" ></select>								
								</td>
								<td>
									<select class="form-control" name="fgsdm_like" id="jyglListFgsdmId" ></select>
								</td>
								<td>
									 <select class="form-control" name="line_like" id="line" style="width: 120px;"></select>
								</td>
								<td>
									<input type="text" class="form-control form-filter input-sm" name="nbbh" id="nbbh">
								</td>
								<td></td>
								<td></td>
								<td></td>
<!-- 								<td></td> -->
<!-- 								<td></td> -->
<!-- 								<td></td> -->
								<td></td>
								<td>
									<button class="btn btn-sm green btn-outline filter-submit margin-bottom" >
                                                                <i class="fa fa-search"></i> 搜索</button>
								</td>
							</tr>
						</thead>
						<tbody></tbody>
					</table>
					<div style="text-align: right;">
						<ul id="pagination" class="pagination"></ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script id="jygl_list_temp" type="text/html">
{{each list as obj i}}
<tr>
	<td style="vertical-align: middle;">
		<input type="checkbox" name="id" class="group-checkable icheck" data-id="{{obj.nbbm}}">
		<input type="hidden"  value="{{obj.id}}" class="in_carpark_id" data-id="{{obj.nbbm}}">
	</td>
	<td>{{obj.yyrq}}</td>
	<td>
		{{obj.gsname}}
	</td>
		<td>
		{{obj.fgsname}}
	</td>
	<td>{{obj.linename}}</td>
	<td>
		{{obj.nbbm}}
	</td>
	<td>
	<select  class="form-control in_carpark_jsy" style=" width:100px"  name="jsy" id="{{obj.nbbm}}" data-id="{{obj.nbbm}}"> 
			<option selected="selected" value="{{obj.jsy}}">{{obj.jsy}}<option>
		</select>
	</td>
	<td>
		
		<input data-id="{{obj.nbbm}}" href="javascript:;" class="in_carpark_jzl" 
            type="text" value="{{obj.jzl}}" style=" width:45px" 
onkeyup="this.value=this.value.replace(/[^(\d||/.)]/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.')"  
            onafterpaste="this.value=this.value.replace(/[^(\d||/.)]/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.')">
	</td>
	<!--<td>
	<input data-id="{{obj.nbbm}}" href="javascript:;" class="in_carpark_stationid" 
            type="text" value="{{obj.stationid}}" style=" width:45px" />
	</td>
	<td>
		<select data-id="{{obj.nbbm}}" class="in_carpark_nylx" style=" width:80px" >
				<option value='0' {{if obj.nylx==0}}  selected = 'selected' {{/if}}>0号柴油</option> 
				<option value='1' {{if obj.nylx==1}}  selected = 'selected' {{/if}}>负10号柴油</option> 
			</select>
	</td>
	<td>
	<input data-id="{{obj.nbbm}}" href="javascript:;" class="in_carpark_jyggh" 
            type="text" value="{{obj.jyggh}}" style=" width:45px" />
	</td>-->
	
	<td>{{obj.ldgh}}</td>
	<td>
<input data-id="{{obj.nbbm}}" href="javascript:;" class="in_carpark_bz" 
            type="text" value="{{obj.bz}}" style=" width:45px" />
	</td>
	<td>
		
	</td>
</tr>
{{/each}}
{{if list.length == 0}}
<tr>
	<td colspan=13><h6 class="muted">没有找到相关数据</h6></td>
</tr>
{{/if}}
</script>
<script>
$(function(){
	$("#saveButton").on('click',function(){
		var ylArray = [];
    	$('input.icheck').each(function(){
    		var map = {};
    		var nbbm=$(this).data('id');
    		var id=$('.in_carpark_id[data-id='+nbbm+']', '#ll_jygl_list').val();
    		var jsy=$('.in_carpark_jsy[data-id='+nbbm+']', '#ll_jygl_list').val();
    		var jzl=$('.in_carpark_jzl[data-id='+nbbm+']','#ll_jygl_list').val();
    		/* var stationid=$('.in_carpark_stationid[data-id='+nbbm+']','#ll_jygl_list').val();
    		var nylx=$('.in_carpark_nylx[data-id='+nbbm+']','#ll_jygl_list').val();
    		var jyggh=$('.in_carpark_jyggh[data-id='+nbbm+']','#ll_jygl_list').val(); */
    		var bz=$('.in_carpark_bz[data-id='+nbbm+']','#ll_jygl_list').val();
    		map['nbbm']=nbbm;
    		map['id']=id;
            map['jsy']=jsy;
            map['jzl']=jzl;
//             map['stationid']=stationid;
//             map['nylx']=nylx;
//             map['jyggh']=jyggh;
            map['bz']=bz;
            ylArray.push(map);
    	})
    	var params = {};
        	params['ylbList']=JSON.stringify(ylArray);
        	params['gsbm']=$("#jyglListGsdmId").val();
        	params['fgsbm']=$("#jyglListFgsdmId").val();
        	params['rq']=$("#rq").val();
        	 var i = layer.load(2);
        	 $post('/cwjy/savejzl', params, function(){
        		 layer.close(i);
		        		 var cells = $('tr.filter')[0].cells
		 				,params1 = {}
		 				,name;
		 			$.each(cells, function(i, cell){
		 				var items = $('input,select', cell);
		 				for(var j = 0, item; item = items[j++];){
		 					name = $(item).attr('name');
		 					if(name){
		 						params1[name] = $(item).val();
		 					}
		 				}
		 			});
		 				jsDoQuery(params1,true);
        	 })
	})
	
	$("#rq").datetimepicker({
		format : 'YYYY-MM-DD',
		locale : 'zh-cn'
	});
	var page = 0, initPagination;
	var icheckOptions = {
		radioClass: 'icheckbox_flat-blue',
	    increaseArea: '20%'
	}

	//重置
	$('tr.filter .filter-cancel').on('click', function(){
		$('tr.filter input, select').val('').change();
	});
	
	
	
	$.get('/report/lineList',function(xlList){
		var data = [];
		data.push({id: " ", text: "全部线路"});
		$.get('/user/companyData', function(result){
			for(var i = 0; i < result.length; i++){
				var companyCode = result[i].companyCode;
				var children = result[i].children;
				for(var j = 0; j < children.length; j++){
					var code = children[j].code;
					for(var k=0;k < xlList.length;k++ ){
						if(xlList[k]["fgsbm"]==code && xlList[k]["gsbm"]==companyCode){
							data.push({id: xlList[k]["xlbm"], text: xlList[k]["xlname"]});
						}
					}
				}
			}
			initPinYinSelect2('#line',data,'');
			
		});
	});
// 	var gsqx="";
// 	var fgsqx="";
	
	$.get('/user/companyData', function(result){
		obj = result;
		var options = '';
// 	'<option value="">请选择</option>';
		for(var i = 0; i < obj.length; i++){
			options += '<option value="'+obj[i].companyCode+'">'+obj[i].companyName+'</option>';
// 			setFgsqx(obj[i].companyCode);
// 			gsqx +=obj[i].companyCode+",";
		}
		$('#jyglListGsdmId').html(options);
		updateCompany();
	});
	/* function setFgsqx(gs){
		var company =gs
		var options = '';
		for(var i = 0; i < obj.length; i++){
			if(obj[i].companyCode == company){
				var children = obj[i].children;
				for(var j = 0; j < children.length; j++){
					fgsqx +=children[j].code+",";
				}
			}
		}
	} */
	$("#jyglListGsdmId").on("change",updateCompany);
	function updateCompany(){
		var company = $('#jyglListGsdmId').val();
		var options = '';
// 	'<option value="">请选择</option>';
		for(var i = 0; i < obj.length; i++){
			if(obj[i].companyCode == company){
				var children = obj[i].children;
				for(var j = 0; j < children.length; j++){
					options += '<option value="'+children[j].code+'">'+children[j].name+'</option>';
				}
			}
		}
		$('#jyglListFgsdmId').html(options);
	}
	//提交
	$('tr.filter .filter-submit').on('click', function(){
		var jyglGsdm=$("#jyglListGsdmId").val();
		var jyglFgsdm=$("#jyglListFgsdmId").val();
		if($("#rq").val()==""||$("#rq").val()==null){
			layer.msg('请选择日期.');
		}else if(jyglGsdm=="" || jyglGsdm==null || jyglFgsdm=="" || jyglFgsdm==null){
			layer.msg('请选择公司和分公司.');
		}else{
			var cells = $('tr.filter')[0].cells
				,params = {}
				,name;
			$.each(cells, function(i, cell){
				var items = $('input,select', cell);
				for(var j = 0, item; item = items[j++];){
					name = $(item).attr('name');
					if(name){
						params[name] = $(item).val();
					}
				}
			});
			page = 0;
			jsDoQuery(params, true);
		}
	});
	
	/*
	* 获取数据 p: 要提交的参数， pagination: 是否重新分页
	*/
	function jsDoQuery(p, pagination){
		var params = {}
				
		if(p)
			params = p;
		//更新时间排序
		params['order'] = 'nbbm';
		params['page'] = page;
		params['rq']=$("#rq").val();
// 		params['type']='1';
		var i = layer.load(2);
		/* var jyglGsdm=$("#jyglListGsdmId").val();
		var jyglFgsdm=$("#jyglListFgsdmId").val();
		if(jyglGsdm=="" || jyglGsdm==null){
			params['gsdm_in']=gsqx;
			params['fgsdm_in']=fgsqx;
		}else{
			if(jyglFgsdm==''||jyglFgsdm==null){
				var fgsqx1='';
				for(var i = 0; i < obj.length; i++){
					if(obj[i].companyCode == jyglGsdm){
						var children = obj[i].children;
						for(var j = 0; j < children.length; j++){
							fgsqx1 +=children[j].code+",";
						}
					}
				}
				params['fgsdm_in']=fgsqx1;
			}
		} */
		$get('/cwjy/cwjyList' ,params, function(data){
			$.each(data, function(i, obj) {
                obj.yyrq = $("#rq").val();
            });
			var bodyHtm = template('jygl_list_temp', {list: data});
			$('#datatable_cwjy tbody').html(bodyHtm);
			 iCheckChange();
// 					.find('.icheck').iCheck(icheckOptions)
// 					.on('ifChanged', iCheckChange);
// 			if(pagination && data.dataList.length > 0){
// 				//重新分页
// 				initPagination = true;
// 				showPagination(data);
// 			}
			layer.close(i);
		});
	}
	
	
	function iCheckChange(){
		 var tr = $(this).parents('tr');
			if(this.checked)
				tr.addClass('row-active');
			else
				tr.removeClass('row-active'); 
			
			
			$('input.icheck').each(function(){
		 		var nbbm=$(this).data('id');
		 		startOptJsy(nbbm);
		 	})
// 			var id = $('input.icheck:checked').data('id');
// 			$("#jsy"+id).attr("disabled", false);
// 			startOptJsy(id);
	/* 	
		if($('#datatable_resource input.icheck:checked').length == 1)
			$('#removeButton').removeAttr('disabled');
		else
			$('#removeButton').attr('disabled', 'disabled'); */
	}
	
	//改变状态
	function startOptJsy(id){
		$('#'+id).select2({
			placeholder: '搜索驾驶员...',
			ajax: {
				url: '/report/userList',
				dataType: 'json',
				delay: 150,
				data: function(params){
					return{jsy: params.term,gsbm:$('#jyglListGsdmId').val()};
				},
			    processResults: function (data) {
			      return {
			        results: data
			      };
			    },
				cache: true
			},
			templateResult: function(repo){
				if (repo.loading) return repo.text;
				var h = '<span>'+repo.text+'</span>';
				return h;
			},
			escapeMarkup: function (markup) { return markup; },
			minimumInputLength: 1,
			templateSelection: function(repo){
				return repo.text;
			},
			language: {
		       noResults: function(){
		           return '<span style="color:red;font-size: 12px;">没有搜索到驾驶员！</span>';
		       },
		       inputTooShort : function(e) {
					return '<span style="color:gray;font-size: 12px;"><i class="fa fa-search"></i> 输入工号搜索驾驶员</span>';
			   },
		       searching : function() {
					return '<span style="color:gray;font-size: 12px;"> 正在搜索驾驶员...</span>';
			   }
			}
		})
	}
	
	function showPagination(data){
		//分页
		$('#pagination').jqPaginator({
		    totalPages: data.totalPage,
		    visiblePages: 6,
		    currentPage: page + 1,
		    first: '<li class="first"><a href="javascript:void(0);">首页<\/a><\/li>',
            prev: '<li class="prev"><a href="javascript:void(0);">上一页<\/a><\/li>',
            next: '<li class="next"><a href="javascript:void(0);">下一页<\/a><\/li>',
            last: '<li class="last"><a href="javascript:void(0);">尾页<\/a><\/li>',
            page: '<li class="page"><a href="javascript:void(0);">{{page}}<\/a><\/li>',
		    onPageChange: function (num, type) {
		    	if(initPagination){
		    		initPagination = false;
		    		return;
		    	}	
		    	page = num - 1;
		    	
			jsDoQuery(null, false);
		    }
		});
		
	}
	
	
	//删除
	$('#removeButton').on('click', function(){
		if($(this).attr('disabled'))
			return;
		
		var id = $('#datatable_resource input.icheck:checked').data('id');
		
		removeConfirm('确定要删除选中的数据？', '/resource/' + id ,function(){
			$('tr.filter .filter-submit').click();
		});
	});
	
	
});


function editCyjy(nbbm){
	$("#nbbh").val(nbbm);
	if(rq!=""){
		$.get('jyglEdit.html', function(m){
			$(pjaxContainer).append(m);
		});
	}
}
//改变状态
function changeEnabled(id,enabled){
	$get('/user/changeEnabled',{id:id,enabled:enabled},function(result){
		jsDoQuery(null, true);
	})
}


</script>