meidu2021/daju/WebRoot/webpage/cn/com/lzt/userfinancial/userFinancialList.jsp

<%@ 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>
<link rel="stylesheet" type="text/css" href="css/commoncss.css"/>

<style>
	.seachdiv{
	  padding : 15px 30px;
	  background-color: #ffffff;
	  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
	  border: solid 1px #dcdcdc;
	  margin: 10px 10px 0px 10px;
	  margin-bottom:1px;	  	  
}
</style>

<div class="easyui-layout" fit="true">
	<div region="center" style="padding:0px;border:0px">
		<t:datagrid name="userFinancialList" fitColumns="true" title="财务信息" actionUrl="userFinancialController.do?datagrid&userId=${userId}" idField="id" fit="true" queryMode="group">
			<t:dgCol title="主键"  field="id"  hidden="true"  queryMode="single"  width="120"></t:dgCol>
			<t:dgCol title="创建人名称"  field="createName"  hidden="true"  queryMode="single"  width="120"></t:dgCol>
			<t:dgCol title="创建人登录名称"  field="createBy"  hidden="true"  queryMode="single"  width="120"></t:dgCol>
			<t:dgCol title="创建日期"  field="createDate"  formatter="yyyy-MM-dd hh:mm:ss"  hidden="true"  queryMode="single"  width="120"></t:dgCol>
			<t:dgCol title="更新人名称"  field="updateName"  hidden="true"  queryMode="single"  width="120"></t:dgCol>
			<t:dgCol title="更新人登录名称"  field="updateBy"  hidden="true"  queryMode="single"  width="120"></t:dgCol>
			<t:dgCol title="更新日期"  field="updateDate"  formatter="yyyy-MM-dd hh:mm:ss"  hidden="true"  queryMode="single"  width="120"></t:dgCol>
			<t:dgCol title="所属部门"  field="sysOrgCode"  hidden="true"  queryMode="single"  width="120"></t:dgCol>
			<t:dgCol title="所属公司"  field="sysCompanyCode"  hidden="true"  queryMode="single"  width="120"></t:dgCol>
			<t:dgCol title="员工ID"  field="userid"  hidden="true"  queryMode="single"  dictionary="t_s_base_user,id,realname"  width="120"></t:dgCol>
			<t:dgCol title="银行卡用途"  field="bankCardType"  queryMode="single"  width="120"></t:dgCol>
			<t:dgCol title="所属银行"  field="belongBank"  queryMode="single"  width="120"></t:dgCol>
			<t:dgCol title="银行卡号"  field="cardNumber"  queryMode="single"  width="120"></t:dgCol>
			<t:dgCol title="是否默认卡"  field="isdefault"  queryMode="single" dictionary="shifou_01" width="120" style="text-align: center;"></t:dgCol>
			<t:dgCol title="是否外地卡"  field="isOtherPlace"  queryMode="single" dictionary="shifou_01" width="120" style="text-align: center;"></t:dgCol>
			<t:dgCol title="状态"  field="status"  queryMode="single"  dictionary="ableStatus"  width="120" style="text-align: center;"></t:dgCol>
			<t:dgCol title="逻辑删除标识"  field="deleteFlag"  hidden="true"  queryMode="single"  dictionary="del_flag"  width="120"></t:dgCol>
			<t:dgToolBar title="删除"  icon="icon-remove" operationCode="remove"  url="userFinancialController.do?doBatchLogicDel" funname="logicDel"></t:dgToolBar>
			<t:dgToolBar title="启用"  icon="icon-enable" url="userFinancialController.do?doEnableObj" funname="enableObj"></t:dgToolBar>
			<t:dgToolBar title="停用"  icon="icon-disable" url="userFinancialController.do?doDisableObj" funname="disableObj"></t:dgToolBar>
		</t:datagrid>
	</div>
</div>

<div id="pinjie1">
	<div name="pinjie2"  style="padding:3px; height: auto" class="datagrid-toolbar">
		<div style="" class="seachdiv">
			<t:formvalid formid="formobj" dialog="false" layout="table" tipSweep="true" action="userFinancialController.do?saveRows" tiptype="1" callback="callback">
				<div style="display:none"><input type="submit" id ="btnsub"/></div>
				<input name="id" id="id" type="hidden" value="" />
				<input name="userid" id="userid" type="hidden" value="${userId}" /> 
				<input name="isdefault" id="isdefault" type="hidden" value="" />
				<input name="isOtherPlace" id="isOtherPlace" type="hidden" value="" />
				<div style="position: relative;">
					<div align="right" style="float:left;margin-top:9px;">
						<label class="Validform_label">
							<span color="red" class="requiredIcon">*</span>银行卡用途
						</label>
					</div>
					<div class="value" style="float:left">
					     <input id="bankCardType" name="bankCardType" type="text" style="width: 160px;" class="inputxt" datatype="*,*1-20" maxlength="20" errormsg="银行卡用途最多填写20文字！" value="" placeholder="" >
					     <span class="Validform_checktip"></span>
					     <label class="Validform_label" style="display: none;">银行卡用途</label>
					</div>
					<div align="right" style="float:left;margin-top:9px;">
						<label class="Validform_label">
							<span color="red" class="requiredIcon">*</span>所属银行
						</label>
					</div>
					<div class="value" style="float:left;">
<!-- 					     <input id="belongBank" name="belongBank" type="text" style="width: 160px; " class="inputxt" datatype="*,*1-20" maxlength="20" errormsg="所属银行最多填写20文字！" value="" placeholder=""> -->
					      <select id="belongBank" name="belongBank" style="width: 150px">
               					 <option>邮政</option>
               					 <option>广发</option>
               					 <option>北京</option>
               					 <option>光大</option>
            				</select>
					     <span class="Validform_checktip"></span>
					     <label class="Validform_label" style="display: none;">所属银行</label>
					</div>
					<div align="right" style="float:left;margin-top:9px;">
						<label class="Validform_label">
							<span color="red" class="requiredIcon">*</span>银行卡号
						</label>
					</div>
					<div class="value" style="float:left;">
						<input id="cardNumber" name="cardNumber" type="text" style="width: 160px;" class="inputxt" datatype="n16-19" maxlength="20" errormsg="请输入正确的银行卡号！" value="" placeholder="">
						<span class="Validform_checktip"></span>
						<label class="Validform_label" style="display: none;">银行卡号</label>
					</div>
					<div align="value" style="float:left;margin-top:9px;">
						<div style="width:100px">
							<input type="checkbox"  id='isdefaultYes' name='isdefaultYes'><span class="Validform_label">是否默认卡</span>
						</div>
					</div>
					<div align="value" style="float:left;margin-top:9px;">
						<div style="width:100px">
							<input type="checkbox"  id='isOtherPlaceYes' name='isOtherPlaceYes'><span class="Validform_label">是否外地卡</span>
						</div>
					</div>

					<div class="value" style="float:left">
						<a href="#" class="easyui-linkbutton l-btn l-btn-plain" plain="true" icon="icon-save" id="btn_sub" onclick="saveData()">
							保存
				    	</a>
					</div>
					<div class="value">
						<a href="#" class="easyui-linkbutton l-btn l-btn-plain" plain="true" icon="icon-clean" onclick="clearData()">
							 清空
				    	</a>
					</div>
				</div>
			</t:formvalid>
			<input name="useridTemp" id="useridTemp" type="hidden" value="${userId}" />
		</div>
	</div>
</div>
<script src = "webpage/cn/com/lzt/userfinancial/userFinancialList.js"></script>		
<script type="text/javascript">
	function logicDel(){
		var ids = [];
		var rows = $("#userFinancialList").datagrid('getSelections');
		if (rows.length > 0) {
			$.messager.confirm("确认", "确定要删除这条数据？", function (r) {
		        if (r) {
					for ( var i = 0; i < rows.length; i++) {
						ids.push(rows[i].id);
					}
					$.ajax({
						url : "userFinancialController.do?doBatchLogicDel",
						type : 'post',
						data : {
							ids : ids.join(',')
						},
						cache : false,
						success : function(data) {
							var d = data; // ------ $.parseJSON(data);
							if (d.success) {
								var msg = d.msg;
								tip(msg);
								$("#userFinancialList").datagrid('reload');
								clearData();
								ids='';
							} else {
								layer.alert(d.msg);
							}
						}
					});
				}
			});
		} else {
			layer.alert("请选择需要删除的数据");
		}
	}
	
	function enableObj(){
		var ids = [];
		var rows = $("#userFinancialList").datagrid('getSelections');
		if (rows.length > 0) {
			$.messager.confirm("确认", "确定要启用这条数据？", function (r) {
		        if (r) {
					for ( var i = 0; i < rows.length; i++) {
						ids.push(rows[i].id);
					}
					$.ajax({
						url : "userFinancialController.do?doEnableObj",
						type : 'post',
						data : {
							ids : ids.join(',')
						},
						cache : false,
						success : function(data) {
							var d = data; // ------ $.parseJSON(data);
							if (d.success) {
								var msg = d.msg;
								tip(msg);
								$("#userFinancialList").datagrid('reload');
								clearData();
								ids='';
							} else {
								layer.alert(d.msg);
							}
						}
					});
				}
			});
		} else {
			layer.alert("请选择需要启用的数据");
		}
	}
	
	function disableObj(){
		var ids = [];
		var rows = $("#userFinancialList").datagrid('getSelections');
		if (rows.length > 0) {
			$.messager.confirm("确认", "确定要停用这条数据？", function (r) {
		        if (r) {
					for ( var i = 0; i < rows.length; i++) {
						ids.push(rows[i].id);
					}
					$.ajax({
						url : "userFinancialController.do?doDisableObj",
						type : 'post',
						data : {
							ids : ids.join(',')
						},
						cache : false,
						success : function(data) {
							var d = data; // ------ $.parseJSON(data);
							if (d.success) {
								var msg = d.msg;
								tip(msg);
								$("#userFinancialList").datagrid('reload');
								clearData();
								ids='';
							} else {
								layer.alert(d.msg);
							}
						}
					});
				}
			});
		} else {
			layer.alert("请选择需要停用的数据");
		}
	}
	
	
	
	function fillData(rowData){ 
		//清空表单	
		$("#formobj").form('clear');
		$("#userid").val($("#useridTemp").val());
		//填充数据
		for(var d in rowData){
			if("isdefault" == d) {
				if("1" == rowData[d]) {
					$("#"+d + "Yes").attr("checked", true);
					
				} else {
					$("#"+d + "Yes").attr("checked", false);
				}
			} else if("isOtherPlace" == d){
                if("1" == rowData[d]) {
                    $("#"+d + "Yes").attr("checked", true);

                } else {
                    $("#"+d + "Yes").attr("checked", false);
                }
			}else {
				$("#"+d).val(rowData[d]);
			}
		}
	}
		
	$(function(){
		 $("#userFinancialList").datagrid({
			onClickRow: function(rowIndex, rowData){
				fillData(rowData);
			}
		});	

		var datagrid = $("#userFinancialListtb");
		datagrid.prepend($("#pinjie1 div[name='pinjie2']").html());
		$("#pinjie1").html('');
	})
		
	//保存数据
	function saveData(){
		console.log($("#userFinancialList").datagrid());
		if($("#isdefaultYes").attr("checked")) {
			$("#isdefault").val("1");
		} else {
			$("#isdefault").val("0");
		}

        if($("#isOtherPlaceYes").attr("checked")) {
            $("#isOtherPlace").val("1");
        } else {
            $("#isOtherPlace").val("0");
        }

		$("#btnsub").click();
	}
	
	function callback(data){
		if(data.success){
			clearData();
			$("#userFinancialList").datagrid('reload');
			top.tip(data.msg);
		}else{
			layer.alert(data.msg);
		}
	}
	
	function cancelEdit(){		
		var rowData = $("#userFinancialList").datagrid("getSelected");
		if (rowData != null) {
			fillData(rowData);	
		}else{
			clearData();			
		}
	}
	
	function clearData(){
		var rowData = {};
		fillData(rowData);	
		$("#userFinancialList").datagrid('clearChecked');
		$("#userFinancialList").datagrid('unselectAll');
	}
/**
//导入
function ImportXls() {
	openuploadwin('Excel导入', 'userFinancialController.do?upload', "userFinancialList");
}

//导出
function ExportXls() {
	JeecgExcelExport("userFinancialController.do?exportXls","userFinancialList");
}

//模板下载
function ExportXlsByT() {
	JeecgExcelExport("userFinancialController.do?exportXlsByT","userFinancialList");
}


	//新增
	function add(title,url,id){
		window.location.href=url
	}
	//修改
	function update(title,url, id){
		updateNotCreateWin("修改",url, "userFinancialList",false);
	}
	//查看
	function view(title,url, id){
	  viewNotCreateWin("查看",url, "userFinancialList",false)
	}
	*/
 </script>