<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>连接jsp其它系统页面</title>
		<script src="../../js/vue/vue.js"></script>
		<script src="../../js/vue/element-ui/lib/index.js"></script>
		<script src="../../js/vue/axios/dist/axios.min.js"></script>
		<script src="../../js/myelement.js"></script>
		<script src="../../js/vue/page.js"></script>
		<script src="../../js/common.js"></script>
		
		<link href="../../js/vue/element-ui/lib/theme-chalk/index.css" rel="stylesheet">
		<link href="../../css/myelement.css" rel="stylesheet">
		<link href="../../css/iconfont.css" rel="stylesheet">
		<link href="../../css/page.css" rel="stylesheet">
		<link href="//at.alicdn.com/t/font_2374495_13ltsxm2eor.css" rel="stylesheet">
	</head>
	
	<body>
		<div id="vbody">
			<div id="page_root">
				<div class="topbar">
					<span>{{title}}</span>
				</div>
				<div>
					<div class="jsp_iframe">
						<div  @click="toJsp">点击跳转到 {{title}}</div>
						<!-- <iframe :src="src_url" style="width: 100%; height: 100%;"></iframe> -->
					</div>
				</div>
			</div>
			
			<div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 100vh;">
				<div class="spinner">
				  <div class="cube1"></div>
				  <div class="cube2"></div>
				</div>
			</div>
		</div>	
		
		<script type="text/javascript">
			var initlized = false;
			
			new ListVue({
				el: "#vbody",
				data: {
					dataname: "templateFile",
					title: "",
					toJspType: "",
					src_url: "",
					jsp_ip: "http://oaqas01.jemincare.com:88",
					tojsp_obj: {
						//待办链接地址:
						jsp_1: {
							name: "待办链接地址",
							url: "/workflow/request/RequestType.jsp"
						},
						jsp_2: {
							name: "大健康商业票折申请流程",
							url: "/workflow/search/wfTabFrame.jsp?offical=&officalType=-1&method=reqeustbywfidNode&workflowid=7303&nodeids=&complete=0&viewcondition=0&wftypes=&viewScope=doing&numberType=flowAll&flowAll=8&flowNew=0&flowResponse=0&flowOut=0&flowSup=0"
						},
						jsp_3: {
							name: "开票申请流程(E-Commerce)",
							url: "/workflow/search/wfTabFrame.jsp?offical=&officalType=-1&method=reqeustbywfidNode&workflowid=7304&nodeids=&complete=0&viewcondition=0&wftypes=&viewScope=doing&numberType=flowAll&flowAll=8&flowNew=0&flowResponse=0&flowOut=0&flowSup=0"
						},
						jsp_4: {
							name: "销售折让开票申请流程(E-Commerce)",
							url: "/workflow/search/wfTabFrame.jsp?offical=&officalType=-1&method=reqeustbywfidNode&workflowid=7302&nodeids=&complete=0&viewcondition=0&wftypes=&viewScope=doing&numberType=flowAll&flowAll=8&flowNew=0&flowResponse=0&flowOut=0&flowSup=0"
						},
						jsp_5: {
							name: "大健康商业票折申请流程",
							url: "/workflow/search/wfTabNewFrame.jsp?offical=&officalType=-1&method=reqeustbywfid&workflowid=7303&complete=2&viewcondition=0&date2during=0&viewType=2&wftypes=&viewScope=done&numberType=flowAll"
						},
						jsp_6: {
							name: "开票申请流程(E-Commerce)",
							url: "/workflow/search/wfTabNewFrame.jsp?offical=&officalType=-1&method=reqeustbywfid&workflowid=7304&complete=2&viewcondition=0&date2during=0&viewType=2&wftypes=&viewScope=done&numberType=flowAll"
						},
						jsp_7: {
							name: "销售折让开票申请流程(E-Commerce)",
							url: "/workflow/search/wfTabNewFrame.jsp?offical=&officalType=-1&method=reqeustbywfid&workflowid=7302&complete=2&viewcondition=0&date2during=0&viewType=2&wftypes=&viewScope=done&numberType=flowAll"
						},
					
					}
				},
				created() {
					var url = window.location.href;
					var params = getGetParams_(url);
					this.toJspType = params.type;
					this.getToJsp();
				},
				
				mounted() {
					this.initData();
					this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
						hideLoading();
					});
				},
				
				methods:{
					getToJsp() {
						var url_ = this.tojsp_obj["jsp_" + this.toJspType].url;
						this.title = this.tojsp_obj["jsp_" + this.toJspType].name;
						
						if (url_) {
							this.url_ = this.jsp_ip + url_;
						}
					},
					
					initData() {
						if (initlized) { return; }
						initlized = true;
						this.toJsp();
					},
					
					onServerInitData(data) {
						
					},
					
					toJsp() {
						var me = this;
						var param = {
							empCode: localStorage.getItem("emp_code")
						};
						Server.call("stock_post/token/create", param, function(result) {
							if (result.success) {
								//alert("刷新成功");
								console.log("delCache");
								var token_ = result.data;
								me.token = token_;
								if (token_) {
									me.doToJsp();
								}
							}
						});
					},
					
					doToJsp() {
						if (this.url_ && this.token) {
							var param_ = {
								ecToken: this.token
							};
							
							var url = SplicingGetUrlToStr(this.url_, param_);
							//this.src_url = url;
							window.open(url);
						}
					},
					
					/* getToJspByType(type) {
						var me = this;
						var url_ = this.tojsp_obj["jsp_" + type].url;
						this.title = this.tojsp_obj["jsp_" + type].name;
						
						if (url_) {
							this.url_ = this.jsp_ip + url_;
						}
						
						var param = {
							empCode: localStorage.getItem("emp_code")
						};
						Server.call("stock_post/token/create", param, function(result) {
							if (result.success) {
								var token_ = result.data;
								me.token = token_;
								if (token_) {
									me.doToJsp();
								}
							}
						});
					},
					
					doToJsp() {
						if (this.url_ && this.token) {
							var param_ = {
								ecToken: this.token
							};
							
							var url = SplicingGetUrlToStr(this.url_, param_);
							//this.src_url = url;
							window.open(url);
						}
					},
					*/
					
					toJsp_222(token_) {
						var ip_ = "http://oaqas01.jemincare.com:88";
						var tojsp_obj = {
							//待办链接地址:
							jsp_1: {
								name: "待办链接地址",
								url: "/workflow/request/RequestType.jsp"
							},
							jsp_2: {
								name: "大健康商业票折申请流程",
								url: "/workflow/search/wfTabFrame.jsp?offical=&officalType=-1&method=reqeustbywfidNode&workflowid=7303&nodeids=&complete=0&viewcondition=0&wftypes=&viewScope=doing&numberType=flowAll&flowAll=8&flowNew=0&flowResponse=0&flowOut=0&flowSup=0"
							},
							jsp_3: {
								name: "开票申请流程(E-Commerce)",
								url: "/workflow/search/wfTabFrame.jsp?offical=&officalType=-1&method=reqeustbywfidNode&workflowid=7304&nodeids=&complete=0&viewcondition=0&wftypes=&viewScope=doing&numberType=flowAll&flowAll=8&flowNew=0&flowResponse=0&flowOut=0&flowSup=0"
							},
							jsp_4: {
								name: "销售折让开票申请流程(E-Commerce)",
								url: "/workflow/search/wfTabFrame.jsp?offical=&officalType=-1&method=reqeustbywfidNode&workflowid=7302&nodeids=&complete=0&viewcondition=0&wftypes=&viewScope=doing&numberType=flowAll&flowAll=8&flowNew=0&flowResponse=0&flowOut=0&flowSup=0"
							},
							jsp_5: {
								name: "大健康商业票折申请流程",
								url: "/workflow/search/wfTabNewFrame.jsp?offical=&officalType=-1&method=reqeustbywfid&workflowid=7303&complete=2&viewcondition=0&date2during=0&viewType=2&wftypes=&viewScope=done&numberType=flowAll"
							},
							jsp_6: {
								name: "开票申请流程(E-Commerce)",
								url: "/workflow/search/wfTabNewFrame.jsp?offical=&officalType=-1&method=reqeustbywfid&workflowid=7304&complete=2&viewcondition=0&date2during=0&viewType=2&wftypes=&viewScope=done&numberType=flowAll"
							},
							jsp_7: {
								name: "销售折让开票申请流程(E-Commerce)",
								url: "/workflow/search/wfTabNewFrame.jsp?offical=&officalType=-1&method=reqeustbywfid&workflowid=7302&complete=2&viewcondition=0&date2during=0&viewType=2&wftypes=&viewScope=done&numberType=flowAll"
							},
							
							/* 
							//待办链接地址
							jsp_1: "/workflow/request/RequestType.jsp"
							//待办链接地址(根据流程id来区分)
							//大健康商业票折申请流程
							jsp_2: "/workflow/search/wfTabFrame.jsp?offical=&officalType=-1&method=reqeustbywfidNode&workflowid=7303&nodeids=&complete=0&viewcondition=0&wftypes=&viewScope=doing&numberType=flowAll&flowAll=8&flowNew=0&flowResponse=0&flowOut=0&flowSup=0",
							//开票申请流程(E-Commerce)
							jsp_3: "/workflow/search/wfTabFrame.jsp?offical=&officalType=-1&method=reqeustbywfidNode&workflowid=7304&nodeids=&complete=0&viewcondition=0&wftypes=&viewScope=doing&numberType=flowAll&flowAll=8&flowNew=0&flowResponse=0&flowOut=0&flowSup=0",
							//销售折让开票申请流程(E-Commerce)
							jsp_4: "/workflow/search/wfTabFrame.jsp?offical=&officalType=-1&method=reqeustbywfidNode&workflowid=7302&nodeids=&complete=0&viewcondition=0&wftypes=&viewScope=doing&numberType=flowAll&flowAll=8&flowNew=0&flowResponse=0&flowOut=0&flowSup=0",
							//已办链接(根据流程id来区分)
							//大健康商业票折申请流程
							jsp_5: "/workflow/search/wfTabNewFrame.jsp?offical=&officalType=-1&method=reqeustbywfid&workflowid=7303&complete=2&viewcondition=0&date2during=0&viewType=2&wftypes=&viewScope=done&numberType=flowAll",
							//开票申请流程(E-Commerce)
							jsp_6: "/workflow/search/wfTabNewFrame.jsp?offical=&officalType=-1&method=reqeustbywfid&workflowid=7304&complete=2&viewcondition=0&date2during=0&viewType=2&wftypes=&viewScope=done&numberType=flowAll",
							//销售折让开票申请流程(E-Commerce)
							jsp_7: "/workflow/search/wfTabNewFrame.jsp?offical=&officalType=-1&method=reqeustbywfid&workflowid=7302&complete=2&viewcondition=0&date2during=0&viewType=2&wftypes=&viewScope=done&numberType=flowAll"
						 */
						
						}
						var jsp_ = tojsp_obj["jsp_" + this.toJspType].url;
						this.title = tojsp_obj["jsp_" + this.toJspType].name;
						if (jsp_) {
							var url_ = ip_ + jsp_;
							var param_ = {
								ecToken: token_
							};
							
							var url = SplicingGetUrlToStr(url_, param_);
							window.open(url);
							//this.src_url = url;
						}
					},
					
					
					
				}
			});
		</script>
		
		<style>
			.jsp_iframe {
				position: absolute; 
				top: 0px; 
				bottom: 0px; 
				left: 0px; 
				right: 0px; 
				padding: 20px;
				
				border: 2px solid #ccc;
				margin: 3px;
			}
			
			.jsp_iframe div{
				padding: 20px;
				font-size: 16px;
				color: #0000FF;
				text-decoration:underline
			}
			.jsp_iframe div:hover{
				cursor: pointer;
			}
		</style>
	</body>
</html>