cwchen
/
ah_jjzhgd_webscreen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

省侧大屏跳转施工大屏

This commit is contained in:
cwchen 2024-04-23 14:20:47 +08:00
parent 9306dcbbdb
commit 5fb459b9d8
1 changed files with 267 additions and 212 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
pages/web/js/main.js
View File

@ -1,6 +1,3 @@
const baseUrl = 'http://127.0.0.1:18080/zhgd'
// const baseUrl = 'http://192.168.0.7:18080/zhgd'
var loader = { var loader = {
get: function (url, data = null, scb) { get: function (url, data = null, scb) {
let reqData = { let reqData = {
@ -15,7 +12,7 @@ var loader = {
} }
$.ajax({ $.ajax({
url: baseUrl + url, url: commonUrl + url,
type: 'get', type: 'get',
headers: { headers: {
"authorization": sessionStorage.getItem("zhgd_token") "authorization": sessionStorage.getItem("zhgd_token")
@ -86,6 +83,8 @@ layui.use(['form','layer', 'element', 'table'], function () {
let valueArr = value.split('@'); let valueArr = value.split('@');
loadBidProTower(valueArr[0], valueArr[1]); loadBidProTower(valueArr[0], valueArr[1]);
}); });
$("#quality-ranking-table").niceScroll({ cursorborder: "", cursorcolor: "#c0c4cc", boxzoom: true });
$("#alarm-reminder-table").niceScroll({ cursorborder: "", cursorcolor: "#c0c4cc", boxzoom: true });
}); });
$('#indexIframe').attr('src', './views/main.html'); $('#indexIframe').attr('src', './views/main.html');
@ -117,21 +116,28 @@ const tooltip = {
*/ */
// 工程统计 // 工程统计
function initEngineeringStatistic() { function initEngineeringStatistic() {
const url = '/screen/largeScreen/scIndex/proStatusStatistics' const url = 'screen/largeScreen/scIndex/proStatusStatistics'
loader.get(url, null, function (res) { loader.get(url, null, function (res) {
if (res.code === 200) {
const { djNum, zjNum, allNum, tcNum, tgNum } = res.data const { djNum, zjNum, allNum, tcNum, tgNum } = res.data
$('#engineering-statistic-item-1').text(djNum) $('#engineering-statistic-item-1').text(djNum)
$('#engineering-statistic-item-2').text(zjNum) $('#engineering-statistic-item-2').text(zjNum)
$('#engineering-statistic-item-3').text(allNum) $('#engineering-statistic-item-3').text(allNum)
$('#engineering-statistic-item-4').text(tcNum) $('#engineering-statistic-item-4').text(tcNum)
$('#engineering-statistic-item-5').text(tgNum) $('#engineering-statistic-item-5').text(tgNum)
} else if (res.code === 401) {
loginout(1);
} else {
console.error('工程统计:' + res.msg);
}
}) })
} }
// 施工质量排名 // 施工质量排名
function initQualityRanking() { function initQualityRanking() {
const url = '/screen/largeScreen/scIndex/constrQuality' const url = 'screen/largeScreen/scIndex/constrQuality'
loader.get(url, null, function (res) { loader.get(url, null, function (res) {
if (res.code === 200) {
res.data.forEach((item, index) => { res.data.forEach((item, index) => {
const { bidName, teamName, teamLeader, score } = item const { bidName, teamName, teamLeader, score } = item
var newRow = `<li> var newRow = `<li>
@ -146,14 +152,19 @@ function initQualityRanking() {
if (res.data && res.data.length === 0) { if (res.data && res.data.length === 0) {
$("#quality-ranking-table").append('<li class="layout"><p>无数据</p></li>'); $("#quality-ranking-table").append('<li class="layout"><p>无数据</p></li>');
} }
$("#quality-ranking-table").niceScroll({ cursorborder: "", cursorcolor: "#c0c4cc", boxzoom: true }); } else if (res.code === 401) {
loginout(1);
} else {
console.error('施工质量排名:' + res.msg);
}
}) })
} }
// 环境分析 // 环境分析
function initEnvironmentAnalysis() { function initEnvironmentAnalysis() {
const url = '/screen/largeScreen/scIndex/environmentDetection' const url = 'screen/largeScreen/scIndex/environmentDetection'
loader.get(url, null, function (res) { loader.get(url, null, function (res) {
if (res.code === 200) {
const data = res.data[0] const data = res.data[0]
if (!data) { return } if (!data) { return }
const { aqiNormalNum, aqiErrorNum, dbNormalNum, dbErrorNum, hcNormalNum, hcErrorNum } = data const { aqiNormalNum, aqiErrorNum, dbNormalNum, dbErrorNum, hcNormalNum, hcErrorNum } = data
@ -163,6 +174,12 @@ function initEnvironmentAnalysis() {
$('#environment-analysis-2').find('div:first').find('p:last span').text(dbErrorNum) $('#environment-analysis-2').find('div:first').find('p:last span').text(dbErrorNum)
$('#environment-analysis-3').find('div:first').find('p:first span').text(hcNormalNum) $('#environment-analysis-3').find('div:first').find('p:first span').text(hcNormalNum)
$('#environment-analysis-3').find('div:first').find('p:last span').text(hcErrorNum) $('#environment-analysis-3').find('div:first').find('p:last span').text(hcErrorNum)
} else if (res.code === 401) {
loginout(1);
} else {
console.error('环境分析:' + res.msg);
}
}) })
} }
@ -174,9 +191,10 @@ function initDeviceStatus() {
let data2 = [] let data2 = []
let data3 = [] let data3 = []
const url = '/screen/largeScreen/scIndex/deviceStatus' const url = 'screen/largeScreen/scIndex/deviceStatus'
loader.get(url, null, function (res) { loader.get(url, null, function (res) {
if (res.code === 200) {
const { allTotalNum, onlineTotalNum, offTotalNum, valueList } = res.data; const { allTotalNum, onlineTotalNum, offTotalNum, valueList } = res.data;
$('#device-status__total').text(allTotalNum) $('#device-status__total').text(allTotalNum)
$('#device-status__online').text(onlineTotalNum) $('#device-status__online').text(onlineTotalNum)
@ -189,6 +207,11 @@ function initDeviceStatus() {
data2.push(onlineNum) data2.push(onlineNum)
data3.push(offLineNum) data3.push(offLineNum)
}) })
} else if (res.code === 401) {
loginout(1);
} else {
console.error('设备状态:' + res.msg);
}
// console.log(xLabel) // console.log(xLabel)
let option = { let option = {
tooltip, tooltip,
@ -597,6 +620,20 @@ function initMainMap(dataMap = []) {
myChart.clear(); myChart.clear();
myChart.setOption(option, true); myChart.setOption(option, true);
myChart.off('dblclick').on("dblclick", function (params) {
if(params.componentType === 'series'){
const paramsData = {
'bidCode': params.data.bidCode,
'token': token
};
// 将参数转换为查询字符串
const queryString = Object.keys(paramsData)
.map(key => encodeURIComponent(key) + '=' + encodeURIComponent(encryptCBC(paramsData[key])))
.join('&');
const hrefUrl = login_sg_index + "?" + queryString;
const newWindow = window.open(hrefUrl, 'newWindow');
}
})
}); });
window.addEventListener("resize", function () { window.addEventListener("resize", function () {
myChart.resize(); myChart.resize();
@ -664,7 +701,7 @@ function mapSearch() {
} }
function initRiskData() { function initRiskData() {
const url = '/screen/largeScreen/scIndex/riskStatistics' const url = 'screen/largeScreen/scIndex/riskStatistics'
loader.get(url, null, function (res) { loader.get(url, null, function (res) {
const data = res.data const data = res.data
mainMapPointList = data mainMapPointList = data
@ -834,17 +871,23 @@ function setMapEvent() {
// 工程安全隐患分析 // 工程安全隐患分析
function initSafetyAnalysis() { function initSafetyAnalysis() {
const url = '/screen/largeScreen/scIndex/potentialSafetyHazard' const url = 'screen/largeScreen/scIndex/potentialSafetyHazard'
loader.get(url, null, function (res) { loader.get(url, null, function (res) {
let xLabel = [] let xLabel = []
let dataValue = [] let dataValue = []
let dataValue1 = [] let dataValue1 = []
if(res.code === 200){
res.data.forEach(item => { res.data.forEach(item => {
const { orgName, planNum, dangerNum } = item const { orgName, planNum, dangerNum } = item
xLabel.push(orgName) xLabel.push(orgName)
dataValue.push(planNum) dataValue.push(planNum)
dataValue1.push(dangerNum) dataValue1.push(dangerNum)
}) })
}else if(res.code === 401){
loginout(1);
}else {
console.error("工程安全隐患分析:"+res.msg);
}
let option = { let option = {
@ -1104,13 +1147,19 @@ function initEfficiencyAnalysis() {
let xLabel = [] let xLabel = []
let data = [] let data = []
const url = '/screen/largeScreen/scIndex/efficiencyAnalysis' const url = 'screen/largeScreen/scIndex/efficiencyAnalysis'
loader.get(url, null, function (res) { loader.get(url, null, function (res) {
if(res.code === 200){
res.data.forEach(item => { res.data.forEach(item => {
const { proName, value } = item const { proName, value } = item
xLabel.push(proName) xLabel.push(proName)
data.push(value) data.push(value)
}) })
}else if(res.code === 401){
loginout(1);
}else{
console.error("工人效率分析:" + res.msg);
}
let option = { let option = {
tooltip, tooltip,
@ -1266,7 +1315,7 @@ function initEfficiencyAnalysis() {
// 资源利用 // 资源利用
function initResourceRate() { function initResourceRate() {
const url = '/screen/largeScreen/scIndex/resourceUse' const url = 'screen/largeScreen/scIndex/resourceUse'
let element = document.getElementsByClassName('resource-rate-item') let element = document.getElementsByClassName('resource-rate-item')
const config = [ const config = [
{ {
@ -1395,8 +1444,9 @@ function getResourceChartOption(config) {
// 告警提醒 // 告警提醒
function initAlarmReminder() { function initAlarmReminder() {
const url = '/screen/largeScreen/scIndex/alarmReminder' const url = 'screen/largeScreen/scIndex/alarmReminder'
loader.get(url, null, function (res) { loader.get(url, null, function (res) {
if(res.code === 200){
res.data.forEach((item, index) => { res.data.forEach((item, index) => {
const { proName, warningContent } = item const { proName, warningContent } = item
var newRow = `<li> var newRow = `<li>
@ -1408,8 +1458,13 @@ function initAlarmReminder() {
if (res.data && res.data.length === 0) { if (res.data && res.data.length === 0) {
$("#alarm-reminder-table").append('<li class="layout" style="justify-content: center;"><p>无数据</p></li>'); $("#alarm-reminder-table").append('<li class="layout" style="justify-content: center;"><p>无数据</p></li>');
} }
$("#alarm-reminder-table").niceScroll({ cursorborder: "", cursorcolor: "#c0c4cc", boxzoom: true }); }else if(res.code === 401){
loginout(1);
}else {
console.error("告警提醒:"+res.msg);
}
}) })
} }
/* 标段工程数据 */ /* 标段工程数据 */