var clickNUm = 1; layui.use(['layer'], function() { var $ = layui.jquery, layer = layui.layer; getData(); getProjectResource(); getSubTeamCapacity(); getToolsResource(); getMapResource(); getProjectProgress(); getPreReleaseResource(); setInterval(function () { $("#nowTime").text(getNowTime()) },1000); // $("#Jump_release_1").click(function () { localStorage.setItem("Jump_release","2") var index = layer.open({ type: 2, title: false, content: './preReleaseResourceList.html', area: ['95%', '95%'], maxmin: false, }); // window.location.href="./preReleaseResourceList.html"; }); $("#Jump_release_2").click(function () { localStorage.setItem("Jump_release","1") var index = layer.open({ type: 2, title: false, content: './preReleaseResourceList.html', area: ['95%', '95%'], maxmin: false, }); }); //在建工程跳转 $("#Jump_building_pro").click(function () { localStorage.setItem("ds_pro_status","1") window.location.href="./z_projectList.html"; }); $("#Jump_finish_pro").click(function () { localStorage.setItem("ds_pro_status","2") window.location.href="./z_projectList.html"; }); $("#Jump_no_start_pro").click(function () { window.location.href="./z_project_arrange_List.html"; }); //基础杆塔跳转 $("#JumpSchedule_base").click(function () { window.location.href="./schedule.html"; }); //组塔杆塔跳转 $("#JumpSchedule_tower").click(function () { window.location.href="./schedule.html"; }); //架线杆塔跳转 $("#JumpSchedule_line").click(function () { window.location.href="./schedule.html"; }); //公司团队跳转 $("#JumpSchedule_unitTeam_item").click(function () { localStorage.setItem("orgType",""); localStorage.setItem("state",""); window.location.href="./z_companyTeamList.html"; }); $("#JumpSchedule_unitTeam_input").click(function () { localStorage.setItem("orgType",""); localStorage.setItem("state","1"); window.location.href="./z_companyTeamList.html"; }); $("#JumpSchedule_unitTeam_idle").click(function () { localStorage.setItem("orgType",""); localStorage.setItem("state","0"); window.location.href="./z_companyTeamList.html"; }); //分包班组跳转 $("#JumpSchedule_subTeam_item").click(function () { localStorage.setItem("subType",""); localStorage.setItem("state",""); window.location.href="./z_subcontractingTeamsList.html"; }); $("#JumpSchedule_subTeam_input").click(function () { localStorage.setItem("subType",""); localStorage.setItem("state","1"); window.location.href="./z_subcontractingTeamsList.html"; }); $("#JumpSchedule_subTeam_idle").click(function () { localStorage.setItem("subType",""); localStorage.setItem("state","0"); window.location.href="./z_subcontractingTeamsList.html"; }); //自有班组跳转 $("#JumpSchedule_ownTeam_item").click(function () { localStorage.setItem("ownType",""); localStorage.setItem("state",""); window.location.href="./z_ownTeamList.html"; }); $("#JumpSchedule_ownTeam_input").click(function () { localStorage.setItem("ownType",""); localStorage.setItem("state","1"); window.location.href="./z_ownTeamList.html"; }); $("#JumpSchedule_ownTeam_idle").click(function () { localStorage.setItem("ownType",""); localStorage.setItem("state","0"); window.location.href="./z_ownTeamList.html"; }); //实名制在场跳转 $("#JumpSchedule_RealName").click(function () { window.location.href="./z_realNameList.html"; }); //设备工机具跳转 $("#JumpSchedule_Tools").click(function () { window.location.href="./z_constructionMachinesList.html"; }); //项目资源管理-线路施工分公司跳转 // $("#lineOne").click(function () { // localStorage.setItem("orgType","2") // localStorage.setItem("state",""); // window.location.href="./z_companyTeamList.html"; // }); // $("#lineTwo").click(function () { // localStorage.setItem("orgType","3") // localStorage.setItem("state",""); // window.location.href="./z_companyTeamList.html"; // }); // $("#vigorously").click(function () { // localStorage.setItem("orgType","4") // localStorage.setItem("state",""); // window.location.href="./z_companyTeamList.html"; // }); //分包班组承载力-基础跳转 // $("#foundation").click(function () { // localStorage.setItem("subType","基础") // localStorage.setItem("state",""); // window.location.href="./z_subcontractingTeamsList.html"; // }); // $("#tower").click(function () { // localStorage.setItem("subType","组塔") // localStorage.setItem("state",""); // window.location.href="./z_subcontractingTeamsList.html"; // }); // $("#line").click(function () { // localStorage.setItem("subType","架线") // localStorage.setItem("state",""); // window.location.href="./z_subcontractingTeamsList.html"; // }); //自有班组承载力-基础跳转 // $("#own_foundation").click(function () { // localStorage.setItem("ownType","基础") // localStorage.setItem("state",""); // window.location.href="./z_ownTeamList.html"; // }); // $("#own_tower").click(function () { // localStorage.setItem("ownType","组塔") // localStorage.setItem("state",""); // window.location.href="./z_ownTeamList.html"; // }); // $("#own_line").click(function () { // localStorage.setItem("ownType","架线") // localStorage.setItem("state",""); // window.location.href="./z_ownTeamList.html"; // }); $("#c_echart").click(function () { window.location.href="./c_echart.html"; }); $("#changeView").click(function () { if(clickNUm%2==1){ $("#sub_div").css("display","none"); $("#own_div").css("display",""); $("#changeView").text("分包班组>>"); $("#change_text").text("自有班组承载力"); if(clickNUm == 1){ getOwnTeamCapacity(); } }else{ $("#sub_div").css("display",""); $("#own_div").css("display","none"); $("#changeView").text("自有班组>>"); $("#change_text").text("分包商承载力"); } clickNUm ++; }); //JumpSchedule_unitTeam //JumpSchedule_subTeam //JumpSchedule_ownTeam }); function getData() { getProjectStatus(); getBaseTowerStatus(); getTowerTowerStatus(); getLineTowerStatus(); getBranchOfficeTeamStatus(); getSubTeamStatus(); getOwnTeamStatus(); getRealMessage(); getToolsStatus(); } //获取在建工程信息(开关/未开工) function getProjectStatus() { $.ajax({ type: 'POST', async: true, // 默认异步true,false表示同步 url: ctxPath + "/dataHome/getProjectStatus",// 请求地址 dataType: 'json', // 服务器返回数据类型 data: {}, //获取提交的表单字段 success: function (data) { let obj= data.data; let dataKey =obj.dataKey; //在建工程 let dataValue =obj.dataValue;//完工 let dataNum =obj.dataNum;//已开工 $("#pro_dataNum").text(dataKey); //在建工程 //$("#pro_dataValue").text(parseInt(dataNum-dataValue)); $("#pro_dataValue").text(dataNum);//待开工公工程 $("#pro_dataKey").text(dataValue);//完工 } }); } //获取基础杆塔信息(完成/未完成) function getBaseTowerStatus() { $.ajax({ type: 'POST', async: true, // 默认异步true,false表示同步 url: ctxPath + "/dataHome/getBaseTowerStatus",// 请求地址 dataType: 'json', // 服务器返回数据类型 data: {}, //获取提交的表单字段 success: function (data) { let obj= data.data; let dataKey =obj.dataKey; let dataValue =obj.dataValue; $("#base_dataNum").text(parseInt(dataKey)); $("#base_dataKey").text(dataValue); $("#base_dataValue").text(parseInt(dataKey)-parseInt(dataValue)); } }); } //获取组塔杆塔信息(完成/未完成) function getTowerTowerStatus() { $.ajax({ type: 'POST', async: true, // 默认异步true,false表示同步 url: ctxPath + "/dataHome/getTowerTowerStatus",// 请求地址 dataType: 'json', // 服务器返回数据类型 data: {}, //获取提交的表单字段 success: function (data) { let obj= data.data; let dataKey =obj.dataKey; let dataValue =obj.dataValue; $("#tower_dataNum").text(parseInt(dataKey)); $("#tower_dataKey").text(dataValue); $("#tower_dataValue").text(parseInt(dataKey)-parseInt(dataValue)); } }); } //获取架线杆塔信息(总数/已完成) function getLineTowerStatus() { $.ajax({ type: 'POST', async: true, // 默认异步true,false表示同步 url: ctxPath + "/dataHome/getLineTowerStatus",// 请求地址 dataType: 'json', // 服务器返回数据类型 data: {}, //获取提交的表单字段 success: function (data) { let obj= data.data; let dataKey =obj.dataKey; let dataValue =obj.dataValue; $("#line_dataNum").text(parseFloat(dataKey).toFixed(2)); $("#line_dataKey").text(parseFloat(dataValue).toFixed(2));// $("#line_dataValue").text((parseFloat(dataKey)-parseFloat(dataValue)).toFixed(2)); } }); } //分公司团队 (投入/闲置) function getBranchOfficeTeamStatus() { $.ajax({ type: 'POST', async: true, // 默认异步true,false表示同步 url: ctxPath + "/dataHome/getBranchOfficeTeamStatus",// 请求地址 dataType: 'json', // 服务器返回数据类型 data: {}, //获取提交的表单字段 success: function (data) { let obj= data.data; let dataKey =obj.dataKey; let dataValue =obj.dataValue; $("#own_dataNum").text(parseInt(dataKey)+parseInt(dataValue)); $("#own_dataKey").text(dataKey); $("#own_dataValue").text(dataValue); } }); } //分包班组 id:1投入 2闲置 dataKey:类型 dataValue:数量 function getSubTeamStatus() { $.ajax({ type: 'POST', async: true, // 默认异步true,false表示同步 url: ctxPath + "/dataHome/getSubTeamStatus",// 请求地址 dataType: 'json', // 服务器返回数据类型 data: {}, //获取提交的表单字段 success: function (data) { let obj= data.data; var AllNum = 0; var baseAllNum = 0; var TowerAllNum = 0; var LineAllNum = 0; var trAllNum = 0; var xzAllNum = 0; var tfBaseNum = 0; var tfTowerNum = 0; var tfLineNum = 0; var xzBaseNum = 0; var xzTowerNum = 0; var xzLineNum = 0; if(obj !=null && obj.length >0){ for(var i=0;i0){ for(var i=0;i0){ for(var i=0;i0){ for(var i=0;i0){ for(var i=0;i0){ for(var i=0;i 9 && parseInt(data) < 100){ $(id1).text(data.toString().substring(0,1)); $(id2).text(data.toString().substring(1,2)); }else { $(id1).text("0"); $(id2).text(data); } } function getLineOne(dataKey,dataValue,allNum) { var chartDom = document.getElementById('lineOne'); var myChart = echarts.init(chartDom); var data = [ { label: "投入:"+dataValue, value: dataValue }, { label: "闲置:"+(parseInt(allNum)-parseInt(dataValue)), value: (parseInt(allNum)-parseInt(dataValue)) } ]; var colors = [ ['68,119,253', '70,174,250', '72,230,246'], [ '12,31,105','66,71,183', '131,107,239'] ]; var num = allNum; //数量 var option; option = { title: [ { text: dataKey, x: 'center', y: '40%', textStyle: { fontWeight: 'normal', fontSize: 12, color: "#fff", } }, { text: num, x: 'center', y: '50%', textStyle: { fontWeight: 'normal', fontSize: 24, color: "#fff", } }], legend: { orient: 'horizontal', icon: 'circle', bottom: -5, textStyle: { color: '#fff' }, data: data.map(it => it.label), }, tooltip: { show: false }, series: [ { name: '年龄段', type: 'pie', radius: ['65%', '45%'], center: ['50%', '50%'], itemStyle: { normal: { label: { show: false }, labelLine: { show: false }, shadowBlur: 0, shadowColor: '#203665' } }, data: data.map((it, i) => { return { value: it.value, name: it.label, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{ offset: 0.05, color: `rgba(${colors[i][0]},0.7)` }, { offset: 0.5, color: `rgba(${colors[i][1]},0.7)` }, { offset: 1, color: `rgba(${colors[i][2]},0.7)` }]), }, color: `rgba(${colors[i]},0.7)`, borderColor: `rgba(${colors[i]},1)`, borderWidth: 1 } }; }) }, { type: 'pie',// 内层细圆环2 radius: ['75%', '80%'], hoverAnimation: false, clockWise: false, itemStyle: { color:'#2858BA', }, label: { show: false }, data: [1] }, ] }; myChart.on('legendselectchanged', function(params) { let name = params.name; if (name == "投入:"+dataValue){ localStorage.setItem("orgType","2") localStorage.setItem("state","1"); window.location.href="./z_companyTeamList.html"; }else if(name == "闲置:"+(parseInt(allNum)-parseInt(dataValue))){ localStorage.setItem("orgType","2") localStorage.setItem("state","0"); window.location.href="./z_companyTeamList.html"; } }); myChart.on('click', function(params) { localStorage.setItem("orgType","2") localStorage.setItem("state",""); window.location.href="./z_companyTeamList.html"; }); option && myChart.setOption(option); } function getLineTwo(dataKey,dataValue,allNum) { var chartDom = document.getElementById('lineTwo'); var myChart = echarts.init(chartDom); var data = [ { label: "投入:"+dataValue, value: dataValue }, { label: "闲置:"+(parseInt(allNum)-parseInt(dataValue)), value: (parseInt(allNum)-parseInt(dataValue)) } ]; var colors = [ ['68,119,253', '70,174,250', '72,230,246'], [ '12,31,105','66,71,183', '131,107,239'] ]; var num = allNum; //数量 var option; option = { title: [ { text: dataKey, x: 'center', y: '40%', textStyle: { fontWeight: 'normal', fontSize: 12, color: "#fff", } }, { text: num, x: 'center', y: '50%', textStyle: { fontWeight: 'normal', fontSize: 24, color: "#fff", } }], legend: { orient: 'horizontal', icon: 'circle', bottom: -5, textStyle: { color: '#fff' }, data: data.map(it => it.label), }, tooltip: { show: false }, series: [ { name: '年龄段', type: 'pie', radius: ['65%', '45%'], center: ['50%', '50%'], itemStyle: { normal: { label: { show: false }, labelLine: { show: false }, shadowBlur: 0, shadowColor: '#203665' } }, data: data.map((it, i) => { return { value: it.value, name: it.label, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{ offset: 0.05, color: `rgba(${colors[i][0]},0.7)` }, { offset: 0.5, color: `rgba(${colors[i][1]},0.7)` }, { offset: 1, color: `rgba(${colors[i][2]},0.7)` }]), }, color: `rgba(${colors[i]},0.7)`, borderColor: `rgba(${colors[i]},1)`, borderWidth: 1 } }; }) }, { type: 'pie',// 内层细圆环2 radius: ['75%', '80%'], hoverAnimation: false, clockWise: false, itemStyle: { color:'#2858BA', }, label: { show: false }, data: [1] }, ] }; myChart.on('legendselectchanged', function(params) { let name = params.name; if (name == "投入:"+dataValue){ localStorage.setItem("orgType","3") localStorage.setItem("state","1"); window.location.href="./z_companyTeamList.html"; }else if(name == "闲置:"+(parseInt(allNum)-parseInt(dataValue))){ localStorage.setItem("orgType","3") localStorage.setItem("state","0"); window.location.href="./z_companyTeamList.html"; } }) myChart.on('click', function(params) { localStorage.setItem("orgType","3") localStorage.setItem("state",""); window.location.href="./z_companyTeamList.html"; }); option && myChart.setOption(option); } function getVigorously(dataKey,dataValue,allNum) { var chartDom = document.getElementById('vigorously'); var myChart = echarts.init(chartDom); var data = [ { label: "投入:"+dataValue, value: dataValue }, { label: "闲置:"+(parseInt(allNum)-parseInt(dataValue)), value: (parseInt(allNum)-parseInt(dataValue)) } ]; var colors = [ ['68,119,253', '70,174,250', '72,230,246'], [ '12,31,105','66,71,183', '131,107,239'] ]; var num = allNum; //数量 var option; option = { title: [ { text:dataKey, x: 'center', y: '40%', textStyle: { fontWeight: 'normal', fontSize: 12, color: "#fff", } }, { text: num, x: 'center', y: '50%', textStyle: { fontWeight: 'normal', fontSize: 24, color: "#fff", } }], legend: { orient: 'horizontal', icon: 'circle', bottom: -5, textStyle: { color: '#fff' }, data: data.map(it => it.label), }, tooltip: { show: false }, series: [ { name: '年龄段', type: 'pie', radius: ['65%', '45%'], center: ['50%', '50%'], itemStyle: { normal: { label: { show: false }, labelLine: { show: false }, shadowBlur: 0, shadowColor: '#203665' } }, data: data.map((it, i) => { return { value: it.value, name: it.label, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{ offset: 0.05, color: `rgba(${colors[i][0]},0.7)` }, { offset: 0.5, color: `rgba(${colors[i][1]},0.7)` }, { offset: 1, color: `rgba(${colors[i][2]},0.7)` }]), }, color: `rgba(${colors[i]},0.7)`, borderColor: `rgba(${colors[i]},1)`, borderWidth: 1 } }; }) }, { type: 'pie',// 内层细圆环2 radius: ['75%', '80%'], hoverAnimation: false, clockWise: false, itemStyle: { color:'#2858BA', }, label: { show: false }, data: [1] }, ] }; myChart.on('legendselectchanged', function(params) { let name = params.name; if (name == "投入:"+dataValue){ localStorage.setItem("orgType","4") localStorage.setItem("state","1"); window.location.href="./z_companyTeamList.html"; }else if(name == "闲置:"+(parseInt(allNum)-parseInt(dataValue))){ localStorage.setItem("orgType","4") localStorage.setItem("state","0"); window.location.href="./z_companyTeamList.html"; } }) myChart.on('click', function(params) { localStorage.setItem("orgType","4") localStorage.setItem("state",""); window.location.href="./z_companyTeamList.html"; }); option && myChart.setOption(option); } function getFoundation(dataKey,dataValue,chartId) {//总数、使用 var chartDom = document.getElementById(chartId); var myChart = echarts.init(chartDom); var data = [ { label: "投入: "+dataValue, value: dataValue }, { label: "闲置: "+(parseInt(dataKey)-parseInt(dataValue)), value: (parseInt(dataKey)-parseInt(dataValue)) } ]; var colors = [ ['25,216,248', '40,220,245', '149,252,220' ], [ '9,61,78','52,131,107','120,193,122'] ]; var num = dataKey; //数量 var option; option = { title: [ { text: '基础', x: 'center', y: '40%', textStyle: { fontWeight: 'normal', fontSize: 12, color: "#fff", } }, { text: num, x: 'center', y: '50%', textStyle: { fontWeight: 'normal', fontSize: 24, color: "#fff", } }], legend: { orient: 'horizontal', icon: 'circle', bottom: -5, textStyle: { color: '#fff' }, data: data.map(it => it.label), }, tooltip: { show: false }, series: [ { type: 'pie', radius: ['65%', '45%'], center: ['50%', '50%'], itemStyle: { normal: { label: { show: false }, labelLine: { show: false }, shadowBlur: 0, shadowColor: '#203665' } }, data: data.map((it, i) => { return { value: it.value, name: it.label, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{ offset: 0.05, color: `rgba(${colors[i][0]},0.7)` }, { offset: 0.5, color: `rgba(${colors[i][1]},0.7)` }, { offset: 1, color: `rgba(${colors[i][2]},0.7)` }]), }, color: `rgba(${colors[i]},0.7)`, borderColor: `rgba(${colors[i]},1)`, borderWidth: 1 } }; }) }, { type: 'pie',// 内层细圆环2 radius: ['75%', '80%'], hoverAnimation: false, clockWise: false, itemStyle: { color:'#2858BA', }, label: { show: false }, data: [1] }, ] }; if (chartId == 'foundation'){ myChart.on('legendselectchanged', function(params) { let name = params.name; if (name.indexOf("投入") != -1){ localStorage.setItem("subType","基础") localStorage.setItem("state","1"); window.location.href="./z_subcontractingTeamsList.html"; }else if(name.indexOf("闲置") != -1){ localStorage.setItem("subType","基础") localStorage.setItem("state","0"); window.location.href="./z_subcontractingTeamsList.html"; } }); myChart.on('click', function(params) { localStorage.setItem("subType","基础") localStorage.setItem("state",""); window.location.href="./z_subcontractingTeamsList.html"; }); } else if (chartId == 'own_foundation'){ myChart.on('legendselectchanged', function(params) { let name = params.name; if (name.indexOf("投入") != -1){ localStorage.setItem("ownType","基础") localStorage.setItem("state","1"); window.location.href="./z_ownTeamList.html"; }else if(name.indexOf("闲置") != -1){ localStorage.setItem("ownType","基础") localStorage.setItem("state","0"); window.location.href="./z_ownTeamList.html"; } }); myChart.on('click', function(params) { localStorage.setItem("ownType","基础") localStorage.setItem("state",""); window.location.href="./z_ownTeamList.html"; }); } option && myChart.setOption(option); } function getTower(dataKey,dataValue,chartId) { var chartDom = document.getElementById(chartId); var myChart = echarts.init(chartDom); var data = [ { label: "投入: "+dataValue, value: dataValue }, { label: "闲置: "+(parseInt(dataKey)-parseInt(dataValue)), value: (parseInt(dataKey)-parseInt(dataValue)) } ]; var colors = [ ['25,216,248', '40,220,245', '149,252,220' ], [ '9,61,78','52,131,107','120,193,122'] ]; var num =dataKey; //数量 var option; option = { title: [ { text: '组塔', x: 'center', y: '40%', textStyle: { fontWeight: 'normal', fontSize: 12, color: "#fff", } }, { text: num, x: 'center', y: '50%', textStyle: { fontWeight: 'normal', fontSize: 24, color: "#fff", } }], legend: { orient: 'horizontal', icon: 'circle', bottom: -5, textStyle: { color: '#fff' }, data: data.map(it => it.label), }, tooltip: { show: false }, series: [ { name: '年龄段', type: 'pie', radius: ['65%', '45%'], center: ['50%', '50%'], itemStyle: { normal: { label: { show: false }, labelLine: { show: false }, shadowBlur: 0, shadowColor: '#203665' } }, data: data.map((it, i) => { return { value: it.value, name: it.label, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{ offset: 0.05, color: `rgba(${colors[i][0]},0.7)` }, { offset: 0.5, color: `rgba(${colors[i][1]},0.7)` }, { offset: 1, color: `rgba(${colors[i][2]},0.7)` }]), }, color: `rgba(${colors[i]},0.7)`, borderColor: `rgba(${colors[i]},1)`, borderWidth: 1 } }; }) }, { type: 'pie',// 内层细圆环2 radius: ['75%', '80%'], hoverAnimation: false, clockWise: false, itemStyle: { color:'#2858BA', }, label: { show: false }, data: [1] }, ] }; if (chartId == 'tower'){ myChart.on('legendselectchanged', function(params) { let name = params.name; if (name.indexOf("投入") != -1){ localStorage.setItem("subType","组塔") localStorage.setItem("state","1"); window.location.href="./z_subcontractingTeamsList.html"; }else if(name.indexOf("闲置") != -1){ localStorage.setItem("subType","组塔") localStorage.setItem("state","0"); window.location.href="./z_subcontractingTeamsList.html"; } }) myChart.on('click', function(params) { localStorage.setItem("subType","组塔") localStorage.setItem("state",""); window.location.href="./z_subcontractingTeamsList.html"; }); }else if (chartId == 'own_tower'){ myChart.on('legendselectchanged', function(params) { let name = params.name; if (name.indexOf("投入") != -1){ localStorage.setItem("ownType","组塔") localStorage.setItem("state","1"); window.location.href="./z_ownTeamList.html"; }else if(name.indexOf("闲置") != -1){ localStorage.setItem("ownType","组塔") localStorage.setItem("state","0"); window.location.href="./z_ownTeamList.html"; } }); myChart.on('click', function(params) { localStorage.setItem("ownType","组塔") localStorage.setItem("state",""); window.location.href="./z_ownTeamList.html"; }); } option && myChart.setOption(option); } function getLine(dataKey,dataValue,chartId) { var chartDom = document.getElementById(chartId); var myChart = echarts.init(chartDom); var data = [ { label: "投入: "+dataValue, value: dataValue }, { label: "闲置: "+(parseInt(dataKey)-parseInt(dataValue)), value: (parseInt(dataKey)-parseInt(dataValue)) } ]; var colors = [ ['25,216,248', '40,220,245', '149,252,220' ], [ '9,61,78','52,131,107','120,193,122'] ]; var num = dataKey; //数量 var option; option = { title: [ { text: '架线', x: 'center', y: '40%', textStyle: { fontWeight: 'normal', fontSize: 12, color: "#fff", } }, { text: num, x: 'center', y: '50%', textStyle: { fontWeight: 'normal', fontSize: 24, color: "#fff", } }], legend: { orient: 'horizontal', icon: 'circle', bottom: -5, textStyle: { color: '#fff' }, data: data.map(it => it.label), }, tooltip: { show: false }, series: [ { name: '年龄段', type: 'pie', radius: ['65%', '45%'], center: ['50%', '50%'], itemStyle: { normal: { label: { show: false }, labelLine: { show: false }, shadowBlur: 0, shadowColor: '#203665' } }, data: data.map((it, i) => { return { value: it.value, name: it.label, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{ offset: 0.05, color: `rgba(${colors[i][0]},0.7)` }, { offset: 0.5, color: `rgba(${colors[i][1]},0.7)` }, { offset: 1, color: `rgba(${colors[i][2]},0.7)` }]), }, color: `rgba(${colors[i]},0.7)`, borderColor: `rgba(${colors[i]},1)`, borderWidth: 1 } }; }) }, { type: 'pie',// 内层细圆环2 radius: ['75%', '80%'], hoverAnimation: false, clockWise: false, itemStyle: { color:'#2858BA', }, label: { show: false }, data: [1] }, ] }; if (chartId == 'line'){ myChart.on('legendselectchanged', function(params) { let name = params.name; if (name.indexOf("投入") != -1){ localStorage.setItem("subType","架线") localStorage.setItem("state","1"); window.location.href="./z_subcontractingTeamsList.html"; }else if(name.indexOf("闲置") != -1){ localStorage.setItem("subType","架线") localStorage.setItem("state","0"); window.location.href="./z_subcontractingTeamsList.html"; } }) myChart.on('click', function(params) { localStorage.setItem("subType","架线") localStorage.setItem("state",""); window.location.href="./z_subcontractingTeamsList.html"; }); }else if (chartId == 'own_line'){ myChart.on('legendselectchanged', function(params) { let name = params.name; if (name.indexOf("投入") != -1){ localStorage.setItem("ownType","架线") localStorage.setItem("state","1"); window.location.href="./z_ownTeamList.html"; }else if(name.indexOf("闲置") != -1){ localStorage.setItem("ownType","架线") localStorage.setItem("state","0"); window.location.href="./z_ownTeamList.html"; } }); myChart.on('click', function(params) { localStorage.setItem("ownType","架线") localStorage.setItem("state",""); window.location.href="./z_ownTeamList.html"; }); } option && myChart.setOption(option); } function getDevice(names,dataValue,dataNum) { var chartDom = document.getElementById('device'); var myChart = echarts.init(chartDom); var name = names; var num = dataValue; var nums = dataNum; var option; option = { tooltip: { show: true, trigger: 'axis', backgroundColor: "rgba(75,79,82)", //设置背景图片 rgba格式 borderWidth: "1", //边框宽度设置1 borderColor: "gray", //设置边框颜色 axisPointer:{ type:'shadow', }, textStyle: { fontSize: 16, color: "#E7E8E8" //设置文字颜色 }, formatter: (p)=> { //添加单位 console.log("p:"+JSON.stringify(p)); return '投入:  ' +p[0].value + ' 套
' +'闲置:  ' +p[1].value + ' 套'; } }, legend: { data: ["投入", "闲置"], top: "0", right: '0', textStyle: { color: "rgba(250,250,250,0.6)", fontSize: 16 } }, grid: { top: '10%', right: '3%', left: '0%', bottom: '0%', containLabel:true }, barWidth: 15, xAxis: { type: 'value', splitLine: { lineStyle: { color: "rgba(255,255,255,0.2)", type:"dashed" } }, axisTick: { show: false }, axisLine: { // 改变x轴颜色 lineStyle: { color: '#26D9FF', } }, axisLabel: { // 改变x轴字体颜色和大小 textStyle: { color: "rgba(250,250,250,0.6)", fontSize: 16 } } }, yAxis: { type: 'category', data: name, splitLine: { show: false }, axisTick: { show: false }, axisLine: { // 改变y轴颜色 lineStyle: { color: '#5E657C', } }, axisLabel: { // 改变y轴字体颜色和大小 // formatter: '{value} 套', textStyle: { color: "rgba(193,195,205,0.6)", fontSize: 16 } } }, series: [ { type: 'bar', name: "投入", itemStyle: { normal: { label: { show: true, position: 'right', textStyle: { color: "rgba(250,250,250,0.6)", fontSize: 16, fontWeight: 600 }, // formatter: function(params) { // return params.value + '套'; // } }, color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{ offset: 0, color: 'rgba(52,233,148,1)' }, { offset: 1, color: 'rgba(12,63,73,0)' }]), borderWidth: 2 } }, data: num }, { type: 'bar', name: "闲置", itemStyle: { normal: { label: { show: true, position: 'right', textStyle: { color: "rgba(250,250,250,0.6)", fontSize: 16, fontWeight: 600 }, // formatter: function(params) { // return params.value + '套'; // } }, color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{ offset: 0, color: 'rgba(37,135,251,1)' }, { offset: 1, color: 'rgba(5,29,80,0)' }]), borderWidth: 2 } }, data: nums } ] }; option && myChart.setOption(option); } // 定义一个变量用于记录当前展示的数据索引 var currentIndex = 0; function getProject(proName,proId,data0,data1,data2,lonList,latList,cityNameList) { var chartDom = document.getElementById('project'); var myChart = echarts.init(chartDom); var threaten_data = data0; var threaten_data2 = data1; var threaten_data3 = data2; var xAxis_data = proName; var xAxis_id = proId; var showNums = 18; if(proName.length<=5){ showNums = 100; } // var threaten_data = [760,450,820,450,240,605,1301,1101]; // var threaten_data2 = [860,650,890,750,540,685,1401,1201]; // var threaten_data3 = [860,650,890,750,540,685,1401,1201]; // var xAxis_data = ['周一','周二','周三','周四','周五','周六','周日']; var option; option = { grid: { left: '5%', right: '5%', bottom: '1%', top: '12%', containLabel: true }, legend: { icon:'circle', right: '5%', top:10, data: ['基础','组塔','架线'], textStyle: { color: '#5b97d5' } }, xAxis:{ type : 'category', data : xAxis_data, axisLabel:{ rotate: 20, // 旋转角度, fontSize: 12, // 字体大小 textStyle:{ color: '#D9DBE0', } }, axisLine:{ show: false, lineStyle:{ color:'#1f3a56', } }, splitLine:{ show: false, }, axisTick:{ show:false, }, }, yAxis :{ min: 0, max: 100, type : 'value', axisLabel:{ textStyle:{ color: '#C9CBD4' }, formatter:'{value} %' }, axisLine:{ lineStyle:{ color:'#1f3a56', } }, splitLine:{ show: true, lineStyle:{ color:'#1f3a56', type:"dashed" } }, }, tooltip: { show: true, formatter: function (params) { console.log("params="+JSON.stringify(params)); let values = "0"; if(!isNaN(params.value)){ values = params.value; } // return params.seriesName + ' : ' + values+"\r"+params.name; return params.seriesName + ':' + values+"%";; } }, series: [ { name:'基础', type:'bar', barWidth : '10%', //柱子宽度 itemStyle:{ //柱子颜色 normal:{ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#59A5FF' }, { offset: 1, color: '#0E3A57' }]), } }, barMinHeight:3, data : threaten_data, }, { name:'组塔', type:'bar', barWidth : '10%', //柱子宽度 itemStyle:{ //柱子颜色 normal:{ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#FBF899' }, { offset: 1, color: '#344E61' }]), } }, barMinHeight:3, data : threaten_data2 }, { name:'架线', type:'bar', barWidth : '10%', //柱子宽度 itemStyle:{ //柱子颜色 normal:{ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#9BDDB4' }, { offset: 1, color: '#165363' }]), }, }, barMinHeight:3, data : threaten_data3 } ],dataZoom: [ { type: 'inside', start: 0, end: showNums } ] }; option && myChart.setOption(option); myChart.on('click', function (params) { let index = xAxis_data.indexOf(params.name); // 这里可以编写处理点击事件的逻辑 var proId = xAxis_id[index]; var selectLon = lonList[index]; var selectLat = latList[index]; var cityName = cityNameList[index]; // 在这里可以根据点击的位置信息进行相应的操作 localStorage.setItem("proId",proId); localStorage.setItem("selectLon",selectLon); localStorage.setItem("selectLat",selectLat); localStorage.setItem("cityName",cityName); window.location.href="./schedule.html"; // var index = layer.open({ // type: 2, // title: '形象进度', // content: './schedule.html', // area: ['90%', '95%'], // maxmin: false, // closeBtn: true // }); }); if(proName.length>5){ //使用定时器每隔三秒更新图表数据 setInterval(function() { // 更新数据 var firstElement = threaten_data.shift(); // 移除数组的第一个元素,并返回该元素 threaten_data.push(firstElement); // 将该元素添加到数组的末尾 option.series[0].data = threaten_data; var firstElement2 = threaten_data2.shift(); // 移除数组的第一个元素,并返回该元素 threaten_data2.push(firstElement2); // 将该元素添加到数组的末尾 option.series[1].data = threaten_data2; var firstElement3 = threaten_data3.shift(); // 移除数组的第一个元素,并返回该元素 threaten_data3.push(firstElement3); // 将该元素添加到数组的末尾 option.series[2].data = threaten_data3; // console.log("threaten_data1="+threaten_data); // console.log("threaten_data2="+threaten_data2) // console.log("threaten_data3="+threaten_data3) //xAxis_id var proName = xAxis_data.shift(); // 移除数组的第一个元素,并返回该元素 xAxis_data.push(proName); // 将该元素添加到数组的末尾 var proId= xAxis_id.shift(); // 移除数组的第一个元素,并返回该元素 xAxis_id.push(proId); // 将该元素添加到数组的末尾 // 重新设置图表配置 option && myChart.setOption(option); // 自增索引,判断是否超过数据长度,如果超过则重置为0 }, 3000); } };