longping
/
subject_gxj


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279
							<%@ 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">
		<input type="hidden" id="subId" value="${sunInfo.id }"/>
		<input type="hidden" id="projectName" value="${sunInfo.sub_name }"/>
		<input type="hidden" id="unitName" value="${sunInfo.unitName }"/>
		<!-- 内容区域 -->
			<div class="right_title">
				<div class="project-title">
					<c:choose>
						<c:when test="${sunInfo.isBl == '1'}">
							<div>${sunInfo.sub_name}</div>
						</c:when>
						<c:otherwise>
							<div>${sunInfo.sub_name}</div>
						</c:otherwise>
					</c:choose>
				</div>

				<div class="project-status">
					<div class="project-status-light">
						<c:choose>
							<c:when test="${sunInfo.status_fgw == '2'}">
								<image class="light-rgb"   src="${WebSite.asset}/css/images/light-red.png"></image>：${sunInfo.problemReason}
							</c:when>
							<c:when test="${sunInfo.status_fgw == '1'}">
								<div><image  class="light-rgb"   src="${WebSite.asset}/css/images/light-yellow.png"></image>：${sunInfo.problemReason }</div>
							</c:when>
							<c:otherwise>
								<div><image  class="light-rgb"  src="${WebSite.asset}/css/images/light-green.png"></image></div>
							</c:otherwise>
						</c:choose>
					</div>
<%--
					<div class="project-status-offset">偏离度：<span class="amt-value">${sunInfo.offset}%</span></div>--%>

				<div class="project-status-info">项目状况：<span class="amt-value">${sunInfo.statusName}</span></div>

				<div class="project-status-plan">
					<div class="project-status-offset">总投资：<span class="amt-value">${totalAmt }亿</span></div>
					<div class="project-status-offset">已完成投资：<span class="amt-value">${allEndAmt }亿</span>(<span class="amt-rate">${allEndAmtRate }%</span>)</div>
					<div class="project-status-offset">年度计划投资：<span class="amt-value">${yearAmt}亿</span></div>
					<div class="project-status-offset">年度完成投资：<span class="amt-value">${yearAmtSj }亿</span>(<span class="amt-rate">${yearEndAmtRate }%</span>)</div>
					<div class="project-status-offset">累计拨付金额：<span class="amt-value">${sumPay }万</span></div>
					<div class="project-status-offset">年度拨付金额：<span class="amt-value">${yearPay }万</span></div>
					<div class="project-status-offset">月度拨付金额：<span class="amt-value">${monthPay }万</span></div>
					</div>
				</div>

			</div>
			<div class="tab-group" style="position: relative;">
				<button class="btn btn1" :class="{active: tabActive === 1}" @click="onChangeActive(1)">项目信息</button>
				<button class="btn btn1" :class="{active: tabActive === 2}" @click="onChangeActive(2)">重要项目补充信息</button>
				<button class="btn btn1" :class="{active: tabActive === 3}" @click="onChangeActive(3)">资金来源</button>
				<button class="btn btn2" :class="{active: tabActive === 4}" @click="onChangeActive(4)">项目进度</button>
				<!-- <button class="btn btn2" :class="{active: tabActive === 3}" @click="onChangeActive(3)">历史记录</button> -->
<!-- 				<button class="btn btn2" :class="{active: tabActive === 4}" @click="onChangeActive(4)">周报</button>
				<button class="btn btn2" :class="{active: tabActive === 5}" @click="onChangeActive(5)">年度计划</button> -->
				<button class="btn btn2" :class="{active: tabActive === 7}" @click="onChangeActive(7)">项目前期手续办理情况</button>
				<button class="btn btn2" :class="{active: tabActive === 8}" @click="onChangeActive(8)">问题督办</button>
				<!-- <button class="btn btn2" :class="{active: tabActive === 8}" @click="onChangeActive(8)">牵头领导及部门</button> -->
				<button class="btn btn2" :class="{active: tabActive === 10}" @click="onChangeActive(10)">项目图片及影像</button>
				<button class="btn btn2" :class="{active: tabActive === 12}" @click="onChangeActive(12)">重大事项</button>
<!-- 				<button class="btn btn2" :class="{active: tabActive === 12}" @click="onChangeActive(12)">短信发送</button>
				<button class="btn btn2" :class="{active: tabActive === 13}" @click="onChangeActive(13)">项目日志</button> -->
				<%--竣工项目 才有竣工报告--%>
				<c:if test="${completeCheck}">
					<button class="btn btn2" :class="{active: tabActive === 11}" @click="onChangeActive(11)">竣工报告</button>
				</c:if>
					<button class="layui-btn layui-btn-normal" style="position:relative;z-index:9;float: right" @click="backHis()">返回</button>
			</div>
			<iframe :src="iframeUrl" style="min-height:600px;border:none;margin-top: 30px"></iframe>
</div>
</template>
<script>
new Vue({
	el: "#app",
	template: "#template",
	data: {
		winH: 0,
		iframeUrl: "",
		subId: "${sunInfo.id}",
		collapse: false,
		tabActive: 1
	},
	mounted: function() {
		this.init()
	},
	methods: {
		init: function() {
			this.winH = document.body.clientHeight;
			this.onChangeActive(1);
		},
		backHis(){
			if(${layer}) {
				App.closeCurrentLayer();
			}else {
				window.location.href="${lastUrl}";
			}
		},
		changeSide() {
			this.collapse = !this.collapse
		},
		onChangeActive(index) {
			var subId = this.subId;
			this.tabActive = index
			if (index === 1) {
				this.iframeUrl = App.getUrl("/overdue/projectInfo?layer=${layer}&subId="+subId + "&queryYear=${queryYear}&lastUrl=${lastUrl}");
			}else if(index === 2){
				this.iframeUrl = App.getUrl("/subMajor/viewBySub?layer=${layer}&subId="+subId +"&zjlyId=${zjlyId}&queryYear=${queryYear}&lastUrl=${lastUrl}");
			}else if(index === 3){
				this.iframeUrl = App.getUrl("/subject/subInfo/editFund?layer=${layer}&subId="+subId + "&queryYear=${queryYear}&lastUrl=${lastUrl}");
			}else if(index === 4){
				this.iframeUrl = App.getUrl("/rptCont/viewBySub?layer=${layer}&subId="+subId + "&queryYear=${queryYear}&lastUrl=${lastUrl}");
			}else if(index === 5){
				this.iframeUrl = App.getUrl("/weekReport/detailView?layer=${layer}&subId="+subId + "&queryYear=${queryYear}&lastUrl=${lastUrl}");
			}else if(index === 6){
				this.iframeUrl = App.getUrl("/amtPlan/detailView?layer=${layer}&subId="+subId + "&queryYear=${queryYear}&lastUrl=${lastUrl}");
			}/* else{
				window.location.href = App.getUrl("/overdue/projHistory?layer=${layer}&subId="+subId + "&lastUrl=${lastUrl}");
			} */
			else if(index === 7) {
				//项目前期
				this.iframeUrl = App.getUrl("/subPreNew/subList?layer=${layer}&subId="+subId + "&queryYear=${queryYear}&lastUrl=${lastUrl}");
			}  else if(index === 8) {
				//问题督办
				this.iframeUrl =  App.getUrl("/problemreport/subDetail?layer=${layer}&subId="+subId + "&queryYear=${queryYear}&lastUrl=${lastUrl}");
			} else if(index === 9) {
				//牵头领导
				this.iframeUrl = App.getUrl("/secUserSub/subDetail?layer=${layer}&subId="+subId + "&queryYear=${queryYear}&lastUrl=${lastUrl}");
			} else if(index === 10) {
				//现场影像
				this.iframeUrl = App.getUrl("/rptCont/fileDetail?layer=${layer}&subId="+subId + "&queryYear=${queryYear}&lastUrl=${lastUrl}");
			} else if(index === 11) {
				//竣工报告
				this.iframeUrl = App.getUrl("/subComplete/view?layer=${layer}&subId="+subId + "&queryYear=${queryYear}&lastUrl=${lastUrl}");
			} else if(index === 12) {
                //重大事项
                this.iframeUrl = App.getUrl("/meetingRecords/listBySubId?layer=${layer}&subId="+subId + "&queryYear=${queryYear}&lastUrl=${lastUrl}");
            } else if(index === 13) {
            	//短信发送
            	this.iframeUrl = App.getUrl("/msgLog/subDetail?layer=${layer}&subId="+subId+"&queryYear=${queryYear}&lastUrl=${lastUrl}");
            } else if(index === 14) {
            	//项目日志
            	this.iframeUrl = App.getUrl("/subDataLog/subList?layer=${layer}&subId="+subId+"&queryYear=${queryYear}&lastUrl=${lastUrl}");
            }
		}
	}
})
</script>
</body>
</html>