审批

最新推荐文章于 2018-10-24 17:34:41 发布
最新推荐文章于 2018-10-24 17:34:41 发布
阅读量223 收藏
点赞数 


	
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- 
  - Author(s): tianxuanling
  - Date: 2017-07-19 10:19:36
  - Description:
-->
<head>


<title>审批流程</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
   
    <link id="css_skin" rel="stylesheet" type="text/css" href="/default/coframe/tools/skins/skin1/css/style.css"/>
<link id="css_icon" rel="stylesheet" type="text/css" href="/default/coframe/tools/icons/icon.css"/>
<script src="/default/common/nui/jquery/jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/default/common/nui/nui.js"></script>
    
    <style>
       
        .mini-panel.max
        {
            position:fixed !important;
            width:100% !important;
            height:100% !important;
            left:0 !important;
            top:0 !important;
            z-index:10000;
        }
        
        #p1 .mini-panel-body{
        	overflow:hidden;
        }

		.mini-textbox{
			height:30px;
		}
		.mini-textbox .mini-textbox-border{
			height:90%;
		}
		.mini-textbox input{
			height:25px;
			line-height: 25px;
		}
    </style>
</head>
<body>

<div id="form1" style="width: 100%;height: 100%">
	
	<table style="width:100%;table-layout:fixed;">
        <tr>
			<td style="width:100%;" align="center">
			<h1>VPN申请</h1>
			</td>
		</tr>
        <tr style="width:40%;"  colspan="3">
        	 <td style="width:60%;" colspan="3">
            	<div id="p5" class="nui-panel" title="业务数据" style="width:100%;height:250px;"
			              buttons="max" onbuttonclick="onbuttonclick">
			         <iframe id="formIframe" name="child"  src="" scrolling="no" frameborder="0" style="overflow: auto; margin: auto;width: 100%; height: 100%">
			         
			         </iframe>          
			    </div>
            </td>
        </tr>
         <tr>
            <td style="width:100%;" colspan="3">
            	<div id="p4" class="nui-panel" title="审批历史" style="width:100%;"
			              buttons="max" onbuttonclick="onbuttonclick">
			           <div id="searchForm1" style="width: 100%;height: 100%">
			           		<input class="nui-hidden" id="processInstId" name="criteria/_expr[2]/processinstanceid" value=""/>
			           		<input class="nui-hidden" name="criteria/_entity" value="com.qhnu.oneplatform.apply.uyil.util.WfApprovedetail">
			                <!-- 排序字段 -->
			                <input class="nui-hidden" name="criteria/_orderby[1]/_property" value="createtime">
			                <input class="nui-hidden" name="criteria/_orderby[1]/_sort" value="asc">
							<table style="width: 100%;">
								<tr>
									<td align="right" style="white-space:nowrap;">
						            </td>
								</tr>
							</table>
						
							<div id="datagrid1" class="nui-listbox" style="width: 100%; height: 200px;" ajaxData="getAjaxData"
									dataField="wfapprovedetails">
							    <div property="columns">
							        <!-- <div type="checkcolumn" ></div> -->
							        <!-- <div header="行号" field="index" type="indexcolumn" width="40" headerAlign="center" align="center"></div> -->
							        <div header="执行环节" field="filed1"  width="15%" headerAlign="center" align="center"></div>
						     		<div header="审批人" field="name" width="10%" headerAlign="center" align="center"></div>
						     		<div header="审批结果" field="result" width="10%"  headerAlign="center" align="center" renderer="isTonGuo"></div>
							        <div header="审批意见" field="content" width="50%"  headerAlign="center" align="center"></div>
							        <div header="审批时间" field="createtime" width="15%" headerAlign="center" dateFormat="yyyy-MM-dd HH:mm:ss"></div>
							    </div>
							</div>
							
						</div>
			    </div>
            </td>
        </tr>
        <tr>
           <td style="width:100%;" colspan="3">
        		<div id="form3" class="nui-form" align="center" style="width:100%;height:100%">
	                <!-- 数据实体的名称 -->
	                <input class="nui-hidden" name="criteria/_entity" value="com.qhnu.oneplatform.apply.util.accessory.EosAccessories">
	                <!-- 排序字段 -->
	                <input class="nui-hidden" name="criteria/_orderby[1]/_property" value="createTime">
	                <input class="nui-hidden" name="criteria/_orderby[1]/_sort" value="asc">
	                <input class="nui-hidden" name="criteria/_expr[1]/processinstId" id="processInstId2"/>
	                <input class="nui-hidden" name="criteria/_expr[1]/_op" value="=">
	            </div>
            	<div id="p5" class="nui-panel" title="附件" style="width:100%;height:221px;"
			              buttons="max" onbuttonclick="onbuttonclick">
			        <div id="listbox2" dataField="eosaccessoriess" class="nui-listbox" style="width:100%;height:100%;"
			        	  ajaxData="getAjaxData2"  itemdblclick="download" itemclick="download()">
			          <div property="columns">
			            <div header="文件名" field="originalName"  width="70%" headerAlign="left" align="left"></div>
			            <div header="操作" width="30%" renderer="returnDown" headerAlign="left" align="left"><a href="return download()">下载</a></div>
			          </div>
			        </div>
			    </div>
            </td>
        </tr>
        <tr>
        	<td style="width:40%;"  colspan="3">
            	<div id="p1" class="nui-panel" title="审批意见" style="width:100%;height:120px;"
			              buttons="max" onbuttonclick="onbuttonclick">
			          <div style="width:100%;">
			          	<input type="radio" name="b" value="1" onclick="isAgreeFun(1)" checked="checked">同意
			          	<input type="radio" name="b" value="0" onclick="isAgreeFun(0)">不同意
			            <input id="content" name="content" class="nui-textarea" value="同意" required="false" style="width:100%;height: 60px;"/>
			          </div>
			    </div>
            </td>
        </tr>
    </table>
    <table style="width: 100%;">
		<tr>
			<td align="center">
				<a class="nui-button" iconCls="icon-ok" onclick="submit" id="submit">提交</a>
			</td>
		</tr>
	</table>
</div>

	<script type="text/javascript">
	
    	nui.parse();
    	$("#formIframe").attr("src","/default/vpn/QhnuApplyVpnForm_approve.jsp");
    	var form1 = new nui.Form("#form1");
    	var searchForm = new nui.Form("#searchForm1");
    	var grid = nui.get("datagrid1");
    	var grid2 = nui.get("listbox2");
    	var workItemID;
    	var activityInstId;
    	var processInstId;
    	var activityInstName;
    	var isAgree=1;
    	var opertionId;
    	var notice = {};
		var isIframeLoad = false;
    	
    	//查询审批意见
    	//search();
    	/* function search(){
            grid.load(".biz.ext");
    	} */
    	
    	$('#formIframe').load(function(){
			isIframeLoad = true;
    	debugger;
		    $("#formIframe").contents().find(".cancel").css("display","none");
		    child.window.setFormData(notice);
		});
    	
    	function getAjaxData(){
	    	var form = new nui.Form("#searchForm1");
	    	return form.getData(false, false);
	    }
    	function search(){
            grid.load("com.qhnu.oneplatform.apply.util.wfapprovedetailbiz.queryWfApprovedetails.biz.ext");
            grid2.load("com.qhnu.oneplatform.apply.util.eosaccessoriesbiz.queryEosAccessoriess.biz.ext");
    	}
    	
    	function initData(row,b,c){
    		workItemID = row.workItemID;
    		activityInstId = row.activityInstID;
    		processInstId = row.processInstID;
    		activityInstName = row.activityInstName;
    		processDefID = row.processDefID;
    		activityDefID = row.activityDefID;
    		nui.get("processInstId").setValue(processInstId);
    		nui.get("processInstId2").setValue(processInstId);
    		getOperationId();
    		search();
    	}
    	
    	//同意不同意赋值
	    function isAgreeFun(e){
	    	isAgree = e;
	    	nui.get("content").setValue(isAgree==1?"同意":"不同意");
	    }
	    
	    function getOperationId(){
	    	var json = nui.encode({processInstId:processInstId});
	    	$.ajax({
                url:"com.qhnu.oneplatform.apply.vpn.qhnuapplyvpnbiz.queryQhnuApplyVpn.biz.ext",
                type:'POST',
                data:json,
                async:false,
                cache:false,
                contentType:'text/json',
                success:function(text){
                debugger;
                	opertionId = text.data.id;
                	notice.record={};
                	notice.record.applyVpn = text.data;
                	notice.record.pageApprove = "apprvoe";
                	notice.pageType = "edit";

					//如果子页面已经加载向子页面传递数据
					if(isIframeLoad){
						var childWindow = document.getElementById('formIframe').contentWindow;
						childWindow.setFormData(notice);
					}
            	}
         	});
	    }
	    
    	function submit(){
    		var json = nui.encode({isAgree:isAgree,
    								workItemID:workItemID,
    								wfapproveDtile:{
    									operationid:opertionId,
    									content:nui.get("content").getValue(),
    									workitemid:workItemID,
    									processinstanceid:processInstId,
    									activityid:activityInstId,
    									filed1:activityInstName
    								}});
    		$.ajax({
                url:"com.qhnu.oneplatform.apply.vpn.processBiz.finishWorkitem_vpn.biz.ext",
                type:'POST',
                data:json,
                cache:false,
                contentType:'text/json',
                success:function(text){
                    var returnJson = nui.decode(text);
                    if(returnJson.exception == null){
                        CloseWindow("ok");
                    }else{
                        nui.alert("保存失败", "系统提示", function(action){
                            if(action == "ok" || action == "close"){
                                //CloseWindow("saveFailed");
                        	}
	                    });
	                }
            	}
         	});
                
    	}
    	
    	
    	function download() {
    		var listbox2 = nui.get("listbox2");
			var rows = listbox2.getSelecteds();;
			var contextPath = "/default";
			
			for(var i = 0; i < rows.length; ++i) {
				var relativePath = "/" + rows[i].path + "/" + rows[i].name;
				var relativePath = rows[i].path;
				relativePath = relativePath.replace(/\\/g, "/");
				var downloadPath = contextPath + relativePath;
				window.open(downloadPath);
			}
		}
    	function returnDown(e){
    		return "<a href='javascript:download()'>查看</a>";
    	}
    	function getAjaxData2(){
	    	var form3 = new nui.Form("#form3");
	    	return form3.getData(false, false);
	    }
    	
    	function isTonGuo(e){
			if(e.item.result==0){
				return "不通过";
			}else{
				return "通过";
			}
		}
    	
    	
    	//放大缩小
    	function maxPanel(id) {
    	        var panel = nui.get(id);
    	        panel.maxed = true;
    	        $(panel.el).addClass("max");        
    	        $(panel.el).find(".mini-tools-max").addClass("mini-tools-restore");
    	        nui.layout();
    	    }

    	    function restorePanel(id) {
    	        var panel = nui.get(id);
    	        panel.maxed = false;
    	        $(panel.el).find(".mini-tools-max").removeClass("mini-tools-restore");
    	        $(panel.el).removeClass("max");
    	        nui.layout();
    	    }

    	    function onbuttonclick(e) {
    	        var panel = this;

    	        if (e.name == "max") {
    	            if (panel.maxed) {
    	                restorePanel(panel);
    	            } else {
    	                maxPanel(panel);
    	            }
    	        }

    	    }
    		
    		 //关闭窗口
            function CloseWindow(action) {
                if (action == "close" && form.isChanged()) {
                    if (confirm("数据被修改了，是否先保存？")) {
                        saveData();
                    }
                }
                if (window.CloseOwnerWindow)
                return window.CloseOwnerWindow(action);
                else window.close();
            }
	
    </script>
</body>
</html>

 

tanxuefeng22
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
审批系统需求文档
03-28
近几年来，随着佛山市城市现代化建设的发展，市政建设步伐不断加快，各类市政管线工程的审批缺乏相关辅助审核工具支持，导致市政管线规划和土地利用空间布局规划分离，造成管线规划混乱和不合理。因此，建立一整套...
ARTS Share6 miniUI getData(true,false)获取form表单数据问题
墨笙弘一
05-15 3636
昨天在写报表新增画面的时候，遇到一个问题，首次新增是完全成功的，而且新增后新增画面会自动刷新，将新增的数据显示到画面，然后可以进行修改，然后对数据保存。 流程： 新增一条数据 点击保存按钮，数据库insert一条数据 画面自动刷新，新增数据显示在画面上 可以对数据进行修改，点击保存 问题：当第二次点击保存的时候，本来应该是对前一次新增的数据进行更新，但是我发现数据库里面多了一条数据，然后开始查...
vuex 存值 及 取值 的操作
weixin_33906657的博客
03-20 2959
1.传值 // 定义参数 let params = { workItemId: workItemId, flowInstId: flowInstId, itemStatus: itemStatus, type: type, srcId: srcId } // 保存参数 this.$store.dispatch('approvalConfirmParams', params);...
nui 的 form表单提交（兼容ajax和表单submit）
myflok的专栏
09-20 3227
页面： 多个表单项 js: ajax:   var form = new nui.Form("form1");   var data = form.getData(true, false);   var json = nui.encode(data);   //序列化成JSON nui.ajax({                 url: "逻辑流或页面",  
jQuery MiniUI 开发教程 表单控件 ListBox：列表控件（十七）
iteye_4698的博客
10-25 1313
[b]ListBox：列表控件[/b] [img]http://www.miniui.com/docs/api/images/listbox.gif[/img] [img]http://www.miniui.com/docs/api/images/listbox2.gif[/img] 参考示例：[url=http://www.miniui.com/demo/listbox/listb...
在线审批流实现
Carey
10-24 9887
平时的请假、合同申请、采购单申请、发货单申请等流程如果均可实现在线审批，将会很大程度上节省资源，下面就是一个实现流程。 一、审批流数据模型设计（使用power designer） 二、实现的存储过程 审批通过功能： -- ============================================= -- Notes: 流程审批--通过 -- =======...
审批流程html.zip
03-08
使用html+css+js实现流程图设计，无需其他任何插件，可随意在任何位置添加节点或者条件，操作方便，无需定位。
java Web审批流程
11-21
本系统分为四个主要流程：1、会议申请 2、会议审批 3、设备管理4、用户管理 会议申请：普通职员登陆到系统后，可以选择会议预约、预约会议进行增、删、改、查。也可以选择需要参加的会议进行查看。可以选择管理个人...
钉钉获取oa审批记录的方法
07-04
钉钉获取oa审批记录的方法
流程审批管理系统源代码
10-20
权限管理，流程审批系统，实现了网上流程的审批。
电信塔施工方案.doc
04-27
5G通信行业、网络优化、通信工程建设资料。
29-【智慧城市与政府治理分会场】10亿大数据助推都市治理-30页.pdf
04-27
29-【智慧城市与政府治理分会场】10亿大数据助推都市治理-30页.pdf
ABB IRC5 Compact 机器人产品手册
最新发布
04-27
ABB IRC5 Compact 机器人产品手册
LTE容量优化高负荷小区优化指导书.docx
04-27
5G通信行业、网络优化、通信工程建设资料
施工工艺及质量检查记录表.docx
04-27
5G通信行业、网络优化、通信工程建设资料。
25G无源波分安装规范指导.docx
04-27
5G通信、网络优化与通信建设
基于Springboot+Vue在线宠物用品交易网站毕业源码案例设计.zip
04-27
网络技术和计算机技术发展至今，已经拥有了深厚的理论基础，并在现实中进行了充分运用，尤其是基于计算机运行的软件更是受到各界的关注。加上现在人们已经步入信息时代，所以对于信息的宣传和管理就很关键。系统化是必要的，设计网上系统不仅会节约人力和管理成本，还会安全保存庞大的数据量，对于信息的维护和检索也不需要花费很多时间，非常的便利。 网上系统是在MySQL中建立数据表保存信息，运用SpringBoot框架和Java语言编写。并按照软件设计开发流程进行设计实现。系统具备友好性且功能完善。 网上系统在让售信息规范化的同时，也能及时通过数据输入的有效性规则检测出错误数据，让数据的录入达到准确性的目的，进而提升数据的可靠性，让系统数据的错误率降至最低。 关键词：vue；MySQL；SpringBoot框架 【引流】 Java、Python、Node.js、Spring Boot、Django、Express、MySQL、PostgreSQL、MongoDB、React、Angular、Vue、Bootstrap、Material-UI、Redis、Docker、Kubernetes
通信各专业(管道、线路、设备)安全操作规程.docx
04-27
5G通信行业、网络优化、通信工程建设资料
camunda 审批
10-10
Camunda 审批是指使用 Camunda 引擎来实现审批流程的自动化。 在 Camunda 中，审批流程通常由以下几个关键元素组成： 1. 流程定义（Process Definition）：定义了审批流程的结构和行为。它通常使用 BPMN（Business...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值