This commit is contained in:
parent
ddf4db0d44
commit
a0c4db2716
|
|
@ -71,7 +71,7 @@ body {
|
||||||
|
|
||||||
#real-time-monitor {
|
#real-time-monitor {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 22.7%;
|
height: 32.7%;
|
||||||
background: url("../../img/index/index_hj.png") no-repeat 0 0 / 100% 100%;
|
background: url("../../img/index/index_hj.png") no-repeat 0 0 / 100% 100%;
|
||||||
background-position: center center !important;
|
background-position: center center !important;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
@ -80,7 +80,7 @@ body {
|
||||||
.monitor-data {
|
.monitor-data {
|
||||||
width: 16%;
|
width: 16%;
|
||||||
height: 60%;
|
height: 60%;
|
||||||
margin-top: 3%;
|
margin-top: 6%;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
}
|
}
|
||||||
|
|
@ -145,14 +145,33 @@ body {
|
||||||
|
|
||||||
#pro-risk {
|
#pro-risk {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 29.6%;
|
height: 40.6%;
|
||||||
background: url("../../img/index/pro_risk.png") no-repeat 0 0 / 100% 100%;
|
background: url("../../img/index/pro_risk.png") no-repeat 0 0 / 100% 100%;
|
||||||
background-position: center center !important;
|
background-position: center center !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#pro-risk table {
|
||||||
|
width: 96%;
|
||||||
|
height: calc(100% - 100px);
|
||||||
|
margin: 0 2%;
|
||||||
|
margin-top: 66px;
|
||||||
|
table-layout: fixed;
|
||||||
|
text-align: center;
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
#pro-risk table tr td {
|
||||||
|
width: 16%;
|
||||||
|
height: 50px;
|
||||||
|
font-size: 16px;
|
||||||
|
border: 1px solid #34b9aa;
|
||||||
|
}
|
||||||
|
|
||||||
#pro-progress {
|
#pro-progress {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 14.2%;
|
height: 22.2%;
|
||||||
background: url("../../img/index/pro_progress.png") no-repeat 0 0 / 100% 100%;
|
background: url("../../img/index/pro_progress.png") no-repeat 0 0 / 100% 100%;
|
||||||
background-position: center center !important;
|
background-position: center center !important;
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
|
|
@ -163,21 +182,23 @@ body {
|
||||||
height: 58px;
|
height: 58px;
|
||||||
background: url("../../img/index/bid_progress.png") no-repeat 0 0 / 100% 100%;
|
background: url("../../img/index/bid_progress.png") no-repeat 0 0 / 100% 100%;
|
||||||
background-position: center center !important;
|
background-position: center center !important;
|
||||||
margin-top: 2%;
|
margin-top: 5%;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#bidProgressBox p:nth-child(2),
|
#bidProgressBox p:nth-child(2),
|
||||||
#signProgressBox p:nth-child(2),
|
#signProgressBox p:nth-child(2),
|
||||||
#proProgressBox p:nth-child(2){
|
#proProgressBox p:nth-child(2) {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#signProgressBox {
|
#signProgressBox {
|
||||||
width: 254px;
|
width: 254px;
|
||||||
height: 58px;
|
height: 58px;
|
||||||
background: url("../../img/index/sign_progress.png") no-repeat 0 0 / 100% 100%;
|
background: url("../../img/index/sign_progress.png") no-repeat 0 0 / 100% 100%;
|
||||||
background-position: center center !important;
|
background-position: center center !important;
|
||||||
margin-top: 2%;
|
margin-top: 5%;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
}
|
}
|
||||||
|
|
@ -187,7 +208,7 @@ body {
|
||||||
height: 58px;
|
height: 58px;
|
||||||
background: url("../../img/index/pro_progress2.png") no-repeat 0 0 / 100% 100%;
|
background: url("../../img/index/pro_progress2.png") no-repeat 0 0 / 100% 100%;
|
||||||
background-position: center center !important;
|
background-position: center center !important;
|
||||||
margin-top: 2%;
|
margin-top: 5%;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -450,8 +450,8 @@ function getPerStatisticsList(bidCode) {
|
||||||
cols: [[
|
cols: [[
|
||||||
{ type: 'numbers', title: '序号', width: '10%' }, // 添加序号列
|
{ type: 'numbers', title: '序号', width: '10%' }, // 添加序号列
|
||||||
{ field: 'proName', title: '工程名称', align: 'center', width: '25%' },
|
{ field: 'proName', title: '工程名称', align: 'center', width: '25%' },
|
||||||
{ field: 'userName', title: '姓名', align: 'center', width: '15%' },
|
{ field: 'userName', title: '姓名', align: 'center', width: '25%' },
|
||||||
{ field: 'phone', title: '电话', align: 'center', width: '10%' },
|
// { field: 'phone', title: '电话', align: 'center', width: '10%' },
|
||||||
{ field: 'accessType', title: '状态', align: 'center', width: '10%' },
|
{ field: 'accessType', title: '状态', align: 'center', width: '10%' },
|
||||||
{ field: 'accesssTime', title: '时间', align: 'center', width: '30%' }
|
{ field: 'accesssTime', title: '时间', align: 'center', width: '30%' }
|
||||||
]],
|
]],
|
||||||
|
|
|
||||||
|
|
@ -16,10 +16,11 @@ function loadData() {
|
||||||
let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData);
|
let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData);
|
||||||
loadProBrief(montageParam);
|
loadProBrief(montageParam);
|
||||||
loadRealMonitor(montageParam);
|
loadRealMonitor(montageParam);
|
||||||
loadProRisk(montageParam);
|
// loadProRisk(montageParam);
|
||||||
loadProCost(montageParam);
|
// loadProCost(montageParam);
|
||||||
// loadProProgress(montageParam);
|
// loadProProgress(montageParam);
|
||||||
loadProSchedule(montageParam);
|
loadProSchedule(montageParam);
|
||||||
|
loadProRisk2(montageParam);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -191,4 +191,37 @@ function loadProSchedule(montageParam) {
|
||||||
$('#proProgress').html(data.proProgress);
|
$('#proProgress').html(data.proProgress);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 项目风险 */
|
||||||
|
function loadProRisk2(montageParam) {
|
||||||
|
const url = commonUrl + 'screen/largeScreen/xcIndex/getProRiskNum?params=' + montageParam;
|
||||||
|
ajaxRequestGet(url, "GET", true, function () {
|
||||||
|
}, function (result) {
|
||||||
|
console.log(result);
|
||||||
|
if (result.code === 200) {
|
||||||
|
setData(result.data);
|
||||||
|
} else if (result.code === 500) {
|
||||||
|
console.error('项目风险:' + result.msg);
|
||||||
|
setData(null);
|
||||||
|
} else if (result.code === 401) {
|
||||||
|
loginout(1);
|
||||||
|
}
|
||||||
|
}, function (xhr, status, error) {
|
||||||
|
errorFn(xhr, status, error)
|
||||||
|
}, aqEnnable);
|
||||||
|
function setData(data) {
|
||||||
|
if (data) {
|
||||||
|
$('#twoRiskNum').html(data.twoRiskNum);
|
||||||
|
$('#threeRiskNum').html(data.threeRiskNum);
|
||||||
|
$('#fourRiskNum').html(data.fourRiskNum);
|
||||||
|
$('#fiveRiskNum').html(data.fiveRiskNum);
|
||||||
|
$('#totalRiskNum').html(data.twoRiskNum + data.threeRiskNum + data.fourRiskNum + data.fiveRiskNum);
|
||||||
|
$('#twoClassNum').html(data.twoClassNum);
|
||||||
|
$('#threeClassNum').html(data.threeClassNum);
|
||||||
|
$('#fourClassNum').html(data.fourClassNum);
|
||||||
|
$('#fiveClassNum').html(data.fiveClassNum);
|
||||||
|
$('#totalClassNum').html(data.twoClassNum + data.threeClassNum + data.fourClassNum + data.fiveClassNum);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
let myChart = echarts.init(document.getElementById('pro-risk'));
|
// let myChart = echarts.init(document.getElementById('pro-risk'));
|
||||||
// let myChart2 = echarts.init(document.getElementById('pro-progress-echarts'));
|
// let myChart2 = echarts.init(document.getElementById('pro-progress-echarts'));
|
||||||
let myChart3 = echarts.init(document.getElementById('pro-cost'));
|
// let myChart3 = echarts.init(document.getElementById('pro-cost'));
|
||||||
|
|
||||||
/* 项目风险 */
|
/* 项目风险 */
|
||||||
function initEchartsOne(day, week, warn) {
|
function initEchartsOne(day, week, warn) {
|
||||||
|
|
|
||||||
|
|
@ -65,7 +65,34 @@
|
||||||
<div class="monitor-icon"></div>
|
<div class="monitor-icon"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="pro-risk"></div>
|
<div id="pro-risk">
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td>名称\风险等级</td>
|
||||||
|
<td>二级</td>
|
||||||
|
<td>三级</td>
|
||||||
|
<td>四级</td>
|
||||||
|
<td>五级</td>
|
||||||
|
<td>总数</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>周风险</td>
|
||||||
|
<td id="twoRiskNum">0</td>
|
||||||
|
<td id="threeRiskNum">0</td>
|
||||||
|
<td id="fourRiskNum">0</td>
|
||||||
|
<td id="fiveRiskNum">0</td>
|
||||||
|
<td id="totalRiskNum">0</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>站班会</td>
|
||||||
|
<td id="twoClassNum">0</td>
|
||||||
|
<td id="threeClassNum">0</td>
|
||||||
|
<td id="fourClassNum">0</td>
|
||||||
|
<td id="fiveClassNum">0</td>
|
||||||
|
<td id="totalClassNum">0</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
<div id="pro-progress" class="layout">
|
<div id="pro-progress" class="layout">
|
||||||
<div id="bidProgressBox" class="layout">
|
<div id="bidProgressBox" class="layout">
|
||||||
<p>标段实际进度</p>
|
<p>标段实际进度</p>
|
||||||
|
|
@ -107,7 +134,7 @@
|
||||||
<p>计划结束</p>
|
<p>计划结束</p>
|
||||||
</div> -->
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
<div id="pro-cost"></div>
|
<!-- <div id="pro-cost"></div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue