tudc
/
guomao


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387
							<!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  demoTable">
			<button class="order-bnt1" onclick="reload();">查询</button>
			<button class="order-bnt2" onclick="reset();">重置</button>
			 <a href="#" id="toggle" class="top">收起<i class="iconfont up iconSelect_drop-down"></i></a>
		</div>
	</div>
	<form class="layui-form" action="" id = "formName">
		<div class="order-select back-border" id="content" style="display: block;">

			<div class="layui-inline">
				<label class="f12-gray4">付款单位:</label>
				<input type="tel" name="fukuan"  id ="fukuan"   autocomplete="off" placeholder="请输入付款单位" class="search-select">
			</div> 
			<div class="layui-inline">
				<label class="f12-gray4">收款单位:</label>
				<input type="tel" name="shoukuan"  id ="shoukuan"   autocomplete="off" placeholder="请输入收款单位" class="search-select">
			</div> 
			<div class="layui-inline">
				<label class="f12-gray4">创建时间:</label>
				<div class="layui-input-inline" style="position: relative;">
					<input type="text" class="layui-input" id="dates" placeholder="-"  autocomplete="off">
				</div>
			</div>
			<div class="layui-inline">
				<label class="f12-gray4">付款期限:</label>
				<div class="layui-input-inline" style="position: relative;">
					<input type="text" class="layui-input" id="termsPayment" placeholder="-"  autocomplete="off">
				</div>
			</div> 
			
			<div class="layui-inline">
				<label class="f12-gray4">备注:</label>
				<input type="tel" name="remarks"  id ="remarks"   autocomplete="off" placeholder="请输入备注" class="search-select">
			</div> 
		</div>
	</form>
	
	<div class="order-select back-border yiyu" 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="allMoney" name="allMoney" style="border:none;color: red" disabled="disabled" class="search-select">
				</div>
			</div>
			<div class="layui-inline" id="allStockDiv">
				<label class="f12-gray4">实际付款金额合计:</label>
				<div class="layui-input-inline">
					<input type="text" class="layui-input" id="allMoneys" name="allMoneys" style="border:none;color: red" disabled="disabled" class="search-select">
				</div>
			</div>
			<div class="layui-inline" id="allStockDiv">
				<label class="f12-gray4">实际收款金额合计:</label>
				<div class="layui-input-inline">
					<input type="text" class="layui-input" id="allsjMoneys" name="allsjMoneys" style="border:none;color: red" disabled="disabled" class="search-select">
				</div>
			</div>						
			<div class="layui-inline" id="allStockDiv">
				<label class="f12-gray4">收款重量合计:</label>
				<div class="layui-input-inline">
					<input type="text" class="layui-input" id="collectWeight" name="collectWeight" style="border:none;color: red" disabled="disabled" class="search-select">
				</div>
			</div>						
			<div class="layui-inline" id="allStockDiv">
				<label class="f12-gray4">付款重量合计:</label>
				<div class="layui-input-inline">
					<input type="text" class="layui-input" id="payWeight" name="payWeight" style="border:none;color: red" disabled="disabled" class="search-select">
				</div>
			</div>						
	</div>
</div>
<div class="shadow-content">
	<div class="gray-title demoTable">
		<button class="left-bnt1 in-b" id = "addPayment">
			<i class="layui-icon">&#xe608;</i> 添加付款
		</button>
		<button class="left-bnt1 in-b" id = "addReceipt">
			<i class="layui-icon">&#xe608;</i> 添加收款
		</button>
		<button class="left-bnt1 in-b" data-type="financeToExecl" id = "financeToExecl" >
		    <i class="layui-icon">&#xe601;</i> 导出
	  	</button>
	</div>
	<table id="tableTest" lay-filter="tableFilter"></table>
</div>
<!--操作功能-->
<script type="text/html" id="barDemo">
{{#  if(d.aopType == '02'){ }}
	<a class="f12-green ml0-4" lay-event="detail">详情</a>
{{# } else { }}
	<a class="f12-green ml0-4" lay-event="detail">详情</a>
	<a class="f12-blue ml0-4" lay-event="printOut">打印</a>
	<a class="f12-red2 ml0-4" lay-event="del">删除</a>
	<a class="f12-blue ml0-4" lay-event="edit">保存</a>
{{# } }}
</script>

<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();
	});
	var tabPageId = getQueryString("tabPageId");
	layui.use('laydate', function(){
		var laydate = layui.laydate;
		//日期范围
		laydate.render({
		    elem: '#dates'
		   ,range: true
		   ,format:'yyyyMMdd'
		   ,trigger: 'click'
		});
	})
	layui.use('laydate', function(){
		var laydate = layui.laydate;
		//日期范围
		laydate.render({
		    elem: '#termsPayment'
		   ,range: true
		   ,format:'yyyyMMdd'
		   ,trigger: 'click'
		});
	})
	var table;
	layui.use('table', function(){
		table = layui.table;
		table.render({
			id : 'tableTest'
		    ,elem: '#tableTest'
		    ,limit:10
		    ,url: 'PaymentManageAction/queryPayment' //数据接口
		    ,method: 'post'
		    ,where:{MINView:"JSON"}
		    ,page: true //开启分页
		    ,cols: [[ //表头
		       {type:'numbers',title: '序号',width:"5%", fixed:"left"}
		      ,{field: 'id', title: '收付款编号', width:"10%", }
		      ,{field: 'termsPayment', title: '付款期限',width:"10%",style:'background-color: #C1FFC1; color: #333;'}
		      ,{field: 'aopAllWeight', title: '重量', width:"13%", } 
		      ,{field: 'totalMoney', title: '预估收付款金额', width:"15%",edit: 'text',style:'background-color: #C1FFC1; color: #333;'}
		      ,{field: 'aopPredictPrice', title: '预估单价', width:"15%",edit: 'text',style:'background-color: #C1FFC1; color: #333;'}
		      ,{field: 'totalMoneys', title: '实际收付款金额', width:"15%",edit: 'text',style:'background-color: #C1FFC1; color: #333;'}
		      ,{field: 'aopRemarks', title: '备注', width:"13%",edit: 'text',style:'background-color: #C1FFC1; color: #333;'}
		      ,{field: 'typeDesc', title: '收付类型', width:"10%", }
		      ,{field: 'priceTypeDesc', title: '费用类型', width:"10%", }
		      ,{field: 'buyer', title: '付款单位', width:"13%", }
		      ,{field: 'seller', title: '收款单位', width:"13%"}
		      ,{field: 'bankNum', title: '收款账号', width:"10%"}
		      ,{field: 'bankName', title: '开户行', width:"10%"}
		      ,{field: 'createTime', title: '创建时间',width:"14%"}
		      ,{field: 'operate', title: '操作', width:"20%", toolbar: '#barDemo', fixed:"right"}
		    ]]
		    ,done: function(res, curr, count){
		        $("#allMoney").val(fomatFloat(res.allMoney));
		        $("#allMoneys").val(fomatFloat(res.allMoneys));
		        $("#allsjMoneys").val(fomatFloat(res.allsjMoneys));
		        $("#allsjMoneys").val(fomatFloat(res.allsjMoneys));
		        $("#payWeight").val(fomatFloat(res.payWeight));
		        $("#collectWeight").val(fomatFloat(res.collectWeight));
		        
		    	var termsPaymentId = 0;
		        $('td[data-field="termsPayment"]').each(function(i) {
		        	var index = termsPaymentId;
		        	termsPaymentId++;
		        	$(this).find("div").attr("id", "termsPayment"+index);
		        	var divElement = $(this).find("div");
		        	layui.use('laydate', function(){
		        		var laydate = layui.laydate;
			        	laydate.render({
			        	    elem: "#termsPayment"+index
			        	    ,done: function(value, date, endDate){
			        	    	var tableData = table.cache['tableTest'];
		    	        		tableData[index].termsPayment = value;
			        	        console.log(value); //得到日期生成的值，如：2017-08-18
			        	    }
			        	});
		        	})
		    	});
		        
		      }
		    ,even: true //开启隔行背景
		  });
		  
		 // 监听工具条（操作）
		 table.on('tool(tableFilter)', function(obj){ //注：tool是工具条事件名，tableFilter是table原始容器的属性 lay-filter="对应的值"
		    var data = obj.data; //获得当前行数据
		    var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
		    var tr = obj.tr; //获得当前行 tr 的DOM对象
		    var  id = data.id;
		    if(layEvent == 'detail'){ //查看
		    	showDetail(data);
		    }else if(layEvent === 'printOut'){//打印出库单
				printOut(data);
			}else if(layEvent === 'del'){//删除
		 		layer.confirm('确认删除吗？', function(index){
	        		layer.close(index);
	        		//向服务端发送删除指令roleDelete
	        		$.request({
						action : "PaymentManageAction/delPayMent",
						data : {
							id : id
						},
						success : function(resData) {
							if (resData.MINStatus == 0) {
								layer.alert('操作成功！', {icon: 1});
								obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
								 window.location.reload();
							} else {
								layer.alert(resData.MINErrorMessage, {
	  								icon: 5,
	  								title: "提示"
	  							}); 
							}
						},
						error : function(data2){
							layer.alert(data2.MINErrorMessage, {
  								icon: 5,
  								title: "提示"
  							}); 
						}
	      			});
	      		});
			}else if(layEvent == 'edit'){
				layer.confirm('确认保存吗？', function(index){
					
					if (isEmpty(data.totalMoney)) {
		    			$.ErrorAlert('预估收付款金额不能为空！');
			    	  return;
			    	} 
					if (isEmpty(data.totalMoneys)) {
		    			$.ErrorAlert('实际收付款金额不能为空！');
			    	  return;
			    	} 
					if (isEmpty(data.termsPayment)) {
		    			$.ErrorAlert('收付款期限不能为空！');
			    	  return;
			    	} 
					
					$.request({
						action : "../../PaymentManageAction/editPayment",
						data : {
							id : data.id,
							totalMoney : data.totalMoney,
							totalMoneys : data.totalMoneys,
							termsPayment : data.termsPayment,
							aopRemarks:data.aopRemarks,
							aopPredictPrice:data.aopPredictPrice
						},

						success : function(resData) {
							if (resData.MINStatus == 0) {
								layer.alert('操作成功！', {icon: 1});
								reload();
							} else {
								layer.alert(resData.MINErrorMessage, {
									icon: 5,
									title: "提示"
								});
							}
						},
						error : function(data2){
							layer.alert(data2.MINErrorMessage, {
								icon: 5,
								title: "提示"
							});
						}
					});
					layer.close(index);
				})
			}
		});
	});
	function showDetail(data) {
		var params = {};
		params.columnNumber = 2; //每行显示两个字段

		setNowRowData(data, params);
		var jsonData = JSON.stringify(data);// 转成JSON格式
		var result = $.parseJSON(jsonData);// 转成JSON对象
		if(result.aopType == "01"){
			layer.open({
				type: 2,
				title: '付款详情',
				shadeClose: true,
				shade: 0.8,
				//maxmin: true, //开启最大化最小化按钮
				area: ['95%', '95%'],
				content: 'paymentDetail.html'
			});
		}else if(result.aopType == "02"){//预付款
			layer.open({
				type: 2,
				title: '预收款详情',
				shadeClose: true,
				shade: 0.8,
				//maxmin: true, //开启最大化最小化按钮
				area: ['95%', '84%'],
				content: '../advancePayment/advancePaymentDetail.html?page=1'
			});
		} else {
			layer.open({
				type: 2,
				title: '收款详情',
				shadeClose: true,
				shade: 0.8,
				//maxmin: true, //开启最大化最小化按钮
				area: ['95%', '84%'],
				content: 'receiptDetail.html'
			});
		}
	}
	$(document).on('click','#addPayment',function(){
		openMainTabPage('150001-02', '新增付款', 'paymentManage/addPayment.html?type=01&tabPageId=150001-02','','150001',reload);
	});
	$(document).on('click','#addReceipt',function(){
		openMainTabPage('150001-02', '新增收款', 'paymentManage/addReceipt.html?type=00&tabPageId=150001-02','','150001',reload);
	});
	//导出
	$(document).on('click','#financeToExecl',function(){
		var shoukuan = $("#shoukuan").val();
		var fukuan = $("#fukuan").val();
		var dates = $("#dates").val();
		var termsPayment = $("#termsPayment").val();
		var remarks = $("#remarks").val();
    	var param = {};
    	param.shoukuan = shoukuan;
    	param.fukuan = fukuan;
    	param.dates = dates;
    	param.termsPayment = termsPayment;
    	param.remarks = remarks;
    	exportExcel("../../FinanceToExecl/exportExcelShouFu?",param);
	});

function reload(){
	var shoukuan = $("#shoukuan").val();
	var fukuan = $("#fukuan").val();
	var dates = $("#dates").val();
	var termsPayment = $("#termsPayment").val();
	var remarks = $("#remarks").val();

	//执行重载
	table.reload('tableTest', {
		page: {
			curr: 1 //重新从第 1 页开始
		}
		,where: {
			shoukuan:shoukuan,
			fukuan:fukuan,
			dates :dates,
			termsPayment:termsPayment,
			remarks:remarks
		}
	});
}
function reset(){
	$('#formName')[0].reset();
}
	//打印出库单
	function printOut(data){
	// 寄存当前数据
	layui.sessionData("ROW_DATA", {key:"NOW_ROW", value:data});
	openMainTabPageParent(tabPageId+'-41', '打印付款申请及确认',
			'paymentManage/confirmationSlip.html?tabPageId='+tabPageId+'-41&id='+data.id,'',tabPageId,reload);
	}
	
	
	
	
	
</script>
</body>
</html>