' + d.level + '
'; + } + } + ]], + initComplete: function () { + // 在表格渲染完成后，重新渲染序号列 + var that = this.elem.next(); + var tool = that.children('.layui-table-box').children('.layui-table-fixed').children('.layui-table-body').children('.layui-table'); + tool.find("tr").each(function (index, item) { + $(this).find('td[data-field="LAY_TABLE_INDEX"]').text(index + 1); + }); + }, + done: function (res, curr, count, origin) { + // console.log(res); + } + }) +} + +function query(type) { + let name = $('#name').val(); + let bidCode = parent.parent.$('#bidPro').val() + initTable(bidCode,name); +} + +// 初始化 echarts +function initEcharts(bidCode) { + if(myChart && myChart2){ + myChart.dispose(); + myChart2.dispose(); + } + myChart = echarts.init(document.getElementById("environmentChart")); + myChart2 = echarts.init(document.getElementById("riskChart")); + + // let oneList = oneDataList.filter(item => { + // return item.bidCode === bidCode; + // }); + + const url = commonUrl + "screen/largeScreen/engineeringSafetyAnalysis/environmental"; + $.ajax({ + url: url, + type: "get", + headers: { + authorization: sessionStorage.getItem("zhgd_token"), + }, + data: { + bidCode: bidCode, + }, + success: function (data) { + console.log(data, "图表数据1===折线图"); + + if (data.rows && data.rows.length > 0) { + console.log(data.rows) + initEchartsOne(data.rows); + } + }, + }); + + const url2 = commonUrl + "screen/largeScreen/engineeringSafetyAnalysis/hazards"; + $.ajax({ + url: url2, + type: "get", + headers: { + authorization: sessionStorage.getItem("zhgd_token"), + }, + data: { + bidCode: bidCode, + }, + success: function (data) { + console.log(data, "图表数据2===折线图"); + if (data.rows && data.rows.length > 0) { + initEchartsTwo(data.rows); + } + }, + }); +} + +function initEchartsOne(data) { + + const dates = data.map(item => item.date); + const temperatures = data.map(item => item.temperature); + const humidities = data.map(item => item.humidity); + const windSpeeds = data.map(item => item.windSpeed); + + const environmentOption = { + animation: false, + tooltip: { + trigger: 'axis' + }, + legend: { + data: ['温度', '湿度', '风速'], + textStyle: { + color: "#fff", // 图例文本白色 + }, + }, + xAxis: { + type: 'category', + data: dates, + axisLabel: { + color: "#fff", // X轴标签白色 + }, + axisLine: { + lineStyle: { + color: "#444", // X轴线颜色 + }, + }, + splitLine: { + show: false, // 不显示X轴网格线 + }, + }, + yAxis: [ + { + type: 'value', + name: '温度/湿度', + nameTextStyle: { + color: "#fff", // Y轴名称白色 + }, + min: 0, + max: 100, + axisLabel: { + color: "#fff", // Y轴标签白色 + }, + axisLine: { + lineStyle: { + color: "#444", // Y轴线颜色 + }, + }, + splitLine: { + lineStyle: { + color: "#333", // Y轴网格线颜色 + type: "dashed", // 网格线样式 + }, + }, + }, + { + type: 'value', + name: '风速', + nameTextStyle: { + color: "#fff", // Y轴名称白色 + }, + min: 0, + max: 20, + axisLabel: { + color: "#fff", // 第二Y轴标签白色 + }, + axisLine: { + lineStyle: { + color: "#444", // 第二Y轴线颜色 + }, + }, + splitLine: { + show: false, // 不显示第二Y轴网格线 + }, + } + ], + series: [ + { + name: '温度', + type: 'line', + data: temperatures, + itemStyle: { + color: "#4A90E2", // 蓝色 + }, + lineStyle: { + width: 2, + }, + symbol: "circle", // 数据点为圆形 + symbolSize: 8, // 数据点大小 + }, + { + name: '湿度', + type: 'line', + data: humidities, + itemStyle: { + color: "#50E3C2", // 绿色 + }, + lineStyle: { + width: 2, + }, + symbol: "circle", + symbolSize: 8, + }, + { + name: '风速', + type: 'line', + yAxisIndex: 1, + data: windSpeeds, + itemStyle: { + color: "#F5A623", // 橙黄色 + }, + lineStyle: { + width: 2, + }, + symbol: "circle", + symbolSize: 8, + } + ] + }; + myChart.setOption(environmentOption, true); + window.addEventListener("resize", function () { + myChart.resize(); + }); +} + +function initEchartsTwo(data) { + + + const seriesData = data.map(item => ({ + name: item.level, + value: parseInt(item.count, 10), + itemStyle: { + color: getColorByLevel(item.level) + } + })); + + function getColorByLevel(level) { + switch (level) { + case '一般隐患': return "#4A90E2"; + case '较大隐患': return "#50E3C2"; + case '重大隐患': return "#F5A623"; + default: return "#ccc"; + } + } + + const riskOption = { + animation: false, + tooltip: { + trigger: 'item' + }, + legend: { + orient: 'vertical', + left: 'left', + textStyle: { + color: "#fff", // 图例文本白色 + }, + }, + series: [ + { + name: '隐患分布', + type: 'pie', + radius: '50%', + data: seriesData, + emphasis: { + itemStyle: { + shadowBlur: 10, + shadowOffsetX: 0, + shadowColor: 'rgba(0, 0, 0, 0.5)' + } + }, + } + ] + } + myChart2.setOption(riskOption, true) +} diff --git a/pages/newDataAnalysis/engineeringSafetyAnalysis.html b/pages/newDataAnalysis/engineeringSafetyAnalysis.html new file mode 100644 index 0000000..b8d2565 --- /dev/null +++ b/pages/newDataAnalysis/engineeringSafetyAnalysis.html @@ -0,0 +1,65 @@ + + + + + + + + + + + + + + + + + + + + + +