tudc
/
guomao


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>发运量管理</title>
    <script src="../../js/min-loader-next.js"></script>
</head>
<body class="body-content">
	 	<div class="order-body">
		<div class="order-tiaojian back-gray">
			<div class="tiaojian-part1" id="conditions">
				<div class="fl f12-gray4-op mt4">所选条件：</div>
			</div>
			<div class="tiaojian-part2 fr  demoTableOne">
				<button class="order-bnt1" onclick="reload();">查询</button>
				<button class="order-bnt2" onclick="cancle();">重置</button>
				 <a href="#" id="toggle" class="top">收起<i class="iconfont up iconSelect_drop-down"></i></a>
			</div>
		</div>
	<form class="layui-form" action="javascript:void(0)"  id = "formNameOne" >
			<div class="order-select back-border" id="content" style="display: block;">
					<div class="layui-inline">
							<label class="f12-gray4">区域:</label>
							<div class="layui-input-inline" id ="region"></div>
					</div>
					<div class="layui-inline">
							<label class="f12-gray4">结算期:</label>
							<input type="text" name="contranctMonth"  id ="contranctMonth" autocomplete="off" placeholder="请输入结算期" class="search-select">
					</div>
					<div class="layui-inline">
							<label class="f12-gray4">发运日期:</label>
							<input type="text" name="fayunDate"  id ="fayunDate" autocomplete="off" placeholder="请选择发运日期" class="search-select">
					</div>
					<div class="d-dashed" style="margin:10px 0;"></div>
					<div class="layui-inline">
							<label class="f12-gray4">收货单位:</label>
							<input type="text" name="consignee"  id ="consignee" autocomplete="off" placeholder="请输入收货单位" class="search-select">
					</div>
					<div class="layui-inline">
							<label class="f12-gray4">发运厂家:</label>
							<input type="text" name="forwardingUnit"  id ="forwardingUnit" autocomplete="off" placeholder="请输入发运厂家" class="search-select">
					</div>
					<div class="layui-inline">
							<label class="f12-gray4">到站地:</label>
							<input type="text" name="station"  id ="station" autocomplete="off" placeholder="请输入到站地" class="search-select">
					</div>
	       	</div>
	  </form>
	</div>
	<div class="order-select back-border" id="content" style="display: block;">
		<div class="layui-inline" id="allStockDiv">
			<label class="f12-gray4">选中行发运总重量:</label>
			<div class="layui-input-inline">
				<input type="text" class="layui-input" id="totalWeight" name="totalWeight" value = "0" style="border:none;color: red" disabled="disabled" class="search-select">
			</div>
		</div>
	</div>
	<div class="shadow-content"  >
		<div class="gray-title demoTable">
			<button class="layui-btn left-bnt1 in-b" id="down2">
					<i class="layui-icon">&#xe601;</i> 导出-合计
	 		</button>
	 	</div>	
		<table id="tableTestOne" lay-filter="tableFilterOne"></table>
	</div> 
    <!--操作功能-->
   
<script>
	$("#toggle").click(function() {
		$(this).html($("#content").is(":hidden") ? "收起" + "<i class='iconfont up iconSelect_drop-down'/></i>" : "展开" +
				"<i class='iconfont up iconSelect_drop-down'/></i>");
		$("#content").slideToggle();
	});
	initSelect('region', "PB_REGION", "region", '', true);
	var tabPageId = getQueryString("tabPageId");
	layui.use('laydate', function(){
		var laydate = layui.laydate;
		laydate.render({
		    elem: '#fayunDate'
		   ,range: true
		   ,format:'yyyyMMdd'
		   ,trigger: 'click'
		});
	})
	
	var table;
	layui.use('table', function(){
		table = layui.table;
	    table.render({
			id : 'tableTestOne'
		    ,elem: '#tableTestOne'
		    ,limit:10
		    ,url: 'TotalShipManageAction/queryTotalShipment' //数据接口
		    ,method: 'post'
		    ,where:{MINView:"JSON"}
		    ,page: true //开启分页
		    ,cols: [[ //表头
		              {type:'checkbox',fixed:'left'}
		               ,{type:'numbers',title: '序号',width:'5%', sort: true}
				       ,{field: 'fhDate', title: '发运日期', width:"10%"}
				       ,{field: 'forwardingUnit', title: '发运厂家', width:"10%"}
				       ,{field: 'productName', title: '产品名称', width:"8%"}
				       ,{field: 'specValue', title: '规格值', width:"10%"}
				       ,{field: 'brandName', title: '品牌', width:"6%"}
				       ,{field: 'weight', title: '发运重量', width:"6%"}
				       ,{field: 'settlementPrice', title: '结算单价', width:"10%"}
				       ,{field: 'jiesuanAmount', title: '结算金额', width:"10%"}
				       ,{field: 'contranctMonth', title: '合同期限', width:"10%"}
				       ,{field: 'regionDesc', title: '发运区域', width:"6%"}
				       ,{field: 'station', title: '到站地', width:"6%"}
				       ,{field: 'contractTypeDesc', title: '采购类型', width:"6%"}
				       ,{field: 'consignee', title: '收货单位', width:"10%"}
				       ,{field: 'fyWay', title: '发运方式', width:"10%"}
		    ]]
		    ,done: function(res, curr, count){
		        //如果是异步请求数据方式，res即为你接口返回的信息。
		        console.log(res);
		        //得到当前页码
		        console.log(curr); 
		        //得到数据总量
		        console.log(count);
		      }
		    ,even: true //开启隔行背景
		  });
	    table.on('checkbox(tableFilterOne)', function(obj){
			  var checkStatus = table.checkStatus('tableTestOne'); //idTest 即为基础参数 id 对应的值
			  var checkData = checkStatus.data;
			  var checkWeight = 0;
			  for (var i = 0; i < checkData.length; i ++) {
				  checkWeight = accAdd(checkWeight,isEmpty(checkData[i].weight)?0:checkData[i].weight,4);
			  }
			  $("#totalWeight").val(checkWeight);
		});
		$('.demoTableOne .layui-btn').on('click', function(){
		  	var type = $(this).data('type');
		  	active[type] ? active[type].call(this) : '';
		});
	});
	

    function reload(){
    	var region = $("select[name='region']").val();
    	var contranctMonth = $('#contranctMonth').val();
    	var consignee = $('#consignee').val();
    	var forwardingUnit = $('#forwardingUnit').val();
    	var station = $('#station').val();
    	var fayunDate = $('#fayunDate').val();
        //执行重载
     	table.reload('tableTestOne', {
	        page: {
	          curr: 1 //重新从第 1 页开始
	        }
     		,limit : 10
	        ,where: {
	        	region : region,
	        	contranctMonth : contranctMonth,
	        	consignee : consignee,
	        	forwardingUnit : forwardingUnit,
	        	station : station,
	        	fayunDate : fayunDate
	        }
      	});
    }
    
    
  	function cancle(){
		$('#formNameOne')[0].reset();
	}
	
	$(document).on('click','#down2',function(){
		var contractNo = $('#contractNo').val();
    	var region = $("select[name='region']").val();
    	var contranctMonth = $('#contranctMonth').val();
    	var consignee = $('#consignee').val();
    	var forwardingUnit = $('#forwardingUnit').val();
    	var station = $('#station').val();
    	var fayunDate = $('#fayunDate').val();
    	if (isEmpty(fayunDate)) {
    		$.ErrorAlert("请选择发运日期!");
    		return;
    	}
    	var param = {};
  		param.contractNo  = contractNo;
    	param.region = region;
    	param.contranctMonth = contranctMonth;
    	param.consignee = consignee;
    	param.forwardingUnit = forwardingUnit;
    	param.station = station;
    	param.fayunDate = fayunDate;
    	exportExcel("../../TotalShipManageAction/totalShipmentHejiToexcel", param);
	});
</script>
     
  
  
</body>

</html>