普元nui：在datagrid列中写入链接

其他 2020-03-10 19:57:46 阅读次数: 0 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" session="false"%>
<%@ include file="/common/jstlres.jsp"%>
<%@page import="com.cib.cap4j.core.context.ContextUtil"%>
<%@page import="com.cib.cap4j.core.security.Cap4jUserInfo"%>
<%
	Cap4jUserInfo userInfo = ContextUtil.getLoginUser();
	String userId = "";
	String userNotesID = "";
	String userMc = "";

	if (userInfo != null) {
		userId = userInfo.getUserId();
		userNotesID = userInfo.getUserNotesID();
		userMc = userInfo.getUsername().trim();
	}
%>
<html>
<head>
<title>贷款申请审批列表SyzcdDksqSpList.jsp</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<%@ include file="/common/nuires-js.jsp"%>
</head>
<body>
	<div class="nui-splitter" style="width: 100%; height: 100%;" borderStyle="border: 0;">
		<div size="230px;" showCollapseButton="true" style="border: 0;">
			<div class="nui-panel" title="查询条件" style="width: 100%; height: 100%;">
				<div id="form1" class="nui-form" align="left">
					<table id="table1" class="table">
						<tr>
							<td class="form_label">项目ID:</td>
							<td colspan="1">
								<input class="nui-textbox" name="projectid" visible="true"> </input>
							</td>
						</tr>
						<tr>
							<td class="form_label">包组ID:</td>
							<td colspan="1">
								<input class="nui-textbox" name="planitemid" visible="true"> </input>
							</td>
						</tr>
						<tr>
							<td class="form_label" colspan="2" align="center">
								<a class="nui-button" iconCls="icon-search" onclick="search()"> 查询 </a>
								&nbsp;&nbsp;
								<a class="nui-button" iconCls="icon-reload" onclick="reset()"> 重置 </a>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		<div showCollapseButton="false" style="border: 0;">
			<div class="nui-toolbar" style="border-bottom: 0; padding: 0px;">
				<table style="width: 100%;">
					<tr>
						<td style="width: 100%;">
							<!-- <a class="nui-button" iconCls="icon-ok" onclick="plCheck()" id="check" >
           		批量通过
          				</a>
          				<a class="nui-button" iconCls="icon-remove" onclick="plVeto()" id="veto" >
           		批量否决
          				</a> -->
						</td>
					</tr>
				</table>
			</div>
			<div class="nui-fit">
				<div id="datagrid1" dataField="data" class="nui-datagrid" style="width: 100%; height: 100%;" url="<%=request.getContextPath()%>/syzcdDksqxxb/queryApproval.do?notesid=<%=userNotesID%>" pageSize="10" multiSelect="true" allowSortColumn="false" onselectionchanged="selectionChanged">
					<div property="columns">
						<div type="checkcolumn"></div>
						<div type="indexcolumn" headerAlign="center">序号</div>
						<div name="onCheckAction" headerAlign="center" align="center" renderer="onCheckActionRenderer" cellStyle="padding:0;">审批操作</div>
						<div field="projectid" headerAlign="center" allowSort="true">项目ID</div>
						<div field="planitemid" headerAlign="center" allowSort="true">包组ID</div>
						<div field="contractid" headerAlign="center" allowSort="true">合同ID</div>
						<div field="applyid" headerAlign="center" allowSort="true">申请ID</div>
						<div field="supplierid" headerAlign="center" allowSort="true">供应商ID</div>
						<div field="suppliername" headerAlign="center" allowSort="true">供应商名称</div>
						<div field="bankname" headerAlign="center" allowSort="true">开户行</div>
						<div field="accountname" headerAlign="center" allowSort="true">开户人名称（回款卡）</div>
						<div field="accountnumber" headerAlign="center" allowSort="true">开户账号（回款卡）</div>
						<div field="receiveaccaname" headerAlign="center" allowSort="true">开户人名称（贷款卡）</div>
						<div field="receiveaccno" headerAlign="center" allowSort="true">开户账号（贷款卡）</div>
						<div field="contactname" headerAlign="center" allowSort="true">供应商联系人姓名</div>
						<div field="contactphone" headerAlign="center" allowSort="true">供应商联系电话</div>
						<div field="confirmamount" headerAlign="center" allowSort="true">供应商确认贷款金额</div>
						<div field="allotstate" headerAlign="center" allowSort="true">分配状态</div>
						<div field="allotnotesid" headerAlign="center" allowSort="true">分配人员ID</div>
						<div field="handlestate" headerAlign="center" allowSort="true">处理状态</div>
						<div field="feedbacktype" headerAlign="center" allowSort="true">反馈类型</div>
						<div field="financestate" headerAlign="center" allowSort="true">融资状态</div>
						<div field="sendstate" headerAlign="center" allowSort="true">发送状态</div>
						<div field="intervenstate" headerAlign="center" allowSort="true">供应商黑名单状态</div>
						<div field="fristintime" headerAlign="center" allowSort="true">首次登记时间</div>
						<div field="lastuptime" headerAlign="center" allowSort="true">最后更新时间</div>
						<div field="notestate" headerAlign="center" allowSort="true">记录状态</div>
						<div field="byzd1" headerAlign="center" allowSort="true">备用字段1</div>
						<div field="byzd2" headerAlign="center" allowSort="true">备用字段2</div>
						<div field="byzd3" headerAlign="center" allowSort="true">备用字段3</div>
						<div field="byzd4" headerAlign="center" allowSort="true">备用字段4</div>
						<div field="byzd5" headerAlign="center" allowSort="true">备用字段5</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<%@ include file="/common/nuires-css.jsp"%>
	<script type="text/javascript">
		$J.parse();
		var grid;
		var form;
		var checkBtn;
		var vetoBtn;
		$(function() {
			grid = $J.get("datagrid1");
			form = $J.getForm("form1");
			checkBtn = $J.get("check");
			vetoBtn = $J.get("veto");
			grid.load();
		});

		/* 审批操作 */
		function onCheckActionRenderer(e) {
			var record = e.record;
			//处理标志
			var handlestate = record.handlestate;
			//项目id
			var projectid = record.projectid;
			//组包id
			var planitemid = record.planitemid;

			var view = "";
			var veto = "";
			var datastr = projectid + "," + planitemid + "," + handlestate;

			if (handlestate == 1) {
				//改变勾兑状态
				view = '<a class="New_Button" href="javascript:onchangeHandlestate(\'' + datastr + '\')">已通过</a>&nbsp;&nbsp;';
			} else if (handlestate == 2) {
				//改变勾兑状态
				view = '<a class="New_Button" href="javascript:onchangeHandlestate(\'' + datastr + '\')">已否决</a>&nbsp;&nbsp;';

			} else {
				//状态改为1
				view = '<a class="Edit_Button" iconCls="icon-ok" href="javascript:onchangeHandlestate(\'' + datastr + '\')" style="color:red">通过</a>&nbsp;&nbsp;&nbsp;';
				//状态改为2
				veto = '<a class="Delete_Button" href="javascript:toVeto(\'' + datastr + '\')" style="color:red">否决</a>&nbsp;&nbsp;';
			}

			return view + veto;
		}

		function onchangeHandlestate(datastr) {

			//项目id
			var projectid = datastr.split(",")[0];
			//组包id
			var planitemid = datastr.split(",")[1];
			//处理标志
			var handlestate = datastr.split(",")[2];

			var ajaxConf = new Cap4jAjaxConf();
			ajaxConf.setSuccessFunc(refresh);
			ajaxConf.setIsShowSuccMsg(false);
			var vo = {
				"projectid" : projectid,
				"planitemid" : planitemid,
				"handlestate" : handlestate
			};
			var vos = $J.encode(vo);

			$J.postByAjax({
				"vos" : vos
			}, appContext + "/syzcdDksqxxb/onchangeHandlestate.do", ajaxConf);

		}

		//否决提示
		function toVeto(datastr) {
			$J.cap4jConfirm("确定否决此条项目？", "否决提示", function(action) {
				if (action == 'ok') {
					//项目id
					var projectid = datastr.split(",")[0];
					//组包id
					var planitemid = datastr.split(",")[1];
					//处理标志
					var handlestate = datastr.split(",")[2];

					var ajaxConf = new Cap4jAjaxConf();
					ajaxConf.setSuccessFunc(refresh);
					ajaxConf.setIsShowSuccMsg(false);
					var vo = {
						"projectid" : projectid,
						"planitemid" : planitemid,
						"handlestate" : handlestate
					};
					var vos = $J.encode(vo);

					$J.postByAjax({
						"vos" : vos
					}, appContext + "/syzcdDksqxxb/toVeto.do", ajaxConf);

				}
			});
		}
	<%-- 重新刷新页面 --%>
		function refresh() {
			grid.reload();
		}
	<%-- 查询 --%>
		function search() {
			grid.load(form.getData());
	<%-- grid查询 --%>
		}
	<%-- 重置查询条件 --%>
		function reset() {
			form.reset();
		}
	<%-- enter键触发查询 --%>
		function onKeyEnter(e) {
			search();
		}
	<%-- 当选择列时 --%>
		function selectionChanged() {
			var rows = grid.getSelecteds();
			if (rows.length > 1) {

			} else {

			}
		}
	</script>
</body>
</html>

@FunctionDesc("审批操作，通过操作")
	@ResponseBody
	public void onchangeHandlestate(String vos) {
		SyzcdDksqxxbVO vo = JsonUtil.json2Object(SyzcdDksqxxbVO.class, null, vos);
		if (vo != null) {
			String handlestate = vo.getHandlestate();
			SyzcdDksqxxbVO dksqxxbVO = iSyzcdDksqxxbService.getSyzcdDksqxxbVOById(vo);
			if (dksqxxbVO == null) {
				throw new BusinessException("审批操作失败，未获取到贷款申请信息！");
			}
			if (!"0".equals(handlestate)) {
				dksqxxbVO.setHandlestate("0");
			} else {
				dksqxxbVO.setHandlestate("1");
			}
			dksqxxbVO.setLastuptime(DateUtil.getTime());
			iSyzcdDksqxxbService.update(dksqxxbVO);
		}
	}
	@FunctionDesc("否决操作")
	@ResponseBody
	public void toVeto(String vos) {
		SyzcdDksqxxbVO vo = JsonUtil.json2Object(SyzcdDksqxxbVO.class, null, vos);
		SyzcdDksqxxbVO dksqxxbVO = iSyzcdDksqxxbService.getSyzcdDksqxxbVOById(vo);
		if (dksqxxbVO == null) {
			throw new BusinessException("审批操作失败，未获取到贷款申请信息！");
		}
		dksqxxbVO.setHandlestate("2");
		dksqxxbVO.setLastuptime(DateUtil.getTime());
		iSyzcdDksqxxbService.update(dksqxxbVO);
	}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" session="false"%>
<%@ include file="/common/jstlres.jsp"%>
<%@page import="com.cib.cap4j.core.context.ContextUtil"%>
<%@page import="com.cib.cap4j.core.security.Cap4jUserInfo"%>
<%
	Cap4jUserInfo userInfo = ContextUtil.getLoginUser();
	String userId = "";
	String userNotesID = "";
	String userMc = "";

	if (userInfo != null) {
		userId = userInfo.getUserId();
		userNotesID = userInfo.getUserNotesID();
		userMc = userInfo.getUsername().trim();
	}
%>
<html>
<head>
<title>贷款申请审批列表</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<%@ include file="/common/nuires-js.jsp"%>
</head>
<body>
	<div class="nui-splitter" style="width: 100%; height: 100%;" borderStyle="border: 0;">
		<div size="230px;" showCollapseButton="true" style="border: 0;">
			<div class="nui-panel" title="查询条件" style="width: 100%; height: 100%;">
				<div id="form1" class="nui-form" align="left">
					<table id="table1" class="table">
						<tr>
							<td class="form_label">项目ID:</td>
							<td colspan="1">
								<input class="nui-textbox" name="projectid" visible="true"> </input>
							</td>
						</tr>
						<tr>
							<td class="form_label">包组ID:</td>
							<td colspan="1">
								<input class="nui-textbox" name="planitemid" visible="true"> </input>
							</td>
						</tr>
						<tr>
							<td class="form_label" colspan="2" align="center">
								<a class="nui-button" iconCls="icon-search" onclick="search()"> 查询 </a>
								&nbsp;&nbsp;
								<a class="nui-button" iconCls="icon-reload" onclick="reset()"> 重置 </a>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		<div showCollapseButton="false" style="border: 0;">
			<div class="nui-toolbar" style="border-bottom: 0; padding: 0px;">
				<table style="width: 100%;">
					<!-- <tr>
                    <td style="width: 100%;">
                        <a class="nui-button" iconCls="icon-ok" onclick="plCheck()" id="check" >
           		批量通过
          				</a>
          				<a class="nui-button" iconCls="icon-remove" onclick="plVeto()" id="veto" >
           		批量否决
          				</a>
                    </td>
                </tr> -->
				</table>
			</div>
			<div class="nui-fit">
				<div id="datagrid1" dataField="data" class="nui-datagrid" style="width: 100%; height: 100%;" url="<%=request.getContextPath()%>/syzcdDksqxxb/queryFeedback.do?" pageSize="10" multiSelect="true" allowSortColumn="false" onselectionchanged="selectionChanged">
					<div property="columns">
						<div type="checkcolumn"></div>
						<div type="indexcolumn" headerAlign="center">序号</div>
						<div name="onCheckAction" headerAlign="center" align="center" renderer="onCheckActionRenderer" width="150" cellStyle="padding:0;">反馈操作</div>
						<div field="projectid" headerAlign="center" allowSort="true">项目ID</div>
						<div field="planitemid" headerAlign="center" allowSort="true">包组ID</div>
						<div field="contractid" headerAlign="center" allowSort="true">合同ID</div>
						<div field="applyid" headerAlign="center" allowSort="true">申请ID</div>
						<div field="supplierid" headerAlign="center" allowSort="true">供应商ID</div>
						<div field="suppliername" headerAlign="center" allowSort="true">供应商名称</div>
						<div field="bankname" headerAlign="center" allowSort="true">开户行</div>
						<div field="accountname" headerAlign="center" allowSort="true">开户人名称（回款卡）</div>
						<div field="accountnumber" headerAlign="center" allowSort="true">开户账号（回款卡）</div>
						<div field="receiveaccaname" headerAlign="center" allowSort="true">开户人名称（贷款卡）</div>
						<div field="receiveaccno" headerAlign="center" allowSort="true">开户账号（贷款卡）</div>
						<div field="contactname" headerAlign="center" allowSort="true">供应商联系人姓名</div>
						<div field="contactphone" headerAlign="center" allowSort="true">供应商联系电话</div>
						<div field="confirmamount" headerAlign="center" allowSort="true">供应商确认贷款金额</div>
						<div field="allotstate" headerAlign="center" allowSort="true">分配状态</div>
						<div field="allotnotesid" headerAlign="center" allowSort="true">分配人员ID</div>
						<div field="handlestate" headerAlign="center" allowSort="true">处理状态</div>
						<div field="feedbacktype" headerAlign="center" allowSort="true">反馈类型</div>
						<div field="financestate" headerAlign="center" allowSort="true">融资状态</div>
						<div field="sendstate" headerAlign="center" allowSort="true">发送状态</div>
						<div field="intervenstate" headerAlign="center" allowSort="true">供应商黑名单状态</div>
						<div field="fristintime" headerAlign="center" allowSort="true">首次登记时间</div>
						<div field="lastuptime" headerAlign="center" allowSort="true">最后更新时间</div>
						<div field="notestate" headerAlign="center" allowSort="true">记录状态</div>
						<div field="byzd1" headerAlign="center" allowSort="true">备用字段1</div>
						<div field="byzd2" headerAlign="center" allowSort="true">备用字段2</div>
						<div field="byzd3" headerAlign="center" allowSort="true">备用字段3</div>
						<div field="byzd4" headerAlign="center" allowSort="true">备用字段4</div>
						<div field="byzd5" headerAlign="center" allowSort="true">备用字段5</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<%@ include file="/common/nuires-css.jsp"%>
	<script type="text/javascript">
		$J.parse();
		var grid;
		var form;
		var checkBtn;
		var vetoBtn;
		$(function() {
			grid = $J.get("datagrid1");
			form = $J.getForm("form1");
			checkBtn = $J.get("check");
			vetoBtn = $J.get("veto");
			grid.load();
		});

		/* 反馈操作 */
		function onCheckActionRenderer(e) {
			var record = e.record;
			//处理标志
			var feedbacktype = record.feedbacktype;
			//项目id
			var projectid = record.projectid;
			//组包id
			var planitemid = record.planitemid;

			var view = "";
			var view1 = "";
			var view2 = "";
			var datastr = projectid + "," + planitemid + "," + feedbacktype;
			var datastr1 = projectid + "," + planitemid;

			if (feedbacktype == 1) {
				//改变勾兑状态
				view = '<a class="New_Button" href="javascript:onResetHandlestate(\'' + datastr + '\')">评估中</a>&nbsp;&nbsp;';
			} else if (feedbacktype == 2) {
				//改变勾兑状态
				view = '<a class="New_Button" href="javascript:onResetHandlestate(\'' + datastr + '\')">已拒绝</a>&nbsp;&nbsp;';
			} else if (feedbacktype == 3) {
				//改变勾兑状态
				view = '<a class="New_Button" href="javascript:onResetHandlestate(\'' + datastr + '\')">已放款</a>&nbsp;&nbsp;';
			} else {
				//状态改为1
				view = '<a class="View_Button" href="javascript:onchangeFeedbacktype(\'' + datastr1 + "," + "1" + '\')" style="color:red">评估</a>&nbsp;&nbsp;&nbsp;';
				//状态改为2
				view1 = '<a class="View1_Button" href="javascript:onchangeFeedbacktype(\'' + datastr1 + "," + "2" + '\')" style="color:red">拒绝</a>&nbsp;&nbsp;';
				//状态改为3
				view2 = '<a class="View1_Button" href="javascript:onchangeFeedbacktype(\'' + datastr1 + "," + "3" + '\')" style="color:red">放款</a>&nbsp;&nbsp;';
			}

			return view + view1 + view2;
		}

		function onchangeFeedbacktype(datastr) {

			//项目id
			var projectid = datastr.split(",")[0];
			//组包id
			var planitemid = datastr.split(",")[1];
			//处理标志
			var feedbacktype = datastr.split(",")[2];

			var ajaxConf = new Cap4jAjaxConf();
			ajaxConf.setSuccessFunc(refresh);
			ajaxConf.setIsShowSuccMsg(false);
			var vo = {
				"projectid" : projectid,
				"planitemid" : planitemid,
				"feedbacktype" : feedbacktype
			};
			var vos = $J.encode(vo);

			$J.postByAjax({
				"vos" : vos
			}, appContext + "/syzcdDksqxxb/onchangeFeedbacktype.do", ajaxConf);

		}

		function onResetHandlestate(datastr) {

			//项目id
			var projectid = datastr.split(",")[0];
			//组包id
			var planitemid = datastr.split(",")[1];
			//处理标志
			var feedbacktype = datastr.split(",")[2];

			var ajaxConf = new Cap4jAjaxConf();
			ajaxConf.setSuccessFunc(refresh);
			ajaxConf.setIsShowSuccMsg(false);
			var vo = {
				"projectid" : projectid,
				"planitemid" : planitemid,
				"feedbacktype" : feedbacktype
			};
			var vos = $J.encode(vo);

			$J.postByAjax({
				"vos" : vos
			}, appContext + "/syzcdDksqxxb/onResetHandlestate.do", ajaxConf);

		}

		/* //否决提示
		function toVeto(datastr){
			$J.cap4jConfirm("确定否决此条项目？", "否决提示", function(action) {
				if (action == 'ok') {
					//项目id
				var projectid = datastr.split(",")[0];
				//组包id
				var planitemid = datastr.split(",")[1];
				//处理标志
				var handlestate = datastr.split(",")[2];
		        
		        var ajaxConf = new Cap4jAjaxConf();
		        ajaxConf.setSuccessFunc(refresh);
		        ajaxConf.setIsShowSuccMsg(false);
		        var vo = {
		      		"projectid":projectid,
		  			"planitemid":planitemid,
		  			"handlestate":handlestate
		      	};
		        var vos = $J.encode(vo);
		        
		        $J.postByAjax({"vos":vos}, appContext + "/syzcdDksqxxb/toVeto.do", ajaxConf);
			
				}
				});	
		} */
	<%-- 重新刷新页面 --%>
		function refresh() {
			grid.reload();
		}
	<%-- 查询 --%>
		function search() {
			grid.load(form.getData());
	<%-- grid查询 --%>
		}
	<%-- 重置查询条件 --%>
		function reset() {
			form.reset();
		}
	<%-- enter键触发查询 --%>
		function onKeyEnter(e) {
			search();
		}
	<%-- 当选择列时 --%>
		function selectionChanged() {
			var rows = grid.getSelecteds();
			if (rows.length > 1) {

			} else {

			}
		}
	</script>
</body>
</html>
喜只狼果冻
发布了123 篇原创文章 · 获赞 54 · 访问量 2万+
私信 关注

猜你喜欢

转载自blog.csdn.net/qq_36750352/article/details/103032791
今日推荐
周排行
Leetcode简单题61~80
解决zookeeper磁盘IO高的问题
多线程相关方法详解
Maven-setting.xml文件详解
Maven 项目的 classpath 理解
渊亭科技大数据笔试题
配置JVM内存分配
计算机网络个人学习笔记 （三）网络层 ：第三部分 连载
js中两个等号(==)和三个等号(===)的区别
用C程序自动打开电脑上的程序
每日归档
更多
2024-09-18(0)
2024-09-17(0)
2024-09-16(0)
2024-09-15(0)
2024-09-14(0)
2024-09-13(0)
2024-09-12(0)
2024-09-11(0)
2024-09-10(0)
2024-09-09(0)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022