meidu2021/daju/WebRoot/webpage/workflow/process/processFormView.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="plug-in/ztree/css/zTreeStyle.css">
<script type="text/javascript" src="plug-in/ztree/js/jquery.ztree.core-3.5.min.js"></script>
<script type="text/javascript" src="plug-in/ztree/js/jquery.ztree.excheck-3.5.min.js"></script>
<%--update-start--Author:wangkun  Date:20160327 TASK #956 【UI标签】封装选择用户标签--%>
<script type="text/javascript">
    var setting = {
        check: {
            enable: false,
            chkboxType: { "Y": "", "N": "" }
        },
        data: {
            simpleData: {
                enable: true
            }
        },callback: {
            onClick:onClick
        }
    };
    function addtt(title, url, id, icon, closable) {
		$('#tt').tabs('add',{
							id : id,
							title : title,
							content : createFramett(id,url),
							closable : closable = (closable == 'false') ? false
									: true,
							icon : icon
		});
	}
	$('#tt').tabs({onSelect : function(title) {
							var p = $(this).tabs('getTab', title);
							var url = p.find('iframe').attr(src);
							p.find('iframe').attr('src',url);
						}
					});
	function createFramett(id,url) {
		var s = '<iframe id="'+id+'" scrolling="yes" frameborder="0"  src="'+url+'" width="100%" height="100%"></iframe>';
		return s;
	}
    function onClick(event, treeId, treeNode){
    	if(!treeNode.isParent){
    		var tabs = $('#tt').tabs("tabs");
    		var length = tabs.length;
	        for(var i=0; i<length; i++){
	        	var onetab = tabs[0];
	            var title = onetab.panel('options').tab.text();
	            $("#tt").tabs("close", title);
	        }
	    	//$("#center").attr("src",url);
	    	$.post('processController.do?getProcessAutoForm&processid='+treeNode.id,
	                function(data){
	    				var d = data; // ------ $.parseJSON(data);
	                    if (d.success) {
	                        var dataList = eval(d.msg);
	                        if(dataList.length>0){
	                        	for(var i=0; i<dataList.length; i++)  
	                        	  {  
	    							var url = "autoFormController/af/"+dataList[i].id+"/goAddPage.do";
	    							 addtt(dataList[i].name, url, treeNode.id,'icon-search', 'false');
	                        	  } 
	                        	$("#tt").tabs("select", 0);
	                        }
	                    }
	                }
	        );
    	}
    }
    

    //首次进入加载level为1的
    $(function(){
        $.post(
                'processController.do?getProcessTree',
                function(data){
                    var d = data; // ------ $.parseJSON(data);
                    if (d.success) {
                        var dbDate = eval(d.msg);
                        $.fn.zTree.init($("#processTreeSelect"), setting, dbDate);
                    }
                }
        );
    });
</script>
<div class="easyui-layout" style="width:100%;height:100%;">
    <div data-options="region:'west',split:true" title="工单类型(流程)" style="width:200px;">
        <ul id="processTreeSelect" class="ztree" ></ul>
    </div>
    <div data-options="region:'center'" title="发起工单">
    <!-- <iframe width="100%" height="100%" id="center"  src="" style="border:1px #fff solid; background:#fff;"></iframe> -->
		<div id="tt" tabPosition="top" border=flase style="width:100%;height:100%;margin:0px;padding:0px;overflow-x:hidden;width:auto;" class="easyui-tabs" fit="true"></div>
    </div>
</div>

<script type="text/javascript">

</script>