longping
/
subject_gxj


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
							<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<%@ page isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	<title>援疆资金</title>
</head>
<jsp:include page="../../common/common-meta-include.jsp"></jsp:include>
<jsp:include page="../../common/common-js-include.jsp"></jsp:include>
<jsp:include page="../../common/common-css-include.jsp"></jsp:include>
<style>
	.project-title{
		width:100%;
		margin:17px 0;
		font-weight: 500;
		font-size: 27px;
		color: #333333;
		text-align:center;
	}

	.project-status{
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		height: 45px;
		font-weight: 400;
		font-size: 14px;
		color: #333333;
		background: rgba(28,86,163,0.05);
	}

	/*.project-status-light img{*/
	/*	width:18px;*/
	/*	height:20px;*/
	/*	margin-top:-3px;*/
	/*}*/

	.project-status-offset,
	.project-status-info{
		height:14px;
		margin-left:10px;
		padding-left:10px;
		line-height:14px;
		box-sizing:border-box;
		color: #999999;
		font-size: 12px;
	}

	.project-status-info button{
		width:fit-content;
		height:18px;
		margin:-2px 2px 0 2px;
		padding:2px;
		box-sizing:border-box;
		line-height:14px;
		color:#fff;
		border-radius:2px;
		cursor:pointer;
	}

	.project-status-plan{
		display:flex;
		align-items:center;
	}

	.plan-box{
		display:flex;
		align-items:center;
		height:14px;
		margin-left:10px;
		padding-left:10px;
		line-height:14px;
		box-sizing:border-box;
	}

	.plan-icon{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 16px;
		height: 16px;
		margin-right:3px;
		border-radius: 50%;
		color: #fff;
		background: gray;
	}

	.plan-icon-done{
		background: #4979cf;
	}
	.light-rgb{
		width:32px;
		height:32px;
		margin: auto;
	}

	.page-table{
		margin: 0 0 22px !important;
	}

	.table_box .table1 .label{
		color:#999;
	}
	.right_title{
		/*margin-bottom: 20px;*/
	}
	.layui-layout::-webkit-scrollbar{
		width: 0;
	}
	.amt-value{
		font-weight: bold;
		color: #1C56A3;
	}
	.amt-rate{
		color: #FF3300;
	}
</style>
<body>
<div id="app"></div>
<template id="template">
	<div class="layui-layout layui-layout-admin" style="padding: 0 20px 150px;overflow: auto">
		<div class="tab-group" style="position: relative;">
			<button class="btn btn1" :class="{active: tabActive === 1}" @click="onChangeActive(1)">固投项目</button>
			<button class="btn btn2" :class="{active: tabActive === 2}" @click="onChangeActive(2)">非固投项目</button>
		</div>
		<iframe :src="iframeUrl" style="min-height:900px;border:none;margin-top: 30px"></iframe>
	</div>
</template>
<script>
new Vue({
	el: "#app",
	template: "#template",
	data: {
		winH: 0,
		collapse: false,
		tabActive: 1,
		active: 4, // 左侧菜单选中项
		imgLs: 10,
		yearsArray:[],
		planYear: "",
		iframeUrl: "",
	},
	mounted() {
		this.init()
	},
	methods: {
		init() {
			this.winH = document.body.clientHeight
			const { laydate, table } = layui
			var self = this;
			self.onChangeActive(self.tabActive);
		},
		onChangeActive(index) {
			this.tabActive = index
			if (index === 1) {
				//固投项目
				this.iframeUrl = App.getUrl("/subject/subInfo/projZj?code=104&title=援疆资金");
			}else if(index === 2){
				//非固投项目
				this.iframeUrl = App.getUrl("non/fixed/investment/project");
			}
		},
	}
});
</script>
</body>
</html>