潘钊 / bsth_control · Files

<div id="monde-page">
	<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">
		<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="jyszAdd.html" data-pjax><i class="fa fa-plus"></i> 添加</a> -->
                    <button type="button" class="btn btn-circle blue"  id="addJysz"><i class="fa fa-plus"></i> 添加</button>
<!-- 						
			<button type="button" class="btn btn-circle blue"  onclick="refreshJsTree()"><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_jysz">
							<thead>
								<tr role="row" class="heading">
									<th width="3%">#</th>
									<th width="15%">公司</th>
									<th width="13%">分公司</th>
									<th width="10%">车辆</th>
									<th width="10%">线路</th>
									<th width="10%">修改人</th>
									<th width="10%">日期</th>
									<th width="19%">操作</th>
								</tr>
								<tr role="row" class="filter">
									<td></td>
									<td>
										<select class="form-control" name="gsdm_like" id="jyszListGsdmId" ></select>
									</td>
									<td>
										<select class="form-control" name="fgsdm_like" id="jyszListFgsdmId" ></select>
									</td>
									<td>
										<input type="text" class="form-control form-filter input-sm" name="nbbm_like">
									</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>
	                                                                
										<button class="btn btn-sm red btn-outline filter-cancel">
	                                                            <i class="fa fa-times"></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>
</div>
<script id="jysz_list_temp" type="text/html">
{{each list as obj i}}
<tr>
	<td style="vertical-align: middle;">
		<input type="checkbox" class="group-checkable icheck" data-id="{{obj.id}}">
	</td>
	<td>{{obj.gsname}}</td>
	<td>{{obj.fgsname}}</td>
	<td>{{obj.nbbm}}</td>
	<td>{{obj.linename}}</td>
	<td>{{obj.xgr}}</td>
	<td>{{obj.createDate}}</td>
	<td>
		<button type="button" class="btn btn-sm blue btn-jyszList" 
			data-id="{{obj.id}}">删除</button>
	</td>
</tr>
{{/each}}
{{if list.length == 0}}
<tr>
	<td colspan=6><h6 class="muted">没有找到相关数据</h6></td>
</tr>
{{/if}}
</script>
<script>
$(function(){
	var page = 0, initPagination;
	var icheckOptions = {
	    checkboxClass: 'icheckbox_flat-blue',
	    increaseArea: '20%'
	}
// 	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+",";
		}
		$('#jyszListGsdmId').html(options);
		updateCompany();
// 		jsDoQuery(null,true);
	});

	/* function setFgsqx(gs){
		var company =gs
		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+",";
				}
			}
		}
	} */
	$("#jyszListGsdmId").on("change",updateCompany);
	function updateCompany(){
		var company = $('#jyszListGsdmId').val();
		var options = '';
		for(var i = 0; i < obj.length; i++){
			if(obj[i].companyCode == company){
				var children = obj[i].children;
// 				options += '<option value="">请选择</option>';
				for(var j = 0; j < children.length; j++){
					options += '<option value="'+children[j].code+'">'+children[j].name+'</option>';
				}
			}
		}
		$('#jyszListFgsdmId').html(options);
	}
	
	
	//重置
	$('tr.filter .filter-cancel').on('click', function(){
		$('tr.filter input, select').val('').change();
		//jsDoQuery(null, true);
	});
	
	//提交
	$('tr.filter .filter-submit').on('click', function(){
		var jyszGsdm=$("#jyszListGsdmId").val();
		var jyszFgsdm=$("#jyszListFgsdmId").val();
		if(jyszGsdm=="" || jyszGsdm==null ||jyszFgsdm==""||jyszFgsdm==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;
		var i = 2;
		/* var jyszGsdm=$("#jyszListGsdmId").val();
		var jyszFgsdm=$("#jyszListFgsdmId").val();
		if(jyszGsdm==''|| jyszGsdm==null){
			params['gsdm_in']=gsqx;
			params['fgsdm_in']=fgsqx;
		}else{
			if(jyszFgsdm==''||jyszFgsdm==null){
				var fgsqx1='';
				for(var i = 0; i < obj.length; i++){
					if(obj[i].companyCode == jyszGsdm){
						var children = obj[i].children;
						for(var j = 0; j < children.length; j++){
							fgsqx1 +=children[j].code+",";
						}
					}
				}
				params['fgsdm_in']=fgsqx1;
			}
		} */
		$get('/cwjy' ,params, function(data){
			$.each(data.content, function(i, obj) {
                obj.createDate = moment(obj.createDate).format("YYYY-MM-DD");
            });
			var bodyHtm = template('jysz_list_temp', {list: data.content});
			$('#datatable_jysz tbody').html(bodyHtm)
					.find('.icheck').iCheck(icheckOptions)
					.on('ifChanged', iCheckChange);
			if(pagination && data.content.length > 0){
				//重新分页
				initPagination = true;
				showPagination(data);
			}
			$('.btn-jyszList').on('click', remJysz);
			layer.close(i);
		});
	}
	
	function iCheckChange(){
		var tr = $(this).parents('tr');
		if(this.checked)
			tr.addClass('row-active');
		else
			tr.removeClass('row-active');
		
		if($('#datatable_resource input.icheck:checked').length == 1)
			$('#removeButton').removeAttr('disabled');
		else
			$('#removeButton').attr('disabled', 'disabled');
	}
	
	function showPagination(data){
		//分页
		$('#pagination').jqPaginator({
		    totalPages: data.totalPages,
		    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;
		    	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().replace(/(^\s*)|(\s*$)/g, "");
						}
					}
				});
		    	jsDoQuery(params, false);
		    }
		});
	}
	//删除
	function remJysz(){
		var id = $(this).data('id');
		removeConfirm('确定要删除选中的数据？', '/cwjy/' + id ,function(){
			$('tr.filter .filter-submit').click();
		});
	}
	/* 
	$('#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();
		});
	}); */
	
	
	$('#addJysz').on('click', function(){
		$.get('jyszAdd.html', function(m){$(pjaxContainer).append(m);});
	});
	
});



</script>