438 lines
16 KiB
JavaScript
438 lines
16 KiB
JavaScript
// 工程类型默认为空、天气数据默认为空、作业票默认为当日、日计划默认为当日、定时刷新启动按钮
|
||
let form, layer, formSelects, laydate, proType = '', classType = '1', dayType = '3', scheduledTask = false,
|
||
scheduledTask2 = false;
|
||
// 存放地图作业点、天气集合
|
||
let mainMapPointList = [], mapPointList = [], weatherList = [], showWeatherList = [],gtList=[];
|
||
// echarts 展示的是否是地市地图
|
||
let isCity = false;
|
||
// 默认展示周计划
|
||
let typeValue = '1';
|
||
// 周风险/日风险 历史记录 默认展示日 ； 作业票 历史记录 默认展示日
|
||
let dateType = '1', dateType2 = '1';
|
||
layui.config({
|
||
base: "../../js/layui/", //此处路径请自行处理, 可以使用绝对路径
|
||
}).extend({
|
||
formSelects: 'formSelects-v4'
|
||
}).use(['form', 'layer', 'formSelects', 'laydate'], function () {
|
||
form = layui.form;
|
||
layer = layui.layer;
|
||
formSelects = layui.formSelects;
|
||
laydate = layui.laydate;
|
||
laydate.render({
|
||
elem: '#weekRiskDate', //指定元素 元素选择器
|
||
type: 'date', //选择时间类型 可选值:year(年) month(年月) date(年月日) time(时分秒) datetime(年月日时分秒)
|
||
trigger: 'click',
|
||
format: 'yyyy-MM-dd', //时间格式 常用时间格式:yyyy-MM-dd HH:mm:ss
|
||
btns: ['clear', 'now', 'confirm'], //选择框右下角显示的按钮 清除-现在-确定
|
||
done: function (value, date) { //时间回调
|
||
myChart4.dispose();
|
||
myChart4 = echarts.init(document.getElementById('echarts-two'));
|
||
getWeekRiskNumAjax();
|
||
}
|
||
});
|
||
laydate.render({
|
||
elem: '#classDate', //指定元素 元素选择器
|
||
type: 'date', //选择时间类型 可选值:year(年) month(年月) date(年月日) time(时分秒) datetime(年月日时分秒)
|
||
trigger: 'click',
|
||
format: 'yyyy-MM-dd', //时间格式 常用时间格式:yyyy-MM-dd HH:mm:ss
|
||
btns: ['clear', 'now', 'confirm'], //选择框右下角显示的按钮 清除-现在-确定
|
||
done: function (value, date) { //时间回调
|
||
myChart7.dispose();
|
||
myChart7 = echarts.init(document.getElementById('echarts-five'));
|
||
mergeData();
|
||
}
|
||
});
|
||
$('#weekRiskDate').val(getNowTime())
|
||
$('#classDate').val(getNowTime())
|
||
loadData();
|
||
// 周计划下拉选监听
|
||
formSelects.on('city', function (id, val, vals) {
|
||
getWeekRiskNumAjax();
|
||
}, true);
|
||
// 天气切换
|
||
form.on('switch(weather)', function (data) {
|
||
let terrainFlag = $(this).parent('.layui-form-item').next().find('input').eq(0).prop('checked')
|
||
showWeatherList.splice(0, showWeatherList.length);
|
||
mapPointList.splice(0, mapPointList.length);
|
||
if (this.checked) {
|
||
$.each(weatherList, function (index, item) {
|
||
showWeatherList.push(item)
|
||
})
|
||
if (!terrainFlag) {
|
||
map([]);
|
||
} else {
|
||
clearOverlay(2)
|
||
}
|
||
} else {
|
||
mapSearch();
|
||
if (!terrainFlag) {
|
||
map(mapPointList);
|
||
} else {
|
||
clearOverlay(1)
|
||
}
|
||
}
|
||
});
|
||
//地形切换
|
||
form.on('switch(terrain)', function (data) {
|
||
let weatherFlag = $(this).parent('.layui-form-item').prev().find('input').eq(0).prop('checked')
|
||
showWeatherList.splice(0, showWeatherList.length);
|
||
mapPointList.splice(0, mapPointList.length);
|
||
if (this.checked) {
|
||
$('#allMap').css({ 'width': '100%', height: '100%' });
|
||
$('#content-box').css({ 'position': 'relative', 'top': '-100%' });
|
||
$('#left').css({ 'background': 'url("../../img/compreDisplay/left-back.png") no-repeat 0 0 / 100% 100%' });
|
||
$('#right').css({ 'background': 'url("../../img/compreDisplay/right-back.png") no-repeat 0 0 / 100% 100%' });
|
||
$('#echarts-map').css('display', 'none');
|
||
if (!weatherFlag) {
|
||
mapSearch();
|
||
initMap(1)
|
||
} else {
|
||
$.each(weatherList, function (index, item) {
|
||
showWeatherList.push(item)
|
||
})
|
||
initMap(2)
|
||
}
|
||
} else {
|
||
$('#allMap').empty().css({ 'width': '0', 'height': '0' });
|
||
$('#left').css({ 'background': 'transparent' });
|
||
$('#right').css({ 'background': 'transparent' });
|
||
$('#content-box').removeAttr('style');
|
||
$('#echarts-map').removeAttr('style');
|
||
if (!weatherFlag) {
|
||
searchRiskData();
|
||
console.error(mapPointList);
|
||
map(mapPointList);
|
||
} else {
|
||
$.each(weatherList, function (index, item) {
|
||
showWeatherList.push(item)
|
||
})
|
||
}
|
||
}
|
||
});
|
||
|
||
//地形切换
|
||
form.on('switch(terrain2)', function (data) {
|
||
// let weatherFlag = $(this).parent('.layui-form-item').prev().find('input').eq(0).prop('checked')
|
||
// showWeatherList.splice(0, showWeatherList.length);
|
||
// mapPointList.splice(0, mapPointList.length);
|
||
if (this.checked) {
|
||
$('#allMap').css({ 'width': '100%', height: '100%' });
|
||
$('#content-box').css({ 'position': 'relative', 'top': '-100%' });
|
||
$('#left').css({ 'background': 'url("../../img/compreDisplay/left-back.png") no-repeat 0 0 / 100% 100%' });
|
||
$('#right').css({ 'background': 'url("../../img/compreDisplay/right-back.png") no-repeat 0 0 / 100% 100%' });
|
||
$('#echarts-map').css('display', 'none');
|
||
$('.bid-pro-select').removeAttr('style')
|
||
// mapSearch();
|
||
initMap2(1)
|
||
} else {
|
||
$('#allMap').empty().css({ 'width': '0', 'height': '0' });
|
||
$('#left').css({ 'background': 'transparent' });
|
||
$('#right').css({ 'background': 'transparent' });
|
||
$('#content-box').removeAttr('style');
|
||
$('#echarts-map').removeAttr('style');
|
||
$('.bid-pro-select').css('display', 'none');
|
||
searchRiskData();
|
||
console.error(mapPointList);
|
||
map(mapPointList);
|
||
|
||
}
|
||
});
|
||
|
||
form.on('select(bidPro)', function (data) {
|
||
let value = data.value;
|
||
let valueArr = value.split('@');
|
||
getSignProTowerAjax(valueArr[0],valueArr[1]);
|
||
});
|
||
})
|
||
|
||
|
||
// 工程类型选中
|
||
$(".pro-type").click(function (e) {
|
||
$('.pro-type').each(function () {
|
||
if ($(this).hasClass('check-p')) {
|
||
$(this).removeClass('check-p')
|
||
}
|
||
})
|
||
$(this).addClass('check-p');
|
||
proType = $(this).attr("proValue");
|
||
getProNumByType(proType, '', 1);
|
||
getTicketNumAjax();
|
||
if (typeValue === '2') {
|
||
getDayPlanNumAjax();
|
||
}
|
||
});
|
||
|
||
// 周风险和日计划切换
|
||
$(".change-type").click(function (e) {
|
||
$('.change-type').each(function () {
|
||
if ($(this).hasClass('check-p')) {
|
||
$(this).removeClass('check-p')
|
||
}
|
||
})
|
||
$(this).addClass('check-p');
|
||
typeValue = $(this).attr("typeValue");
|
||
if (typeValue === '1') {
|
||
$('.main-box2').removeAttr('style');
|
||
$('.main-box').css('display', 'none');
|
||
myChart4.dispose();
|
||
myChart4 = echarts.init(document.getElementById('echarts-two'));
|
||
getWeekRiskNumAjax();
|
||
loadHistoryAjax('1',dateType);
|
||
} else if (typeValue === '2') {
|
||
$('.main-box2').css('display', 'none');
|
||
$('.main-box').removeAttr('style');
|
||
myChart3.dispose();
|
||
myChart3 = echarts.init(document.getElementById('echarts-one'));
|
||
getDayPlanNumAjax();
|
||
loadHistoryAjax('2',dateType);
|
||
}
|
||
});
|
||
// 周风险/日风险 历史记录 日/周/月 选中
|
||
$(".change-type2").click(function (e) {
|
||
$('.change-type2').each(function () {
|
||
if ($(this).hasClass('check-p')) {
|
||
$(this).removeClass('check-p')
|
||
}
|
||
})
|
||
$(this).addClass('check-p');
|
||
dateType = $(this).attr("dateType");
|
||
myChart9.dispose();
|
||
myChart9 = echarts.init(document.getElementById('plan-echarts'));
|
||
if (typeValue === '1') {
|
||
loadHistoryAjax('1',dateType);
|
||
} else if (typeValue === '2') {
|
||
loadHistoryAjax('2',dateType);
|
||
}
|
||
});
|
||
// 作业票 历史记录 日/周/月 选中
|
||
$(".change-type3").click(function (e) {
|
||
$('.change-type3').each(function () {
|
||
if ($(this).hasClass('check-p')) {
|
||
$(this).removeClass('check-p')
|
||
}
|
||
})
|
||
$(this).addClass('check-p');
|
||
dateType2 = $(this).attr("dateType");
|
||
myChart10.dispose();
|
||
myChart10 = echarts.init(document.getElementById('ticket-history-echarts'));
|
||
loadHistoryAjax('3',dateType2);
|
||
});
|
||
/*日计划选中*/
|
||
$(".date-type").click(function (e) {
|
||
$('.date-type').each(function () {
|
||
if ($(this).find('p').eq(0).hasClass('check-p2')) {
|
||
$(this).find('p').eq(0).removeClass('check-p2')
|
||
$(this).find('p').eq(0).next('img').css('display', 'none')
|
||
}
|
||
})
|
||
$(this).find('p').eq(0).addClass('check-p2')
|
||
$(this).find('p').eq(0).next('img').removeAttr('style')
|
||
dayType = $(this).find('p').attr("dayValue");
|
||
myChart3.dispose();
|
||
myChart3 = echarts.init(document.getElementById('echarts-one'));
|
||
getDayPlanNumAjax();
|
||
});
|
||
|
||
/*站班会统计选中*/
|
||
$(".date3-type").click(function (e) {
|
||
$('.date3-type').each(function () {
|
||
if ($(this).find('p').eq(0).hasClass('check-p3')) {
|
||
$(this).find('p').eq(0).removeClass('check-p3')
|
||
$(this).find('p').eq(0).next('img').css('display', 'none')
|
||
}
|
||
})
|
||
classType = $(this).find('p').attr("classType")
|
||
$(this).find('p').eq(0).addClass('check-p3')
|
||
$(this).find('p').eq(0).next('img').removeAttr('style')
|
||
if (classType === '2') {
|
||
$('.date3-type img').css('width', '32px')
|
||
}
|
||
myChart7.dispose();
|
||
myChart7 = echarts.init(document.getElementById('echarts-five'));
|
||
mergeData();
|
||
});
|
||
|
||
/*地图风险等级选中*/
|
||
$(".check-risk").click(function (e) {
|
||
let checkedName = $(this).find('p').eq(0).attr("checkedName");
|
||
let isCheck = $(this).attr("isCheck");
|
||
if (checkedName === '' && isCheck === '1') {
|
||
$('.check-risk').each(function () {
|
||
if ($(this).attr("isCheck") === '1') {
|
||
$(this).attr("isCheck", '0')
|
||
let checkedValue = $(this).find('p').eq(0).attr("checkedName");
|
||
$(this).find('img').eq(0).attr("src", setRiskIcon(checkedValue, 1))
|
||
}
|
||
})
|
||
} else if (checkedName === '' && isCheck === '0') {
|
||
$('.check-risk').each(function () {
|
||
if ($(this).attr("isCheck") === '0') {
|
||
$(this).attr("isCheck", '1')
|
||
let checkedValue = $(this).find('p').eq(0).attr("checkedName");
|
||
$(this).find('img').eq(0).attr("src", setRiskIcon(checkedValue, 2))
|
||
}
|
||
})
|
||
} else if (checkedName !== '' && isCheck === '1') {
|
||
$(this).attr("isCheck", '0')
|
||
$(this).find('img').eq(0).attr("src", setRiskIcon(checkedName, 1))
|
||
} else if (checkedName !== '' && isCheck === '0') {
|
||
$(this).attr("isCheck", '1')
|
||
$(this).find('img').eq(0).attr("src", setRiskIcon(checkedName, 2))
|
||
}
|
||
// let weatherFlag = $('.switch-form').find('.layui-form-item').eq(0).find('input').eq(0).prop('checked')
|
||
let weatherFlag = false
|
||
// let terrainFlag = $('.switch-form').find('.layui-form-item').eq(1).find('input').eq(0).prop('checked')
|
||
let terrainFlag = $('.switch-form').find('.layui-form-item').eq(0).find('input').eq(0).prop('checked')
|
||
if (!weatherFlag) {
|
||
mapSearch();
|
||
if (!terrainFlag) {
|
||
if (!isCity) {
|
||
map(mapPointList)
|
||
} else {
|
||
let dataList = mapPointList.filter(item => {
|
||
if (item.buildCode === clickCityCode) {
|
||
return item
|
||
}
|
||
})
|
||
map2(dataList)
|
||
}
|
||
|
||
|
||
} else {
|
||
clearOverlay(1)
|
||
}
|
||
}
|
||
});
|
||
|
||
// 设置风险等级选中样式
|
||
function setRiskIcon(value, type) {
|
||
console.log(value)
|
||
if (value && type === 1) {
|
||
return '../../img/title-btn/no-check/risk-' + value + '-nocheck.png';
|
||
} else if (!value && type === 1) {
|
||
return '../../img/title-btn/no-check/risk-1-nocheck.png';
|
||
} else if (value && type === 2) {
|
||
return '../../img/title-btn/check/risk-' + value + '-check.png';
|
||
} else if (!value && type === 2) {
|
||
return '../../img/title-btn/check/risk-1-check.png';
|
||
}
|
||
}
|
||
|
||
/*返回echarts主地图*/
|
||
function back() {
|
||
$('.switch-type').removeAttr('style');
|
||
$('.switch-btn').removeAttr('style');
|
||
$('.switch-type2').css('display', 'none');
|
||
$('.back').css('display', 'none');
|
||
echarts.init(document.getElementById('echarts-map2')).dispose();
|
||
clickCityName = null, clickCityCode = null;
|
||
isCity = false;
|
||
map(mapPointList);
|
||
}
|
||
|
||
/*建管单位赋值*/
|
||
function setOrg(orgList, type) {
|
||
let city = formSelects.value('city', 'val');
|
||
let keys = [];
|
||
$.each(orgList, function (index, item) {
|
||
let temp = {
|
||
"name": item.name + "（" + item.num + "，" + item.rate + "）",
|
||
"value": item.code,
|
||
"titleName": item.name
|
||
};
|
||
keys.push(temp);
|
||
})
|
||
formSelects.data('city', 'local', {
|
||
arr: keys
|
||
});
|
||
if (type) {
|
||
formSelects.value('city', city)
|
||
}
|
||
}
|
||
|
||
/*地图关键字搜索*/
|
||
function searchRiskData() {
|
||
mapSearch();
|
||
let weatherFlag = $('.switch-form').find('.layui-form-item').eq(0).find('input').eq(0).prop('checked')
|
||
let terrainFlag = $('.switch-form').find('.layui-form-item').eq(1).find('input').eq(0).prop('checked')
|
||
if (!weatherFlag) {
|
||
if (!terrainFlag) {
|
||
map(mapPointList)
|
||
} else {
|
||
clearOverlay(1)
|
||
}
|
||
} else {
|
||
showWeatherList.splice(0, showWeatherList.length)
|
||
$.each(weatherList, function (index, item) {
|
||
showWeatherList.push(item)
|
||
})
|
||
if (!terrainFlag) {
|
||
map([])
|
||
} else {
|
||
clearOverlay(2)
|
||
}
|
||
}
|
||
}
|
||
|
||
/*加载echarts图*/
|
||
initEchartsOne();
|
||
|
||
/*地图关键字搜索、风险等级选中*/
|
||
function mapSearch() {
|
||
let selRiskList = [];
|
||
mapPointList.splice(0, mapPointList.length);
|
||
$('.check-risk').each(function () {
|
||
if ($(this).attr("isCheck") === '1') {
|
||
if ($(this).find('p').eq(0).attr("checkedName")) {
|
||
selRiskList.push($(this).find('p').eq(0).attr("checkedName"))
|
||
}
|
||
}
|
||
})
|
||
if (selRiskList.length) {
|
||
$.each(selRiskList, function (index, item) {
|
||
let dataList = mainMapPointList.filter(item2 => {
|
||
if (item === '4') {
|
||
return item2.riskType === '4' || item2.riskType === '5';
|
||
} else {
|
||
return item2.riskType === item
|
||
}
|
||
})
|
||
$.each(dataList, function (index3, item3) {
|
||
mapPointList.push(item3)
|
||
})
|
||
})
|
||
}
|
||
let keyWord = $('.keyWord').val();
|
||
if (keyWord) {
|
||
let dataList = mapPointList.filter(item => {
|
||
if (item.proName.indexOf(keyWord) != -1 || item.foreman.indexOf(keyWord) != -1) {
|
||
return item
|
||
}
|
||
})
|
||
mapPointList.splice(0, mapPointList.length);
|
||
if (dataList.length > 0) {
|
||
$.each(dataList, function (index, item) {
|
||
mapPointList.push(item)
|
||
})
|
||
}
|
||
}
|
||
}
|
||
|
||
// 加载页面数据
|
||
function loadData() {
|
||
getProNumByType(proType, '', 1);
|
||
getWeekRiskNumAjax();
|
||
getTicketNumAjax();
|
||
getDayAttendanceNumAjax(1);
|
||
getRiskMapAjax();
|
||
// getWeatherMapAjax();
|
||
// getWeatherAlertAjax();
|
||
// getDayPlanNumAjax();
|
||
timedRefresh();
|
||
// timedRefresh2();
|
||
mergeData();
|
||
getTodayWarnInfo();
|
||
loadHistoryAjax('1','1');
|
||
loadHistoryAjax('3','1');
|
||
getGtList();
|
||
} |