|
|
@@ -21,8 +21,8 @@
|
|
|
width:100%;
|
|
|
margin:17px 0;
|
|
|
font-weight: 500;
|
|
|
- font-size: 27px;
|
|
|
- color: #333333;
|
|
|
+ font-size: 22px;
|
|
|
+ color: #15294C;
|
|
|
text-align:center;
|
|
|
}
|
|
|
|
|
|
@@ -35,7 +35,7 @@
|
|
|
font-weight: 400;
|
|
|
font-size: 14px;
|
|
|
color: #333333;
|
|
|
- background: rgba(28,86,163,0.05);
|
|
|
+ background: #F0F8FF;
|
|
|
}
|
|
|
|
|
|
.project-status-light img{
|
|
|
@@ -129,7 +129,7 @@
|
|
|
|
|
|
.light-item {
|
|
|
display: flex;
|
|
|
- flex-direction: column;
|
|
|
+ flex-direction: row-reverse;
|
|
|
align-items: center; /* 水平居中 */
|
|
|
margin: 10px; /* 每个灯之间的间隔 */
|
|
|
text-align: center;
|
|
|
@@ -162,7 +162,7 @@
|
|
|
}
|
|
|
.amt-value{
|
|
|
font-weight: bold;
|
|
|
- color: #1C56A3;
|
|
|
+ color: #333;
|
|
|
}
|
|
|
.amt-rate{
|
|
|
color: #FF3300;
|
|
|
@@ -171,96 +171,17 @@
|
|
|
<body>
|
|
|
<div id="app"></div>
|
|
|
<template id="template">
|
|
|
- <div class="layui-layout layui-layout-admin" style=" padding: 0 20px 0px;overflow: auto">
|
|
|
+ <div class="layui-layout layui-layout-admin detail" style=" padding: 0 20px 0px;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-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">${yearPlanAmt}亿</span></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- 灯显示区域，单独一行 -->
|
|
|
- <div class="project-status-lights">
|
|
|
- <div class="light-item" @click="monthReportEdit()">
|
|
|
- <img v-if="warningLight.yb === 0" class="light-rgb" src="${WebSite.asset}/css/images/light-green.png" />
|
|
|
- <img v-if="warningLight.yb === 1" class="light-rgb-red" src="${WebSite.asset}/css/images/light-yellow.png" />
|
|
|
- <img v-if="warningLight.yb === 2" class="light-rgb-red" src="${WebSite.asset}/css/images/light-red.png" />
|
|
|
- <div class="light-name">月报警示灯</div>
|
|
|
- </div>
|
|
|
- <div class="light-item" @click="detail()">
|
|
|
- <img v-if="warningLight.kg === 0" class="light-rgb" src="${WebSite.asset}/css/images/light-green.png" />
|
|
|
- <img v-if="warningLight.kg === 1" class="light-rgb-red" src="${WebSite.asset}/css/images/light-yellow.png" />
|
|
|
- <img v-if="warningLight.kg === 2" class="light-rgb-red" src="${WebSite.asset}/css/images/light-red.png" />
|
|
|
- <div class="light-name">开工警示灯</div>
|
|
|
- </div>
|
|
|
- <div class="light-item" @click="toPre()">
|
|
|
- <img v-if="warningLight.qq === 0" class="light-rgb" src="${WebSite.asset}/css/images/light-green.png" />
|
|
|
- <img v-if="warningLight.qq === 1" class="light-rgb-red" src="${WebSite.asset}/css/images/light-yellow.png" />
|
|
|
- <img v-if="warningLight.qq === 2" class="light-rgb-red" src="${WebSite.asset}/css/images/light-red.png" />
|
|
|
- <div class="light-name">手续警示灯</div>
|
|
|
- </div>
|
|
|
- <div class="light-item" @click="detail()">
|
|
|
- <img v-if="warningLight.jg === 0" class="light-rgb" src="${WebSite.asset}/css/images/light-green.png" />
|
|
|
- <img v-if="warningLight.jg === 1" class="light-rgb-red" src="${WebSite.asset}/css/images/light-yellow.png" />
|
|
|
- <img v-if="warningLight.jg === 2" class="light-rgb-red" src="${WebSite.asset}/css/images/light-red.png" />
|
|
|
- <div class="light-name">竣工警示灯</div>
|
|
|
- </div>
|
|
|
- <div class="light-item" @click="onChangeActive(2)">
|
|
|
- <%– 偏离度显示 –%>
|
|
|
- <c:choose>
|
|
|
- <c:when test="${sunInfo.status_fgw == '2'}">
|
|
|
- <img class="light-rgb-red" src="${WebSite.asset}/css/images/light-red.png" title="${not empty sunInfo.problemReason ? sunInfo.problemReason : '暂无描述'}"></img>
|
|
|
- </c:when>
|
|
|
- <c:when test="${sunInfo.status_fgw == '1'}">
|
|
|
- <div><img class="light-rgb-red" src="${WebSite.asset}/css/images/light-yellow.png" title="${not empty sunInfo.problemReason ? sunInfo.problemReason : '暂无描述'}"></img></div>
|
|
|
- </c:when>
|
|
|
- <c:otherwise>
|
|
|
- <div><img class="light-rgb" src="${WebSite.asset}/css/images/light-green.png"></img></div>
|
|
|
- </c:otherwise>
|
|
|
- </c:choose>
|
|
|
- <div class="light-name">偏离度警示灯</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 btn2" :class="{active: tabActive === 2}" @click="onChangeActive(2)">项目进度</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 === 6}" @click="onChangeActive(6)">项目前期手续办理情况</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 === 9}" @click="onChangeActive(9)">项目图片及影像</button>
|
|
|
<button class="btn btn2" :class="{active: tabActive === 11}" @click="onChangeActive(11)">重大事项</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 === 10}" @click="onChangeActive(10)">竣工报告</button>
|
|
|
</c:if>
|
Wayne